/* @import url(http://db.onlinewebfonts.com/c/bc9fa02b4227255be2387a7e19a3e09b?family=Akkurat-Light); */

/*
@import url(https://cdn.fingertec.com/www/code/fonts/akkurat.css);


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

html {
	font-family: "Akkurat-Light"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
	font-size:13.2px;
}
body {
    font-family: "Akkurat-Light";
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}*/



@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: "Akkurat-Light",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;}

A.class3 {color:#333; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 14px;}
A.class3:hover {color:#d71920; 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: 13px; line-height: 20px;}
A.class6:hover {color:#ffffff; font-family: "Nunito Sans",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 13px; 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.ex1:hover, a.ex1:active {
    color: #7dca39;
}*/





.product-image {
  height: 300px; /* Set your desired height */
  width: 100%;   /* Or a fixed width like 300px */
  object-fit: contain; /* or "contain" depending on the look you want */
  display: block;
}


.product-image-2 {
  height: 200px; /* Set your desired height */
  width: 100%;   /* Or a fixed width like 300px */
  object-fit: contain; /* or "contain" depending on the look you want */
  display: block;

}

.t_mat{
    text-align:center;
    display: table;
    width: auto;
	padding:20px;
	height:350px;
}

.t_span-mat{
 vertical-align:bottom; display: table-cell;
}

.charcoal{
    background-color: #231f20;
}
.ttblue{
    background-color: #00aeef;
}
.tiffblue{
    background-color: #00dbe2;
}
.sk2{
    background-color: #98102f;
}
.grape{
    background-color: #820f51;
}
.cherry {
    background-color: #f23e4f;
}
.chilli{
    background-color: #ed1c24;
}
.tomato{
    background-color: #ec4f4f;
}
.coco{
    background-color: #67221e;
}
.eggplant {
    background-color: #9879c3;
}
.metal {
    background-color: #3b3663;
}
.banana {
    background-color: #f9e500;
}
.mango {
    background-color: #ffb44f;
}
.leaf {
    background-color: #139e00;
}

.blueberry {
    background-color: #3350d0;
}

.seablue {
    background-color: #54c8fd;
}

.peach {
    background-color: #ef7635;
}
.tree {
    background-color: #1eaa7f;
}

.greengrape {
    background-color: #64e70d;
}

.greenapple {
    background-color: #7eca52;
}

.flex-container {  
	display:-webkit-flex;
	display:-ms-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btn-A {
  display: inline-block;
  border-radius: 30px 30px 0px 30px;
  border: none;
  color: #000!important;
  text-align: center;
  font-size: 18px;
  padding: 8px 10px 9px 10px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  min-width: 150px;
 transition: all 0.5s;
}

.btn-A:hover {
 border-radius: 0px 30px 30px 30px;
}



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


.LGray {
    color: #707377;
}
/*****/
.number {
	border-radius:25px;
	font-size: 16px;
	text-decoration: none;
	background-color: #27d48d;
	color: #fff;
	font-weight: bold;
	height: 30px;
	width: 30px;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.imgshadow {
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(255,255,255,0.2)));
}
.ft_eclusive{
	background-image: url(https://product.fingertec.com/accessories/images/FT_exclusive.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 50px;
}
.ic_software{
	font-size: 20px;
}
.ic_software_bg{
    padding:5px;
	width: 60px;
	height: 60px;
	-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;
	
}

.Outlinebox {
	border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}

.OutlineOptional {
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #E9EDEF;
}
.optionalTable {
	
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bdccd2;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #bdccd2;
}
.optionalTable2 {
	
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bdccd2;
}
.optionalTable3 {
	
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #bdccd2;
}
.CustomerReview {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #006699;
}
.ReviewVotes {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0087E1;
	font-style: 11;
}
.ReviewVotes img{
	display: inline;
}	
.bg_curve {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00274A;
	text-decoration: none;
	/* Rounded corners */
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #e8f2f8;
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #c4dae5;
	padding: 15px;
}
.title_curve{
	border-radius:18px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #eeeeee , #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #eeeeee , #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #eeeeee , #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #eeeeee , #ffffff);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;

}
.title_curve2{
	border-radius:18px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #dde4f2 , #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #dde4f2 , #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #dde4f2 , #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #dde4f2 , #ffffff);
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 18px;
	line-height: 20px;
	color: #2b4679;
	text-decoration: none;
}

.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-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-gray {
  background-color: #9babc3;
  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: #dae7f2;
  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-awesome {
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	display: inline-block;
	text-decoration: none;
	width: 35px;
	height: 35px;
	padding: 10px 0;
	border-radius: 100%;
	position: relative;
	text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
	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;
	background-color: #85cae8;
	margin-right:5px;
}
.icon-awesome:hover {
    color: #ffffff;
	background-color: #d71920;
}


.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;
}
.UnderGreen {
	color: #666666;
	font-size: 16px;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-bottom-color: #6da805;
}
.UnderRed {
	color: #666666;
	font-size: 16px;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-bottom-color: #c4161c;
}
.Orange {
	color: #f7941d;
}
.Red {
	color: #d71920;
}
.AppleGreen {
	color: #339341;
}

.Green {
	color: #0a8c78;
}

.Gray {
	color: #4f5559;
}
.Black {
	color: #000000;
}
.LightGray {
	color: #8a9299;
}
.SLightGray {
	color: #a7a9ac;
}
.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);
}



.mat_title{
	font-size: 16px;
	text-decoration: none;
	line-height: 1.1;
	color: #000;
	background-color: #f2f2f2;
	padding:10px;
	min-height: 40px;
}

.f_update {
	font-size: 12px;
	text-decoration: none;
	line-height: 1;
	text-align: left;
	color: #a7a9ac;
}
.f_title {
	font-size: 45px;
	text-decoration: none;
	line-height: 1;
	text-align: left;
	color: #CC0000;
}
.f_10 {
	font-size: 11px;
	text-decoration: none;
	line-height: 1.1;
}
.f_11 {
	font-size: 11px;
	text-decoration: none;
	line-height: 1.5;
}
.f_11s {
	font-size: 11px;
	text-decoration: none;
	line-height: 1;
}
.f_12s {
	font-size: 12px;
	text-decoration: none;
	line-height: 1;
}
.f_12 {
	font-size: 12px;
	text-decoration: none;
	line-height: 1.5;
}
.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_18s {
	font-size: 18px;
	text-decoration: none;
	line-height: 1;
}

.f_20 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.5;
}
.f_20s {
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
}
.f_22 {
	font-size: 22px;
	text-decoration: none;
	line-height: 1.5;
}
.f_22s{
	font-size: 22px;
	text-decoration: none;
	line-height: 1;
}
.f_25 {
	font-size: 25px;
	text-decoration: none;
	line-height: 1.5;
}

