﻿/*  body css  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}

html {
	background:transparent;
	height:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
}

body {
	font-size:63%;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:0;
	vertical-align:top;
}


table, table td, table th {
	padding:0;
	margin: 0;
	border-collapse:collapse;
}
.clear {
	clear: both !important;
    float: none !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.col-1, .col-2, .col-3, .col-4{
	float:left;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	font-weight:normal;
}


/* ------------width percent-------------- */
.pct2{width:2%;}
.pct4{width:4%;}
.pct5{width:5%;}
.pct6{width:6%;}
.pct7{width:7%;}
.pct8{width:8%;}
.pct9{width:9%;}
.pct10{width:10%;}
.pct11{width:11%;}
.pct12{width:12%;}
.pct13{width:13%;}
.pct14{width:14%;}
.pct15{width:15%;}
.pct16{width:16%;}
.pct17{width:17%;}
.pct18{width:18%;}
.pct19{width:19%;}
.pct20{width:20%;}
.pct22{width:22%;}
.pct23{width:23%;}
.pct24{width:24%;}
.pct25{width:25%;}
.pct26{width:26%;}
.pct27{width:27%;}
.pct28{width:28%;}
.pct29{width:29%;}
.pct30{width:30%;}
.pct32{width:32%;}
.pct34{width:34%;}
.pct35{width:35%;}
.pct37{width:37%;}
.pct38{width:38%;}
.pct39{width:39%;}
.pct40{width:40%;}
.pct41{width:41%;}
.pct45{width:45%;}
.pct46{width:46%;}
.pct48{width:48%;}
.pct49{width:49%;}
.pct50{width:50%;}
.pct55{width:55%;}
.pct60{width:60%;}
.pct64{width:64%;}
.pct65{width:65%;}
.pct68{width:68%;}
.pct70{width:70%;}
.pct71{width:71%;}
.pct72{width:72%;}
.pct73{width:73%;}
.pct74{width:74%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct95{width:95%;}
.pct98{width:98%;}
.pct99{width:99%;}
.pct100{width:100%;}


/* ----------htmledit---------- */
.htmledit{ clear:both; overflow:hidden; line-height:150%;}
.htmledit p{ line-height:180%; margin-bottom:5px;}
.htmledit li{display:list-item}
.htmledit table{display:table;border-spacing:2px; border-collapse: inherit;}
.htmledit tr{display:table-row}
.htmledit thead{display:table-header-group; vertical-align:middle}
.htmledit tbody{display:table-row-group; vertical-align:middle}
.htmledit tfoot{display:table-footer-group; vertical-align:middle}
.htmledit td,.htmledit th{display:table-cell;}
.htmledit th{font-weight:bolder; text-align:center}
.htmledit h1{font-size:2em; margin:.67em 0}
.htmledit h2{font-size:1.5em; margin:.75em 0}
.htmledit h3{font-size:1.17em; margin:.83em 0}
.htmledit h4{margin:1.12em 0}
.htmledit h5{font-size:.83em; margin:1.5em 0}
.htmledit h6{font-size:.75em; margin:1.67em 0}
.htmledit td,.htmledit th{vertical-align:inherit}
.htmledit ol, .htmledit ul,.htmledit dd{margin-left:40px}
.htmledit ul{ list-style-type:disc;}
.htmledit ol{list-style-type:decimal}
.htmledit ol ul,.htmledit ul ol,.htmledit ul ul,.htmledit ol ol{margin-top:0; margin-bottom:0}


/* ----------------------------
 *
 * Helper Class
 *
 * --------------------------- */
/* Margin */
.ma15 {
  margin: 15px !important;
}
.ma10 {
  margin: 10px !important;
}
.ma5 {
  margin: 5px !important;
}
.nm {
  margin: 0px !important;
}
.ma-15 {
  margin: -15px !important;
}
.ma-10 {
  margin: -10px !important;
}
.ma-5 {
  margin: -5px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
/* Padding */
.pa15 {
  padding: 15px !important;
}
.pa10 {
  padding: 10px !important;
}
.pa5 {
  padding: 5px !important;
}
.np {
  padding: 0px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl0 {
  padding-left: 0px !important;
}
/* Vertical align */
.valign-top {
  vertical-align: top !important;
}
.valign-middle {
  vertical-align: middle !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}
/* Misc */
.bradius0 {
  border-radius: 0px !important;
}
.bdr0 {
  border-width: 0px !important;
}
.noshadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.dis-none {
	display: none;
}
.dis-block{
	display: block;
}
.bold{
	font-weight:700 !important;
}

.thin{
	font-weight:400 !important;
}

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

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #ed5466;
}
a.text-danger:hover {
  color: #843534;
}
.text-inverse{ color:#2a2a2a ;}
a.text-inverse:hover{ color:#333 ;}
.fsize12{ font-size:12px;}
.fsize14{ font-size:14px;}
.fsize16{ font-size:16px;}
.fsize20{ font-size:20px;}
.fsize24{ font-size:24px;}
.fsize28{ font-size:28px;}
.fsize32{ font-size:32px;}
.fsize48{ font-size:48px;}
.fsize64{ font-size:64px;}

.fr{ float:right;}
.fl{ float:left;}