* {
    margin: 0;
    padding: 0;
	text-shadow:0px 0px 0px;
	

    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	-webkit-text-size-adjust: 100%;
}

body {
	margin:0;
	color: #000;
	font-size: 14px;
	font-family: "微軟正黑體";
	-webkit-text-size-adjust: 100%;
	
}

#tagname,#tagname a:link{
	font-weight:800;
	font-size:16px;
	line-height: 36px;	
}
div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li {
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	word-wrap: normal;
	word-break: normal;
	border-width: 0;
	font-family: "微軟正黑體",  "Lucida Grande", "Arial", "Arial Narrow";
}

hr {
	border-top:1px #000 solid;
	margin:0 0 10px 0;
}

th {
	font-weight: normal;
}

ul, ol {
	list-style: none;
}

p.lineHeight {
	line-height:170%;
}
p.marginTop {
	margin:10px 0;
}
p.marginLeft {
	margin: 0 10px;
}

input,button,select,number,textarea {
	outline:none
}



input[type=text],input[type=password],input[type=number], select ,textarea{

    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 0px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	text-align:center;
}

input[type=submit]:hover {
    background-color: #45a049;
}
/**
*
* =anchor
*
**/



a:link, a:visited {
	color: #191919;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #8c0000;
	text-decoration: none;
}

/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */


/**
*
* =jumpDiv
*
**/
/* + 跳一  跳三
*----------------------------------------------------------------------------*/
#jumpDiv ,
#jumpIframe {
	position: relative;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 50;
}


/* +body
*----------------------------------------------------------------------------*/
.wrapper {
	position: relative;
}

section {

	width: 100%;
	overflow: hidden;
}

footer section {

	width: 85%;
	overflow: hidden;
}


/* +header
*----------------------------------------------------------------------------*/
header {
	width: 100%;
}


/* +footer
*----------------------------------------------------------------------------*/



/*************************************************************************************************/
a:visited {	color: #333333;	text-decoration: none;}
a:link {	color: #333333;text-decoration: none;}
a:hover {	COLOR: #FF6600; TEXT-DECORATION: none;}





/**
*
* =top-bar
*
**/
header #top-bar {
	background: #454545;
	line-height: 50px;
}


/******************************************/
header #top-bar .bar-left {
	text-align: left;
	font-size: 13px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 20px;
}
header #top-bar .bar-left a {
	color: #FFFFFF;
	font-weight: lighter;
	font-size: 13pt;
}

header #top-bar .bar-left a:hover {
	color: #fff;
}

header #top-bar .bar-left a:after {
	display: inline-block;
    content: "．";
    font-size: 12px;
    color: #DBDBDB;
    padding: 0 4px;
}
/******************************************/

header #top-bar .bar-right {
	margin: 0 auto;
	width: 1200px;
	text-align: right;
	font-size: 13px;
}

header #top-bar .bar-right a {
	color: #e1e1e1;
}

header #top-bar .bar-right a:hover {
	color: #fff;
}

header #top-bar .bar-right a:after {
	display: inline-block;
    content: "．";
    font-size: 12px;
    color: #DBDBDB;
    padding: 0 4px;
}

header #top-bar .bar-right a.language:after ,
header #top-bar .bar-right a.community:after {
	content: "";
}

header #top-bar .bar-right a.community i {
	width: 25px;
	height: 25px;
	background: #dbdbdb;
	display: inline-block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	color: #454545;
}

header #top-bar .bar-right a.community i:hover {
	background: #fff;
}

/**
*
* =cis
*
**/
header #cis {
	vertical-align: bottom;	
}
#mesg{
	top: 0px;
	background-color:#222222;
	height:35px;
	line-height:38px;
	color:#FFFFFF;
}
#mesgb{
	margin:0 auto;
	top: 0px;

	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #222222;
	border-bottom-color: #222222;
	border-left-color: #222222;
	width: 95%;

}


