@import url("../css/grid-desktop.css");
 @import url("../css/buttons.css");
 @import url("../css/forms.css");
 @import url("../css/tables.css");
 @import url("../js/dropdown/dropdown-menu.css");
 @import url("../js/datatable/jquery.dataTables.css");
 @import url("../css/notification.css");
 @charset "utf-8";
/* Overall and normalize */

html, button, input, select, textarea {
	color:#222
}
html {
	font-size:100%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

::-moz-selection {
background:#b3d4fc;
text-shadow:none
}

::selection {
background:#b3d4fc;
text-shadow:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block
}
audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1
}
 audio:not([controls]) {
display:none;
height:0
}
 [hidden] {
display:none
}
hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #ffffff;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
audio, canvas, img, video {
	vertical-align:middle
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
textarea {
	resize:vertical
}
.browsehappy {
	margin:.2em 0;
	background:#ccc;
	color:#000;
	padding:.2em 0
}
img {
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic
}
p {
	margin:0 0 10px
}
a:focus {
	outline:thin dotted
}
a:active, a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b, strong {
	font-weight:bold
}
blockquote {
	margin:1em 40px
}
dfn {
	font-style:italic
}
mark {
	background:#ff0;
	color:#000
}
pre {
	margin:1em 0
}
code, kbd, pre, samp {
	font-family:monospace, serif;
	_font-family:'courier new', monospace;
	font-size:1em
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
q {
	quotes:none
}
q:before, q:after {
	content:'';
	content:none
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
dl, menu, ol, ul {
	margin:1em 0
}
dd {
	margin:0 0 0 40px
}
menu, ol, ul {
	padding:0 0 0 40px
}
nav ul, nav ol {
	list-style:none;
	list-style-image:none
}
 svg:not(:root) {
overflow:hidden
}
figure {
	margin:0
}
form {
	margin:0
}
legend {
	border:0;
	padding:0;
	white-space:normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
*vertical-align:middle
}
button, input {
	line-height:normal
}
button, select {
	text-transform:none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0;
*height:13px;
*width:13px
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
 button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display:table;
	line-height:0;
	content:""
}
.clearfix:after {
	clear:both
}
/* Base styles */

.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width:100% !important
} /*for facebook like box 100% width*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}  /*for youtube 100% width style*/
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}  /*for youtube 100% width style*/
.pull-right {
	float:right
}
.pull-left {
	float:left
}
.hidden {
	display: none;
	visibility: hidden;
}
.hidden-desktop {
	display: none !important;
}
.hidden-phone {
	display: block !important;
}
.google-maps img {
	max-width:none
}
.google-maps {
	width:100%;
	height:100%;
	border:1px solid #DDD
}  /*for google map style*/
.text-cut {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
} /*for text the word cut*/
.circle {
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px
}  /*for circle border style*/
.rounded {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px
} /*for rounded border style*/
.enter-content p {
	line-height:150%;
	margin:0
}
article.enter-content table {
	max-width:940px !important;
	border-color:#DDD
}
.enter-content table th {
	font-weight: bold;
}
.enter-content table td, .enter-content table th {
	padding: 9px 10px;
	text-align: left;
}
.inline-block-fix {
	display:inline-block;
	zoom: 1;
*display: inline;
} /*for fix ie*/
/* Grid setting */

.grid-container {
	padding-left: 0px;
	padding-right: 0px;
	max-width:1400px;
	min-width:1180px;
}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
	padding-left: 10px;
	padding-right: 10px;
}
.grid-parent {
	padding-left: 0;
	padding-right: 0;
}
.grid-parent-left {
	padding-left:0
}
.grid-parent-right {
	padding-right:0
}
/* Format setting */

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	font-family:"ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	line-height:120%;
	font-weight:normal
}
h1, .h1 {
	font-size:36px
}
h2, .h2 {
	font-size:30px
}
h3, .h3 {
	font-size:24px
}
h4, .h4 {
	font-size:18px
}
h5, .h5 {
	font-size:14px
}
h6, .h6 {
	font-size:12px
}
.req {
	color:#C00
}
/* Color styles */

/* Author's custom styles */

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:150%;
	color:#333;
	background-color:#F9F9F9;
	margin:1px 0;
	height:100%;
	max-height:100%;
	min-height:100%;
	padding:0;
	display:block
}
a {
	color:#333;
	text-decoration:none
}
a:hover, a:focus {
	color:#555;
	text-decoration:underline
}
/* content table display styles */

