html,body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a,
button{
	cursor:pointer;
}
a{
  	color:#edbc6c;
  	text-decoration:none;
}
a:hover{
  	text-decoration:underline;
}
input[type=text],
input[type=password]{
	width:244px;
	height:26px;
	border:1px solid #aaa;
	border-radius:5px;
	text-indent:10px;
}
input[type=text]:focus,
input[type=password]:focus{
	text-indent:10px;
}
.text2{
	width:200px;
	height:26px;
	border:1px solid #aaa;
	border-radius:5px;
	text-indent:10px;
}
.text3{
	width:40px;
	height:26px;
	border:1px solid #aaa;
	border-radius:5px;
	text-indent:10px;
}
select:focus{border:1px solid #edbc6c;}
select,
option{
	color:#666;
}
.select{
	width:250px;
	height:30px;
	border:1px solid #aaa;
	border-radius:5px;
	text-indent:5px;
}
.select-lang{
	width:120px;
	height:30px;
	border:1px solid #aaa;
	border-radius:5px;
	text-indent:5px;
}
.container{
	margin-top:0;
	margin-bottom:0;
}
.line{
	background:#edbc6c; 
	border:0; 
	height:2px;
}
.pointer{
	cursor:pointer;
}
.blue{
	color:#edbc6c;
	font-size:16px;
	font-weight:bold;
}
/* row col */
.row{
	width:100%;
	clear:both;
}

[class^="col-"]{float:left;}
.col-1{width:8.333%}
.col-2{width:16.666%}
.col-3{width:25%}
.col-4{width:33.333%}
.col-5{width:41.666%}
.col-6{width:50%}
.col-7{width:58.333%}
.col-8{width:66.666%}
.col-9{width:75%}
.col-10{width:83.333%}
.col-11{width:91.666%}
.col-12{width:100%}
@media all and (max-width:1200px){
	.col-1{width:8.333%}
	.col-2{width:16.666%}
	.col-3{width:25%}
	.col-4{width:33.333%}
	.col-5{width:41.666%}
	.col-6{width:50%}
	.col-7{width:58.333%}
	.col-8{width:66.666%}
	.col-9{width:75%}
	.col-10{width:83.333%}
	.col-11{width:91.666%}
	.col-12{width:100%}
}
@media all and (max-width:992px){
	.col-1{width:8.333%}
	.col-2{width:16.666%}
	.col-3{width:33.333%}
	.col-4{width:33.333%}
	.col-5{width:41.666%}
	.col-6{width:50%}
	.col-7{width:58.333%}
	.col-8{width:66.666%}
	.col-9{width:75%}
	.col-10{width:83.333%}
	.col-11{width:91.666%}
	.col-12{width:100%}
}
@media all and (max-width:768px){
	.col-1{width:16.666%}
  	.col-2{width:15%}
  	.col-3{width:30%}
  	.col-4{width:55%}
  	.col-5{width:83.333%}
  	.col-6{width:60%}
  	.col-7{width:100%}
  	.col-8{width:50%}
  	.col-9{width:50%}
  	.col-10{width:100%}
  	.col-11{width:83.333%}
  	.col-12{width:100%}
}

/* table */
table.gridtable{
	width:50%;
	border-collapse:collapse;
}
table.gridtable th{
	border-radius:5px;
	padding:4px;
	background:#f2f2f2;
}
table.gridtable td{
	border-radius:5px;
	padding:4px;
	line-height:28px;
	border:1px #eee solid;
	word-wrap:break-word;
	word-break:break-all;
}
table.gridtable .gl{
	width:50%;
	text-align:right;
}
table.gridtable .gr{
	padding-left:10px;
	padding-right:10px
}
table.gridtable .gt{
	border-radius:5px;
	padding:4px;
	font-size:16px; 
	font-weight:bold; 
	background:#ddd;
}

/*top*/
.footer{
	position:fixed;
	width:100%;
	height:50px;
	bottom:0;
	left:0;
	color:#000;
}
.area{
	width:45%;
	padding:5%; 
	border:1px solid #eee;
	border-radius:5px;
}
.area span{
	background:#edbc6c;
	border-radius:3px;
	color:#000;
	padding:5px 40px;
	margin:60px 0 0 60px;
	text-align:right;
}
@media all and (max-width:768px){
	.area{
		width:80%;
		height:80px;
		padding:5%; 
		border:1px solid #eee;
		border-radius:5px;
	}
	.area img{
		width:100%;
	}
	.area span{
		float:right;
		background:#edbc6c;
		border-radius:3px;
		color:#000;
		padding:5px 20px;
		margin-top:10px;
	}
	table.gridtable{
		width:90%;
		border-collapse:collapse;
	}
	table.gridtable .gl{
		width:50%;
		text-align:right;
	}
}

/* button */
.btn{
	overflow:visible;
	vertical-align:middle;
	width:120px;
	height:32px;
	font-size:1em;
	border:0;
	cursor:pointer;
	outline:none;
	border-radius:5px;
	border:1px solid #aaa;
	background:#edbc6c;
	color:#000;
}
.btn:hover{
   	border:1px solid #edbc6c;
	background:#edbc6c;
	color:#000;
}

.window-wrapper {
	position: absolute;
	top: 30%;
	left: 50%;
	padding: 8px;
	background-color: rgba(223,223,223,0.5);
	_background-color: #3a3a3a;
	box-shadow:5px 5px 5px 5px #999;
	display: none;
	z-index: 9000;
	min-width: 550px;
	margin-left: -275px;
}
.window {
	position: relative;
	border: 1px solid #dfdfdf;
	height: 100%;
	min-height: 100px;
	background-color: #efefef;
	margin: 0;
}
.window-opt {
	position: absolute;
	top: 2px;
	right: 10px;
	line-height: 14px;
	z-index: 100;
}
.window-header {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
	background-color: #ddd;
}
.window-body {
	padding: 80px;
}
p {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.fm-item {
	padding: 5px 0;
	display: block;
}
.fm-label {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 30%;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	text-align: right;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.my-toper{
	 background-color:#edbc6c; 
	 color:#000; 
	 height:100px;
}

.my-header{
	font-size:24px;
	padding-top:1%;
	padding-left:15%;
	padding-right:15%;
}
.my-logo{
	float:left;
	padding:1% 4% 0 2%;
	height:55px;
}
.my-info{
	font-size:20px;
	padding:1% 0 0 8%;
}
.hidden-logout{
	display: none;
}


.card-col-3{
	width: 32% !important;
	float: left;
}
.card-col-3:nth-child(2){
	margin-left: 2%;
	margin-right: 2%;
	width: 32% !important;
	float: left;
}
.card-left{
	width: 49% !important;
	float: left;
}
.card-right{
	width: 49% !important;
	float: right;
}
.port{
	width: 118px !important;
}

.dropdown-menu {
	position: absolute;
	top: 50px;
	/*left: 0;*/
	z-index: 1000;
	display: none;
	float: right;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}
li > .dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333333;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
.product-desc{
	padding: 0 15%;
	text-align: left;
}
@media (max-width: 768px){
	.hidden-xsm {
		display: none!important;
	}
	.show-xsm {
		display: inline-block!important;
	}
	.my-header{
		font-size:24px;
		padding-top:1%;
		padding-left:1%;
		padding-right:1%;
	}
	.my-logo{
		float:left;
		padding:5% 4% 0 2%;
		height:55px;
	}
	.my-info{
		font-size:20px;
		padding:4% 0 0 8%;
	}
	.window-wrapper{
		position: absolute;
		top: 20%;
		left: 0;
		padding: 0;
		background-color: rgba(223,223,223,0.5);
		_background-color: #3a3a3a;
		box-shadow:5px 5px 5px 5px #999;
		display: none;
		z-index: 9000;
		min-width: 100%;
		margin-left: 0;
	}
	.fm-label{
		width: 20%;
	}
	input[type=text],
	input[type=password],
	input[type=file]{
		width: 175px;
	}
	.select {
		width: 180px;
	}
	.text{
		width: 185px !important;
	}

	.card-col-3{
		width: 100% !important;
		float: left;
	}
	.card-col-3:nth-child(2){
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
		float: left;
	}
	.card-left{
		width: 100% !important;
		float: left;
	}
	.card-right{
		width: 100% !important;
		float: right;
	}
	.tb-br{
		margin-top: 1.2em;
	}
	.dropdown-menu {
		position: absolute;
		top: 40px;
		/*left: 0;*/
		z-index: 1000;
		display: none;
		float: right;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		list-style: none;
		font-size: 14px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 3px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}
	.port{
		width: 100px !important;
	}
	.product-desc{
		padding: 0 5%;
		text-align: left;
	}
}

.tips{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #edbc6c;
	color: #000;
	line-height: 15px;
	text-align: center;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
	cursor: pointer;
	display: inline-block;
}