/* +google map
*----------------------------------------------------------------------------*/
#gmap {

	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#gmap iframe {
	width: 100%;
	height: 400px;
}

/**
*
* =main-menu
*
**/



/*****************************************************************************************************************************/


/*****************************************************************************************************************************/

/*****************************************************************************************************************************/
/*header .left-func {
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 8px;
	right: 0;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #5CAC34;
}*/
header .left-func {
	display: block;/*margin: 0 auto;*/
	
	top: 0px;
	position: relative;
	background-color: #5CAC34;
}




header nav ul.pc-left {
	float: left;
	padding-top: 5px;
}
header nav ul.pc-left li {
	margin-right: 5px;
	float: left;
	text-align: center;
	background-color: #CCCCCC;
	padding: 5px;
	
}
header nav ul.pc-left li:hover { background-color: #380606 !important; }
header nav ul.pc-left li a {
	display: block;
	position: relative;
	width: 105px;

	font-size: 16px;
	color: #7a7a7a;
	line-height: 50px;	
}
header nav ul.pc-left li:last-child {
	margin: 0;
}

.menuA {
	width: 100%;
	z-index: 999;
	overflow: auto;
	clear: both;
}
.menuA ul{
	width: 4000px;
	position:static;
	
	
}

.menuA ul li{
	width:60px;
	padding: 5px;
	text-align: center;
	float: left;
}
.menuA ul li a i{

	text-align: center;
	display:block;
	width: 50px;
	height: 50px;
	background: #0033FF;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	margin-left: 10px;
	
	background: -webkit-radial-gradient(ellipse,white,#0033FF);
	background: -o-radial-gradient(ellipse,white,#0033FF);
	background: -moz-radial-gradient(ellipse,white,#0033FF);
	background: radial-gradient(ellipse,white,#0033FF);
}

.menuA ul li a .buser{

	text-align: center;
	display:block;
	width: 50px;
	height: 50px;
	background: #FF3300;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	margin-left: 10px;
	
	background: -webkit-radial-gradient(ellipse,white,#FF3300);
	background: -o-radial-gradient(ellipse,white,#FF3300);
	background: -moz-radial-gradient(ellipse,white,#FF3300);
	background: radial-gradient(ellipse,white,#FF3300);
}




.menuA ul li a .Guser{
	text-align: center;
	display:block;
	width: 50px;
	height: 50px;
	background: #FF00CC;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	margin-left: 10px;
	
	background: -webkit-radial-gradient(ellipse,white,#FF00CC);
	background: -o-radial-gradient(ellipse,white,#FF00CC);
	background: -moz-radial-gradient(ellipse,white,#FF00CC);
	background: radial-gradient(ellipse,white,#FF00CC);
}
.menuA ul li a .Muser{
	text-align: center;
	display:block;
	width: 50px;
	height: 50px;
	background: #009900;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	margin-left: 10px;
	
	background: -webkit-radial-gradient(ellipse,white,#009900);
	background: -o-radial-gradient(ellipse,white,#009900);
	background: -moz-radial-gradient(ellipse,white,#009900);
	background: radial-gradient(ellipse,white,#009900);
}
/*header #top-bar .bar-right a.community i {
	width: 25px;
	height: 25px;
	background: #dbdbdb;
	display: inline-block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	color: #454545;
}*/
header nav.menux {
	min-width: 100%;
	top: 50px;
	color: #000000;
	position: fixed;
	background: #91D370;
	z-index: 999;
}

header nav.menux ul li {
	width: 43%;
	padding: 10px;
	border-bottom: 1px #cdcdcd solid;
	float: left;
}

header nav.menux ul li a {

	color: #FFFFFF;
}
header nav.menux ul li a:hover i {
	color: #8c0000;
}
header nav.menux ul li a span {
	position: relative;
	left: 0;
	right: 0;
	height: 20px;
	margin-right: 10px;
}

/*****************************************************************************************************************************/


header nav {
	display: block;
	overflow: hidden;
	border-bottom: 1px #cdcdcd dotted;
	
	background-repeat: no-repeat;
	background-position: left bottom;
}

header nav ul.pc {
	float: right;
	padding-top: 10px;


}

header nav ul.pc li {
	margin-right: 5px;
	float: left;
	text-align: center;
	background-color: #CCCCCC;
	padding: 10px;
	width:105px;
	
}
header nav ul.pc li:hover { background-color: #380606 !important; }



header nav ul.pc li a {
	display: block;
	position: relative;
	width: 105px;
	height: 50px;
	font-size: 16px;
	color: #7a7a7a;
	line-height: 80px;	
}
header nav ul.pc li:last-child {
	margin: 0;
}
header nav ul li a span {
	position: absolute;
	left: 0;
    right: 0;
	height: 20px;
	text-align: center;/**/	
}

header nav ul li a span.out {
	top: 0;
}

header nav ul li a span.over {
	top: -45px;
    color: #B11114;
}

header nav ul li a i {
	display: block;
	font-size: 12px;
	font-style: normal;
	color: #000;
}




/* +content
*----------------------------------------------------------------------------*/
#content {
	position: relative;
}





/*-----------------------------------------------------------------------------------------------*/


#content .contact-info {
	margin-bottom: 20px;
	line-height: 170%;
	font-size: 16px;
}
#content .contact-img {

}

#content .contact-img img{
	/*position: absolute;
	left: 50%;*/
	width: 49%;
}

#content .contact-form {
	overflow: hidden;
}

#content .contact-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

#content .contact-form fieldset p {
	margin-bottom: 25px;
	color: #2F2F2F;
}

#content .contact-form fieldset p label {
	margin-bottom: 5px;
	width: 100%;
	display: block;
	font-size: 15px;
}

#content .contact-form fieldset p label strong {
	margin-right: 5px;
	display: inline-block;
	color: #EB1C1F;
}

#content .contact-form fieldset p input ,
#content .contact-form fieldset p select ,
#content .contact-form fieldset p textarea {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #D5D5D5;
}

#content .contact-form fieldset p textarea {
	height: 100px;
}

#content .contact-form fieldset p.col-2 {
	margin-right: 2%;
	width: 100%;
	float: left;
}

#content .contact-form fieldset p.col-3 {
	width: 100%;
	float: left;
}

#content .contact-form fieldset.btn {
	overflow: hidden;
}

#content .contact-form fieldset.btn p {
	margin-right: 15px;
	float: left;
}

#content .contact-form fieldset.btn p label {
	width: auto;
	display: inline-block;
}

#content .contact-form fieldset.btn p input {
	width: 70px;
}
#content .contact-form fieldset.btn p.send {
	width: 200px;
}

#content .contact-form fieldset.btn p.send input {
	background: #604b3e;
	display: inline-block;
    padding: 7px 15px;
    font-family: "微軟正黑體", "新細明體", sans-serif;
	line-height: 21px;
	text-align: center;
    font-size: 14px;
    color: #FFF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	border: 0;
}

