@import url(reset.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

html {
	height:100%;
}

BODY {
 line-height: 1.2em;-webkit-text-size-adjust:none;padding:10px;
 font-family: 'Lucida Grande', Tahoma, Verdana, Arial, \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, sans-serif;
 height:100%;
}
/**/
* {
	box-sizing:border-box;
}

table, table td
{
	border-color:transparent;
}
table {
    margin: 0px;
}
A:link {
	COLOR: #003399; TEXT-DECORATION: none
}
A:visited {
	COLOR: #003399; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0700; TEXT-DECORATION: none
}
A:active {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.lb-caption a {
	color:#c7ae0d;
}
.lb-caption a:hover {
    color: #e8d348;
}
TD {
	FONT-FAMILY: 'Lucida Grande', Tahoma, Verdana, Arial, \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, sans-serif;
	font-size:16px;
	line-height:1.6;
}
a[onclick*=UpdateFolder] {
    word-break: break-all;
}
/* Header use */
.news_header {
	FONT-FAMILY: Verdana, Tahoma, Arial; FONT-SIZE: 15px; LINE-HEIGHT: 17pt
}

/* Forms				*/
form		{ margin:0px; padding:0px; }
input:disabled, input[type=button]:disabled {
	color:#666;
	cursor:default;
}
input {
	/*background-color:#EEEEEE;*/
	font-family: Tahoma;
	/*font-weight: bold;*/
	border:1px solid #aaa;
	padding:8px;/**/
	font-size:13px;
	color:#AA0000;
	margin:3px 0px;
	line-height:1;
}
input[type=button] {
	cursor:pointer;
	-webkit-appearance: none;
}
label{
	cursor:pointer;
}
/**/
input[type=checkbox], input[type=radio] {
	width:18px;
	height:18px;
	padding:0px;
	margin:5px 3px 5px 10px;
	vertical-align:middle;
	background-color:transparent;
	cursor:pointer;
}

textarea{
	background-color:#FFFFFF;
	font-family: Tahoma;
	/*font-weight: bold;*/
	border:1px solid #ccc;
	/*padding:8px;*/
	font-size:13px;
	color:#AA0000;
}
#inputorder textarea[name=yourmessage] {
	max-width:100%;
	height:100px;
	width:300px;
}
select:not(.myselectbx){
	background-color:#FFFFFF;
	font-family: Tahoma;
	/*font-weight: bold;*/
	border: 1px solid #AAA;
	padding:5px 20px 5px 5px;
	font-size:12px;
	color:#AA0000;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background:url('/images/select_arr.png') right center no-repeat #fff;
	padding-right:20px !important;
}
select::-ms-expand{
    display: none;
}
select:focus::-ms-value {
	background: transparent;
	color:inherit;
}
select:focus {
	outline:none;
}
select[size] {
	margin-top:0px;
	margin-bottom:0px;
	height:100%;
}
select  optgroup
{
	font-style:normal;
	font-weight:normal;
}
select option
{
	color:#AA0000;
	background-color:#fff;
}
.TDMOUSEOVER {
	BACKGROUND-COLOR: rgb(199,223,255)
}
.TDMOUSEOUT {
	BACKGROUND-COLOR: rgb(255,255,255)
}
.yellow9
{
	BACKGROUND-COLOR: #FFCC00;
}
.cartcntmark {
	position: absolute;
	background-color: #aa0000;
	padding: 3px;
	line-height: 1;
	top: -12px;
	left: 3px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}
.Jx_UnCheckLab {position:relative;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FFDDDDDD',endColorstr='#00FFFFFF') ; border-collapse: collapse ; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-top: 1px solid #AAAAAA}
.Jx_CheckLab {filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FFEEEEEE',endColorstr='#00FFFFFF') ; border-collapse: collapse ; border-bottom: 0px; border-left: 1px solid #AAAAAA; border-right: 2px solid #777777; border-top: 1px solid #AAAAAA}
.Jx_RBlankLab {filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',endColorstr='#FFCCCCCC',startColorstr='#00FFFFFF') ; border-left:1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA}
.Jx_LBlankLab {filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',endColorstr='#FFCCCCCC',startColorstr='#00FFFFFF') ; border-bottom: 1px solid #AAAAAA}
.tbsplit,.v_dot
{
	background:url(/images/v_dot.gif) 0px 50% repeat-x;
}
dialog {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
#oc_yopt, #oc_mopt, #oc_mopt option, #oc_yopt option{
	background-color:#000;
	color:#fff;
}
#jx_calender_table_bx td>a {
	width:100%;
	height:100%;
	display:block;
}
#jx_calender_table_bx td>a:hover {
	background-color:#fff5ce;
}
#InstTextList {
	white-space:normal;
}
#OrdProdTextList {
	overflow-x:hidden;
	width:290px;
}
img {
	vertical-align: middle;
}
.emptycartdefprod {
	width:100%;
	box-sizing:border-box;
	height:auto;
	padding:15px;
}
.emptycartdefprod td img{
	margin-right:20px;
	border:1px solid #ccc;
	width:200px;
	height:auto;
}
#mmleftitemlist img, #mmprdidxtable img {
	max-width:200px;
}
.waitbxbg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 999;
	background-color: rgba(0,0,0,0.7);
}
.waitbxbg .progress {
	position: relative;
	width: 250px;
	height: 30px;
	margin: 30px auto;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 4px;
	overflow:hidden;
}
.waitbxbg .bar {
	background-color: #aa0000;
	width: 0%;
	height: 30px;
	border-radius: 4px;
}
.waitbxbg .percent {
	position: absolute;
	color: #aaa;
	display: inline-block;
	top: 3px;
	left: 0px;
	right: 0px;
	text-align: center;
}
.waitbxbg .status {
	text-align:center;
	color:#ccc;
}
.waitbxbg .errstr {
	color:#ffff00;
	display:block;
	text-align:center;
}
#historywnd ul li b {
	/* display: block; */
	font-size: 15px;
	font-weight: 300;
	margin-left: 10px;
}
#historywnd ul li {
	display: block;
	padding: 15px;
	border: 1px solid #fff;
	margin: 10px auto;
	font-size: 18px;
	font-weight: 700;
	border-radius:10px;
	position:relative;
	background-color:#fff;
}
#historywnd ul li.fullbk {
	background-color:#FFEA9D;
}
#historywnd ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position:relative;
}
#historywnd ul li .toolbx {
	position:absolute;
	width:auto;
	height:20px;
	right:10px;
	top:15px;
}
#historywnd ul li .toolbx span {
	cursor:pointer;
	margin-left:10px;
	color:#666;
}
#historywnd ul li .toolbx span:hover {
	color:#000;
}
.inlayer {
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.inlayer .layerinbx {
	text-align: center;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	/*
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	*/
	max-width: 100%;
	min-width: 80%;
}
.inlayer .layerinbx .layermsgbx {
	margin-bottom:15px;
	color:#fff;
	font-size:18px;
	line-height:1.8;
}
#WndBodyInBx {
	min-height:100%;
}
#WndTitle .TitleText {
    font-size: 16px;
    line-height: 1.8;
    color: rgb(255, 255, 255);
    padding: 0px 10px;
}
#altmsgbx {
	position:relative;
	font-size:18px;
	line-height:1.6;
}
#altmsgbx .urgent {
	background-color:#aa0000;
	color:#ddd;
	padding:10px;
	border-bottom:2px dashed #fff;
}
#altmsgbx .urgent:hover {
	color:#fff;
}
#altmsgbx .urgent a {
	color:#ffe74c;
	border-bottom:1px dotted #ffe74c;
}
#altmsgbx .urgent a:hover {
	color:#fff;
}
#altmsgbx .normal {
	background-color:#ef7f7f;
	color:#222;
	padding:10px;
	border-bottom:2px dashed #fff;
}
#altmsgbx .normal:hover {
	color:#000;
}
#altmsgbx .normal a {
	color:#ffe74c;
	border-bottom:1px dotted #ffe74c;
}
#altmsgbx .normal a:hover {
	color:#fff;
}
#picfileedt {
	position: relative;
	width: 150px;
	height: 150px;
	font-size: 60px;
	text-align: center;
	line-height: 150px;
	border: 3px dashed #ccc;
	border-radius: 15px;
	overflow: hidden;
	background: url(/nopic.jpg) 50% 50% / cover no-repeat transparent;
	cursor:pointer;
	text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6),
    0px 0px 1px rgba(255, 255, 255, 0.6),
    0px 0px 1px rgba(255, 255, 255, 0.6);
}
#picfileedt:hover {
	background-color:#aa0000;
	color:#fff;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6),
    0px 0px 1px rgba(0, 0, 0, 0.6),
    0px 0px 1px rgba(0, 0, 0, 0.6);
}
/*diagnosis*/
.diagbg {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.4);
	display:none;
}
.sitediag_bx {
	position:relative;
	width:450px;
	height:60%;
	top:20%;
	margin:0px auto;
	background-color:#efefef;
	border:1px solid #eee;
	border-radius:10px;
	padding:15px;
	box-shadow:0px 0px 8px -1px rgba(0, 0, 0, 0.6);
}
.diagitem_bx {
	padding: 10px 0px;
    overflow: auto;
    height: auto;
    width: auto;
    position: absolute;
    bottom: 15px;
	left:15px;
	top:90px;
	right:15px;
	margin-top:10px;
}
.diagwnd_close {
	position:relative;
	width:15px;
	height:15px;
	font-size:22px;
	float:left;
	cursor:pointer;
}
.diagwnd_close:hover {
	color:#aa0000;
}
.diagwnd_stopchk {
	position:relative;
	top:auto;
	left:auto;
	float:right;
}
.diagnote_bx {
	position: relative;
    width: 100%;
	height:auto;
}
.diagnote {
	position:absolute;
	font-size:18px;
	line-height:1.6;
	top:30px;
	color:#aa0000;
}
.diagitem {
	padding:10px 0px;
	display:relative;
	font-size:18px;
	border-bottom:1px dotted #aaa;
}
.diagnote:before,.diagnote:after {
	content:'';
	clear:both;
	display:table;
}
@media only screen and (max-width: 479px)
{
	.emptycartdefprod td img
	{
		width:100%;
		display:block;
		float:none;
		margin:15px 0px;
	}
}
/*hiding alb slid in backoffice-cstm fckeditor error.*/
.gallery:not(.contentinbx .gallery, #AlbPicBx .gallery), .pg_paging:not(.contentinbx .pg_paging),
.alb_flexslider:not(.contentinbx .alb_flexslider) {
    display: none;
}