.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.2;
}
.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;
}
.page_title{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
	color: #CC0033;
}
.SizeReader {
	width: 70%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Size80 {
	width: 100%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Size100 {
	width: 100%;
	height: auto;
}

.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;
	color: #333333;
	background-image: url(../../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 10px;
	padding-left: 15px;
	text-decoration: none;
	line-height: 17px;
}

.Bg_order {
	border-radius: 6px;
	padding: 8px;
	background-color: #fdd224;
	
}
.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);
	
}
.Gradient {
	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);
	border-radius:5px;
	
}

.Gradient2 {
	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);
	
}

.GradientYellow {
	background: -webkit-linear-gradient(#ffe877, #fdd224); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffe877, #fdd224); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffe877, #v); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffe877, #fdd224);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e3bd20;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e3bd20;
}

.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;
}

/*** content size ***/

.t10 {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.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;
}
.separateLine3{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c4c6c8;
	padding-bottom: 20px;
}


.separateLine2{
	text-decoration: none;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4c6c8;
}

.separateLine{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c4c6c8;
	padding-bottom: 10px;
}

.highlight {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	line-height: 13px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.description {
	color: #333333;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.descriptionbold {
	color: #333333;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Akkurat-Light", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
}

.Outlinebox {
	border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
.curveOutline {
	border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-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****************************************************************/
.container_sp {
  display: table;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;}
  
.helper_sp{
  #position: absolute; /*a variation of an "lte ie7" hack*/
  top: 50%;
  display: table-cell;
  vertical-align: middle;}
  
.content_sp {
  #position: relative;
  top: -50%;
  margin:0 auto;
  width:100%;}

.t_bnr_gal{

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

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

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

.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:400px;
}
.t_slide{
    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
.t_slide_d100{
    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%;
}


.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 */
}

.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 */
}
.btnLBlue {
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	border-radius: 5px;
	border-image: none;
	text-align: center;
	color: #fff;
	line-height: 20px;
	font-size: 17px;
	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(#55c4f9, #106199); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#55c4f9, #106199); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#55c4f9, #106199); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#55c4f9, #106199); /* 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: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	
}
.btnLBlue:Hover {
	background: -webkit-linear-gradient(#106199, #55c4f9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#106199, #55c4f9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#106199, #55c4f9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#106199, #55c4f9); /* Standard syntax */
	
}
.btn_stock {
	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); /* 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: 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_stock: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 */
}
a.btn_order {
	-webkit-appearance: none;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #fd4201 !important;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin:2px;
	border-radius:30px;
}
a.btn_order:hover {
	-webkit-appearance: none;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #58595b !important;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin:2px;
}
a.btn_home {
	-webkit-appearance: none;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #cc0000;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin:2px;
	border-radius:30px;
}
a.btn_home:hover {
	-webkit-appearance: none;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #58595b;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin:2px;
}
.btn_cart {
	border-width: 0px;
	border-style: solid;
	border-color: #bbbbbb;
	border-radius: 4px;
	border-image: none;
	text-align: center;
	color: #fff;
	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(#ea5454, #9c0202); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ea5454, #9c0202); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ea5454, #9c0202); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ea5454, #9c0202); /* Standard syntax */
	-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: 12px;
	padding-bottom: 5px;
	padding-left: 12px;	
	margin:2px;
}
.btn_cart:Hover {
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	background: -webkit-linear-gradient(#9c0202, #ea5454); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#9c0202, #ea5454); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#9c0202, #ea5454); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#9c0202, #ea5454); /* Standard syntax */
}
.formfill {
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Akkurat-Light";
	border-width: 1px;
	border-style: solid;
	border-color: #BDC5CE;
	padding: 5px;
	color: #004559;
	background-color: #fff;
}
.orderfill {
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Akkurat-Light";
	border-width: 1px;
	border-style: solid;
	border-color: #BDC5CE;
	padding: 5px;
	color: #004559;
	background-color: #fff;
	text-align: left;
}
/*********************** Slide *********************************/
#slider-container {
	position: relative;
}


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

.Chat {
	border-width: 0px;
	border-style: solid;
	border-color: #790000;
	border-radius:6px;
	border-image: none;
	color: #FFFFFF;
	line-height: 18px;
	font-size: 15px;
	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(#e13275, #2a151c); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e13275, #2a151c); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e13275, #2a151c); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e13275, #2a151c); /* 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: 8px;
	padding-bottom: 8px;
	margin: 3px;
	font-family: Arial;
	padding-right: 20px;
	padding-left: 20px;
}
.Chat:Hover {
	
	background: -webkit-linear-gradient(#2a151c, #e13275); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#2a151c, #e13275); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2a151c, #e13275); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#2a151c, #e13275); /* Standard syntax */

}
/**************** Button VC ***************/
.vc_orange {
	padding: 2px 12px 2px 12px;
	border-radius: 5px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #f1592a;
	text-align: center;
}

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

.vc_lightyellow {
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	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 ***************/

.boxShadow{
-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.5);
}

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

@media screen and (max-width: 65.3125em) {
.t_bnr_300{

    padding-top:10px;
    display: table;
    width: 100%;
	height:auto;
}
.t_slide_d100{
    padding-top:250px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}

.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{

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



.t_slide_left{

    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;
}
.t_bnr{
    padding-top:40px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
}


/*Viewport=480px*/
@media screen and (max-width: 30em) {
	
	
.flex-container {
  flex-direction: column-reverse!important;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}		
	
}


@media screen and (max-width: 33.75em) {
	
.flex-container {
  flex-direction: column-reverse!important;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}	
	
.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_slide_d100{
    padding-top:180px;
    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;
}
.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;
}
.t_bnr_300{

    padding-top:10px;
    display: table;
    width: 100%;
	height:auto;
}
.t_bnr{
    padding-top:40px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:300px;
}
.f_title {
	font-size: 50px;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	color: #CC0000;
}

.f_update {
	font-size: 12px;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	color: #a7a9ac;
}
}

@media screen and (max-width: 24em) {
	
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}	

.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_bnr_gal{

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

    padding-top:10px;
    display: table;
    width: 100%;
	height:auto;
}
.t_slide_d100{
    padding-top:80px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}


.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;
}


.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;
}
.t_bnr{
    padding-top:40px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:300px;
}
.f_title {
	font-size: 46px;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	color: #CC0000;
}

.f_update {
	font-size: 12px;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	color: #a7a9ac;
}
}