#content .contact-form fieldset.btn p.send input:hover {
	background: #ee901f;
}
/* +width:1024 ↓
*----------------------------------------------------------------------------*/



@media screen and (max-width: 1024px) {
section {
	width: 100%;
}
header #top-bar .bar-right {
	width: 960px;
}
	
/*****************************************************************************************************************************
header .left-func {
	background-color: #5CAC34;
}
header nav ul.pc-left li:first-child a ,header nav ul.pc-left li:nth-child(4n) a {
	width: 30px;
}

header nav ul.pc-left li:last-child a {
	width: 75px;
}
/*****************************************************************************************************************************/

	

header nav ul.pc li:first-child a ,header nav ul.pc li:nth-child(4n) a {
	width: 80px;
}

header nav ul.pc li:last-child a {
	width: 75px;
}


	
	
}
/* +width:768 ↓
*----------------------------------------------------------------------------
@media screen and (max-width: 768px) {
	header section {
		height: 50px;
		position: relative;
		overflow: visible;
	}
	
	header #top-bar .bar-right {
		margin: 0 15px;
		width: auto;
	}


	header #top-bar{
		display:none;
	}
	header nav.menu {
		border:1px;
		top: 50px;
		color: #000000;
		position: fixed;
		background: #91D370;
		z-index: 999;
	}
	
	header nav.menu ul li {
		padding: 15px;
		border-bottom: 1px #cdcdcd solid;
		float: none;
	}
	
	header nav.menu ul li a {
		display: block;
		font-size: 16px;
		color: #FFFFFF;
	}
	header nav.menu ul li a:hover i {
		color: #8c0000;
	}
	header nav ul li a span {
		position: relative;
	}
	
	header nav ul li a i {
		margin-right: 10px;
		display: inline-block;
	}
	

	
	header nav ul li a span.over {
		display: none;
	}
	


	section {
		margin: 0 0px;
		width: auto;
	}
	
	
	
	.menuA ul{
		position:static;
	}
}


/* +width:440 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 440px) {
header #top-bar .bar-right {
	display: none;
}
header #top-bar{
	display:none;
}
header section {
	height: auto;
}

header #cis {
	width: 100%;
	float: none;
}

header #cis h2 {
	text-align: center;
}
/*****************************************************************************************************************************/
header .left-func {
	top: 0px;
	position: relative;
}
header .left-func a:link, header .left-func a:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
header nav.menux {
	min-width: 100%;
	top: 50px;
	position: fixed;
	color: #000000;
}
/*****************************************************************************************************************************/

	

	