.enter-content p {
	line-height:150%
}
.paper-shadow {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
	-moz-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.17);
}
.wrapper {
	padding-bottom:45px;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}
header {
	border-bottom:1px solid #e2e9e6;
	background-color:#FFF;
	width:100%;
	height:70px;
	position:relative;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	z-index:2
}
header a {
	outline:none
}
header h1 {
	margin:0;
	padding-right:15px;
	line-height:70px;
	height:70px;
	font-size:20px;
	border-right:1px solid #e2e9e6;
	display:inline-block;
	zoom: 1;
*display: inline;
	float:left;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
header nav {
	display:inline-block;
	zoom: 1;
*display: inline;
}
header nav > ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
}
header nav > ul > li {
	display:inline-block;
	zoom: 1;
*display: inline;
	position:relative;
	font-size:14px
}
header nav > ul > li > a {
	font-size:15px;
	display:block;
	padding:0 15px;
	line-height:70px;
	height:70px;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
header nav > ul > li > a:hover, header nav > ul > li > a:focus {
	color:#39474E;
	text-decoration:none;
}
header nav > ul > li.active > a {
	color:#39474E
}
header .account-control {
	float:right;
	line-height:70px;
	height:70px;
	padding-left:15px;
	border-left:1px solid #e2e9e6;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
header .user-list {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	zoom: 1;
*display: inline;
}
header .user-list > li {
	position:relative
}
header .user-list > li > a {
	font-size:15px;
	display:block;
	padding-right:15px;
	line-height:70px;
	height:70px;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
header.isStuck h1 {
	line-height:45px;
	height:45px;
}
header.isStuck {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
	height:45px;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	z-index:1000
}
header.isStuck nav > ul > li > a {
	line-height:45px;
	height:45px;
}
header.isStuck .account-control {
	line-height:45px;
	height:45px;
}
header.isStuck .user-list > li > a {
	line-height:45px;
	height:45px;
}
#content {
	padding:20px 0;
}
.breadcrumb {
	background:#39474E;
	padding:25px 0;
	color:#FFF;
}
.breadcrumb h2 {
	margin:0;
	padding:0;
	text-shadow:#000 0 1px 0;
}
.breadcrumb span.divider {
	padding:0 15px;
}
.box {
	width:100%;
	background:#FFF;
	border-top:2px solid #39474E;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
.box .box-title {
	color: #FFF;
	background:#39474E;
	padding: 10px 18px 12px 18px;
	font-weight: bold;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.box .box-title span {
	font-weight:normal;
	font-size:14px
}
.box .box-title a {
	font-weight:normal;
	font-size:14px;
	color:rgba(255, 255, 255, 0.5);
}
.box .box-title a:hover {
	color:rgba(255, 255, 255, 1);
}
.box .box-content {
	padding: 25px 25px 25px 25px;
}
.box .box-content .enter-content {
	padding:15px;
	background:#F0F3F9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:relative;
}
.org_bot_cor {
	width:0;
	height:0;
	font-size:0;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #F0F3F9;
	_border-color:white white #F0F3F9;
	overflow:hidden;
	position:absolute;
	left:30px;
	top:-20px;
}
.box .box-content .enter-content-title {
	margin-bottom:15px;
	font-size:12px;
}
.box .box-content .enter-content-title span {
	color:#888
}
.box .box-content .enter-content-title span.name {
	color:#F60
}
ul.scrollbox {
	list-style:none;
	margin:0 0 8px 0;
	padding:0;
	background:none repeat scroll 0 0 #fff;
	border:1px solid #ccc;
	height:200px;
	overflow-y:scroll;
	width:400px
}
.scrollbox li {
	padding:8px
}
.scrollbox li input {
	margin:0 3px 0 0;
	padding:0
}
 .scrollbox li:nth-child(odd) {
background:none repeat scroll 0 0 #fff
}
 .scrollbox li:nth-child(even) {
background:none repeat scroll 0 0 #F7F7F7
}
footer {
	text-align:center;
	background:#FFF;
	-webkit-box-shadow: 0 -3px 5px -3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 -3px 5px -3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 -3px 5px -3px rgba(0, 0, 0, 0.15);
	color:#888;
	line-height: 45px;
	height: 45px;
	position:fixed;
	bottom:0;
	width:100%;
	height:45px;
	font-size:12px;
	z-index:1000
}
.login-container {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-height:400px;
	height:100%;
	border-top:5px solid #39474E
}
.login-container p {
	margin-bottom:20px;
}
.login {
	max-width:380px !important;
	background: #fff;
	position: relative;
	margin:auto;
	padding:30px 20px;
}
.login h2 {
	margin:0 0 12px 0;
	padding:0;
}
.customer-data h1.title {
	margin:0 0 8px 0;
	padding:0;
	font-size:36px;
	line-height: 1.1;
}
.customer-data h1 > span {
	margin-right:5px;
}
.customer-data h3.number {
	margin:0 0 8px 0;
	padding:0;
	color:#063;
	font-size:18px;
}
.customer-data span.divider {
	padding:0 8px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.filter {
	background:#F7F7F7;
	padding:15px 0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px
}
.sms-confirm-content {
	padding:.6em .8em;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sms-confirm-number {
	list-style:none;
	margin:0;
	padding:0
}
.sms-confirm-number li {
	border: 1px solid #a5d24a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	float: left;
	padding: 5px 10px;
	text-decoration: none;
	background: #cde69c;
	color: #638421;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: helvetica;
	font-size: 13px;
}
.statistics-number {
	padding:10px 0;
	text-align:center;
	display:block
}
.statistics-number b {
	font-weight:normal;
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 3px
}
h3.statistics-title {
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	text-align:center
}
.icon-success {
	font-size:15em;
	text-align:center;
	color:#0C0
}
span.add-on {
	margin-left:3px;
}
span.common {
	color:#F60
}
span#charNum {
	font-size:12px;
	margin-top:5px;
}
span.expired {
	color:#F00
}
span.warning {
	color:#f0ad4e
}
.tips-color {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center
}
.tips-color li {
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin:0 8px;
	cursor:pointer;
}
.label-default {
	background-color: #777;
}
.label-default[href]:hover,  .label-default[href]:focus {
	background-color: #5e5e5e;
}
.label-primary {
	background-color: #337ab7;
}
.label-primary[href]:hover,  .label-primary[href]:focus {
	background-color: #286090;
}
.label-success {
	background-color: #5cb85c;
}
.label-success[href]:hover,  .label-success[href]:focus {
	background-color: #449d44;
}
.label-info {
	background-color: #FF6600;
}
.label-info[href]:hover,  .label-info[href]:focus {
	background-color: #FF6600;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-warning[href]:hover,  .label-warning[href]:focus {
	background-color: #ec971f;
}
.label-danger {
	background-color: #d9534f;
}
.label-danger[href]:hover,  .label-danger[href]:focus {
	background-color: #c9302c;
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
a.label:hover,  a.label:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
label.complete {
	padding:3px 8px;
	margin-right:5px;
	cursor:pointer;
	outline:none;
}
label.ccheckbox {
	background:#5CB85C;
	color:#FFF
}
label.complete input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop,  .modal-backdrop.fade.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.modal {
	position: fixed;
	top: 10%;
	left: 50%;
	z-index: 1050;
	width: 560px;
	margin-left: -280px;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
 *border: 1px solid #999;
	/* IE6-7 */



  -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none;
}
.modal.fade {
 -webkit-transition: opacity .3s linear, top .3s ease-out;
 -moz-transition: opacity .3s linear, top .3s ease-out;
 -o-transition: opacity .3s linear, top .3s ease-out;
 transition: opacity .3s linear, top .3s ease-out;
	top: -25%;
}
.modal.fade.in {
	top: 10%;
}
.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
}
.modal-header .close {
	margin-top: 2px;
}
.modal-header h3 {
	margin: 0;
	line-height: 30px;
}
.modal-body {
	position: relative;
	overflow-y: auto;
	max-height: 400px;
	padding: 15px;
}
.modal-form {
	margin-bottom: 0;
}
.modal-footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
	text-align: right;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
 *zoom: 1;
}
.modal-footer:before,  .modal-footer:after {
	display: table;
	content: "";
	line-height: 0;
}
.modal-footer:after {
	clear: both;
}
.modal-footer .btn + .btn {
	margin-left: 5px;
	margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}