*{
	margin: 0;
	padding: 0;
}
pre{
	white-space: pre-wrap;
	word-wrap: break-word;
}
small{
	white-space: pre-wrap;
	word-wrap: break-word;
}
body{
	font-family: Lato,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height:1.5;
	/*font-weight: 500;*/
	color: #333;
	background-color: #F7F7F7;
	font-family: "Segoe UI","pen Sans","Helvetica Neue", "MWF-MDL2","Helvetica,Arial,sans-serif";
	overflow-x: hidden;
}
.body-en{
  background-color: #fff;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
img{ 
	border:none;
	max-width: 100%;
	vertical-align: middle;
  height: auto;
  display: inline-block;
} 
li{
	list-style:none;
}
a{
	text-decoration:none;
	color: #1781E0;
}
.margin-auto {
    margin-left: auto;
    margin-right: auto;
}
.video, video {
    text-align: center;
    width: 100%;
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
}
.div-box {
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
@font-face{
  	font-family: 'icomoon';
  	src:  url('../fonts/icomoon.eot');
  	src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') format('svg');
}
.icon-fonts{
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-add:before{
  content: "\e900";
}
.icon-clearclose:before{
  content: "\e901";
}
.icon-remove:before{
  content: "\e902";
}
.icon-reply:before{
  content: "\e903";
}
.icon-save_alt:before{
  content: "\e904";
}
.icon-cloud_download:before{
  content: "\e905";
}
.icon-cloud_uploadbackup:before{
  content: "\e906";
}
.icon-folder_open:before{
  content: "\e907";
}
.icon-wb_cloudy:before{
  content: "\e908";
}
.icon-local_grocery_storeshopping_cart:before{
  content: "\e909";
}
.icon-store_mall_directorystore:before{
  content: "\e90a";
}
.icon-keyboard_control:before{
  content: "\e90b";
}
.icon-more_vert:before{
  content: "\e90c";
}
.icon-share:before{
  content: "\e90d";
}
.icon-thumb_down_alt:before{
  content: "\e90e";
}
.icon-thumb_up_alt:before{
  content: "\e90f";
}
.icon-stargrade:before{
  content: "\e910";
}
.icon-star_half:before{
  content: "\e911";
}
.icon-star_outline:before{
  content: "\e912";
}
.icon-add_shopping_cart:before{
  content: "\e913";
}
.icon-home:before{
  content: "\e914";
}
.icon-work:before{
  content: "\e915";
}
.icon-check_circle_outline:before{
  content: "\e916";
}
.icon-bookmarks:before{
  content: "\e917";
}
.icon-home_filled:before{
  content: "\e918";
}
.icon-thumb_down_off_alt:before{
  content: "\e919";
}
.icon-thumb_up_off_alt:before{
  content: "\e91a";
}
.icon-bookmark:before{
  content: "\e91b";
}
.icon-email:before{
  content: "\e91c";
}
.icon-heart:before{
  content: "\e91d";
}
.icon-user:before{
  content: "\e91e";
}
.icon-share1:before{
  content: "\e91f";
}
.icon-align-justify:before{
  content: "\e920";
}
.icon-align-left:before{
  content: "\e921";
}
.icon-align-right:before{
  content: "\e922";
}
.icon-arrow-down:before{
  content: "\e923";
}
.icon-arrow-left:before{
  content: "\e924";
}
.icon-arrow-right:before{
  content: "\e925";
}
.icon-arrow-up:before{
  content: "\e926";
}
.icon-check:before{
  content: "\e927";
}
.icon-chevron-down:before{
  content: "\e928";
}
.icon-chevron-left:before{
  content: "\e929";
}
.icon-chevron-right:before{
  content: "\e92a";
}
.icon-chevron-up:before{
  content: "\e92b";
}
.icon-chevrons-down:before{
  content: "\e92c";
}
.icon-chevrons-left:before{
  content: "\e92d";
}
.icon-chevrons-right:before{
  content: "\e92e";
}
.icon-home1:before{
  content: "\e92f";
}
.icon-plus:before{
  content: "\e930";
}
.icon-share-2:before{
  content: "\e931";
}
.icon-tag:before{
  content: "\e932";
}
.icon-paper-plane:before{
  content: "\e933";
}
.icon-dashboard_customize:before {
  content: "\e934";
}
.icon-pencil:before {
  content: "\e935";
}
.icon-books:before {
  content: "\e936";
}
.icon-search:before {
  content: "\e937";
}
.clearfloat:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
} 
.clearfloat{
	zoom:1;
}
.clear{
	clear:both;
}
.STYLE1 {	color: #999999
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.box-flex, .box-flex2{
	display: -webkit-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	-o-flex-wrap: wrap;
  	flex-wrap:wrap;
	-webkit-align-items:center;
 	-moz-align-items:center;
 	-ms-align-items:center;
 	-o-align-items:center;
 	align-items:center;
}
.box-flex, .box-flex4{
	-webkit-justify-content: space-between;
  	-moz-justify-content: space-between;
  	-ms-justify-content: space-between;
  	-o-justify-content: space-between; 
	justify-content: space-between;
}
.box-flex2, .box-flex5{
	-webkit-justify-content: space-around;
  	-moz-justify-content: space-around;
  	-ms-justify-content: space-around;
  	-o-justify-content: space-around; 
	justify-content: space-around;
}
.box-flex3{
	display: -webkit-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-flex-direction: column;
  	-moz-flex-direction: column;
  	-ms-flex-direction: column;
  	-o-flex-direction: column; 
  	flex-direction: column;
	-webkit-align-items:center;
 	-moz-align-items:center;
 	-ms-align-items:center;
 	-o-align-items:center;
 	align-items:center;
}
.box-flex4, .box-flex5{
	display: -webkit-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	-o-flex-wrap: wrap;
  	flex-wrap:wrap;
}
.container-isunshare{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters{
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 768px){
  .container-isunshare{
    width: 738px;
  }
}
@media (min-width: 992px){
  .container-isunshare{
    width: 970px;
  }
}
@media (min-width: 1200px){
  .container-isunshare{
    width: 1170px;
  }
  .header .container-isunshare{
    width: 1270px;
  }
}
.container-fluid{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
  float: left;
}*/
.col-xs-12{
  flex: 0 0 100%;
  max-width: 100%;
}
.col-xs-11{
  width: 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-xs-10{
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-xs-9{
  flex: 0 0 75%;
  max-width: 75%;
}
.col-xs-8{
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-xs-7{
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-xs-6{
  flex: 0 0 50%;
  max-width: 50%;
}
.col-xs-5{
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-xs-4{
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-xs-3{
  flex: 0 0 25%;
  max-width: 25%;
}
.col-xs-2{
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-xs-1{
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-xs-pull-12{
  right: 100%;
}
.col-xs-pull-11{
  right: 91.66666667%;
}
.col-xs-pull-10{
  right: 83.33333333%;
}
.col-xs-pull-9{
  right: 75%;
}
.col-xs-pull-8{
  right: 66.66666667%;
}
.col-xs-pull-7{
  right: 58.33333333%;
}
.col-xs-pull-6{
  right: 50%;
}
.col-xs-pull-5{
  right: 41.66666667%;
}
.col-xs-pull-4{
  right: 33.33333333%;
}
.col-xs-pull-3{
  right: 25%;
}
.col-xs-pull-2{
  right: 16.66666667%;
}
.col-xs-pull-1{
  right: 8.33333333%;
}
.col-xs-pull-0{
  right: auto;
}
.col-xs-push-12{
  left: 100%;
}
.col-xs-push-11{
  left: 91.66666667%;
}
.col-xs-push-10{
  left: 83.33333333%;
}
.col-xs-push-9{
  left: 75%;
}
.col-xs-push-8{
  left: 66.66666667%;
}
.col-xs-push-7{
  left: 58.33333333%;
}
.col-xs-push-6{
  left: 50%;
}
.col-xs-push-5{
  left: 41.66666667%;
}
.col-xs-push-4{
  left: 33.33333333%;
}
.col-xs-push-3{
  left: 25%;
}
.col-xs-push-2{
  left: 16.66666667%;
}
.col-xs-push-1{
  left: 8.33333333%;
}
.col-xs-push-0{
  left: auto;
}
.col-xs-offset-12{
  margin-left: 100%;
}
.col-xs-offset-11{
  margin-left: 91.66666667%;
}
.col-xs-offset-10{
  margin-left: 83.33333333%;
}
.col-xs-offset-9{
  margin-left: 75%;
}
.col-xs-offset-8{
  margin-left: 66.66666667%;
}
.col-xs-offset-7{
  margin-left: 58.33333333%;
}
.col-xs-offset-6{
  margin-left: 50%;
}
.col-xs-offset-5{
  margin-left: 41.66666667%;
}
.col-xs-offset-4{
  margin-left: 33.33333333%;
}
.col-xs-offset-3{
  margin-left: 25%;
}
.col-xs-offset-2{
  margin-left: 16.66666667%;
}
.col-xs-offset-1{
  margin-left: 8.33333333%;
}
.col-xs-offset-0{
  margin-left: 0;
}
@media (min-width: 768px){
  /*.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
    float: left;
  }*/
  .col-sm-12{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-11{
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-10{
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-8{
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-7{
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-5{
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-4{
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-3{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-2{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-1{
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-pull-12{
    right: 100%;
  }
  .col-sm-pull-11{
    right: 91.66666667%;
  }
  .col-sm-pull-10{
    right: 83.33333333%;
  }
  .col-sm-pull-9{
    right: 75%;
  }
  .col-sm-pull-8{
    right: 66.66666667%;
  }
  .col-sm-pull-7{
    right: 58.33333333%;
  }
  .col-sm-pull-6{
    right: 50%;
  }
  .col-sm-pull-5{
    right: 41.66666667%;
  }
  .col-sm-pull-4{
    right: 33.33333333%;
  }
  .col-sm-pull-3{
    right: 25%;
  }
  .col-sm-pull-2{
    right: 16.66666667%;
  }
  .col-sm-pull-1{
    right: 8.33333333%;
  }
  .col-sm-pull-0{
    right: auto;
  }
  .col-sm-push-12{
    left: 100%;
  }
  .col-sm-push-11{
    left: 91.66666667%;
  }
  .col-sm-push-10{
    left: 83.33333333%;
  }
  .col-sm-push-9{
    left: 75%;
  }
  .col-sm-push-8{
    left: 66.66666667%;
  }
  .col-sm-push-7{
    left: 58.33333333%;
  }
  .col-sm-push-6{
    left: 50%;
  }
  .col-sm-push-5{
    left: 41.66666667%;
  }
  .col-sm-push-4{
    left: 33.33333333%;
  }
  .col-sm-push-3{
    left: 25%;
  }
  .col-sm-push-2{
    left: 16.66666667%;
  }
  .col-sm-push-1{
    left: 8.33333333%;
  }
  .col-sm-push-0{
    left: auto;
  }
  .col-sm-offset-12{
    margin-left: 100%;
  }
  .col-sm-offset-11{
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10{
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9{
    margin-left: 75%;
  }
  .col-sm-offset-8{
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7{
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6{
    margin-left: 50%;
  }
  .col-sm-offset-5{
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4{
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3{
    margin-left: 25%;
  }
  .col-sm-offset-2{
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1{
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0{
    margin-left: 0;
  }
}
@media (min-width: 992px){
  /*.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    float: left;
  }*/
  .col-md-12{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-11{
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-10{
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-8{
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-7{
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-5{
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-4{
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-3{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-2{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-1{
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-pull-12{
    right: 100%;
  }
  .col-md-pull-11{
    right: 91.66666667%;
  }
  .col-md-pull-10{
    right: 83.33333333%;
  }
  .col-md-pull-9{
    right: 75%;
  }
  .col-md-pull-8{
    right: 66.66666667%;
  }
  .col-md-pull-7{
    right: 58.33333333%;
  }
  .col-md-pull-6{
    right: 50%;
  }
  .col-md-pull-5{
    right: 41.66666667%;
  }
  .col-md-pull-4{
    right: 33.33333333%;
  }
  .col-md-pull-3{
    right: 25%;
  }
  .col-md-pull-2{
    right: 16.66666667%;
  }
  .col-md-pull-1{
    right: 8.33333333%;
  }
  .col-md-pull-0{
    right: auto;
  }
  .col-md-push-12{
    left: 100%;
  }
  .col-md-push-11{
    left: 91.66666667%;
  }
  .col-md-push-10{
    left: 83.33333333%;
  }
  .col-md-push-9{
    left: 75%;
  }
  .col-md-push-8{
    left: 66.66666667%;
  }
  .col-md-push-7{
    left: 58.33333333%;
  }
  .col-md-push-6{
    left: 50%;
  }
  .col-md-push-5{
    left: 41.66666667%;
  }
  .col-md-push-4{
    left: 33.33333333%;
  }
  .col-md-push-3{
    left: 25%;
  }
  .col-md-push-2{
    left: 16.66666667%;
  }
  .col-md-push-1{
    left: 8.33333333%;
  }
  .col-md-push-0{
    left: auto;
  }
  .col-md-offset-12{
    margin-left: 100%;
  }
  .col-md-offset-11{
    margin-left: 91.66666667%;
  }
  .col-md-offset-10{
    margin-left: 83.33333333%;
  }
  .col-md-offset-9{
    margin-left: 75%;
  }
  .col-md-offset-8{
    margin-left: 66.66666667%;
  }
  .col-md-offset-7{
    margin-left: 58.33333333%;
  }
  .col-md-offset-6{
    margin-left: 50%;
  }
  .col-md-offset-5{
    margin-left: 41.66666667%;
  }
  .col-md-offset-4{
    margin-left: 33.33333333%;
  }
  .col-md-offset-3{
    margin-left: 25%;
  }
  .col-md-offset-2{
    margin-left: 16.66666667%;
  }
  .col-md-offset-1{
    margin-left: 8.33333333%;
  }
  .col-md-offset-0{
    margin-left: 0;
  }
}
@media (min-width: 1200px){
  /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    float: left;
  }*/
  .col-lg-12{
  	flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-11{
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-10{
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-8{
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-7{
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-5{
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-4{
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-3{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-2{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-1{
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-pull-12{
    right: 100%;
  }
  .col-lg-pull-11{
    right: 91.66666667%;
  }
  .col-lg-pull-10{
    right: 83.33333333%;
  }
  .col-lg-pull-9{
    right: 75%;
  }
  .col-lg-pull-8{
    right: 66.66666667%;
  }
  .col-lg-pull-7{
    right: 58.33333333%;
  }
  .col-lg-pull-6{
    right: 50%;
  }
  .col-lg-pull-5{
    right: 41.66666667%;
  }
  .col-lg-pull-4{
    right: 33.33333333%;
  }
  .col-lg-pull-3{
    right: 25%;
  }
  .col-lg-pull-2{
    right: 16.66666667%;
  }
  .col-lg-pull-1{
    right: 8.33333333%;
  }
  .col-lg-pull-0{
    right: auto;
  }
  .col-lg-push-12{
    left: 100%;
  }
  .col-lg-push-11{
    left: 91.66666667%;
  }
  .col-lg-push-10{
    left: 83.33333333%;
  }
  .col-lg-push-9{
    left: 75%;
  }
  .col-lg-push-8{
    left: 66.66666667%;
  }
  .col-lg-push-7{
    left: 58.33333333%;
  }
  .col-lg-push-6{
    left: 50%;
  }
  .col-lg-push-5{
    left: 41.66666667%;
  }
  .col-lg-push-4{
    left: 33.33333333%;
  }
  .col-lg-push-3{
    left: 25%;
  }
  .col-lg-push-2{
    left: 16.66666667%;
  }
  .col-lg-push-1{
    left: 8.33333333%;
  }
  .col-lg-push-0{
    left: auto;
  }
  .col-lg-offset-12{
    margin-left: 100%;
  }
  .col-lg-offset-11{
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10{
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9{
    margin-left: 75%;
  }
  .col-lg-offset-8{
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7{
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6{
    margin-left: 50%;
  }
  .col-lg-offset-5{
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4{
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3{
    margin-left: 25%;
  }
  .col-lg-offset-2{
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1{
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0{
    margin-left: 0;
  }
}
#topcontrol {
    background: #fff url(../images/common/scroll-top.png) no-repeat center center;
    width: 50px;
    height: 77px;
    border-radius: 5px;
    border: 1px solid #1781E0;
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    cursor: pointer;
    z-index: 10;
}
.label{
	display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-primary{
  background-color: #1781e0;
}
.label-success{
  background-color: #5cb85c;
}
.label-info{
  background-color: #5bc0de;
}
.label-warning{
  background-color: #ff9800;
}
.label-danger{
  background-color: #fc2f51;
}
/*---------crumb-box------------*/
.crumb-box,.crumb-box a{
	color: #666;
}
.crumb-box{
	padding: 20px 0;
}
.crumb-box a{
	margin-right: 5px;
}
.crumb-box a:first-child{
	margin-right: 0px;
}
.crumb-box span{
	font-size: 20px;
	margin-right: 5px;
	top: 2px;
  width: 20px;
  height: 20px;
}
.crumb-box a:hover{
	color: #1781E0;
}
/*-------en header------------------*/
.nav-app{
	z-index: 40;
	width: 30px;
	height: 36px;
	background: none;
	border: none;
	margin-right: 15px;
}
.nav-app span,
.nav-app span:after,
.nav-app span:before,
.app-button span,
.app-button span:after,
.app-button span:before{
	background-color: #1781E0;
}
.nav-app span, .app-button span{
	width: 100%;
	height: 2px;
	display: block;
	position: relative;
	-webkit-transition: background .3s 0s ease;
    -moz-transition: background .3s 0s ease;
    -o-transition: background .3s 0s ease;
    transition: background .3s 0s ease;
}
.nav-app span:after, .nav-app span:before, .app-button span:after, .app-button span:before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	-webkit-transition: top .3s .6s ease,transform .3s ease;
    -moz-transition: top .3s .6s ease,transform .3s ease;
    -o-transition: top .3s .6s ease,transform .3s ease;
    transition: top .3s .6s ease,transform .3s ease;
}
.nav-app span:after, .app-button span:after{
	top: 10px;
}
.nav-app span:before, .app-button span:before{
	top: -10px;
}
.nav-app .lines, .app-button .lines{
	-webkit-transition: background .3s 0s ease;
    -moz-transition: background .3s 0s ease;
    -o-transition: background .3s 0s ease;
    transition: background .3s 0s ease;
    background: 0;
}
.nav-app .lines:after, .app-button .lines:after{
	-webkit-transform: rotate3d(0,0,1,-45deg);
    -moz-transform: rotate3d(0,0,1,-45deg);
    -o-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}
.nav-app .lines:before, .app-button .lines:before{
	-webkit-transform: rotate3d(0,0,1,45deg);
    -moz-transform: rotate3d(0,0,1,45deg);
    -o-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}
.nav-app .lines:after, .nav-app .lines:before, .app-button .lines:after, .app-button .lines:before{
	-webkit-transition: top .3s ease,transform .3s .5s ease;
    -moz-transition: top .3s ease,transform .3s .5s ease;
    -o-transition: top .3s ease,transform .3s .5s ease;
    transition: top .3s ease,transform .3s .5s ease;
    top: 0;
}
.header{
	background-color: #fff;
	padding: 10px 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	position: relative;
}
.true-header{
	align-self: center;
	margin-left: 15px;
	width: 200px;
	margin-right: auto;
}
.true-header a{
	display: inline-block;
}
.div-pos{
	background-color: #f9f9f9;
	display: none;
	margin-top: 10px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 4;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
.div-pos a{
	padding: 10px;
	display: block;
	color: #333;
	border-bottom: 1px solid #DADADA;
}
.div-pos .s{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.div-pos b{
	display: block;
	font-weight: 600;
	line-height: 1.2;
}
.div-pos em{
	font-size: 14px;
	color: #666;
	font-style: normal;
}
.div-pos .icon-paper-plane,
.div-pos .icon-books,
.div-pos .icon-pencil
{
	width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 38px;
    overflow: hidden;
    position: inherit;
    color: #1781e0;
}
.div-pos .icon-dashboard_customize{
	width: 20px;
	height: 20px;
	display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    overflow: hidden;
    position: inherit;
    color: #1781e0;
}
.div-pos .icon-books{
	font-size: 35px;
}
.div-pos .icon-pencil{
	font-size: 34px;
}
.hidden{
	height: inherit;
	overflow: hidden;
	border-radius: 8px;
}
.nav-ul{
	left: 0;
	right: 0;
	top: 61px;
	z-index: 10;
	height: 0;
	width: 100%;
	transition: all 0.3s;
	overflow: hidden;
}
.last-li i, .last-search> a>i {
  position: absolute;
  left: 0;
  font-size: 22px;
  top: 0;
}
.last-li a, .last-search>a {
  width: 100%;
  height: 32px;
  background-color: #F7F7F7;
  display: block;
  position: relative;
  box-sizing: border-box;
  padding-left: 25px;
}
.last-li a{
	color: #f3982d;
}
.nav-ul>li{
	padding: 10px;
	border-bottom: 1px solid #DADADA;
}
.nav-ul .last-li{
	border-bottom: none;
}
.nav-ul .icon-chevron-down{
	float: right;
	font-size: 24px;
	position: inherit;
	color: #666;
}
.div-pos.one a, .div-pos.four a{
    border-bottom: none;
    padding: 5px 0;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 14px;
}
.div-pos.one a:hover, .div-pos.four a:hover{
	color: #1781E0;
}
.div-pos .t{
    margin: 15px 20px 10px;
   border-bottom: 1px solid #ccc;
   color: #FF9800;
   font-weight: 600;
}
.div-pos .icon-chevron-right{
    font-size: 20px;
    top: 3px;
}
.search-div{
  position: absolute;
  z-index: 5;
  right: 0;
  top: 66px;
  width: 400px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}
.search-div input{
  padding: 10px;
  outline: none;
  font-size: 14px;
  width: calc(100% - 38px);
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.input-btn{
  border-radius: 0 4px 4px 0;
  width: 38px;
  height: 38px;
  border: 1px solid #ddd;
  border-left: none;
  cursor: pointer;
}
.input-btn i{
  font-size: 18px;
  top: 0px;
}
.input-btn:hover{
  background-color: #1781E0;
  border-color: #1781E0;
  color: #fff;
}
.search-ul{
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
}
.search-ul li{
  border-bottom: 1px solid #dadada;
}
.search-ul a{
  display: block;
 
  padding: 5px 0;
  font-size: 14px;
  color: #333;
}
.search-ul .a:hover{
  color: #1781E0;
}
.search-div .tip{
  margin-top: 10px;
  color: #fb1e61;
}
.search-hidden,.search-ul .search-hidden{
  display: none;
}
.search-ul li{
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
}
.search-ul .b{
  margin-left: auto;
}
.search-ul .b,.search-ul .c{
  padding: 2px 7px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid;
}
.search-ul .b{
  color: #333;
}
.search-ul .b:hover{
  color: #1781E0;
}
.search-ul li:first-child{
  margin-top: 10px;
}
.search-ul .c{
  border-radius: 3px;
  background-color: #f39c22;
  border-color: #f39c22;
  color: #fff;
  margin-left: 5px;
}
.search-ul i{
  top: 2px;
}
.close{
  position: absolute;
  z-index: 5;
  top: -30px;
  right: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  font-size: 20px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #dadada;
}
.close i{
  top: 0;
}
.close:hover{
  background-color: #1781E0;
  color: #fff;
  border-color: #1781E0;
}
.search-tab{
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dadada;
  margin-bottom: 10px;
}
.search-tab li{
  padding-bottom: 5px;
  color: #333;
  border-bottom: 2px solid #fff;
}
.search-tab li:first-child{
  margin-right: 20px;
}
.search-tab .active{
  border-color: #1781E0;
  color: #1781E0;
}
.tab-div input::-webkit-input-placeholder{
  color: #999;
}
@media (min-width: 768px) {
	.app-button{
		display: none;
	}
}
@media (min-width:1200px ) {
	.nav-app{
		display: none;
	}
	.header{
		padding: 0;
	}
	.true-header{
		margin-right: auto;
	}
	.div-pos{
		display: block;
	}
	.div-pos a{
		padding: 20px;
	}
	.div-pos a:last-child{
		border-bottom: none;
	}
	.nav-ul{
		width: auto;
		height: auto !important;
		overflow: inherit;
	}
	.nav-ul > li{
		float: left;
		position: relative;
		cursor: pointer;
		margin: 0 12px;
		padding: 20px 0;
		border-bottom: none
	}
	.last-li a, .last-search>a {
    width: auto;
    height: 24px;
    background: none;
  }
	.nav-ul .icon-chevron-down{
		font-size: 18px;
		transition: all 0.3s;
	}
	.nav-ul li:hover{
		color: #1781E0;
	}
	.nav-ul li:hover .icon-chevron-down{
		transform: rotate(180deg);
		color: #1781E0;
	}
	.div-pos,.div-pos:after{
		height: 0;
		z-index: 3;
		position: absolute;
	}
	.div-pos{
		top: 50px;
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		transition: all 0.3s;
		left: 50%;
        transform: translate(-50%,0px)
	}
	.div-pos:after{
		content: "";
	    width: 0;
	    border: 12px solid transparent;
	    border-bottom: 8px solid #fff;
	    left: calc(50% - 8px);
	    top: -20px;
	    opacity: 0;
	}
	.nav-ul li:hover .div-pos:after{
		opacity: 1;
	}
	.div-pos a:hover{
		background-color: #f1f4f7;
	}
	
	.div-pos.one{
		width: 810px;
	}
	.div-pos.two{
		width: 650px;
	}
	.div-pos.three{
		width: 264px;
	}
	.div-pos.four{
		width: 538px;
	}
    .div-pos.four-android{
		width: 295px;
	}
	.div-pos.five{
		width: 230px;
	}
	.nav-ul li:hover .div-pos.one{
		height: 455px;
	}
	.nav-ul li:hover .div-pos.two{
		height: 335px;
	}
	.nav-ul li:hover .div-pos.three{
		height: 335px;
	}
	.nav-ul li:hover .div-pos.four{
		height: 365px;
	}
	.nav-ul li:hover .div-pos.five{
		height: 251px;
	}
    .nav-ul li:hover .div-pos.four-android{
		height: 167px;
	}
}
/*banner-en-----------------------------------------------*/
#banner-en{
	background: #f4faff url(../images/common/banner-bg.png) no-repeat center center;
	background-size: cover;
	padding: 2rem 0 8rem;
}
@media (min-width: 1200px){
    #banner-en {
        padding: 130px 0 240px;
    }
}
#banner-en .row{
	position: relative;
}
.img-right{
	position: absolute;
	display: none;
}
@media (min-width: 992px){
  .img-right {
      right: 0;
      top: 0;
      display: block;
  }
}
@media (min-width: 1200px){
  .img-right {
      right: -15%;
      top: -42%;
  }
}
.watermark{
	max-width:100%;
	height:auto;
	padding:60px 0;
	background:#fafafa;
	background-repeat:repeat;
	background-size:220px 140px;
	background-position:center;
	background-image:url(../images/common/isunshare-watermark.png);
	}
.en-text{
	position: relative;
	background-color: rgba(244, 250, 255, 0.5);
	padding-top: 20px;
}
.en-text>ul{
	animation: myfirst 0.1s 1 ease-in-out;
	-moz-animation: myfirst 0.1s 1 ease-in-out;
	-webkit-animation: myfirst 0.1s 1 ease-in-out;
	-o-animation: myfirst 0.1s 1 ease-in-out;
}
.en-text>ul li{
	padding-left: 15px;
}
.en-text>ul li span{
	font-size: 20px;
	color: #ff9b1a;
	top: 1px;
}
.en-text h2{
	font-size: 36px;
	margin-bottom: 10px;
	animation: myfirst 0.3s 1 ease-in-out;
	-moz-animation: myfirst 0.3s 1 ease-in-out;
	-webkit-animation: myfirst 0.3s 1 ease-in-out;
	-o-animation: myfirst 0.3s 1 ease-in-out;
}
.en-text p{
	font-size: 16px;
	margin-bottom: 20px;
	animation: myfirst 0.5s 1 ease-in-out;
	-moz-animation: myfirst 0.5s 1 ease-in-out;
	-webkit-animation: myfirst 0.5s 1 ease-in-out;
	-o-animation: myfirst 0.5s 1 ease-in-out;
}
.en-href{
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.en-href a{
	border: 1px solid #f3982d;
	font-size: 24px;
	width: 180px;
	height: 64px;
	line-height: 64px;
	box-sizing: border-box;
	padding-left: 30px;
	border-radius: 3px;
	background-image: url(../images/icon/banner-icon.png);
	background-position-y: 15px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	display: block;
}
.windows-home{
	background-color: #f3982d;
	background-position-x: 15px;
	color: #fff;
}
.mac-home, .android-home{
	color: #f3982d;
}
.mac-home{
	background-position-x: -100px;
}
.android-home{
	background-position-x: -258px;
}
.windows-home:hover,
.android-home:hover,
.mac-home:hover{
	background-position-y: -65px;
}
.windows-home:hover{
	background-color: #fff;
	color: #f3982d;
}
.android-home:hover, .mac-home:hover{
	background-color: #f3982d;
	color: #fff;
}
/*---------products-en------------*/
.product-home-en{
	margin-bottom: 5rem;
}
.div-box{
	border-radius: 8px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.en-product{
	margin-top: -120px;
	margin-bottom: 110px;
}

@media (min-width: 768px){
    .en-product {
        border-radius: 120px 8px 120px;
    }
}
@media (min-width: 992px){
    .en-product {
        margin-bottom: 140px;
    }
}
@media (min-width: 1200px){
    .en-product {
        padding: 50px;
        margin-bottom: 160px;
    }
}
.en-product h3{
	font-size: 30px;
	margin-bottom: 20px;
}
.en-product p{
	font-size: 18px;
	margin-bottom: 30px;
}
.en-product a{
	font-size: 24px;
	background: #f3982d;
	background: linear-gradient(125deg, #f3982d, #f2732e);
	color: #fff;
	border: 1px solid #f3982d;
	padding: 10px 25px;
	border-radius: 3px;
	display: inline-block;
}
.en-product a span{
	font-size: 30px;
}
.en-product a:hover{
	color: #f3982d;
	background: #fff;
}
.en-product-two{
	margin-bottom: 120px;
}
.en-product-two>div{
	margin-top: -130px;
	margin-bottom: 20px;
}
.en-product-two h3{
	font-size: 24px;
	margin-bottom: 10px;
}
.en-product-two p{
	font-size: 16px;
	margin-bottom: 30px;
}
.en-product-two a{
	font-size: 20px;
	background: #fff;
	color: #f3982d;
	border: 1px solid #f3982d;
	padding: 10px 20px;
	border-radius: 3px;
	display: inline-block;
}
.en-product-two a span{
	font-size: 26px;
}
.en-product-two a:hover{
	color: #fff;
	background: #f3982d;
	background: linear-gradient(125deg, #f3982d, #f2732e);
}
/*------------article-en--------------*/
.en-article{
	padding: 4rem 0;
}
.article-en-title{
	position: relative;
	padding-left: 20px;
}
.article-en-title:after{
	position: absolute;
	content: "";
	width: 4px;
	height: 100%;
	background: #0acffe;
	background: linear-gradient(to right, #0acffe, #23c2b9);
	top: 0;
	left: 0;
}
.article-en-title h2{
	font-size: 36px;
	line-height: 1.1;
	margin-bottom: 10px;
	position: relative;
}
.article-en-title p{
	margin-bottom: 20px;
	color: #f3982d;
}
.article-en-p{
	font-size: 18px;
	margin-bottom: 40px;
}
.article-en-ul a{
	display: block;
	background-color: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
	border: 1px solid #0acffe;
	color: #fff;
	width: 118px;
	height: 34px;
	border-radius: 3px;
	line-height: 34px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.article-en-ul a:after{
	position: absolute;
	content: "";
	width: 40px;
	height: 120px;
	background-color: rgba(255,255,255,0.6);
	left: -100%;
	top: -95%;
	transform: rotate(45deg);
	
}
.article-en-ul a:hover:after{
	left: 200%;
	transition: all 1s;
}
.article-en-a{
	font-size: 20px;
	background: #fff;
	color: #0acffe;
	border: 1px solid #0acffe;
	padding: 10px 20px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 30px;
}
.article-en-a span{
	font-size: 26px;
}
.article-en-a:hover{
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
	color: #fff;
}
.artile-right-ul{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
.li-other{
	margin-bottom: 20px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
}
.artile-right-ul li:hover{
	transform: translateY(-5px);
}
.li-other span{
	position: absolute;
	top: 15px;
	left: 15px;
	display: block;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 10px;
	color: #fff;
}
.li-other a{
	color: #fff;
	bottom: 15px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	padding: 20px 20px 15px;
	background: rgba(0,0,0,0.1);
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	line-height: 1.2;
	display: inline-block;
}
.li-other-one{
	width: 295px;
	height: 435px;
	background-color: #18c6d6;
}
.li-other-two{
	width: 235px;
	height: 315px;
	background-color: #676fd3;
}
.li-other-three{
	width: auto;
	height: 195px;
	background-color: #8173ff;
}
.li-other-four{
	width: 235px;
	height: 315px;
	background-color: #36aaff;
	margin-right: 0;
}
.li-same{
	position: absolute;
	width: 100px;
	height: 100px;
	display: none;
	transition: all 0.3s;
}
.li-same-one{
	border-radius: 0 100% 0 0;
	background-color: #f3982d;
	left: 585px;
}
.li-same-two{
	border-radius: 0 0 100% 0;
	background-color: #19d1ff;
	bottom: 235px;
	left: 330px;
}
.li-same-three{
	border-radius: 50%;
	background-color: #7361fa;
	left: 705px;
	bottom: 215px;
}
@media (min-width: 768px){
	.en-blog{
		margin-left: 30px;
	}
	.en-text p{
		margin-bottom: 60px;
	}
	.li-other{
		margin-right: 20px;
	}
	.li-other-four{
		width: 235px;
		height: 315px;
		background-color: #36aaff;
		margin-right: 0;
		position: absolute;
		bottom: 0;
		left: 450px;
	}
	.why-text .text-m{
		margin-bottom: 0;
	}
}
@media (min-width: 992px){
  .article-en-ul{
		margin-bottom: 50px;
	}
	.li-other-three{
		width: 415px;
	}
	.li-same{
		display: block;
	}
}
/*-------en-why---------*/
.en-why{
	background: #f4faff;
	padding-bottom: 100px;
}
.en-why-top{
	color: #fff;
	padding: 60px 0 120px;
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
}
.en-why-top h2{
	font-size: 36px;
	margin-bottom: 10px;
	line-height: 1.1;
}
.why-text{
	margin-top: -80px;
	margin-bottom: 30px;
}

.why-text ul{
	position: relative;
	margin-bottom: 30px;
}

@media (min-width: 992px){
  .why-text ul:after {
      position: absolute;
      content: "";
      width: 1px;
      height: 100%;
      background-color: #d9e4e8;
      top: 0;
      right: 0;
  }
  .why-text ul {
    margin-bottom: 0;
}
}
.why-text .text-ul{
	margin-bottom: 0;
}
@media (min-width: 768px){
  .why-text .text-m {
      margin-bottom: 0;
  }
}
.why-text .text-ul:after{
	width: 0;
}
.why-text .text-choose{
	font-size: 28px;
	color: #0acffe;
}
@media (min-width: 992px){
    .why-text .text-choose {
        font-size: 48px;
    }
}
.why-text li{
	font-size: 18px;
}
.en-comment{
	min-height: 228px;
	background: #fff url(../images/common/comment-bg.png) no-repeat right top;
	margin-bottom: 30px;
	overflow: hidden;
}
.en-comment li{
	margin-left: 0;
	margin-right: 0;
}
.en-comment .a{
	margin-bottom: 20px;
	animation: myfirst 0.3s 1 ease-in-out;
	-moz-animation: myfirst 0.3s 1 ease-in-out;
	-webkit-animation: myfirst 0.3s 1 ease-in-out;
	-o-animation: myfirst 0.3s 1 ease-in-out;
}
.en-comment.transition-box .a{
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.en-comment .b{
	min-height: 96px;
	color: #6e707f;
	animation: myfirst 0.5s 1 ease-in-out;
	-moz-animation: myfirst 0.5s 1 ease-in-out;
	-webkit-animation: myfirst 0.5s 1 ease-in-out;
	-o-animation: myfirst 0.5s 1 ease-in-out;
}
.en-comment.transition-box .b{
	animation: myfirst 0.9s 1 ease-in-out;
	-moz-animation: myfirst 0.9s 1 ease-in-out;
	-webkit-animation: myfirst 0.9s 1 ease-in-out;
	-o-animation: myfirst 0.9s 1 ease-in-out;
}
.en-comment .c{
	margin-top: 30px;
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.en-comment.transition-box .c{
	animation: myfirst 1.1s 1 ease-in-out;
	-moz-animation: myfirst 1.1s 1 ease-in-out;
	-webkit-animation: myfirst 1.1s 1 ease-in-out;
	-o-animation: myfirst 1.1s 1 ease-in-out;
}
.en-comment a{
	font-size: 24px;
	margin-left: 20px;
	align-self: center;
	color: #ff9b1a;
	position: relative;
	display: inline-block;
}
.en-comment a:after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background-color: #ff9b1a;
	right: 0;
	bottom: 0;
	transition: all 0.3s;
}
.en-comment a:hover:after{
	width: 100%;
	left: 0;
}
.en-comment img{
	display: block;
}
.en-comment span{
	color: #ff9b1a;
	font-size: 22px;
}
.en-comment i{
	font-size: 18px;
	margin-top: 3px;
	margin-right: auto;
}
.en-why-tab{
	position: relative;
	z-index: 2;
}
.en-why-tab>div{
	display: none;
}
.en-why-tab .active-tab{
	display: block;
}
.en-change{
	position: relative;
}
.en-tab-right, .en-tab-left{
	font-size: 30px;
	border: 1px solid #0acffe;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	z-index: 10;
	cursor: pointer;
	bottom: 0;
	position: absolute;
}
.en-tab-left{
	background: #fff;
	color: #0acffe;
}
.en-tab-left:hover{
	color: #fff;
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
}
.en-tab-right{
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
	color: #fff;
}
.en-tab-right:hover{
	background: #fff;
	color: #0acffe;
}
.en-tab-right span, .en-tab-left span{
	top: 1px;
}
.en-tab-right span{
	left: 5px;
}
.en-tab-left span{
	left: 4px;
}
.en-change #prev{
	left: 45%;
	left: calc( 50% - 57px);
	bottom: -42px;
}
.en-change #next{
	right: 45%;
	right: calc( 50% - 57px);
	bottom: -42px;
}
.en-change:after{
	position: absolute;
	content: "";
	z-index: 0;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: #d6ecf5;
	background: linear-gradient(180deg, #f4faff, #d6ecf5);
	bottom: -70px;
	left: 34%;
	left: calc( 50% - 184px);
}
@keyframes myfirst{
	0%{transform: translateX(40px);opacity: 0;}
	40%{opacity: 1;}
	100%{transform: translateX(0px);}
}
@keyframes myfirst2{
	0%{transform: translatey(40px);opacity: 0;}
	40%{opacity: 1;}
	100%{transform: translatey(0px);}
}
/*---------en-footer-----*/
.en-footer{
	background-color: #FFF;
	padding: 30px 0;
	border-top: 1px solid #ebeff2;
}
.en-footer-top{
	border-bottom: 1px solid #d8e0e5;
	margin-bottom: 15px;
}
.en-footer-top>div{
	margin-bottom: 20px;
}
@media (min-width: 1200px){
	.en-footer-top>div:first-child {
	    padding-right: 60px;
	}
}
.en-footer-top h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.en-footer-top a{
	color: #09103b;
	position: relative;
	display: inline-block;
}
.en-footer-top a:hover{
	color: #1781e0;
}
.en-footer-top a:after{
	position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    transition: all 300ms ease;
    background: #1781e0;
}
.en-footer-top a:hover:after{
	width: 100%;
    left: 0;
}
.follow-ul li:first-child a{
	background: url(../images/icon/follow-bg.png) no-repeat left center;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5%;
}
.follow-ul li:first-child a:first-child{
	background-position-x: 10px;
}
.follow-ul li:first-child a:nth-child(2){
	background-position-x: -28px;
}
.follow-ul li:first-child a:nth-child(3){
	background-position-x: -70px;
}
.follow-ul li:first-child a:last-child{
	margin-right: 0;
	background-position-x: -109px;
}
.follow-ul li:last-child a{
	width: 67px;
    height: 40px;
    overflow: hidden;
    margin-top: 20px;
    background: url(../images/icon/home-icon.png) no-repeat 0 -335px;
    border-radius: 3px;
    border: 1px solid #dfecf7;
}
.follow-ul li:last-child a:last-child{
	background-position: -97px -335px;
}
.follow-ul li:last-child a:after{
	display: none;
}
.footer-lang{
	padding: 10px 0;
}
.footer-lang select{
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #145288 url(../images/common/arrow.png) right center no-repeat;
	border: 1px solid #fff;
	padding: 6px 35px 6px 15px;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	border-radius: 3px;
}
.footer-lang option{
	color: #333;
	background-color: #fff;
}
/*-------artice-----------*/
.main2,.main3{
	padding: 30px 0;
}
.main2{
	background-color: #fff;
}
.main3{
	background: #F7F7F7;
}
@media (min-width: 768px){
	.main2,.main3{
		padding: 60px 0;
	}
}
@media (min-width: 992px){
	.main2,.main3{
		padding: 80px 0;
	}
}
.main-h2 {
    font-size: 30px;
    margin-bottom: 40px;
}
.bannner-text h2{
    font-size: 32px;
    margin-bottom: 20px;
}
.bannner-text>p{
    font-size: 18px;
    margin-bottom: 30px;
}

.advertising{
	width:100%;
	height: auto;
	margin: 30px 0;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #dadada;
}
@media(min-width:375px){
    .advertising{
        height: 270px;
    }
}
@media(min-width:414px){
    .advertising{
        height: 302px;
    }
}
@media(min-width:768px){
    .advertising{
        height: 201px;
    }
}
@media(min-width:1024px){
    .advertising{
        height: 197px;
    }
}
@media(min-width:1100px){
    .advertising{
        height: 234px;
    }
}
.table-responsive{
  min-height: .01%;
  overflow-x: auto;
}
table{
	border-spacing: 0;
    border-collapse: collapse;
}
.table{
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
th{
    text-align: left;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
  padding: 8px;
  line-height: 1.42857143;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th{
  border-bottom: 2px solid #ddd;
}
.table-bordered{
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td{
  border-bottom-width: 2px;
}
@media screen and (max-width: 767px){
  .table-responsive{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table, .table-responsive > table{
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td{
    white-space: nowrap;
  }
  .table-responsive > .table-bordered{
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child{
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child{
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td{
    border-bottom: 0;
  }
}
.table > tbody > tr > th {
    font-size: 20px;
    padding: 20px;
}
.table > tbody > tr > td {
    padding: 12px;
}

#step1,
#step2,
#step3,
#step4,
#step5,
#step6 {
    padding: 40px 0 10px;
    border-bottom: 1px dashed #aaa;
    font-size: 18px;
}
.left h1,
.left h2,
.left h3,
.left h4,
.left h5,
.left h6{
	font-weight: bold;
}
.left a:hover{
	text-decoration: underline;
}
.left{
	background-color: #fff;
	margin-bottom:60px;
	padding: 15px;
}
@media (min-width:768px){
    .left{
        padding: 30px;
    }
}
.left h1,.left h2{
    margin-bottom: 20px;
}
.left h1 {
    font-size: 24px;
    border-bottom: 1px solid #ddd;
}
.left h2 {
    font-size: 22px;
    padding-top: 30px;
    border-bottom: 1px dashed #ddd;
}
.left h3{
	font-size:20px;
}
.left h4,.left h5, .left h6{
	font-size:18px;
}
.left h5, .left h6{
	margin:30px 0 10px;
	border-left: 4px solid #0075D0;
	padding-left: 10px;
}
.left p {
  margin-bottom: 20px;
  word-break: break-word;
}

.left ul, .left ol {
   margin: 10px 20px;
}
.left ul li,
.left ol li {
    list-style-type:disc;
    padding-bottom: 10px;
}
.left .important-articles{
	margin-left: 0;
	margin-right: 0;
}
/*--------right------------*/
.right a:hover{
	text-decoration: underline;
}
.right{
	padding-bottom:30px;
}
.right p{
	background-color: #1781e0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #fff;
}
.right a img{
	width: 100%;
}
.right ul{
	background-color: #fff;
	margin-bottom: 30px;		
}
.right li{
	line-height: 32px;
	padding-left: 10px;
}
.right li a{
	color: #464646;
}
.right dl{
	background-color: #fff;
	margin-bottom: 30px;	
}
.right dt{
	font-weight: bold;
	color: #fff;
	background-color: #1781e0;
	padding: 10px;
	margin-bottom: 10px;
}
.right dd{
	background: url(../images/common/dot.png) no-repeat 10px 10px;
	padding: 0 10px 10px 20px;
}
.right .ar-div dd {
    padding-top: 10px;
    padding-right: 20px;
    background: none;
}
.right dd a{
	color: #464646;
}
.right .join-img dd{
	background: none;
	padding: 0 20px 20px;
}
.right span{
	height: 131px;
	overflow: hidden;
}

.left .name-ul li {
    margin: 0 20px 0 0;
    list-style: none;
    line-height: 1.2;
    padding-left: 20px;
    background: url(../images/icon/meta-icon.png) no-repeat 0 1px;
}
.left .name-ul li:first-child {
    background-position: 0 -30px;
}
.left .relat p {
    border-bottom: 1px solid #D4D4D4;
    font-size: 18px;
    margin-bottom: 20px;
}
.left .relat ul {
    margin: 0;
}
.left .relat ul li {
    list-style: none;
    width: 100%;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
	.left .relat ul li{
		width: 48%;
	}
}
.left .relat li span{
	display: block;
}
.left .relat li span:first-child {
    overflow: hidden;
}
.relat a {
    font-weight: 600;
}
.left .relat img{
    width: 336px;
}
.left .links-div li{
	list-style: none;
}
.left .links-div ul,
.left .links-bg ul{
	margin: 0;
}
.links-div,
.links-bg{
	padding: 20px 0;
}
.links-div p,
.links-bg p{
	font-weight: bold;
	border-bottom: 1px solid #DADADA;
	font-size: 18px;
}
.links-div p span,
.links-bg p span{
	display: inline-block;
	border-bottom: 2px solid #1781e0;
	margin-bottom: -1px;
}

.links-div .icon-chevron-right{
	top: 2px;
    position: absolute;
    left: 0;
}
.links-div a{
    display: inline-block;
    padding-left: 20px;
}
.links-div a, .links-bg a{
	color: #333;
    position: relative;
}
.links-div a:hover, .links-bg a:hover{
	color: #1781E0;
}
.left .links-bg ul{
	margin-left: 20px;
}

.left .important-articles li {
    list-style: none;
}
.important-articles a {
    box-sizing: border-box;
    display: block;
    padding: 20px;
    min-height: 130px;
    background-color: #1781e0;
    transition: all 0.3s;
    margin-bottom: 10px;
}
.important-articles li:nth-child(2) a {
    background-color: #f09516;
}
.important-articles h2,.important-articles p{
	color: #fff;
	line-height: 1.2;
}
.important-articles h2 {
    font-size: 20px;
    font-weight: lighter;
    border-bottom: none;
    padding-top: 0;
}
.important-articles p {
    margin-top: 10px;
    margin-bottom: 0;
}
.important-articles a:hover {
    box-shadow: 0px 0px 10px #a0a0a0;
    transform: translateY(-5px);
    text-decoration: none;
}
.sp-wrap {
    background: #eee;
    border: 5px solid #eee;
    border-radius: 3px;
    width: 45%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.sp-wrap img:hover {
    transform: scale(1.5);
    position: relative;
    z-index: 888;
    transition: all 0.3s;
}
.aff-banner,
.aff-safety{
	padding: 30px 0;
	color: #fff;
}
.aff-banner {
    background: rgba(0,0,0,0.5) url(../images/common/aff-banner.jpg) no-repeat center center;
}
.aff-safety {
    background-color: #1781e0;
    background-image: linear-gradient(125deg, #1781e0, #23c2b9);
}
@media (min-width: 768px) {
	.aff-banner, .aff-safety{
		padding: 60px 0;
	}
}
@media (min-width: 992px) {
	.aff-banner, .aff-safety{
		padding: 80px 0;
	}
}
.aff-ul li {
    padding: 30px;
    background: #fff;
    margin-bottom: 30px;
    border-left: 2px solid #eb7650;
}
@media (min-width: 1200px){
	.aff-ul li {
	    min-height: 125px;
	}
}
.aff-ul span {
    color: #eb7650;
    font-size: 26px;
    margin-right: 5px;
}
.aff-ul h3 {
    margin-bottom: 20px;
    font-weight: 600;
}
.aff-safety ul li {
    margin-bottom: 10px;
}
.aff-safety a {
    color: #ffeb3b;
}
.aff-div ul {
    border-left: 1px dashed #eb7650;
    padding: 20px;
}
.aff-div li {
    margin-bottom: 30px;
    position: relative;
}
.aff-div li:before,.aff-div li:after{
	position: absolute;
    content: "";
}
.aff-div li:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #eb7650;
    border-radius: 12px;
    left: -31px;
    top: 0;
    z-index: 1;
}
.aff-div li:after {
    width: 14px;
    height: 14px;
    background: #eb7650;
    border-radius: 10px;
    left: -27px;
    top: 4px;
    z-index: 2;
}
.aff-div span {
    font-size: 36px;
    margin: -20px 10px 10px 0;
    color: #fff;
    border-radius: 50%;
    padding: 10px;
}
.aff-div p {
    background: #fff;
    margin-top: 30px;
    padding: 30px;
}
@media (min-width: 1200px){
	.aff-div p {
	    min-height: 100px;
	}
}
.aff-div {
    padding: 30px 0;
    background-color: #F7F7F7;
    background-size: cover;
}
@media (min-width: 768px){
	.aff-div {
    	padding: 60px 0;
    }
}
@media (min-width: 992px){
	.aff-div {
    	padding: 80px 0;
    }
}
.hot-div {
    margin-bottom: 30px;
}
.hot-down-a {
    color: #333;
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
}
.en-down-a a {
    font-size: 20px;
    margin-top: 20px;
}
.en-button-buy {
    color: #fff;
    border: 1px solid #f3982d;
    background-color: #f3982d;
    display: inline-block;
    padding: 5px 15px;
    transition: all 0.3s;
    border-radius: 3px;
    margin: 20px auto 0;
}
.en-button-buy:hover {
    color: #f3982d;
    background-color: #fff;
}
#support-banner {
    padding: 80px 0;
    background: #1189b1 url(../images/banner/support-banner.webp) center center no-repeat;
    margin-bottom: 40px;
    background-size: cover;
    color: #fff;
}
#support-banner h2 {
    margin-bottom: 20px;
    font-size: 30px;
}
#support-banner p {
    padding: 20px;
    background-color: rgba(0,0,0,0.5);
}
.support-item-div>div {
    margin-bottom: 30px;
}
.support-item-div div>a {
    background-image: url(../images/icon/logo-icon.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    overflow: hidden;
    display: block;
}
.icon-bg1{
	background-position: 0 0;
}
.icon-bg2{
	background-position: -64px 0;
}
.icon-bg3{
	background-position: -128px 0;
}
.icon-bg4{
	background-position: -192px 0;
}
.icon-bg5{
	background-position: -256px 0;
}
.icon-bg6{
	background-position: -320px 0;
}
.icon-bg7{
	background-position: -384px 0;
}
.icon-bg8{
	background-position: -448px 0;
}
.icon-bg9{
	background-position: -512px 0;
}
.icon-bg10{
	background-position: -576px 0;
}
.icon-bg11{
	background-position: -640px 0;
}
.icon-bg12{
	background-position: 0 -64px;
}
.icon-bg13{
	background-position: -64px -64px;
}
.icon-bg14{
	background-position: -128px -64px;
}
.icon-bg15{
	background-position: -192px -64px;
}
.icon-bg16{
	background-position: -256px -64px;
}
.icon-bg17{
	background-position: -320px -64px;
}
.icon-bg18{
	background-position: -384px -64px;
}
.icon-bg19{
	background-position: -448px -64px;
}
.icon-bg20{
	background-position: -512px -64px;
}
.icon-bg21{
	background-position: -576px -64px;
}
.icon-bg22{
	background-position: -640px -64px;
}
.icon-bg23{
	background-position: 0 -128px;
}
.icon-bg24{
	background-position: -64px -128px;
}
.video-box span{
	display: block;
}
.video-box h3 {
    border-bottom: 1px solid #D0D0D0;
    padding-top: 50px;
    margin-bottom: 20px;
}
.left .video-box ul{
	margin: 0;
}
.left .video-box ul li {
    width: 100%;
    list-style: none;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
	.left .video-box ul li {
    	width: 33%;
	}
}
@media (min-width: 992px) {
	.left .video-box ul li {
    	width: 200px;
    	margin-left: 4%;
	}
	.left .video-box ul li:first-child {
	    margin-left: 0;
	}
	
}
@media (min-width: 1200px) {
    .left .video-box ul li {
    	margin-left: 50px;
	}
}
/*-------sitemap.html---------*/
.left-full{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 60px;
}
.left-full h1,.left-full h2,.left-full .title{
	border-bottom: 1px solid #DADADA;

}
.left-full h1{
	margin-bottom: 30px;
}
.left-full h2,.left-full .title{
	margin-bottom: 20px;
}
.left-full .title{
	font-size: 18px;
}
.left-full li{
	padding-bottom: 10px;
}
.left-full a{
	color: #333;
}
.left-full a:hover{
	color: #1781E0;
	text-decoration: underline;
}
.left-full .icon-chevron-right{
	top: 0;
}
.left-full .s{
	border-bottom: 2px solid #1781E0;
	margin-bottom: -1px;
	display: inline-block;
}
.dis,.dis2{
	background-color: #1781E0;
	width: 120px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	font-size: 24px;
	cursor: pointer;
}
.dis2{
	display: none;
}
#opt3{
	max-width: 661px;
	cursor: pointer;
	overflow: hidden;
}
#opt3-img{
	cursor: pointer;
	padding: 10px 0;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #666;
	max-width: 659px;
	margin-top: -20px;
}
.opt-height{
	height: 220px;
}
.divheight{
	height: auto;
}
/*----------------------*/
.img-pos{
	position: fixed;
	width: 270px;
	top: 10px;
}
/*--------*/
.tet-hp{
	margin-bottom: 30px;
}
.tet-hp ul{
	width: 30%;
	border-right: 1px solid #DADADA;
	margin: 0;
}
.tet-hp ul:first-child{
	border-left: 1px solid #DADADA;
}
.tet-hp ul li{
	padding: 5px;
	list-style: none;
	min-height: 60px;
	border-bottom: 1px solid #DADADA;
}
.tet-hp ul li:first-child{
	border-top: 1px solid #DADADA;
}
@media (min-width: 1200px) {
	.tet-hp ul{
		width: 19%;
	}
}
.related ul{
  margin: 0;
}
.related h4{
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  padding-bottom: 10px;
  margin-top: 60px;
}
.related ul li{
  list-style: none;
  margin-bottom: 20px;
}
.related a{
  display: inline-block;
  margin-top: 10px;
}

/* resources */
.resources-banner {
  background: url(../images/banner/resources.webp) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 80px 0 120px;
}
.resources-banner h1 {
  font-size: 36px;
}
.resources-banner p {
  padding-top: 15px;
  font-size: 18px;
}
.resources-main {
  background-color: #fff;
  padding: 60px 0;
}
.resources-nav {
  margin-top: -50px;
}
.resources-nav li {
  width: 160px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #1781E0;
  cursor: pointer;
  font-size: 18px;
}
.resources-nav .active-li {
  color: #1781E0;
  background-color: #fff;
}
.resources-item>div {
  margin-bottom:30px;
}
.resources-item h2 {
  font-size: 24px;
  margin-right: auto;
}
.resources-item>div a {
  display: inline-block;
  border: 1px solid #1781E0;
  padding: 5px 20px;
  border-radius: 30px;
}
.resources-item ul li {
  margin-bottom: 30px;
}
.resources-item ul li div {
  margin-bottom: 10px;
  overflow: hidden;
}
@media (min-width: 1200px){
  .resources-item ul li div {
      height: 229px;
  }
}
.resources-item ul li a {
  color: #333;
  font-size: 18px;
  display: inline-block;
}
.resources-item ul li a:hover{
  color: #1781e0;
  text-decoration: underline;
}
.resources-item {
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 40px;
}
#table-responsive,#ssd-speed{
  width: 100%;
  height: 300px;
}
@media (min-width:768px) {
  #table-responsive,#ssd-speed{
    height: 400px;
  }
}
/* ----------scroll------ */
.over{
  overflow: auto;
  background-color: aliceblue;
  padding: 20px;
  border: 1px solid #333;
}