@charset "UTF-8";
* {
    box-sizing: border-box;
}
*:focus {
	outline: none;
}
html, body {
	min-height: 100vh;
	width: 100%;
	height: 100%;
	position: relative;
}
body {
	color: #333;
	-webkit-text-size-adjust: none;
	line-height:1.4;
	height:auto;
	font-family: helvetica, 'Microsoft JhengHei', 'Microsoft YaHei', 'LiHei Pro';
	overflow-x:hidden;
	/*max-width:1920px;*/
	margin:0px auto;
}
section, .container {
	position:relative;
	width:100%;
	margin:0px auto;
}
section {
	position:relative;
	top:0px !important;
	left:0px !important;
}
section.cntbx100>.container {
	width:100% !important;
}
section .container {
	top:0px;
	bottom:0px;
	height:100%;
	width: 95%;
    margin: 0px auto;
    padding: 0px;
}
body.noscroll {
	overflow:hidden !important;
	height: 100vh !important;
	height: calc(var(--vh, 1vh) * 100) !important;
}
body.noscroll section {
	display:block !important;
	height:100% !important;
}
a {
	text-decoration: none;
	color:#336699;
}
/*v2 elements*/
.textbx , .imgbx, .svgbx,.buttonbx, .boxbx, .codebx,.inpselectbx, .inptextbx, .inptextareabx, .inpchkbx
{
	position:absolute;
	display:block;
	min-width:12px;
	min-height:12px;
	transform-origin:50% 50%;
}
.buttonbx {
	line-height:1.38;
	height:30px;
	width:130px;
	cursor:pointer;
}
.buttonbx:before,.buttonbx:after,.textbx:before,.textbx:after,.atclbx:before,.atclbx:after,.imgbx:before,.imgbx:after,.svgbx:before,.svgbx:after,
.boxbx:before,.boxbx:after,.codebx:before,.codebx:after {
	display:block;
	position:absolute;
	content:'';
	z-index:1;
	pointer-events: none;
	box-sizing:border-box;
	clear:both;
}
.boxbx:after, .codebx:after, .atclbx:after, .menubx.vmenu {
	position:relative;
}
.buttonbx>.imgbx,.buttonbx>.svgbx {
	height:30px;
	width:30px;
}
.buttonbx>.titlebx,.buttonbx>.textbx {
	height:30px;
	width:70px;
	left:40px;
	top:6px;
}
.textbx {
	overflow:hidden;
	padding:1px;
	min-height:12px;
	min-width:12px;
	text-overflow:ellipsis;
	text-orientation: upright;
}
.atclbx {
	position:absolute;
	height:auto;
	overflow:visible;
	padding:1px;
	min-height:12px;
	min-width:12px;
	height:auto;
	width:auto;
	white-space:normal;
	text-orientation: upright;
}
.atclbx ul, .atclbx ol, .atclbx ul *, .atclbx ol * {
	vertical-align:baseline;
}
.atclbx img {
	max-width:100% !important;
	border:0px solid #666;
}
.atclbx ul, .atclbx ol, .jx_container ul, .jx_container ol, .textbx ul,
.textbx ol {
	list-style:disc;
	margin:0px 0px 0px 40px;
}
.atclbx ol, .jx_container ol, .textbx ol, .titlebx ol {
	list-style-type: decimal
}
.atclbx h3,.atclbx h2,.atclbx h1 {
	margin:0px;
}
.imgbx,.svgbx {
	min-height:12px;
	min-width:12px;
	overflow:hidden !important;
	overflow-x:hidden !important;
	overflow-y:hidden !important;
}
.imgbx>a, .svgbx>a {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:block;
}
.svgbx[data-imgurl]>a {
	text-indent:-999999px;
}
.svgbx img,.svgbx svg  {
	width:100%;
	height:100%;
	pointer-events:none;
}
.imgbx img{
	position: absolute;
	/*width: auto !important;
	height: auto !important;*/
	min-width: 100% !important;
	min-height: 100% !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	max-width: none;
	width:100%;
	height:100%;
	object-fit: cover;
}
.boxbx {
	min-height:12px;
	border:0px;
}
.hoverbx {
	cursor:pointer;
}
.codebx {
	width:auto;
	height:auto;
}
.myselectbx ,.mytextbx,.mytextareabx{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border:1px solid #ccc;
	color:#aa0000;
	font-size:15px;
	padding:10px 20px 10px 10px;
	width:100%;
	height:auto;
	border-radius:5px;
}
.myselectbx {
	white-space:nowrap !important;
}
.mytextbx,.mytextareabx {
	padding:10px;
}
.mychkbx {
	visibility:hidden;
}
.mychkbx + label {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1;
}
.mychkbx:checked + label:after {
	/*font-family: webdings;
	content:'a';*/
	font-family: FontAwesome;
	content:'\f00c';
	color:rgba(0,0,0,1);
	font-size:30px;
	line-height:1;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.chkbxlabel {
	text-overflow:ellipsis;
}
.myselectbx::-ms-expand,.mytextbx::-ms-expand,.mytextareabx::-ms-expand{
    display: none;
}
.myselectbx:focus::-ms-value {
	background: transparent;
	color:inherit;
}
.myselectbx:focus,.mytextbx:focus,.mytextareabx:focus {
	outline:none;
}
.myselectbx *{
	font-size:16px;
}

.selectoutbx,.textoutbx,.textareaoutbx,.chkoutbx {
	position:relative;
}

.selectoutbx:after {
	content: '\25be';
	position: absolute;
	right: 10px;
	top: 50%;
	color: #333;
	font-size: 22px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	pointer-events: none;
}
.inpselectbx label,.inptextbx label,.inptextareabx label {
	pointer-events:none;
	position:relative;
	display:block;
	z-index:1;
}
.inpchkbx label {
	position:absolute;
	cursor:pointer;
}
.deselect,
._triggerclick {
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.deselect {
	cursor: default;
}
textarea {
	resize: none;
}
#jx_container h1, .jx_container h1, .atclbx h1, .cstmcntner h1 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    /*margin: 1em 0px;
     margin: 10px 0px; */
}
.textbx>a:nth-of-type(1), .titlebx>a:nth-of-type(1), .buttonbx>a:nth-of-type(1), .listitembx>a, .boxbx>a._ignore, .fonticonbx>a, .slidbx .sliditembx>a {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    text-indent: 99999px;
    overflow: hidden;
    white-space: nowrap;
}
/* fix for firefox */
.inptextareabx textarea {
	white-space:pre-wrap !important;
}
/**** confirm box ****/
.modalWndBg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	color: #bbb;
}

.modalWnd {
	position: relative;
	width: 300px;
	height: 250px;
	top: 110px;
	margin: 0px auto;
	font-size: 15px;
}

.modalWndMsgBx {
	position: relative;
	color: #fff;
	font-size: 22px;
}

.modalWndBt {
	cursor: pointer;
	position: relative;
	display: inline-block;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 30px 5px;
	float: right;
}

.modalWnd .OkBt {
	border: 1px solid #aa0000;
	background-color: #ff0000;
	color: #fff;
}

.modalWnd select {
	font-size: 18px;
	padding: 5px;
}
.flex_h_center {
	display: flex;
	justify-content: center;
}

.flex_v_center {
	display: flex;
	align-items: center;
}
.flex_wrap {
    flex-wrap: wrap;
}