body,li,div,label,input,button,textarea, select, h5,h4,h3, h2,h1{
 	font-family: "Arial Narrow", "Microsoft JhengHei",\5FAE\8EDF\6B63\9ED1\9AD4 !important;
	margin:0;
	font-weight: 100;
}

.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}

.fff{
 	font-family: "Arial Narrow", "Microsoft JhengHei",\5FAE\8EDF\6B63\9ED1\9AD4 !important;
	margin:0;
	font-weight: 100;
}
.ff{font-family: "Arial Narrow", "Microsoft JhengHei",\5FAE\8EDF\6B63\9ED1\9AD4 !important;}
.ff1{font-family: "Microsoft JhengHei",\5FAE\8EDF\6B63\9ED1\9AD4 !important;}
.fff0{font-family: "Times New Roman", "Microsoft JhengHei",\5FAE\8EDF\6B63\9ED1\9AD4 !important;}
.fff01{font-style:oblique;font-family: "Times New Roman", "Microsoft JhengHei",\5FAE\8EDF\6B63\9ED1\9AD4 !important;}
.fff1{font-family: "Times New Roman", "DFKai-sb",\5FAE\8EDF\6B63\9ED1\9AD4 !important;}

.fff_cw{text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.fff_cb{text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.fff_es{
 	font-family: "Courier New",\5FAE\8EDF\6B63\9ED1\9AD4 !important;
	margin:0;
	font-weight: 100;
}
.pen { pointer-events: none;}

.crossed{
   background-image: linear-gradient(to bottom left,  transparent calc(50% - 1px), black, transparent calc(50% + 1px)); 
}

.rot0 {
  transform: rotate(0deg);
}
.rot90 {
  transform: rotate(90deg);
}
.rot180 {
  transform: rotate(180deg);
}
.rot270 {
  transform: rotate(270deg);
}

img{border:none}

tr td { white-space: nowrap;}

.imghover:hover{border-bottom:3px solid LightSkyBlue;}

button {outline: none;}

.txtolt {
 	color: tomato;
 	font-weight: 900;
 	-webkit-text-fill-color: tomato; /* Will override color (regardless of order) */
   	-webkit-text-stroke-width: 1px;
   	-webkit-text-stroke-color: black;
}
.txtol {
 	color: black;
 	font-weight: 900;
 	-webkit-text-fill-color: white; /* Will override color (regardless of order) */
   	-webkit-text-stroke-width: 1px;
   	-webkit-text-stroke-color: black;
}
.txtolw {
 	color: darkgreen;
 	font-weight: 900;
 	-webkit-text-fill-color: darkgreen;
   	-webkit-text-stroke-width: 1px;
   	-webkit-text-stroke-color: white;
}

.cirBtn{
	outline:none;
	border:none;
	font-weight: bold;
	line-height:100%;
	cursor:pointer;
	padding:0px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	height:40px;
	width:40px;
}

.cirBtn1{
	outline:none;
	border:none;
	font-weight: bold;
	cursor:pointer;
	line-height:100%;
	padding:0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:50px;
	width:50px;
}

.cirBtn11{
	outline:none;
	border:none;
	font-weight: bold;
	cursor:pointer;
	line-height:100%;
	padding:0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:60px;
	width:60px;
}

.cirBtn4{
	outline:none;
	border:none;
	font-weight: bold;
	line-height:100%;
	letter-spacing: 0px;
	font-size:10px;
	padding:0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:25px;
	width:25px;
}

.cirBtn12{
	outline:none;
	border:none;
	font-weight: bold;
	line-height:100%;
	letter-spacing: 0px;
	font-size:12px;
	padding:0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:15px;
	width:15px;
}

.cirBtn2{
	outline:none;
	border:none;
	font-weight: bold;
	line-height:100%;
	letter-spacing: 0px;
	font-size:10px;
	padding:0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:30px;
	width:30px;
}

.cirBtn3{
	outline:none;
	border:none;
	font-weight: bold;
	line-height:100%;
	letter-spacing: 0px;
	cursor:pointer;
	font-size:10px;
	padding:0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:35px;
	width:35px;
}

.bg001{background-image:url(../imgCo/bg001.png);}
.bg002{background-image:url(../imgCo/bg_001.jpg);}

.blurbg{background-image:url(../imgCo/BG.png);}
.blurbgb{background-image:url(../imgCo/BGB.png);}
.blurbgb1{background-image:url(../imgCo/BGB1.png);}
.blurbgo{background-image:url(../imgCo/BGO.png);}
.blurbgbr{background-image:url(../imgCo/BGBR.png);}
.blurbggr{background-image:url(../imgCo/BGGR.png);}

@keyframes blink {
    0% {opacity: 1;}
    20% {opacity: 0;}
    100% {opacity: 1;}
}
.ib {
    animation: blink 2s;
    animation-iteration-count: infinite;
}
.imd{-webkit-ime-mode:disabled!important;-moz-ime-mode:disabled!important;-o-ime-mode:disabled!important;-ms-ime-mode:disabled!important;ime-mode:disabled!important}
.imi{-webkit-ime-mode:inactive!important;-moz-ime-mode:inactive!important;-o-ime-mode:inactive!important;-ms-ime-mode:inactive!important;ime-mode:inactive!important}
.bsd{border-style: double;}
.bg{border:1px solid gray}
.bg3{border:3px solid gray}
.bw5{border:5px solid white}
.btr5{border:5px solid transparent}
.blg{border:1px solid lightgray}
.blg2{border:2px solid lightgray}
.br{border:1px solid red}
.bsg{border:1px solid seagreen}
.bo{border:1px solid orange}
.bo2{border:2px solid orange}
.bo5{border:5px solid orange}
.bt{border:1px solid tomato}
.bt2{border:2px solid tomato}
.btr2{border:2px solid transparent}
.btr{border:1px solid transparent}
.bw{border:1px solid white}
.bb{border:1px solid black}
.bb_lt{border-width:1px;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:solid;border-color:black}
.bb_lbr{border-width:1px;border-top-style:none;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:black}
.bb_ltr{border-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:none;border-left-style:solid;border-color:black}
.bb_ltb{border-width:1px;border-top-style:solid;border-right-style:none;border-bottom-style:solid;border-left-style:solid;border-color:black}
.bb_t{border-width:1px;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none;border-color:black}
.bb_tr{border-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:none;border-left-style:none;border-color:black}
.bb_lr{border-width:1px;border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:solid;border-color:black}
.bb_b{border-width:1px;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;border-color:black}
.bb_l{border-width:1px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid;border-color:black}
.bb_r{border-width:1px;border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none;border-color:black}
.bb_b2{border-width:2px;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;border-color:black}
.bb_t2{border-width:2px;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none;border-color:black}
.bb_w{border:1px solid black}
.bb_lt_w{border-width:1px;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:solid;border-color:white}
.bb_lbr_w{border-width:1px;border-top-style:none;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:white}
.bb_ltr_w{border-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:none;border-left-style:solid;border-color:white}
.bb_ltb_w{border-width:1px;border-top-style:solid;border-right-style:none;border-bottom-style:solid;border-left-style:solid;border-color:white}
.bb_t_w{border-width:1px;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none;border-color:white}
.bb_tr_w{border-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:none;border-left-style:none;border-color:whitek}
.bb_lr_w{border-width:1px;border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:solid;border-color:white}
.bb_b_w{border-width:1px;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;border-color:white}
.bb_l_w{border-width:1px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid;border-color:white}
.bb_r_w{border-width:1px;border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none;border-color:white}
.bb_b2_w{border-width:2px;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;border-color:white}
.bb_t2_w{border-width:2px;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none;border-color:white}
.b53l27{bottom:5.3%;left:2.7%}
.bb2{border:2px solid black}
.bb0{border:1px solid brown}
.bdgr{border:1px solid darkgreen}
.bdgr2{border:2px solid darkgreen}
.bbe{border:1px solid Beige}
.bsb{border:1px solid steelblue}
.bn{border:none}
.bs5{border-spacing: 5px}
.btmt{border:1px solid Tomato}
.btmt2{border:2px solid Tomato}
.bsb{border:1px solid SteelBlue}
.bsb2{border:2px solid SteelBlue}
.bsn{border:1px solid Sienna}
.busb2{border-bottom:2px solid SteelBlue}
.bub{border-bottom:1px solid SteelBlue}
.brb{border-right:1px solid SteelBlue}
.bulg{border-bottom:1px solid lightgray}
.bulg2{border-bottom:2px solid lightgray}
.bug{border-bottom:1px solid gray}
.bug2{border-bottom:2px solid gray}
.buw2{border-bottom:2px solid white}
.busg2{border-bottom:2px solid seagreen}
.busg{border-bottom:1px solid seagreen}
.bunone{border-bottom:none}
.bubk{border-bottom:1px solid black}
.bubk2{border-bottom:2px solid black}
.buw{border-bottom:1px solid white}
.buw2{border-bottom:2px solid white}
.buo{border-bottom:1px solid orange}
.butr{border-bottom:1px solid transparent}
.buo2{border-bottom:2px solid orange}
.but2{border-bottom:2px solid tomato}
.butr2{border-bottom:2px solid transparent}
.bulsb3{border-bottom:3px solid LightSkyBlue}
.bur{border-bottom:1px solid red}
.bur2{border-bottom:2px solid darkred}
.bldg{border-left:1px dotted lightgray}
.bcfb{background:CornflowerBlue}
.bcblu{background:Blue}
.bcgre{background:green}
.bcgr{background:Darkgreen}
.bcc{background:Chocolate}
.bccb{background:CadetBlue}
.bcdp{background:deeppink}
.bcr{background:red}
.bcp{background:pink}
.bcpg{background:PaleGreen}
.bcgy{background:GreenYellow}
.bclgr{background:lightGreen}
.bcdb{background:DodgerBlue}
.bcdsb{background:DeepSkyBlue}
.bcsb{background:SkyBlue}
.bclsb{background:LightSkyBlue}
.bcmt{background:MediumTurquoise}
.bcpt{background:PaleTurquoise}
.bcol{background:Olive}
.bcfb0{background:FireBrick}
.bcod{background:OliveDrab}
.bcyg{background:YellowGreen}
.bcpb{background:powderblue}
.bcn{background:Navy}
.bcmb{background:MediumBlue}
.bcrb{background:RoyalBlue}
.bcdb{background:DodgerBlue}
.bcl{background:Lavender}
.bccr{background:Crimson}
.bcor{background:OrangeRed}
.bcdo{background:DarkOrange}
.bco{background:orange}
.bcd{background:DarkCyan}
.bclc{background:LightCyan}
.bcb15{border:5px solid #3372DF}
.bct{background:Tomato}
.bclg{background:lightgray}
.bcb{background:brown}
.bcsn{background:Sienna}
.bcs{background:SteelBlue}
.bcg{background:gray}
.bclco{background:LightCoral}
.baz{background:azure}
.bcbk{background:Black}
.bcbe{background:Beige}
.bcdr{background:darkred}
.bcy{background:yellow}
.bcw{background:white}
.bcgr1{background:GoldenRod}
.bcgo{background:Gold}
.bcfg{background:ForestGreen}
.bcsg{background:SeaGreen}
.bcspg{background:SpringGreen}
.bcbv{background:BlueViolet}
.bctl{background:teal}
.bcbl{background:black}
.bhd{background:HoneyDew}
.bdsg{background:DarkSeaGreen}
.bdog{background:DarkOliveGreen}
.bcy{background:yellow}
.bcpp{background:PeachPuff}
.bgb{background:Gainsboro}
.bctr{background:transparent}
.bcgr1{background:GoldenRod}
.bcdv{background:darkviolet}
.b85px{bottom:85px;}
.b80px{bottom:80px;}
.b75px{bottom:75px;}
.b50px{bottom:50px;}
.b40px{bottom:40px;}
.b30px{bottom:30px;}
.b20px{bottom:20px;}
.b10px{bottom:10px;}
.b5px{bottom:5px;}
.b0px{bottom:0px;}
.b_30px{bottom:-30px;}
.bgrv{border-style:groove;}
.br70{border-radius:70%;}
.br50{border-radius:50%;}
.br10{border-radius:10%;}
.br20px{border-radius:20px;}
.br15px{border-radius:15px;}
.br10px{border-radius:10px;}
.br5px{border-radius:5px;}
.br10px0{border-radius:0 0 10px 10px;}
.br10px1{border-radius:10px 10px 0 0;}
.br10pxr{border-radius:0 10px 10px 0;}
.br10pxt{border-radius:10px 10px 0 0;}
.br10pxb{border-radius:0 0 10px 10px;}
.br10pxl{border-radius:10px 0 0 10px;}
.br5pxr{border-radius:0 5px 5px 0;}
.br5pxt{border-radius:5px 5px 0 0;}
.br5pxb{border-radius:0 0 5px 5px;}
.br5pxl{border-radius:5px 0 0 5px;}
.br20pxR{border-radius:0 20px 20px 0;}
.brl20{border-radius:20% 0 0 20%;}
.brr20{border-radius:0 20% 20% 0;}
.brl10{border-radius:10% 0 0 10%;}
.brr10{border-radius:0 10% 10% 0;}
.brt20{border-radius:30% 30% 0 0;}
.bibg001{background-image:url(../imgCo/bg001.png)}
.bibg002{background-image:url(../imgCo/bg_001.jpg)}
.bibg003{background-image:url(../imgCo/matrial_design/md001.jpg)}
.bibg004{background-image:url(../imgCo/matrial_design/mb-bg-fb-01.jpg); background-repeat: no-repeat;background-size: 150% auto;}
.bibg005{background-image:url(../imgCo/matrial_design/mb-bg-f-021.jpg)}
.bibg006{background-image:url(../imgCo/matrial_design/mb-bg-fb-05.jpg)}
.cw{color:white}
.cb{color:black}
.cdo{color:darkorange}
.cbe{color:Beige}
.cdr{color:darkred}
.cdb{color:darkblue}
.cdg{color:darkgray}
.cdp{color:deeppink}
.cg{color:Gold}
.clg{color:lightgray}
.csb{color:SteelBlue}
.cdgr{color:darkgreen}
.clgr{color:lightGreen}
.cdsg{color:darkseagreen}
.cgr1{color:GoldenRod}
.cy{color:yellow}
.ct{color:tomato}
.cpk{color:pink}
.cr{color:red}
.cp{cursor:pointer}
.cd{cursor:default}
.cch{cursor:crosshair;}
.cm{cursor:move;}
.di{display:inline}
.db{display:block}
.dn{display:none}
.di{display:inline}
.db{display:block}
.fr{float:right}
.fl{float:left}
.filw{fill:white}
.filg{fill:red}
.fsi{font-style:italic;}
.fsn{font-style:normal;}
.fs200{font-size:200%}
.fs180{font-size:180%}
.fs150{font-size:150%}
.fs120{font-size:120%}
.fs110{font-size:110%}
.fs100{font-size:100%}
.fs90{font-size:90%}
.fs85{font-size:85%}
.fs80{font-size:80%}
.fs70{font-size:70%}
.fs50{font-size:50%}
.fs8px{font-size:8px}
.fwb{font-weight:bold;}
.fwbb{font-weight: 900;}
.fw300{font-weight:300;}
.fw500{font-weight:500;}
.fw900{font-weight:900;}
.fw100{font-weight:100;}
.h150{height:150%}
.h95{height:95%}
.h93{height:93%}
.h90{height:90%}
.h85{height:85%}
.h80{height:80%}
.h75{height:75%}
.h70{height:70%}
.h100{height:100%}
.h60{height:60%}
.h50{height:50%}
.h33{height:33%}
.h30{height:30%}
.h40{height:40%}
.h400px{height:400px}
.h100px{height:100px}
.h350px{height:350px}
.h250px{height:250px}
.h200px{height:200px}
.h150px{height:150px}
.h90px{height:90px}
.h80px{height:80px}
.h70px{height:70px}
.h60px{height:60px}
.h52px{height:52px}
.h50px{height:50px}
.h32px{height:32px}
.h30px{height:30px}
.h24px{height:24px}
.h20px{height:20px}
.h18px{height:18px}
.h16px{height:16px}
.h14px{height:14px}
.h10px{height:10px}
.h5px{height:5px}
.h0px{height:1px}
.h20{height:20%}
.h5{height:5%}
.h15{height:15%}
.lh150{line-height:150%;}
.lh175{line-height:175%;}
.lh200{line-height:200%;}
.lh250{line-height:250%;}
.lh300{line-height:300%;}
.lh120{line-height:120%;}
.lh100{line-height:100%;}
.lh97{line-height:97%;}
.lh95{line-height:95%;}
.lh90{line-height:90%;}
.lh80{line-height:80%;}
.ls3{letter-spacing: 3px;}
.ls2{letter-spacing: 2px;}
.ls0{letter-spacing: 0px;}
.l0{left:0px;}
.l10px{left:10px;}
.l5px{left:5px;}
.l45{left:45px;}
.l40{left:40px;}
.l160{left:160px;}
.l150{left:150px;}
.l260px{left:260px;}
.l25p{left:25%;}
.l45p{left:45%;}
.l20p{left:20%;}
.l10p{left:10%;}
.l5p{left:5%;}
.l2p5p{left:2.5%;}
.l80p{left:80%;}
.l85p{left:85%;}
.l75p{left:75%;}
.l95p{left:95%;}
.m0{margin:0}
.m2{margin:2px}
.m3{margin:3px}
.m5{margin:5px}
.mh50px{min-height:50px}
.mh10px{min-height:10px}
.mh100px{min-height:100px;}
.mh200px{min-height:200px;}
.maxh240px{max-height:240px;}
.m10{margin:10px}
.ml2{margin-left:2px}
.ml5{margin-left:5px}
.ml_17p{margin-left:-17%}
.ml2p5p{margin-left:2.5%}
.ml5p{margin-left:5%}
.ml10p{margin-left:10%}
.ml20p{margin-left:20%}
.ml10{margin-left:10px}
.ml50{margin-left:50px}
.ml30px{margin-left:30px}
.ml25p{margin-left:25%}
.ml30p{margin-left:30%}
.mlr5{margin:0 5px}
.mlr10{margin:0 10px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr50{margin-right:50px}
.mr25p{margin-right:25%}
.mt15{margin-top:15px}
.mt25p{margin-top:25%}
.mt10p{margin-top:25%}
.mt52px{margin-top:52px}
.mt30{margin-top:30px}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mt4{margin-top:4px}
.mt3{margin-top:3px}
.mt2{margin-top:2px}
.mt_3px{margin-top:-3px}
.mt_8px{margin-top:-8px}
.mt_10px{margin-top:-10px}
.mt2{margin-top:2px}
.mb10{margin-bottom:10px}
.maxw292px{max-width:292px;}
.ofy{overflow-y:auto;overflow-x:hidden}
.ofx{overflow-x:auto;overflow-y:hidden}
.ofa{overflow:auto}
.ofh{overflow:hidden}
.p0{padding:0}
.p2{padding:2px}
.p3{padding:3px}
.p4{padding:4px}
.p5{padding:5px}
.p25p{padding:25%}
.p10{padding:10px}
.p15px{padding:15px}
.p20{padding:20px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pl0{padding-left:0px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.plr5{padding:0 5px}
.plr10{padding:0 10px}
.ptb5{padding:5px 0}
.pa{position:absolute}
.pf{position:fixed}
.r0{right:0px}
.r_25p{right:2.5%}
.r5p{right:5%}
.r10p{right:10%}
.r12p{right:12%}
.r15p{right:15%}
.r20p{right:20%}
.r10{right:10px}
.r5{right:5px}
.r15{right:15px}
.r25{right:25px}
.r50{right:50px}
.r80px{right:80px}
.r95{right:95px}
.r40px{right:40px}
.r140{right:140px}
.r125px{right:125px}
.r165px{right:165px}
.r190px{right:190px}
.r205px{right:205px}
.r240px{right:240px}
.swn{scrollbar-width:none;}
.vh{visibility:hidden}
tr.su1 > td{padding-bottom:0.5em;}
.twn{text-wrap:none}
.tbs30{border-spacing:30px;border-collapse:separate;}
.tbs20{border-spacing:20px;border-collapse:separate;}
.tbs10{border-spacing:10px;border-collapse:separate;}
.tbs5{border-spacing:5px;border-collapse:separate;}
.tbs2{border-spacing:2px;border-collapse:separate;}
.tbs0{border-spacing:0px;border-collapse:separate;}
.tbs00{border-spacing:0px;border:none;}
.tw3h3{transition:width 3s, height 3s}
.th5s{transition:height 5s}
.t15p{top:15%;}
.t25p{top:25%;}
.t35p{top:35%;}
.t30p{top:30%;}
.t75p{top:75%;}
.t105px{top:105px;}
.t85px{top:85px;}
.t75px{top:75px;}
.t60{top:60px;}
.t55{top:55px;}
.t50px{top:50px;}
.t40px{top:40px;}
.t38{top:38px;}
.t30{top:30px;}
.t15px{top:15px;}
.t10{top:10px;}
.t5{top:5px;}
.t0{top:0px;}
.t0l0{top:0px;left:0px;}
.talc{text-align-last:center;}
.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left}
.taj{text-align:justify}
.tdn{text-decoration:none}
.th1{transition:height 1s;}
.tlf{table-layout: fixed;}
.tsd{display:block;width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tsd0{display:table-cell;width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ttu{text-transform:uppercase;}
.vat{vertical-align:top}
.vab{vertical-align:bottom}
.vam{vertical-align:middle}
.vh{visibility:hidden}
.wh100{height:100%;width:100%}
.wh99{height:99%;width:99%}
.w280px{width:280px}
.w250px{width:250px}
.w220px{width:220px}
.w200px{width:200px}
.w150px{width:150px}
.w120px{width:120px}
.w100px{width:100px}
.w80px{width:80px}
.w50px{width:50px}
.w40px{width:40px}
.w20px{width:20px}
.w10px{width:10px}
.w150{width:150%}
.w100{width:100%}
.w98{width:98%}
.w99{width:99%}
.w95{width:95%}
.w90{width:90%}
.w85{width:85%}
.w80{width:80%}
.w79{width:79%}
.w70{width:70%}
.w60{width:60%}
.w58{width:58%}
.w55{width:55%}
.w50{width:50%}
.w49{width:49%}
.w45{width:45%}
.w40{width:40%}
.w38{width:38%}
.w35{width:35%}
.w33{width:33%}
.w30{width:30%}
.w29{width:29%}
.w25{width:25%}
.w20{width:20%}
.w15{width:15%}
.w125{width:12.5%}
.w10{width:10%}
.w9{width:9%}
.w8{width:8%}
.w7_5{width:7.5%}
.w7{width:7%}
.w6{width:6%}
.w5{width:5%}
.w4{width:4%}
.w3{width:3%}
.w2{width:2%}
.w1{width:1%}
.w40b75px{width:40px;bottom:75px;}
.w40b80{width:40px;bottom:80px;}
.wspw{white-space:pre-wrap;word-break: break-all;}
.z100{z-index:100}
.z10{z-index:10}
.z1000{z-index:1000}
.z99999999999{z-index:99999999999}
.z9999999999{z-index:9999999999}
.z999999999{z-index:999999999}
.z99999999{z-index:99999999}
.z99999{z-index:99999}
.z9999{z-index:9999}
.z999{z-index:999}
.z99{z-index:99}
.z9{z-index:9}
.lt0{left:0px;top:0px}

.txtol1 {
   	color: black;
   	-webkit-text-fill-color: white; /* Will override color (regardless of order) */
   	-webkit-text-stroke-width: 1px;
   	-webkit-text-stroke-color: black;
}
			
.blur20{
	filter:alpha(opacity=200); /* msie */  
	-moz-opacity: 2.0; /* firefox 1.0 */  
	-khtml-opacity: 2.0; /* webkit */  
	opacity: 2.0; /* css 3 */
}
.blur10{
	filter:alpha(opacity=100); /* msie */  
	-moz-opacity: 1.0; /* firefox 1.0 */  
	-khtml-opacity: 1.0; /* webkit */  
	opacity: 1.0; /* css 3 */
}
.blur95{
	filter:alpha(opacity=95); /* msie */  
	-moz-opacity: 0.95; /* firefox 1.0 */  
	-khtml-opacity: 0.95; /* webkit */  
	opacity: 0.95; /* css 3 */
}
.blur9{
	filter:alpha(opacity=9); /* msie */  
	-moz-opacity: 0.9; /* firefox 1.0 */  
	-khtml-opacity: 0.9; /* webkit */  
	opacity: 0.9; /* css 3 */
}
.blur8{
	filter:alpha(opacity=80); /* msie */  
	-moz-opacity: 0.80; /* firefox 1.0 */  
	-khtml-opacity: 0.80; /* webkit */  
	opacity: 0.80; /* css 3 */
}
.blur7{
	filter:alpha(opacity=70); /* msie */  
	-moz-opacity: 0.70; /* firefox 1.0 */  
	-khtml-opacity: 0.70; /* webkit */  
	opacity: 0.70; /* css 3 */
}
.blur5{
	filter:alpha(opacity=50); /* msie */  
	-moz-opacity: 0.50; /* firefox 1.0 */  
	-khtml-opacity: 0.50; /* webkit */  
	opacity: 0.50; /* css 3 */
}
.blur3{
	filter:alpha(opacity=30); /* msie */  
	-moz-opacity: 0.30; /* firefox 1.0 */  
	-khtml-opacity: 0.30; /* webkit */  
	opacity: 0.30; /* css 3 */
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.txt3d{
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#mainDiv {
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
    -ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}
 
/* Handle */
::-webkit-scrollbar-thumb:hover {
    background: tomato;
}
::-webkit-scrollbar-thumb {
    background: lightsteelblue;
}
::-ms-scrollbar-thumb {
    background: lightsteelblue;
}
::scrollbar-thumb {
    background: lightsteelblue;
}
::-ms-scrollbar-thumb:hover {
    background: tomato;
}
::scrollbar-thumb:hover {
    background: tomato;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: lightsteelblue; 
}

.cBtn {
	-moz-box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0px;
	border:0px solid #83c41a;
	color:#000000;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	padding:0 5px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 8px #86ae47;
}
.cBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}.cBtn:active {
	position:relative;
	top:1px;
}

.br5px_t{
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.br5px{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.br10px{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.br10{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.br10px{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.BtnG {
	-moz-box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0px;
	border:0px solid #83c41a;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	padding:0 5px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 8px #86ae47;
}
.BtnG:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}.BtnG:active {
	position:relative;
	top:1px;
}


#circularG{
	position:relative;
	width:64px;
	height:64px
}

.circularG{
	position:absolute;
	background-color:#2FA8BD;
	width:15px;
	height:15px;
	-moz-border-radius:10px;
	-moz-animation-name:bounce_circularG;
	-moz-animation-duration:0.88s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:10px;
	-webkit-animation-name:bounce_circularG;
	-webkit-animation-duration:0.88s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:10px;
	-ms-animation-name:bounce_circularG;
	-ms-animation-duration:0.88s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:10px;
	-o-animation-name:bounce_circularG;
	-o-animation-duration:0.88s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:10px;
	animation-name:bounce_circularG;
	animation-duration:0.88s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

#circularG_1{
	left:0;
	top:25px;
	-moz-animation-delay:0.33s;
	-webkit-animation-delay:0.33s;
	-ms-animation-delay:0.33s;
	-o-animation-delay:0.33s;
	animation-delay:0.33s;
}

#circularG_2{
	left:7px;
	top:7px;
	-moz-animation-delay:0.44s;
	-webkit-animation-delay:0.44s;
	-ms-animation-delay:0.44s;
	-o-animation-delay:0.44s;
	animation-delay:0.44s;
}

#circularG_3{
	top:0;
	left:25px;
	-moz-animation-delay:0.55s;
	-webkit-animation-delay:0.55s;
	-ms-animation-delay:0.55s;
	-o-animation-delay:0.55s;
	animation-delay:0.55s;
}

#circularG_4{
	right:7px;
	top:7px;
	-moz-animation-delay:0.66s;
	-webkit-animation-delay:0.66s;
	-ms-animation-delay:0.66s;
	-o-animation-delay:0.66s;
	animation-delay:0.66s;
}

#circularG_5{
	right:0;
	top:25px;
	-moz-animation-delay:0.77s;
	-webkit-animation-delay:0.77s;
	-ms-animation-delay:0.77s;
	-o-animation-delay:0.77s;
	animation-delay:0.77s;
}

#circularG_6{
	right:7px;
	bottom:7px;
	-moz-animation-delay:0.88s;
	-webkit-animation-delay:0.88s;
	-ms-animation-delay:0.88s;
	-o-animation-delay:0.88s;
	animation-delay:0.88s;
}

#circularG_7{
	left:25px;
	bottom:0;
	-moz-animation-delay:0.99s;
	-webkit-animation-delay:0.99s;
	-ms-animation-delay:0.99s;
	-o-animation-delay:0.99s;
	animation-delay:0.99s;
}

#circularG_8{
	left:7px;
	bottom:7px;
	-moz-animation-delay:1.1s;
	-webkit-animation-delay:1.1s;
	-ms-animation-delay:1.1s;
	-o-animation-delay:1.1s;
	animation-delay:1.1s;
}

@-moz-keyframes bounce_circularG{
	0%{-moz-transform:scale(1)}
	100%{-moz-transform:scale(.3)}
}

@-webkit-keyframes bounce_circularG{
	0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(.3)}
}

@-ms-keyframes bounce_circularG{
	0%{-ms-transform:scale(1)}
	100%{-ms-transform:scale(.3)}
}

@-o-keyframes bounce_circularG{
	0%{-o-transform:scale(1)}
	100%{-o-transform:scale(.3)}
}

@keyframes bounce_circularG{
	0%{transform:scale(1)}
	100%{transform:scale(.3)}
}

#preloader-5 {position:absolute;}
#preloader-5 span {
	position:absolute;
	width:20px;
	height:20px;
	border: 3px solid white;
	border-radius:20px;
	animation: radar 2s infinite linear;
	opacity: 0;
}

#preloader-5 span:nth-child(1) {animation-delay: 0s;}	
#preloader-5 span:nth-child(2) {animation-delay: 0.66s;}
#preloader-5 span:nth-child(3) {animation-delay: 1.33s;}

#preloader-5-1 {position:absolute;}
#preloader-5-1 span {
	position:absolute;
	width:20px;
	height:20px;
	border: 3px solid tomato;
	border-radius:20px;
	animation: radar 2s infinite linear;
	opacity: 0;
}
#preloader-5-1 span:nth-child(1) {animation-delay: 0s;}	
#preloader-5-1 span:nth-child(2) {animation-delay: 0.66s;}
#preloader-5-1 span:nth-child(3) {animation-delay: 1.33s;}