header nav.menu {
	min-width: 100%;
	top: 50px;
	position: fixed;
	color: #000000;

}

	.menuA ul{
		position:static;
	}	
}


/* +width:320 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	header section {
		height: 130px;
	}
	header #top-bar{
		display:none;
	}
	header #cis {
		width: 100%;
		float: none;
	}
	
	header #cis h2 {
		text-align: center;
	}
/*****************************************************************************************************************************/
header .left-func {
	margin: 0 auto;
	position: relative;
	background-color: #5CAC34;
}
header nav.menux {
		width: 100%;
		min-width: 100%;
		top: 60px;
		color: #000000;
}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/

	
	header nav.menu {
		width: 100%;
		min-width: 100%;
		top: 60px;
		color: #000000;
	}
	

}
/***************top************************/
#gotop {
	display: none;
	position: fixed;
	right: 0px;
	bottom: 20px;
	padding: 27px 27px;
	border-radius: 50%;
	cursor: pointer;
	z-index:9999;
	background-image: url(images/gotop.png);
	background-repeat: no-repeat;
}
/***************************************/
.Dfloat {
	font-weight:bold;
	padding:1px;
	width:55px;
	height:55px;
	position:fixed; /*距離上方的位置*/
	right:5px;
	/*left:99%;距離左方的位置*/
  	margin-top:-100px;
	margin-left:-200px;
	_position: absolute; /* position fixed for IE6 */
    _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
	_margin-top:0;
	bottom: 300px;
	z-index: 900;

	
}
.Dfloat img{
	margin: 3px;
}

.Dfloat li{
	list-style:none;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 3px;
	text-align: center;
}
/********************************************/

/*
#menubar{
background-color: #5CAC34;
font-size:18px; 
text-align:center; 
color:#FFFFFF;
height: 50px;
}
#menubar a {

	color: #FFFFFF;

}*/
.menubar2{
    position: fixed !important;
    z-index: 999!important;
    top: 0px!important;
	/*opacity:0.70!important;*/
	color:#FFFFFF!important;
}
#PageNext{
	text-align:center;
	padding:5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5;
	margin-left: auto;
}
#PageNext a:link, a:visited {
	color: #191919;
	font-weight: normal;
	text-decoration: none;
	padding: 8px;
	text-align:center;

}

