@charset "UTF-8";
@import url('/$css/__jxglobal.css');
@import url('animate.min.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

/*========================================================
                      Main Styles
=========================================================*/
html, body {
	min-height: 100vh;
	width: 100%;
	height: 100%;
	position: relative;
	/*min-width:100vw;*/
	/*max-width:100vw;*/
	
	/*
	 不可以在這邊設定 overflow, lb 會錯誤
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;*/
}
html {
	/*overflow:auto;
	overflow-x:hidden;
	overflow-y:auto; */
	/*
	width:100%;
	position:absolute;
	overflow-x:hidden;*/
	
}
body {
	color: #333;
	-webkit-text-size-adjust: none;
	line-height:1.4;
	height:auto;
	font-family: 'Microsoft JhengHei','Microsoft YaHei','LiHei Pro';
	/*overflow:visible;*/
	/*
	overflow:auto;
	overflow-y:auto;*/

	
	/*
	position:absolute;
	overflow:auto;
	overflow-y:auto;*/
	overflow-x:hidden;
	max-width:1920px;
	margin:0px auto;
	
}
@media all and (min-width:1920px) {
	body {
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
}
section, header, main, footer, .container, .container-fluid {
	position:relative;
	width:100%;
	/*min-height:30px;*/
	margin:0px auto;
}

footer {
	/*overflow:hidden;
	min-height:20px;*/
}
header {
	/*min-height:20px;*/
}
section {
	position:relative;
	top:0px !important;
	left:0px !important;
	/*overflow-y:visible;
	overflow-x:hidden !important;
	overflow:visible;*/
}
section>.secbgbx,body>.secbgbx {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow:hidden;
	pointer-events:none;
}
body>.secbgbx {
	z-index:-1 !important;
	/*position:fixed !important;*/
}
.secbgbx iframe.youtubebx {
	position:absolute;
}
.secbgbx video, .secbgbx div.youtubebx, .videobx>video, .videobx>audio{
	position: absolute;
	/*width: auto !important;
	height: auto !important;*/
	min-width: 100% !important;
	min-height: 100% !important;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.videobx>video, .videobx>audio {
	width:100%;
	height:100%;
}
.secbgbx .youtubebx iframe {
	width:100%;
	height:100%;
	position:absolute;
}
.container, .container-fluid {
	top:0px;
	bottom:0px;
	height:100%;
	min-height: inherit;
    max-height: inherit;
}
body.noscroll {
	overflow:hidden !important;
	height: 100vh !important; /* Fallback for browsers that do not support Custom Properties */
	height: calc(var(--vh, 1vh) * 100) !important;
}
body.noscroll main {
	height:100vh !important;
	height: calc(var(--vh, 1vh) * 100) !important;
}
body.noscroll main>section {
	display:none !important;
}
body.noscroll main>section:nth-of-type(1) {
	display:block !important;
	height:100% !important;
}
body.noscroll header,body.noscroll footer {
	position:fixed !important;
	width:100% !important;
	top:0px;
	left:0px;
	z-index:990;
}
body.noscroll footer {
	top:auto;
	bottom:0px;
}
body.noscroll header section,body.noscroll footer section {
	z-index:991;
}
body.noscroll .mmlbwnd,body.noscroll .lbifr{
    height: 100% !important;
}
#bodywrap {
	max-width:100vw;
	width:100%;
	position:relative;
	overflow:hidden;
	min-height: 100vh;
}
body.noscroll #bodywrap {
	height:100vh !important;
	height: calc(var(--vh, 1vh) * 100) !important;
}
.lbbox {
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	z-index:999;
}
input:focus, button:focus, select:focus {
	outline:none;
	border:1px dotted #ccc;
}
input,select {
	padding:5px;
	height:auto !important;
}
a {
	text-decoration:none;
}
.disableele {
	pointer-events:none;
	opacity:0.4;
}
.waitbxbg {
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	display:none;
	z-index:999;
	background-color:rgba(0,0,0,0.7);
}
.waitbx,.authpicbx,.alertexbx {
	width: 107px;
	height: 111px;
	position:position;
	top: 50%;
	left: 50%;
	border:0px !important;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.waitbx .textbx {
	left: calc(50% - 22.5px + 0.5px);
	top: calc(100% - 24px + 1px);
	width: auto;
	height: auto;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	font-family: 'Nixie One',cursive,'Microsoft JhengHei','Microsoft YaHei','LiHei Pro';
	font-size: 12px;
	line-height: 1.38;
	letter-spacing: 0;
	white-space: nowrap;
	color:rgba(255,255,255,0.7);
	/*
	color: rgb(51, 51, 51);
	text-shadow: 1px 1px 1px rgb(255, 255, 255),
	-1px -1px 3px rgba(255, 255, 255, 0.6),
	0px 0px 8px rgba(255, 255, 255, 0.6);
	*/
	overflow: visible;
}
.waitbx .fonticonbx {
	left: calc(50% - 33.5px + 0.5px);
	top: calc(50% - 33.5px + 0.5px);
	width: 67px;
	height: 67px;
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-family: 'Material Icons';
	font-size: 67px;
	line-height: 1.00;
	letter-spacing: 0;
	white-space: nowrap;
	color:rgba(255,255,255,0.7);
	/*color: rgb(51, 51, 51);*/
	background-color: rgba(0, 0, 0, 0);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1400ms;
	animation-duration: 1400ms;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
	/*
	text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.6),
	0px 0px 8px rgba(255, 255, 255, 0.6),
	0px 0px 8px rgba(255, 255, 255, 0.6);
	*/
}
.authpicbx {
	width:250px;
	height:250px;
}
.authpicbx .imgbx {
	width: 250px;
	height: 97px;
	left: 0px;
	top: 0px;
	border: 1px solid rgba(138, 138, 138, 1);
	overflow: hidden;
	border-radius: 4px 4px 15px 4px / 4px 4px 15px 4px;
	cursor:pointer;
}
.authpicbx .inptextbx {
	top: 117px;
	left: 0px;
	transform: none;
	transform-origin: 50% 50%;
	width: 100.00%;
	height: 70px;
	font-weight: normal;
	font-style: normal;
	text-decoration: undefined;
	text-align: start;
	font-family: 'Nixie One',' cursive','Microsoft JhengHei','Microsoft YaHei','LiHei Pro';
}
.authpicbx .inptextbx .textoutbx {
	width: 100%;
	height: auto;
	margin-top: 3px;
}
.authpicbx .inptextbx .textoutbx input {
	width: 100%;
	height: 100%;
	background: rgba(240,240,240,1);
	border: 1px solid #ccc;
	font-size: 20px;
	padding: 5px;
	line-height: 1.5;
	letter-spacing: 1;
	color: rgba(100,100,100,1);
	border-radius: 5px;
}
.authpicbx .inptextbx label {
	font-size: 16px;
	color: rgba(214, 214, 214, 1);
	display: block;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-family: 'Nixie One', ' cursive', 'Microsoft JhengHei', 'Microsoft YaHei', 'LiHei Pro';
	line-height: 1.38;
	letter-spacing: 0;
	white-space: normal;
	background-color: rgba(0, 0, 0, 0);
}
.authpicbx .loopicon {
	left: 219px;
	top: 67px;
	width: 30px;
	height: 30px;
	transform: rotate(0deg) scale(1.00,1.00);
	-webkit-transform: rotate(0deg) scale(1.00,1.00);
	background: rgba(102, 102, 102, 0.45);
	padding: 3px 3px 3px 3px;
	border-radius: 50%;
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;
	opacity: 0.35;
	pointer-events:none;
}
.authpicbx .buttonbx {
	top: calc(100% - 34px - 15px);
	left: calc(50% - 61px + 8px);
	width: 122px;
	height: 34px;
	cursor:pointer;
	transition: 0.4s all ease;
}
.authpicbx .chkicon {
	left: 3px;
	top: calc(50% - 14px - 0px);
	width: 28px;
	height: 28px;
	transform: rotate(0deg) scale(1.00,1.00);
	-webkit-transform: rotate(0deg) scale(1.00,1.00);
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-family: 'Material Icons';
	font-size: 20px;
	line-height: 1.00;
	letter-spacing: 0;
	white-space: nowrap;
	color: rgba(222, 222, 222, 1);
	background: rgba(138, 134, 134, 1);
	border-radius: 50%;
	padding: 4px;
	overflow: visible;
	transition: 0.4s all ease;
}
.authpicbx .chkicon.mover, .authpicbx .chkicon:hover {
	left: 0px;
	top: 0px;
	width: 33px;
	height: 33px;
	transform: rotate(0deg) scale(1.00,1.00);
	-webkit-transform: rotate(0deg) scale(1.00,1.00);
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-family: 'Material Icons';
	font-size: 25px;
	line-height: 1.00;
	letter-spacing: 0;
	white-space: nowrap;
	color: rgba(240, 240, 240, 1);
	background: rgba(54, 54, 54, 1);
	border-radius: 50%;
	padding: 4px;
	overflow: visible;	
}
.authpicbx .buttonbx .textbx {
	left: calc(50% - 33px + 15px);
	top: calc(50% - 12px - 0px);
	width: 66px;
	height: 24px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	overflow: hidden;
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-family: 'andale mono',' times', 'Microsoft JhengHei', 'Microsoft YaHei', 'LiHei Pro',' sans-serif';
	font-size: 16px;
	line-height: 1.38;
	letter-spacing: 0;
	white-space: normal;
	color: rgba(214, 214, 214, 1);
	background-color: rgba(0, 0, 0, 0);
}
.authpicbx .buttonbx .textbx.mover,.authpicbx .buttonbx .textbx:hover {
	font-weight: bold;
	font-style: normal;
	text-align: start;
	font-family: 'andale mono',' times', 'Microsoft JhengHei', 'Microsoft YaHei', 'LiHei Pro',' sans-serif';
	font-size: 16px;
	line-height: 1.38;
	letter-spacing: 0;
	white-space: normal;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0);
}
.authpicbx .closeicon,.alertexbx .closeicon,.alertexbx .okicon {
	left: 224.006px;
	top: -29.0126px;
	width: 24px;
	height: 24px;
	transform: rotate(0deg) scale(1.50,1.50);
	-webkit-transform: rotate(0deg) scale(1.50,1.50);
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-family: 'Material Icons';
	font-size: 24px;
	line-height: 1.00;
	letter-spacing: 0;
	white-space: nowrap;
	color: rgba(179, 177, 177, 1);
	background-color: rgba(0, 0, 0, 0);	
	cursor:pointer;
}
.alertexbx .okicon {
	left:180px;
	color:rgba(205,0,0,1);
}
.authpicbx .closeicon.mover,.authpicbx .closeicon:hover,.alertexbx .closeicon.mover,.alertexbx .closeicon:hover,.alertexbx .okicon.mover,.alertexbx .okicon:hover {
  left: 224.006px;
  top: -29.0126px;
  width: 24px;
  height: 24px;
  transform: rotate(0deg) scale(1.50,1.50);
  -webkit-transform: rotate(0deg) scale(1.50,1.50);
  font-weight: normal;
  font-style: normal;
  text-align: start;
  font-family: 'Material Icons';
  font-size: 24px;
  line-height: 1.00;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgba(219, 215, 215, 1);
  background-color: rgba(0, 0, 0, 0);
}
.alertexbx .okicon.mover,.alertexbx .okicon:hover {
	left:180px;
	color:rgba(255,0,0,1);
}
.alertexbx {
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:1.6;
	width:250px;
	height:auto;
}
.inperrmsgbx {
	position:absolute;
	z-index:99;
	width: auto;
	height: auto;
	font-family: 'Nixie One',' cursive','Microsoft JhengHei','Microsoft YaHei','LiHei Pro';
	font-size: 18px;
	line-height: 1.00;
	letter-spacing: 0;
	color: rgb(224, 223, 220);
	background-color: rgba(0, 0, 0, 1);
	overflow: visible;
	padding: 17px;
	max-width:99%;
	display:none;
	cursor:pointer;
	min-width: 150px;
}
.inperrmsgbx .arrowbtm {
	position:absolute;
	width: 20px;
	height: 20px;
	left: 7.10164px;
	top: calc(100% - 20px + 7px);
	transform: rotate(337deg);
	-webkit-transform: rotate(337deg);
	border-left: 0px solid rgb(0, 0, 0);
	border-top: 20px solid rgb(0, 0, 0);
	border-bottom: 0px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	overflow: visible;
}
.inperrmsgbx .arrowtop {
	position:absolute;
	width: 20px;
	height: 20px;
	left: 7px;
	top: -6px;
	transform: rotate(291deg);
	-webkit-transform: rotate(291deg);
	border-left: 0px solid rgb(0, 0, 0);
	border-top: 20px solid rgb(0, 0, 0);
	border-bottom: 0px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	overflow: visible;
}
.material-icons>span {
	display:block;
	vertical-align:middle;
}
#plbclosebt {
	left: calc(100% - 50px - 29px);
	top: 18px;
	width: 50px;
	height: 50px;
	transform: rotate(0deg) scale(1.00,1.00);
	-webkit-transform: rotate(0deg) scale(1.00,1.00);
	text-shadow: 1px 1px 0px rgb(255, 255, 255),
	-1px -1px 0px rgb(255, 255, 255),
	0px 1px 0px rgb(255, 255, 255),
	1px 0px 0px rgb(255, 255, 255),
	0px 0px 4px rgb(255, 255, 255);
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-family: 'Material Icons';
	font-size: 50px;
	line-height: 1.00;
	letter-spacing: 0;
	white-space: nowrap;
	color: rgb(51, 51, 51);
	background-color: rgba(0, 0, 0, 0);
	overflow: visible;
	background: rgba(255, 255, 255, 0.29);
	border-radius: 50%;
	transition: 0.2s all ease;
	cursor:pointer;
}
#plbclosebt.mover,#plbclosebt:hover {
	color: rgba(0, 0, 0, 1);
	background: rgba(255, 255, 255, 0.44);
}
.long_line_2 {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position:relative;
	border-bottom:2px dotted #cccccccf;
}
.long_line_2:hover {
	border-bottom:2px dashed #ff0000;
}
._bt.long_line_2:after {
    content: '+';
    display: table;
    clear: both;
    color: #ff0000;
    position: absolute;
    right: 0px;
    bottom: 10px;
}
._bt {
	cursor: pointer;
}
taggrp {
	position:relative;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0px;
	display:block;
	font-size:14px;
	margin-top:50px;
}
tag {
	margin-right:20px;
	line-height:2;
	cursor:pointer;
	display:inline-block;
	border-bottom: 1px dotted #ddd;
}
tag:hover {
	border-bottom: 1px dotted #aa0000;
}
@-moz-document url-prefix() {
/*
  .material-icons:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
  }
*/
  .material-icons>span {
	display:block;
	transform:none;
	/*vertical-align: middle;
	display: inline-block;*/
  }
  html[lang="zh-tw"] .material-icons>span, html[lang="zh-cn"] .material-icons>span {
	display:block;
	transform:translateY(0.125em);
	/*vertical-align: middle;
	display: inline-block;*/
  }
  html[lang="ja"] .material-icons>span {
	display:block;
	transform:translateY(0.06em);
	/*vertical-align: middle;
	display: inline-block;*/
  }
}
/*
.material-icons>span {
    vertical-align: middle !important;
}
*/
/*
.f_left {
	float:left;
}
*/
textarea {
	resize:none;
}
.noticediv ul, .refbydiv ul {
	list-style: square;
	margin-left: 30px;
}
.refbydiv ol
{
	margin-left: 30px;
	list-style: decimal;
}
.noticediv b {
	font-size:18px;
	font-weight:700;
	margin:10px 0px;
	display:block;
}

@media all and (max-width:767px) {
	
	html,body {
		width:100vw;
		min-height:100vh;
		height: 100vh !important; /* Fallback for browsers that do not support Custom Properties */
		height: calc(var(--vh, 1vh) * 100) !important;
		/*overflow:visible;
		overflow-x:hidden;
		overflow-y:auto;*/
	}
	body::-webkit-scrollbar {
		width:5px;
	}
	body::-webkit-scrollbar-thumb {
		background-color:rgba(0,0,0,0.4);
	}
	.atclbx_overbx {
		width:100%;
		height:auto;
		overflow:auto;
	}
}