#preloader-5-2 {position:absolute;}
#preloader-5-2 span {
	position:absolute;
	width:20px;
	height:20px;
	border: 3px solid steelblue;
	border-radius:20px;
	animation: radar 2s infinite linear;
	opacity: 0;
}
#preloader-5-2 span:nth-child(1) {animation-delay: 0s;}	
#preloader-5-2 span:nth-child(2) {animation-delay: 0.66s;}
#preloader-5-2 span:nth-child(3) {animation-delay: 1.33s;}
			
@keyframes radar {
	0% {transform: scale(0); opacity: 0;}
	25% {transform: scale(0); opacity: 0.5;}
	50% {transform: scale(1); opacity: 1;}
	75% {transform: scale(1.5); opacity: 0.5;}
	100% {transform: scale(2); opacity: 0;}
}


.imgAnimation {
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 3s infinite;
}

/* Chrome, Safari, Opera */
#div1 {-webkit-animation-timing-function: linear;}
#div2 {-webkit-animation-timing-function: ease;}
#div3 {-webkit-animation-timing-function: ease-in;}
#div4 {-webkit-animation-timing-function: ease-out;}
#div5 {-webkit-animation-timing-function: ease-in-out;}

/* Standard syntax */
#div1 {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}

.paused{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused; 
    animation-play-state:paused;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 1000px;}
    to {left: 0px;}
}