#PageNext a:hover {
	color: #8c0000;
	text-decoration: none;
	padding: 8px;
	text-align:center;
	-webkit-box-shadow: 0px 1px 1px #333;
	-moz-box-shadow: 0px 1px 1px #333;
	box-shadow: 0px 1px 1px #333;
	border: 1px solid #FF0000;
}



/************************************************************************************/
#loadings{
	position: fixed;
	width:100px;
	height:50px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:99999;
	text-align: center;
}
	
/************************************************************************************/
.varTab{
	background-color: #FFFFFF;
	border: 1px solid #0066FF;
	line-height: 25px;
}
.varTab th{
	background-color: #0099FF;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 50px;
}
.varTab td{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.varTab input,textarea{
	width: 100%;	
	line-height: 25px;
}
/************************************************************************************/
.tIco3x{
	width: 52px;
	height:52px;
	background: #9ACE5B;
	display: inline-block;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	text-align: center;
	line-height: 48px;
	color: #FFFFFF;
	padding: 1px;
	margin-left:5px;

}
/************************************************************************************/
.skind {
	background-color: #E6E6E6;
	padding: 20px;
}
.mtab{
	width:100%;
	background-color:#FFFFFF;
	margin-bottom: 10px;
}
.tdbut{
	text-align: center;
	border: 1px solid #FF0000;
	margin: 3px;
	padding: 3px;
	cursor: pointer;
}
.tab{
	width:100%;
	background-color:#FFFFFF;
	margin-bottom: 10px;
}


.ul_01 {
	padding: 0px;
	margin: 0px;
}
.ul_01 li {
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	list-style-type: none;
	padding: 10px 0;
	border-bottom: 1px dashed #DADADA;
}
.ul_01 a {
	color: #01679c;
}
.ul_01_link {
	cursor: pointer;
	color: #006779 !important;
}

.ul_02 {
	position: relative;
}
.ul_03 {
	width: 100px;
	height: 75px;
	margin: 3px 10px 0 5px;
	float: left;
	background-color: #848484;
}
.ul_04 {
	padding: 0px;
	margin: 0px;
}
.ul_04 li {
	line-height: 18px;
	font-size: 12px;
	list-style-type: none;
	height: 18px;
	color: #5A5A5A;
	border-style: none;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	padding: 2px 0;
	margin: 0px;
}
.ul_05 {
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	list-style-type: none;
	color: #006600!important;
	font-size: 18px!important;
	font-weight: bolder!important;
}
.ul_06 {
	z-index: 20px;
	position: absolute;
	right: 5px;
	bottom: -2px;
	color: #DC0003;
	font-size: 20px;
}

/************************************************************************************/

.tablecss a:link, a:visited {
		color: #0000FF;
		font-weight: normal;
		text-decoration: none;
}
	
.tablecss a:hover {
		color: #FF0000;
		text-decoration: none;
}
.tablecss {
		width:100%;
		padding: 5px;
}
.tablecss th {
		background-color:#AAEBAA;
		background:-o-linear-gradient(90deg, #AAEBAA, #cef3ce);
		background:-moz-linear-gradient( center top, #AAEBAA 5%, #cef3ce 100% );
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AAEBAA), color-stop(1, #cef3ce) );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAEBAA', endColorstr='#cef3ce');
		color:#000000;
		padding: 5px;
}
.tablecss,.tablecss th,.tablecss td
	{
		font-size:0.95em;

		padding:8px;
		
		border-collapse:collapse
}
.tablecss td{
		border-collapse:collapse
		padding: 5px;
}
.tablecss tr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.tablecss  i{
	width: 28px;
	height: 28px;
	background: #dbdbdb;
	display: inline-block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	color: #454545;
	font-style: normal;
}

.table_enter{
		background-color: #CCCCCC; 
		color:#FF0000
}
.table_enter:nth-child(odd){
		background-color:#FFFFFF;
}
/*
.fancybox-slide--iframe .fancybox-content {
	width  : 800px;
	height : 600px;
	max-width  : 80%;
	max-height : 80%;
	margin: 0;
}
*/
/************************************************************************************/	
.fa-ellipsis-h {
  color: green
}
/************************************************************************************/
.T-tab{
clear:both;

}

.T-tab th{
	background-color: #0099FF;
	padding:15px;
}
.T-tab td{
	padding:15px;
}


/************************************************************************************/
.inputpw{
	-webkit-text-security:disc;
}
/************************************************************************************/
.input-group{
	margin: 10px;
	width:45%;

	float: left;
}
.input-group input{
	width:70%;
}

.input-group-addon{
	font-size: 19px;
	font-weight:normal;
	color:#555;
	text-align:center;
	background-color:#eee;
	border:1px solid #ccc;
	border-radius:4px;
	margin-right: -8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 2px;
}	
/************************************************************************************/	
@media screen and (max-width: 768px) {
.input-group {
	width:100%;
}
}

/************************************************************************************/	
.H_Iframe{
width:100%;
clear:both;
text-align:center;
}
.H_Iframe iframe{
width:100%;
}
/************************************************************************************/	
.LoginActive {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	border:3px solid #5CAC34;
	text-decoration:none;
	color:#FFFFFF;
	background:#5CAC34;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 28px;
}

/************************************************************************************/	

.img_circle{

	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #000000;
	float: left;
}
.img_circle img {
  width: 50px;
  height: auto;
}
.font_circle{
	border-radius: 20%;
	border: 1px solid #0033FF;
	color: #0033FF;
	
}

.font_submit {
    width: 100px;
    background-color: #CCCCCC;
    color: #0000FF;
    padding: 12px;
	
	margin-right:8px;
    border: none;

    cursor: pointer;
	text-align:center;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}


.font_submit:hover {
    background-color: #666666;
	color:#003C9D;

	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.font_submit:active {
 background-color: #CCCCCC;
  box-shadow: 0 3px #666;
  transform: translateY(4px);
}

.tablesorter {
  width: 100%;
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  
/*  transform: translateY(-50px);
  	transition: all .7s;
  */

}



/************************************************************************************/	
.lab input[type="text"],
.lab textarea {
  box-sizing: border-box;
  width: 100%;
  height: calc(3em + 2px);
  margin: 0 0 1em;

  border: 1px solid #ccc;
  background: #fff;
  resize: none;
  outline: none;
}
.lab input[type="text"][required]:focus,
.lab textarea[required]:focus {
  border-color: #00bafa;
}
.lab input[type="text"][required]:focus + label[placeholder]:before,
.lab textarea[required]:focus + label[placeholder]:before {
  color: #00bafa;
}
.lab textarea[required]:focus + label[placeholder]:before,
.lab input[type="text"][required]:focus + label[placeholder]:before,
.lab input[type="text"][required]:valid + label[placeholder]:before {
  transition-duration: 0.2s;
  -webkit-transform: translate(0, -1.5em) scale(0.9, 0.9);
          transform: translate(0, -1.5em) scale(0.9, 0.9);
}
.lab textarea[required]:invalid + label[placeholder][alt]:before,
.lab input[type="text"][required]:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}
.lab input[type="text"][required] + label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-3em - 2px);
  margin-bottom: calc((3em - 1em) + 2px);
}


.lab textarea[required] + label[placeholder]:before,
.lab input[type="text"][required] + label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 calc(1em + 2px);

  color: #898989;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background-image: linear-gradient(to bottom, #fff, #fff);
}

.lab textarea[required] + label[placeholder]{
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-80px - 2px);
  margin-bottom: calc((3em - 1em) + 2px);
}
/************************************************************************************/	
/************************************************************************************/	
/************************************************************************************/	
/************************************************************************************/