/*reset*/

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
th,
td,
img,
select,
input,
textarea,a {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family:'Con_Graphik';
}

ol,
ul,
li {
	list-style: none;
}

fieldset,
img {
	border: 0;
	display: -webkit-box;
}

label,
button {
	cursor: pointer;
}

select,
input,
textarea,
button {
	outline: none;
	resize: none;
	overflow: hidden;
	display: block;
	width:100%;
	font-family: Arial;
}

h5,
h6 {
	font-size: 16px;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-size: 16px;
	font-family: arial;
	color: #555;
	overflow-x: hidden;
	background: #fff;
}


a {
	text-decoration: none;
	color: #333;
}

em,
i {
	font-style: normal;
}

img.block {
	width: 100%;
	height: auto;
}


/*special fonts*/


@font-face {
	font-family: 'Con_Graphik';
	src: url('../font/Graphik-Regular.eot');
	src: url('Graphik-Regulard41d.html?#iefix') format('embedded-opentype'),
	url('../font/Graphik-Regular.woff') format('woff'),
	url('../font/Graphik-Regular.ttf') format('truetype'), 
	url('../font/Graphik-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Con_Graphik_Sbold';
	src: url('../font/Graphik-Semibold.eot');
	src:url('Graphik-Semiboldd41d.html?#iefix') format('embedded-opentype'), url('../font/Graphik-Semibold.woff') format('woff'), url('../font/Graphik-Semibold.ttf') format('truetype'), url('../font/Graphik-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*common*/

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}


/*IE7/6*/

.overflow {
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.bgfff {
	background: #fff;
}

.bgred {
	background: #bb2723;
}

.bgdark {
	background: #313437;
}

.colored,.required{
	color: #ff1800;
}

.colorfff {
	color: #fff;
}

.color000 {
	color: #000;
}

.color555 {
	color: #555;
}

.color666 {
	color: #666;
}

.color777 {
	color: #777;
}

.color888 {
	color: #888;
}

.color999 {
	color: #999;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
	font-family: "Con_Graphik_Sbold";
}
.fs28 {
	font-size: 28px;
	font-family: "Con_Graphik";
	font-weight: 600;
	}
.fs30 {
	font-size: 30px;
	font-family: "Con_Graphik_Sbold";

}

.fs36 {
	font-size: 36px;
	font-family: "Con_Graphik";

}

.fs40 {
	font-size: 40px;
	font-family: "Con_Graphik";
	font-weight: 600;
}
.fs48 {
	font-size: 48px;
	font-family:'Con_Graphik';
	font-weight: 600;
}


.fbold {
	font-weight: bold;
}

.radius3 {	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.radius5 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.radius-half {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.line-two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-three {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.line-five {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}


.cursor {
	cursor: pointer;
}

.table-responsive {
	width: 100%;
	overflow-x: auto;
}

.table,
.table td {
	border: solid 1px #bbb;
}

.table {
	width: 100%;
}

.table td {
	padding: 3px 5px;
	height: 30px;
	line-height: 24px;
	color: #555;
}



@media (max-width:1600px) {
	.fs16 {
		font-size: 14px;
	}
	.fs18 {
		font-size: 16px;
	}
	.fs20 {
		font-size: 18px;
	}
	.fs22 {
		font-size: 20px;
	}
	.fs24 {
		font-size: 22px;
	}
	.fs28 {
		font-size: 26px;
	}
	.fs48{font-size: 36px;}
}

.js_SE,.js_SE2{  
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.js_SE:before,.js_SE2:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ffdd55;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.js_SE:hover:before, .js_SE:focus:before, .js_SE:active:before ,.js_SE2:hover:before, .js_SE2:focus:before, .js_SE2:active:before{
  right: 0;
}
.js_SE2:before{  background: #ffdd55;}