/* Standard syntax */
@keyframes mymove {
    from {left: 100px;}
    to {left: 0px;}
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: 1000;
}
 
#loader-wrapper .loader-section.section-left {
    left: 0;
}
 
#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loader {
  margin: 35px auto;
  font-size: 5px;
  width: 0.1em;
  height: 0.1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #008080, 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.5), -1.8em -1.8em 0 0em rgba(0,128,128, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.7), 1.8em -1.8em 0 0em #008080, 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.5), 1.8em -1.8em 0 0em rgba(0,128,128, 0.7), 2.5em 0em 0 0em #008080, 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.5), 2.5em 0em 0 0em rgba(0,128,128, 0.7), 1.75em 1.75em 0 0em #008080, 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.5), 1.75em 1.75em 0 0em rgba(0,128,128, 0.7), 0em 2.5em 0 0em #008080, -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.5), 0em 2.5em 0 0em rgba(0,128,128, 0.7), -1.8em 1.8em 0 0em #008080, -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.5), -1.8em 1.8em 0 0em rgba(0,128,128, 0.7), -2.6em 0em 0 0em #008080, -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.5), -2.6em 0em 0 0em rgba(0,128,128, 0.7), -1.8em -1.8em 0 0em #008080;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #008080, 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.5), -1.8em -1.8em 0 0em rgba(0,128,128, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.7), 1.8em -1.8em 0 0em #008080, 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.5), 1.8em -1.8em 0 0em rgba(0,128,128, 0.7), 2.5em 0em 0 0em #008080, 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.5), 2.5em 0em 0 0em rgba(0,128,128, 0.7), 1.75em 1.75em 0 0em #008080, 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.5), 1.75em 1.75em 0 0em rgba(0,128,128, 0.7), 0em 2.5em 0 0em #008080, -1.8em 1.8em 0 0em rgba(0,128,128, 0.2), -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.5), 0em 2.5em 0 0em rgba(0,128,128, 0.7), -1.8em 1.8em 0 0em #008080, -2.6em 0em 0 0em rgba(0,128,128, 0.2), -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.5), -1.8em 1.8em 0 0em rgba(0,128,128, 0.7), -2.6em 0em 0 0em #008080, -1.8em -1.8em 0 0em rgba(0,128,128, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,128,128, 0.2), 1.8em -1.8em 0 0em rgba(0,128,128, 0.2), 2.5em 0em 0 0em rgba(0,128,128, 0.2), 1.75em 1.75em 0 0em rgba(0,128,128, 0.2), 0em 2.5em 0 0em rgba(0,128,128, 0.2), -1.8em 1.8em 0 0em rgba(0,128,128, 0.5), -2.6em 0em 0 0em rgba(0,128,128, 0.7), -1.8em -1.8em 0 0em #008080;
  }
}

.switch {position: relative;display: inline-block;width:50px;height:24px;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: lightgray;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: tomato;}
input:focus + .slider {box-shadow: 0 0 1px tomato;}
input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
/* Rounded sliders */
.slider.round {border-radius: 30px;}
.slider.round:before {border-radius: 50%;}