body{
	background-color:#EEEEEE;
	font-family: 'Kanit', sans-serif;
	overflow-x:hidden;
}

a{
	text-color:#2b4c7b;
	text-decoration:underline;
}
a:hover{
	text-color:#4778be;
}

#printable, #printable * {
	visibility:hidden;
	height: 1px;
	overflow:auto;
	font-size:100%;
	line-height:100%;
	letter-spacing: 1px;
}

.tooltip-arrow, suw-orderhistory-product-moreinfo + .tooltip > .tooltip-inner {background-color: #f00;}

#DIV_MAINCONTENT{
	margin-top:20px;
}

.topmenu{
	background-color: #3bb76c;
	position:fixed;
	top:0;
	width:100%;
	height: 50px;
	z-index:999;
}

.toplogo{
	position:absolute;
	left:50px;
	top:0;
	width:140px;
	height:60px;
	background-color: #ffffff;
}

.toplogo img{
	width:120px;
	margin:auto;
}

.topmenu_wording{
	position:absolute;
	left:205px;
	height:50px;
	line-height: 50px;
	color:#FFFFFF;
}

.topmenu_menu{
	position:absolute;
	left:205px;
	height:50px;
	line-height: 50px;
}

.topmenu_menu .btn-group a{
	display:block;
	height:100%;
	padding:0 10px;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
}

.topmenu_menu .btn-group a:hover{
	color:#FFFFAA;
}

.topmenu_menu .btn-group{
	color:#FFFFFF;
}

.topmenu_menu .btn-group .dropdown-menu{
	background-color: #444444;
}

.topmenu_menu .btn-group .dropdown-menu .dropdown-item{
	line-height:200%;
	
}

.topmenu_menu .btn-group .dropdown-menu .dropdown-item:hover{
	color:#444444;
}
.topmenu_menu .btn-group .dropdown-menu .dropdown-divider{
	width:100%;
	
}

.topmenu_hamburger{
	position:absolute;
	left:205px;
	height:70px;
	display:none;
}

.topmenu_hamburger .dropdown a{
	text-decoration: none;
	color:#222222;
}

.bottompane-plain{
	background-color: #3bb76c;
	color:#FFFFFF;
	text-align:center;
}

.bottompane{
	background-color: #3bb76c;
	min-height: 70px;
	color:#FFFFFF;
}

.bottompaneblock{
	color:#DDDDDD;
	padding:50px 20px;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	position:relative;
}

.bottompaneseperator{
	position:absolute;
	right:0;
	margin-top:20px;
	height:50px;
	width:2px;
	background-color:#DDDDDD;
}

.mainbody{
	width:99%;
	margin:auto;
}

.filter_box{
	margin:auto;
	border-radius:5px;
	border:2px solid #3bb76c;
	margin-top:5px;margin-bottom:5px;
	background-color: #d0f2de;
	padding:5px 0;
}

.filter_box label{
	margin-top:5px;
	text-align:right;
	padding-left:0;
	padding-right:2px;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

.div-top-content{
	position: relative;
}

.div-top-content div{
	width:100%;
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:40px;
	color:#FFFFFF;
	text-shadow: 2px 2px 3px #444444;
}

/* Chrome, Safari, Edge, Opera */
input.numnospin::-webkit-outer-spin-button,
input.numnospin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.table-condensed td{
	padding-top:2px;
	padding-bottom:2px;
}

/* Firefox */
input[type=number].numnospin  {
  -moz-appearance: textfield;
}

.suw-input-error{
	border: 2px solid #FF0000;
}

.suw-hover-simple:hover{background:rgba(0,0,0,0.15);cursor:pointer;}

.suw-hover{text-align:center;position:relative;cursor:pointer;}
.suw-hover .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.suw-hover .icon,.suw-hover .title{transition:all .2s ease 0s}
.suw-hover:hover .box-content{background:rgba(0,0,0,.5)}
.suw-hover .title{font-size:24px;color:#fff;transform:scale(0)}
.suw-hover:hover .title{transform:scale(1)}
.suw-hover .icon{list-style:none;padding:0;margin:0;opacity:0}
.suw-hover:hover .icon{opacity:1}
.suw-hover .icon li{display:inline-block}
.suw-hover .icon li:first-child a,.suw-hover .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.suw-hover .icon li a{top:-150px}
.suw-hover:hover .icon li a{top:0}
.suw-hover:hover .icon li a:hover{background:#a46789;border-color:#a46789}
.suw-hover .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.suw-hover .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){
	.suw-hover{margin-bottom:30px}
	.toplogo{
		position:absolute;
		left:10%;
		top:0;
		max-width:8vh;
		height:100%;
		background-color: #ffffff;
	}

	.toplogo img{
		width:8vh;
		margin:auto;
	}
	
	.topmenu_menu{
		display: none;
	}
	
	.topmenu_hamburger{
		display: block;
		left: 30%;
	}
	
	.div-top-content div{
		font-size:20px;
	}
}
@media only screen and (max-width:360px){.suw-hover .box-content{padding-top:20%}
}

@media print {
	.hiddenbody * {
		visibility:hidden;
		height:1px;
		margin: 0 0;
		padding: 0 0;
		overflow: auto;
	} 
	#printable, #printable * {
		visibility:visible;
		height: auto;
		overflow:hidden;
	}
	#printable { /* aligning the printable area */
		left:0;
		top:0;
		margin: 0;
		padding: 0 0;
		height: auto;
		overflow: hidden;
	}
	/*@page { 

		  size: 10.16cm 7.62cm portrait;
		  margin-left: 0cm;
		  margin-right: 0cm;
		  margin-top:0cm 
		  }
	*/
}