@charset "utf-8";

@font-face {font-family: "Akkurat-Light";
    src: url("https://www.fingertec.com/templates/layout/code/fonts/bc9fa02b4227255be2387a7e19a3e09b.eot");
    src: url("https://www.fingertec.com/templates/layout/code/fonts/bc9fa02b4227255be2387a7e19a3e09b.eot?#iefix") format("embedded-opentype"),
         url("https://www.fingertec.com/templates/layout/code/fonts/bc9fa02b4227255be2387a7e19a3e09b.woff") format("woff"),
         url("https://www.fingertec.com/templates/layout/code/fonts/bc9fa02b4227255be2387a7e19a3e09b.ttf") format("truetype"),
         url("https://www.fingertec.com/templates/layout/code/fonts/bc9fa02b4227255be2387a7e19a3e09b.svg#Akkurat-Light") format("svg");
}


/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.fingertec.com/templates/layout/code/fonts/barlow-semi-condensed-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Semi Condensed Regular'), local('BarlowSemiCondensed-Regular'),
       url('https://www.fingertec.com/templates/layout/code/fonts/barlow-semi-condensed-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.fingertec.com/templates/layout/code/fonts/barlow-semi-condensed-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.fingertec.com/templates/layout/code/fonts/barlow-semi-condensed-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.fingertec.com/templates/layout/code/fonts/barlow-semi-condensed-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.fingertec.com/templates/layout/code/fonts/barlow-semi-condensed-v5-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

/* cyrillic-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.fingertec.com/templates/layout/code/fonts/nunito/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXvlUlM_Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.fingertec.com/templates/layout/code/fonts/nunito/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXt1UlM_Y.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.fingertec.com/templates/layout/code/fonts/nunito/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXvFUlM_Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.fingertec.com/templates/layout/code/fonts/nunito/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXvVUlM_Y.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.fingertec.com/templates/layout/code/fonts/nunito/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXs1Ul.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	margin: 0px;
font-family: "Nunito Sans"; text-decoration: none;
}
/*
A.class1 {color:#666; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none;}
A.class1:link  {text-decoration: none; color: #28ace2;}
A.class1:visited {text-decoration: none; color: #28ace2;}
A.class1:hover {text-decoration: underline; color: 666;}
A.class1:active {text-decoration: none; color: #666;}


A.class2 {color:#23baed; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 13px;}
A.class2:hover {color:#333; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 13px;}
*/


h7, .h7 {
    font-size: 20px;
	font-family: "Nunito Sans"!important; text-decoration: none;
    display: block;
    margin-block-start: 0px;
    margin-block-end: 5px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


A.class1 {color:#666; font-family: "Nunito Sans"; text-decoration: none;}
A.class1:link  {text-decoration: none; color: #28ace2;}
A.class1:visited {text-decoration: none; color: #28ace2;}
A.class1:hover {text-decoration: underline; color: 666;}
A.class1:active {text-decoration: none; color: #666;}


A.class2 {color:#333; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 14px; line-height: 1.7;}
A.class2:hover {color:#666; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 14px; }



A.class3 {color:#333; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px;}
A.class3:hover {color:#23baed; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px;}

A.class4 {color:#23baed; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 13px;}
A.class4:hover {color:#a7a9ac; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 13px;}

A.class5 {color:#231f20; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px; text-shadow:  1px 1px 1px rgba(255,255,255,1);}
A.class5:hover {color:#00baf2; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px; text-shadow:  1px 1px 1px rgba(255,255,255,1);}


A.class6 {color:#a7a9ac; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 12px; line-height: 20px;}
A.class6:hover {color:#ffffff; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 12px; line-height: 20px;}

A.class7 {color:#ffffff; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 23px;}
A.class7:hover {color:#00acee; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 23px;}


A.class8 {color:#999999; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px;}
A.class8:hover {color:#666666; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px;}

A.class9 {
	color:#999999;
	font-family: "Nunito Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	font-size: 14px;
	background-image: url('https://www.fingertec.com/developerprogram/img/sq_blue.png');
	background-repeat: no-repeat;
	background-position: 7px 13px;
	padding-left: 18px;
}
A.class9:hover {
	color:#3d86c5;
}


A.classFB {color:#1773ea; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classFB:hover {color:#c4c6c8; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; }

A.classIn {color:#0173ae; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classIn:hover {color:#c4c6c8; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; }

A.classYoutube {color:#dd2425; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classYoutube:hover {color:#c4c6c8; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; }

A.classInstagram {color:#634bc0; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classInstagram:hover {color:#c4c6c8; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; }


A.classTwitter {color:#009deb; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classTwitter:hover {color:#c4c6c8; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; }

A.classSkype {color:#00a4e9; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classSkype:hover {color:#c4c6c8; font-family: "Nunito Sans" !important; text-decoration: none; font-size: 25px; }

.ic_tiktok:before {
    background: url(https://www.timeteccloud.com/templates/layout/img/svg/logo-tiktok.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: -5px;
    vertical-align: middle;
    width: 18px;
}

a.ex1:hover, a.ex1:active {
    color: #7dca39;
}




.Hide-img{
	display: block;
}
	
.Hide-img2{
	display: none;
}		


/*****/
.Helvetica {
    font-family: Helvetica, sans-serif!important;
    font-weight: 900;
    text-decoration: none;
}
.flex-container {  
	display:-webkit-flex;
	display:-ms-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.titlelight {
    color: #cbcbcb;
    font-size: 13px;
    text-decoration: none;
    line-height: 16px;
    font-family: "Akkurat-Light";
}

.title_light-BG {
    border-radius: 18px;
    background: -webkit-linear-gradient(left, #dde4f2 , #ffffff);
    background: -o-linear-gradient(right, #dde4f2 , #ffffff);
    background: -moz-linear-gradient(right, #dde4f2 , #ffffff);
    background: linear-gradient(to right, #dde4f2 , #ffffff);
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
	line-height:30px;
    font-size: 22px;
    color: #2b4679;
    text-decoration: none;
}


.f_Barlow {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 800;
}

.f_Barlow2 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 500;
}
/*
.f_Barlow3 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 400;
}
*/
.LGray {
    color: #707377;
}

.tb_height_icon {
height: 120px;
}


.bg_cny {
background-image: url(https://www.timeteccloud.com/templates/layout/img/road/road38.jpg);
background-repeat: no-repeat;
background-size:100% auto; 
background-color: #0faabe;
height: 500px;
}

.bg_abtus {
	color: #fff;
	background-position: right bottom;
	background-image: url(https://www.fingertec.com/img/bg_abtus.png);
	background-repeat: no-repeat;
	
}

.logo_tt {
text-align: right;
}

.Bld {
	font-weight: bold;
}

.icon-btn {
  text-align: center;
  font-size: 4.5em;
  color: #5275b6;
  display: inline-block;
  text-decoration: none;
  width: 2em;
  height: 2em;
  padding: 0.5em 0;
  border-radius: 100%;
  position: relative;
  text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  background-repeat: repeat-x;
  background-position: 0 0;
  -moz-background-origin: border;
  -o-background-origin: border-box;
  -webkit-background-origin: border;
  background-origin: border-box;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.icon-btn:hover {
  color: #fff;
  background-position: 0 -2em;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.icon-LGray{
	text-align: center;
	font-size: 4em;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	width: 2em;
	height: 2em;
	padding: 0.5em 0;
	border-radius: 100%;
	position: relative;
	text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
	border: 0.025em solid rgba(192, 194, 196, 0.3);
	background-color: #c9d2d8;
}
.icon-ac {
  text-align: center;
  font-size: 4em;
  color: #7691bb;
  display: inline-block;
  text-decoration: none;
  width: 2em;
  height: 2em;
  padding: 0.5em 0;
  border-radius: 100%;
  position: relative;
  text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  background-repeat: repeat-x;
  background-position: 0 0;
  -moz-background-origin: border;
  -o-background-origin: border-box;
  -webkit-background-origin: border;
  background-origin: border-box;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.icon-ac:hover {
  color: #fff;
  background-position: 0 -2em;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.icon-ac-red {
  text-align: center;
  font-size: 4em;
  color: #f54945;
  display: inline-block;
  text-decoration: none;
  width: 2em;
  height: 2em;
  padding: 0.5em 0;
  border-radius: 100%;
  position: relative;
  text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
  border: 0.025em solid rgba(218, 200, 199, 0.7);
  background-repeat: repeat-x;
  background-position: 0 0;
  -moz-background-origin: border;
  -o-background-origin: border-box;
  -webkit-background-origin: border;
  background-origin: border-box;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.icon-ac-red:hover {
  color: #fff;
  background-position: 0 -2em;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.icon-gray-ac{
  background-color: #bcbec0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZGRkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYWRkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f1f4f6));
  background-image: -moz-linear-gradient(top, #fff, #f1f4f6);
  background-image: -webkit-linear-gradient(top, #fff, #f1f4f6);
  background-image: linear-gradient(to bottom, #fff, #f1f4f6);
}

.icon-red-ac{
  background-color: #f54945;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZGRkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYWRkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f1f4f6));
  background-image: -moz-linear-gradient(top, #fff, #f1f4f6);
  background-image: -webkit-linear-gradient(top, #fff, #f1f4f6);
  background-image: linear-gradient(to bottom, #fff, #f1f4f6);
}


.icon-lightgray {
  background-color: #bcbec0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZGRkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYWRkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f1f4f6));
  background-image: -moz-linear-gradient(top, #fff, #f1f4f6);
  background-image: -webkit-linear-gradient(top, #fff, #f1f4f6);
  background-image: linear-gradient(to bottom, #fff, #f1f4f6);
}
/******/
.ic_software{
	font-size: 36px;
}
.ic_software_bg{
    padding:10px;
	width: 90px;
	height: 90px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image: url(https://www.fingertec.com/img/sq_lblue.png);
	background-repeat: repeat;
	
}
.transblue{
	padding:10px;
	width: 100%;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image: url(https://www.fingertec.com/img/bg_graBlue.png);
	background-repeat: repeat-x;
}
.circleLogo{
    padding:10px;
	width: 140px;
	height: 150px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-image: url(https://www.fingertec.com/img/sq_white60.png);
	background-repeat: repeat;
}
.Orange {
	color: #f7941d;
}
.Yellow {
	color: #fedb62;
}
.RedS {
	color: #ff0000;
}
.Red {
	color: #d71920;
}
.Green {
	color: #0a8c78;
}

.Gray {
	color: #4f5559;
}
.Black {
	color: #000000;
}
.LightGray {
	color: #8a9299;
}
.SLightGray {
	color: #a7a9ac;
}
.LWhite {
	color: #e6e7e8;
}
.White {
	color: #ffffff;
}

.Blue {
	color: #577abc;
}
.LBlue {
	color: #00baf2;
}
.DBlue {
	color: #01608c;
}
.Brown {
	color: #5e5a4d;
}
.line_height_1 {
	line-height: 1;
}
.line_height_1.5 {
	line-height: 1.5;
}
.GlowBlack{
text-shadow: 0 0 0.2em rgba(0,0,0,0.50), 0 0 0.2em rgba(0,0,0,0.50), 0 0 0.2em rgba(0,0,0,0.50)
}
.GlowWhite{
text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff
}
.ShadowLight{
text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.Shadow {
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}

.ShadowWhite {
text-shadow: 0px 2px 2px rgba(255,255,255,0.9);
}
.f_10 {
	font-size: 10px;
	text-decoration: none;
	line-height: 1;
}
.f_11 {
	font-size: 11px;
	text-decoration: none;
	line-height: 1.5;
}
.f_12 {
	font-size: 12px;
	text-decoration: none;
	line-height: 1;
}
.f_13 {
	font-size: 13px;
	text-decoration: none;
	line-height: 1.5;
}
.f_13s {
	font-size: 13px;
	text-decoration: none;
	line-height: 14px;
}
.f_14 {
	font-size: 14px;
	text-decoration: none;
	line-height: 1.5;
}
.f_14s {
	font-size: 14px;
	text-decoration: none;
	line-height: 1.2;
}
.f_15 {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
}
.f_15s {
	font-size: 15px;
	text-decoration: none;
	line-height: 1;
}
.f_16 {
	font-size: 16px;
	text-decoration: none;
	line-height: 1.5;
}
.f_16s {
	font-size: 16px;
	text-decoration: none;
	line-height: 1;
}
.f_17 {
	font-size: 17px;
	text-decoration: none;
	line-height: 1.5;
}
.f_17s {
	font-size: 17px;
	text-decoration: none;
	line-height: 1;
}

.f_18 {
	font-size: 18px;
	text-decoration: none;
	line-height: 1.5;
}
.f_18_s {
	font-size: 18px;
	text-decoration: none;
	line-height: 1;
}

.f_20 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.5;
}
.f_20_s {
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
}
.f_22 {
	font-size: 22px;
	text-decoration: none;
	line-height: 1.5;
}
.f_22_s {
	font-size: 22px;
	text-decoration: none;
	line-height: 1;
}
.f_25 {
	font-size: 25px;
	text-decoration: none;
	line-height: 1.5;
}
.f_25_s {
	font-size: 25px;
	text-decoration: none;
	line-height: 1.3;
}

.f_28 {
	font-size: 28px;
	text-decoration: none;
	line-height: 1.5;
}

.f_30{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.5;
}
.f_30s{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}

.f_35{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.1;
}

.f_40{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
}

.f_45{
	font-size: 45px;
	text-decoration: none;
	line-height: 1.1;
}

.f_50{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}
.f_55{
	font-size: 55px;
	text-decoration: none;
	line-height: 1.1;
}
.f_60{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.1;
}
.f_70{
	font-size: 70px;
	text-decoration: none;
	line-height: 1.1;
}
.f_100{
	font-size: 100px;
	text-decoration: none;
	line-height: 1.1;

}
.f_150{
	font-size: 150px;
	text-decoration: none;
	line-height: 1.1;

}
.f_200{
	font-size: 200px;
	text-decoration: none;


}
.f_form{
	font-size: 14px;
	text-decoration: none;
	line-height: 1.1;
}
.Size80 {
	width: 100%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Size100 {
	width: 100%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.ZoomSafe {
	width: 50%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Zoom80 {
	width: 80%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Zoom100 {
	width: 100%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.uppercase {
	text-transform: uppercase;
}

.center {
	text-align: center;
}

.ic_title {
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
	text-align: center;
	font-weight: bold;

}

.bullet {

	font-size: 14px;
	line-height: 18px;
	color: #333333;
	background-image: url(https://cdn.fingertec.com/www/img/sq_blue.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-left: 20px;
	text-decoration: none;
}

.ic-teamviewer{
	background-image: url(https://cdn.fingertec.com/www/img/ic_teamviewer.png);
	background-repeat: no-repeat;
}
.ic-cloudtrack{
	background-image: url(https://cdn.fingertec.com/www/img/ic_cloudtrack.png);
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
}
.Bg_gradient {
	border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(#eee, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#eee, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#eee, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#eee, #fff);
	
}
.separateLeft{
	border-right-width:1px;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.3, #d5d7d8), color-stop(0.3, #d5d7d8), color-stop(1, transparent)) 0 100%;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-right-color: #d5d7d8;
}

.HeaderTitle{
	color: #5b7bb7;
	font-size: 54px;
	text-decoration: none;
	line-height: 56px;
}

/*** content size ***/

.pw {
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	line-height: 15px;
	font-family: Helvetica, sans-serif;
}
.Forget_pw {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	line-height: 15px;
	font-family: Helvetica, sans-serif;
}
.pwHighlight {
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	line-height: 15px;
	font-family: Helvetica, sans-serif;
}
.t10 {
	padding-top: 5px;
	padding-bottom: 5px;	
}
.menuSub {
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	line-height: 14px;
	
}
.footer {
	font-size: 12px;
	text-decoration: none;
	color: #c7c8ca;
	line-height: 15px;
}
.footerlight {
	font-size: 11px;
	text-decoration: none;
	color: #9d9fa2;
	line-height: 15px;
}
.footerTitle {
	font-size: 14poux;
	text-decoration: none;
	color: #ffffff;
	line-height: 16px;
}
.Login {
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 18px;
	padding-top: 10px;
	text-align: right;
}
.gray20 {
	font-size: 20px;
	text-decoration: none;
	color: #333;
	line-height: 25px;
}
.gray30 {
	font-size: 30px;
	text-decoration: none;
	color: #333;
	line-height: 35px;
}
.gray40 {
	font-size: 40px;
	text-decoration: none;
	color: #333;
	line-height: 45px;
}
.gray50 {
	font-size: 50px;
	text-decoration: none;
	color: #333;
	line-height: 55px;
}
.content13s {
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	line-height: 14px;
}
.content13White {
	font-size: 13px;
	text-decoration: none;
	color: #ffffff;
	line-height: 15px;
}
.content13 {
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	line-height: 22px;
}
.content14 {
	font-size: 14px;
	text-decoration: none;
	color: #666666;
	line-height: 16px;
}
.content15 {
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
	font-weight: bold;
}

.separateLine{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999fa3;
}
.separateFooter{
	background-image: url(https://www.fingertec.com/img/separateFooter.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 8px;
}
.highlight {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	line-height: 13px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}


.main_Shadow{
	color: #686f76;
	max-width: none;
	text-shadow:  1px 1px 1px rgba(255,255,255,1);
	font-size: 15px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;
	
}

.white36_outline {
	color: #ffffff;
	max-width: none;
	text-shadow: 2px 2px 2px 2px rgba(58,48,35,0.9);
	font-size: 36px;
	text-decoration: none;
	font-weight: bold;
	line-height: 40px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.curveborder{
	border-radius: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e7dbd9;
	border-right-color: #e7dbd9;
	border-bottom-color: #e7dbd9;
	border-left-color: #e7dbd9;
}
.curve {
	border-radius: 6px;
	border-image: none;
	display: block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.curveOutline {
	border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}
.outlineGray {
    border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}




/********************************************************* others****************************************************************/
.t_safe{

    text-align:center;
    display: table;
    width: 100%;
	height:50px;
}

.t_login{

    text-align:center;
    display: table;
    width: 100%;
	height:350px;
}
.t_cny{

    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
.t_b500{

    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
.t_slide{

    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
.t_slide_top100{

    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}

.t_slide_left{

    text-align:left;
    display: table;
    width: 100%;
	height:500px;
}

.t_slide_right{

    text-align:right;
    display: table;
    width: 100%;
	height:500px;
}
.t_right{
    padding:5px;
    text-align:right;
    display: table;
    width: 100%;
}
.t_left{
    padding:5px;
    text-align:left;
    display: table;
    width: 100%;
}
.t_center{
    padding:5px;
    text-align:center;
    display: table;
    width: 100%;
}
.t_200{
    padding:5px;
    text-align:center;
    display: table;
	height:200px;
    width: 100%;
}

.t_300{
    padding:5px;
    text-align:center;
    display: table;
	height:300px;
    width: 100%;
}

.t_150x{

    text-align:center;
    display: table;
    width: 100%;
	height:150px;
}


.t_400x{
	display: table;
	width: 100%;
	height: 400px;	
}
.t_500x{
	display: table;
	width: 100%;
	height: 500px;	
}
.t_600x{
	display: table;
	width: 100%;
	height: 600px;	
}
.t_corruption{

    padding:5px;
    display: table;
	height:400px;
    width: 100%;
}
.t_software{

    display: table;
    width: 100%;
	height:500px;
	text-align:center;
}
.t_ac{
    text-align:center;
    display: table;
    width: 100%;
	height:400px;
}
.t_800{
    padding-top:30%;
    text-align:center;
    display: table;
    width: 100%;
	height:800px;
}
.t_img{ 
    min-height:200px;
    display: table;
    width: 100%;
}
.t_500h{
    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
/*********************** sign up icon **************************/
#BtnCondo{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(https://www.fingertec.com/img/ic_condo.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	color: #495b5f;
}
#BtnEmail{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(https://www.fingertec.com/img/ic_email.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	color: #495b5f;
}


#BtnUser {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding-left: 35px;
    background-color: #ffffff;
    background-image: url(https://www.fingertec.com/img/ic_user_w.png);
    background-repeat: no-repeat;
    background-position: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #cbccce;
    height: 36px;
    font-size: 16px;
    color: #495b5f;
    font-family: "Akkurat-Light";
}


#BtnPw {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding-left: 35px;
    background-color: #fff;
    background-image: url(https://www.fingertec.com/img/ic_pw_w.png);
    background-repeat: no-repeat;
    background-position: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #cbccce;
    height: 36px;
    font-size: 16px;
    color: #495b5f;
    font-family: "Akkurat-Light";
}


#BtnResetPw {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(https://www.fingertec.com/img/resetpw.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	color: #495b5f;
}
#captcha-form {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(https://www.fingertec.com/img/verification.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	color: #495b5f;
}
.submitbutton-new {
	border-radius: 50px;
	border: 0px;
	color: #fff;
	line-height: 18px;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
	padding:15px;
	background-color:#4361d0;

}

.submitbutton-new:hover {
	background-color:#223787;

}

.submitbutton {
	border-radius: 4px;
	border-image: none;
	color: #f1f2f2;
	line-height: 18px;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0px 0px 0px rgba(174,174,172,0.8);
	background: -webkit-linear-gradient(#0c6b96, #074969); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0c6b96, #074969); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0c6b96, #074969); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0c6b96, #074969); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 3px;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #05405c;
	border-right-color: #05405c;
	border-bottom-color: #05405c;
	border-left-color: #05405c;
}
.submitbutton:hover {
	
	background: -webkit-linear-gradient(#074969, #0c6b96); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#074969, #0c6b96); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#074969, #0c6b96); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#074969, #0c6b96); /* Standard syntax */

}
/*********************** Button ********************************/
.Chat {
	border-width: 0px;
	border-style: solid;
	border-color: #790000;
	border-radius:5px;
	border-image: none;
	color: #00f6ff;
	line-height: 14px;
	font-size: 13px;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
	background: -webkit-linear-gradient(#667685, #1b2125); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#667685, #1b2125); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#667685, #1b2125); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#667685, #1b2125); /* Standard syntax */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-family: Arial;
	padding-right: 20px;
	padding-left: 20px;
}
.Chat:Hover {
	
	background: -webkit-linear-gradient(#1b2125, #667685); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1b2125, #667685); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1b2125, #667685); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1b2125, #667685); /* Standard syntax */

}
.btn_policy {
    border-width: 1px;
    border-style: solid;
    border-color: #bbbbbb;
    border-radius: 4px;
    border-image: none;
    text-align: center;
    color: rgb(51, 51, 51);
    line-height: 15px;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    background: -webkit-linear-gradient(#fdd981, #f1b53f);
    background: -o-linear-gradient(#fdd981, #f1b53f);
    background: -moz-linear-gradient(#fdd981, #f1b53f);
    background: linear-gradient(#fdd981, #f1b53f);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.btn_policy:Hover {
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#f1b53f, #fdd381); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f1b53f, #fdd381); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f1b53f, #fdd381); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f1b53f, #fdd381); /* Standard syntax */
}
.btnRed {
	border-width: 1px;
	border-style: solid;
	border-color: #790000;
	border-radius: 4px;
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#e11b22, #8f0507); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e11b22, #8f0507); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e11b22, #8f0507); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e11b22, #8f0507); /* Standard syntax */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 3px;
}
.btnRed:Hover {
	x 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#8f0507, #e11b22); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8f0507, #e11b22); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8f0507, #e11b22); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8f0507, #e11b22); /* Standard syntax */
}

.BtnMiddleBlue {
	background: -webkit-linear-gradient(#39bad9, #0b579f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#39bad9, #0b579f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#39bad9, #0b579f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#39bad9, #0b579f); /* Standard syntax */
	border-radius: 4px;
	border-image: none;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	
	color: #FFFFFF;
	text-decoration: none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(35,31,32,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(35,31,32,0.4);
	box-shadow: 0px 4px 5px 0px rgba(35,31,32,0.4);
	font-size: 13px/16px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 3px;
}
.ButtonBlue{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
	background-color: #00baf2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.ButtonBlue:Hover{
	color: #FFFFFF;
	background-color: #687f80;
	
}
.BtnGuide {
	background: -webkit-linear-gradient(#dcdcdc, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#dcdcdc, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#dcdcdc, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#dcdcdc, #ffffff); /* Standard syntax */
	border-image: none;
	display: block;
	border-radius:8px; 
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	-moz-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	box-shadow: 0px 3px 4px 0px rgba(35,31,32,0.4);
	font-size: 20px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 3px;
}
.BtnGuide:Hover {
	background: -webkit-linear-gradient(#ffffff, #dcdcdc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #dcdcdc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #dcdcdc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #dcdcdc); /* Standard syntax */
}
.BtnJoin {
	background: -webkit-linear-gradient(#e9e9e9, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e9e9e9, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e9e9e9, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e9e9e9, #ffffff); /* Standard syntax */
	border-image: none;
	display: block;
	border-top-left-radius:6px; border-bottom-left-radius:6px;border-top-right-radius:6px; border-bottom-right-radius:6px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	-moz-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	box-shadow: 0px 3px 4px 0px rgba(35,31,32,0.4);
	font-size: 20px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 3px;
}
.BtnJoin:Hover {
	background: -webkit-linear-gradient(#c9e3fd, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c9e3fd, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c9e3fd, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c9e3fd, #ffffff); /* Standard syntax */
	
}
.btnSharpBlue {
	border-width: 1px;
	border-style: solid;
	border-color: #55a4cc;
	border-radius: 4px;
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#00c8fe, #3095fc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00c8fe, #3095fc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00c8fe, #3095fc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00c8fe, #3095fc); /* Standard syntax */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	padding-top: 3px;
	padding-bottom: 3px;
	
	margin: 3px;
}
.btnSharpBlue:Hover {

	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#3095fc, #00c8fe); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3095fc, #00c8fe); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3095fc, #00c8fe); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3095fc, #00c8fe); /* Standard syntax */
}


.B_LightBlue {
	background: -webkit-linear-gradient(#e0f0f8, #b4d3f1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e0f0f8, #b4d3f1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e0f0f8, #b4d3f1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e0f0f8, #b4d3f1); /* Standard syntax */
	border-radius: 4px;
	border-image: none;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #adcae6;
	border-right-color: #adcae6;
	border-bottom-color: #adcae6;
	border-left-color: #adcae6;
}
.B_LightBlue:Hover{
	background: -webkit-linear-gradient(#b4d3f1, #e0f0f8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b4d3f1, #e0f0f8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b4d3f1, #e0f0f8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b4d3f1, #e0f0f8); /* Standard syntax */

}

.btn_GPW {
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	border-radius: 4px;
	border-image: none;
	text-align: center;
	color: rgb(51, 51, 51);
	line-height: 16px;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#fdd981, #f1b53f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fdd981, #f1b53f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fdd981, #f1b53f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fdd981, #f1b53f); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	padding-top: 6px;
	padding-bottom: 6px;	
}

.btn_GPW:Hover {
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#f1b53f, #fdd381); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f1b53f, #fdd381); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f1b53f, #fdd381); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f1b53f, #fdd381); /* Standard syntax */
}



/*********************** Slide *********************************/
#slider-container {
	position: relative;
}


.container {
	padding: 10px 10px 10px 10px;
	top: 40%;
	width: 100%;
	position: relative;
	background-position: center center;
}


.White20_shadow {	
	font-size: 22px;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White30_shadow {	
	font-size: 30px;
	text-decoration: none;
	color: #ffffff;
	line-height: 35px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White50_shadow {	
	font-size: 50px;
	text-decoration: none;
	color: #ffffff;
	line-height: 55px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
/**************** Button VC ***************/
.vc_orange {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #f4ab1f;
	text-align: center;
}

.vc_orange:hover {
color: #ffffff !important; background-color: #f37021;
}

.vc_lightyellow {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #febf46;
	text-align: center;
}

.vc_lightyellow:hover {
color: #ffffff !important; background-color: #f4ab1f;
}
.vc_lightblue {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #cadbea;
	text-align: center;
}
.vc_lightblue:hover {
color: #ffffff !important; background-color: #afd3f3;
}

.vc_lightgray {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #e2e0e0;
	text-align: center;
}
.vc_lightgray:hover {
color: #ffffff !important; background-color: #d1d0d0;
}
.vc_shadow {
	margin-bottom: 5px; box-shadow: 0px 5px 0px #cfd1d2; -webkit-box-shadow: 0 5px 0 #cfd1d2;
}
.vc_Dshadow {
	margin-bottom: 5px; box-shadow: 0px 5px 0px #939598; -webkit-box-shadow: 0 5px 0 #939598;
}
.vc_btn {
padding: 5px 12px; border-radius: 4px; border: 1px solid transparent; border-image: none; line-height: 20px; font-size: 100%; text-decoration: none !important; display: inline-block; cursor: pointer;
}
.vc_btn-lg {
	padding: 10px 16px; border-radius: 6px; line-height: 1.33; font-size: 15px;
}
.vc_btn_square {
	border-radius: 0px;
}

.vc_btn_round {
	border-radius: 10px;
}
.vc_btn_outlined {
	background: none !important; border: 2px solid currentColor; border-image: none;
}

.vc_btn-lightblue:hover {
	color: rgb(247, 247, 247) !important; background-color: #487c92;
}

/**************** End Button VC ***************/



/***************************************************** Some media queries ************************************************/

@media screen and (max-width: 65.3125em) {
.Size100 {
	width: 70%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.circleLogo{
    padding:10px;
	width: 140px;
	height: 150px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-image: url(https://www.fingertec.com/img/sq_white60.png);
	background-repeat: repeat;
}
.separateLeft{
	border-right-width:0px;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.5, #cbccce), color-stop(0.5, #cbccce), color-stop(1, transparent)) 0 100%;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-color: #cbccce;
}
.t_slide_top100{
    padding-top:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}

.t_slide{

    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_slide_left{

    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_ac{
    margin-top: 50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
	
}
.Login {
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 18px;
	padding-top: 10px;
	text-align:center;
}
.Zoom100 {
	width: 60%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
}
@media screen and (max-width: 33.75em) {
.circleLogo{
    padding:10px;
	width: 140px;
	height: 150px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-image: url(https://www.fingertec.com/img/sq_white60.png);
	background-repeat: repeat;
}
.f_50{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}
.f_55{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.1;
}
.f_60{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.1;
}

.separateLeft{
	border-right-width:0px;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.5, #cbccce), color-stop(0.5, #cbccce), color-stop(1, transparent)) 0 100%;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-right-color: #cbccce;
}
.t_software{
    padding:20px;
    display: table;
    width: 100%;
	height:auto;
	text-align:center;
}
.t_slide_top100{
    padding-top:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_b500{

    text-align:center;
    display: table;
    width: 100%;
	height:300px;
}
.t_slide{

    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_slide_left{

    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_ac{
    margin-top: 50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
	
}
.Login {
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 18px;
	padding-top: 10px;
	text-align:center;
}
.Size100 {
	width: 50%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}

.f_70{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}
.logo_tt {
	text-align: center;
}

.bg_cny {
background-image: url(https://www.timeteccloud.com/templates/layout/img/road/road38_768.jpg);
background-repeat: no-repeat;
background-size:100% auto; 
background-color: #0faabe;
height: 500px;
}

.Zoom100 {
	width: 60%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.t_400x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_500x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_600x{
	display: table;
	width: 100%;
	height: auto;	
}
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}

.t_safe{

    text-align:center;
    display: table;
    width: 100%;
	height:100px;
}
	
.Hide-img{
	display: none;
}
	
.Hide-img2{
	display: block;
}		
	
}

@media screen and (max-width: 24em) {

.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}
.t_400x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_500x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_600x{
	display: table;
	width: 100%;
	height: auto;	
}
.tb_height_icon {
height: 120px;
}
.circleLogo{
    padding:10px;
	width: 140px;
	height: 150px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-image: url(https://www.fingertec.com/img/sq_white60.png);
	background-repeat: repeat;
}
.separateLeft{
	border-right-width:0px;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.5, #cbccce), color-stop(0.5, #cbccce), color-stop(1, transparent)) 0 100%;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-right-color: #cbccce;
}

.container {
	width: 100%; margin-top: 50px; position: static; max-width: 100%;
}
.t_software{
    padding:20px;
    display: table;
    width: 100%;
	height:auto;
	text-align:center;
}
.t_login{

    text-align:center;
    display: table;
    width: 100%;
	height:autopx;
}
.t_b500{

    text-align:center;
    display: table;
    width: 100%;
	height:300px;
}

.t_slide{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_slide_left{
    margin-top: 50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_slide_top100{
    padding-top:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_ac{
    margin-top: 50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
	
}
.t_800{
    padding-top:150px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_img{ 
    min-height:auto;
    display: table;
    width: 100%;
}
.White20_shadow {	
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;
	line-height: 25px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}

.White50_shadow {	
	font-size: 35px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.gray30 {
	font-size: 20px;
	text-decoration: none;
	color: #333;
	line-height: 25px;
}
.gray50 {
	font-size: 30px;
	text-decoration: none;
	color: #333;
	line-height: 35px;
}
.Size80 {
	width: 80%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Size100 {
	width: 50%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Login {
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 18px;
	padding-top: 10px;
	text-align:center;
}
.f_50{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}
.f_55{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.1;
}
.f_60{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.1;
}
.f_70{
	font-size: 45px;
	text-decoration: none;
	line-height: 1.1;
}
.logo_tt {
text-align:center;
}

.bg_cny {
background-image: url(https://www.timeteccloud.com/templates/layout/img/road/road38_768.jpg);
background-repeat: no-repeat;
background-size:100% auto; 
background-color: #0faabe;
height: 500px;
}
.Zoom100 {
	width: 60%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Zoom80 {
	width: 70%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}

.t_safe{

    text-align:center;
    display: table;
    width: 100%;
	height:100px;
}
}


/*Viewport=480px*/
@media screen and (max-width: 30em) {
	
.t_150x{

    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}	
	
.t_safe{

    text-align:center;
    display: table;
    width: 100%;
	height:100px;
}
.ZoomSafe {
	width: 40%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
	
.Hide-img{
	display: none;
}
	
.Hide-img2{
	display: block;
}	
	
}

/*Viewport=320px*/
@media screen and (max-width: 20em) {
.t_150x{

    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}	
	
.t_safe{

    text-align:center;
    display: table;
    width: 100%;
	height:100px;
}

.ZoomSafe {
	width: 40%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
	
.Hide-img{
	display: none;
}
	
.Hide-img2{
	display: block;
}		
	
}