body{
	overflow-y:visible;
	overflow-x:auto;
	color:#000;
	font-family: arial,"微軟正黑體";
}

.clear{
	clear:both;
}

.hidden{
	display: none;
}

.page-header{
	padding-bottom: 0px;
    margin: 0px;
    border-bottom: 0px;
}

.page-header .page-header-inner{
	display:flex;
	align-items: center;
	/*height:46px;
	line-height: 46px;*/
	background-color: #2b3643;
	padding: 5px 0px;
	position: relative;
}

.page-header .page-header-inner .page-logo{
	width:200px;
	text-align: center;
}

.page-header .page-header-inner .page-logo .logo{
	margin: 0px!important;
	padding: 10px !important;
}

.page-header .page-header-inner .page-header-right{
	flex:1;
}

.page-header .page-header-inner .login-info{
	display: flex;
	align-items: center;
	line-height: initial;
	margin-top:8px;
}

.page-header .page-header-inner .user-info{
	font-size:15px; 
	color:#FFF;
	margin-bottom:0px!important;
}

/*.page-header .page-header-inner .user-info .line-icon{
	float: none;
	width:25px;
}*/

.page-header .page-header-inner .logout{
	color: #3CF;
	margin-left:15px;
}

.page-header .page-header-inner .chang-lang-div{
	margin-left:10px;
}

.page-header .page-header-inner .chang-lang-div select{
	height:23px;
}

.page-header .page-header-inner .marquee-div{
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
	height: 25px;
	margin-left: 15px;
	overflow: hidden;
	line-height: initial;
    cursor: pointer;
}

.page-header .page-header-inner .marquee-div .marquee-c{
	color: #FFF;
	white-space: nowrap;
	position: absolute;
	animation: marquee 220000ms linear infinite;
}

@keyframes marquee {
 0% {
  left: 100%;
  transform: translateX(0%);
 }

 100% {
  left: 0;
  transform: translateX(-100%);
 }
}

.page-header .page-header-inner .btn-div{
	padding: 10px 0px;
}

.page-header .page-header-inner .btn-div .line-bind-btn{
	/*display: flex;
    align-items: center;*/
	/*background-color: #f13131;
	color:#fff;
	padding: 2px 12px;*/
}

.page-header .page-header-inner .btn-div .line-bind-btn .line-txt{
	font-weight: bold;
    color: #fff;
    background-color: #4CAF50;
    margin: 0 5px;
    padding: 2px 5px;
}

/*.page-header .page-header-inner .btn-div .line-bind-btn .qrcode-icon{
	margin-right:5px;
}*/

.page-header .page-header-inner .btn-div .line-unbind-btn{
	/*background-color: #bfbfbf;
	padding: 2px 12px;*/
}

.page-header .page-header-inner .btn-div .turn-page-btn{
	/*background-color: #63c2e7;
	padding: 2px 12px;*/
}

.page-header .page-header-inner2{
	box-shadow: 0px 1px 4px #d6d6d6;
	overflow-x: auto;
	overflow-y: hidden;
}

.page-header .page-header-inner2 .top-menu-list{
	display:flex;
	padding:2px 0px;
	align-items: center;
	height: 50px;
	margin-left:60px;
}

.page-header .page-header-inner2 .top-menu-list .top-menu-list-item{
	/*position: relative;*/
}

.page-header .page-header-inner2 .top-menu-list a.item{
	color:#fff;
	text-decoration: none;
	padding:8px 12px;
	font-size: 15px;
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
}

.page-header .page-header-inner2 .top-menu-list a.item:hover{
	color: #F90;
	border-bottom: 3px solid #F90;
	transition: all 0.1s ease;
}

.page-header .page-header-inner2 .top-sub-menu-list{
	/*position: relative;*/
	display: none;
}

.page-header .page-header-inner2 .top-sub-menu-list-item{
	position: absolute;
	/*left: -8px;*/
    z-index: 10000;
    background-color: #333;
    padding: 8px 12px;
    border-radius: 10px;
    border-radius: 10px!important;
}

.page-header .page-header-inner2 .top-sub-menu-list a.sub-item{
	font-size: 15px;
	color:#fff;
	white-space: nowrap;
	display: inline-block;
	padding: 6px 0px;
}

.page-header .page-header-inner2 .top-sub-menu-list a.sub-item:hover{
	color: #F90;
}

.page-header .page-header-inner2::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.page-header .page-header-inner2::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: /*#c0c0c0;*/rgba(50,50,120,0.5);
}

.page-header .page-header-inner2::-webkit-scrollbar-track {
	border-radius: 0;
	background: #fff;
}

.page-container{
	display: flex;
}

.page-container .page-content-wrapper{
	flex:1;
}



.page-bar-fixed, .page-bar-height{
	/*height:50px;*/
	padding: 5px 20px !important;
}

.page-bar-fixed{
	/*position:fixed !important;*/
	width:100%; 
	background-color:#e7ecf1 !important; 
	border-bottom-color:orange !important; 
	z-index:100;
	line-height:40px;
}

.page-bar-fixed.bottom{
	bottom:0px;
	border-top:1px solid orange !important;
	border-bottom:0px solid #FFF!important;
	text-align:center;
}

.page-bar-fixed.pc-page-bar{
	position:fixed !important;
}

.page-bar-fixed.mobile-page-bar{
	position:absolute !important;
}

.page-bar-height{
	border:0px solid #FFF;
}

.checkbox-inline{
	margin-left:0px !important;
	padding-left:0px;
}

.temp-waiting{
	margin: 0 auto;
	display: block;
	position:relative;
	top:50px;
}

/*.logout{
	padding-top:15px !important;
	padding-bottom:11px!important;
}*/


/********為了固定畫面 額外css********/
/*.page-sidebar{
	width:235px!important;
	
}

.page-sidebar.navbar-collapse.collapse{
	display:block!important;
	position: fixed!important;
    margin-left: 0;
    top: 46px;
    margin: 0px;
}

.page-content{
	min-width:1170px!important;
	margin-left:235px!important;
	padding:20px!important;
}*/

.page-sidebar-wrapper{
	/*float:left;*/
}

.page-sidebar{
	background-color: #364150!important;
	width:210px!important;
}

.page-sidebar .page-sidebar-menu>li>a{
	border-top: 1px solid #3d4957!important;
}

.page-sidebar .page-sidebar-menu>li .sub-menu {
    background-color: #364150!important;
}


/*.page-content-wrapper{
	overflow:auto;
}*/

.page-content{
	/*min-width: 1170px;*/
}

.font-18{
	font-size:18px;
}

.font-20{
	font-size:20px;
}

.has-underline{
	text-decoration:underline;
}

.bg-red1{
	background-color: red;
}

.bg-red2{
	background-color: #fca19a !important;
}

.bg-green1{
	background-color:#39a8a9;
}

.bg-green2{
	background-color: #9dddde;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border-color:#ccc !important;
}

table.dataTable, table.dataTable td, table.dataTable th{
	box-sizing: border-box!important;
}

.fw-bold{
	font-weight:bold;
}

.pd-5{
	padding:5px;
}

.pd-l-r-5{
	padding-left:5px;
	padding-right:5px;
}


.pd-20{
	padding:20px;
}

.color-red1{
	color:red;
}

.color-white{
	color:#FFF;
}

.color-gray{
	color:gray;
}

.color-blue{
	color:blue;
}

.ft-sz-18px{
	font-size:18px;
}

.width-200{
	width: 200px;
}

.ws-nowrap{
	white-space: nowrap;
}

.layer-link{
	text-decoration: underline!important;
    color: #ED9E65!important;
}

.game-status-btn{
	padding: 5px 5px;
    color: green;
    cursor: pointer;
    display: inline-block;
    border: 1px solid;
	margin-bottom: 10px;
}

.game-status-btn.active{
    color: #FFF;
    border: 1px solid;
	background-color: green;
}

.btn-edit {
    background-color: #1634c5;
    border-color: #1634c5;
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 4px !important;
}

.btn-copy {
    background-color: #3e9e30;
    border-color: #3e9e30;
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 4px !important;
}

.btn-orange{
	color: #fff;
	/*
	background-color: #f0ad4e;
    border-color: #dab10d;
*/
	background-color: #946a30;
    border-color: #987c09;
}

.btn-orange.active, .btn-orange.focus, .btn-orange:active, .btn-orange:focus, .btn-orange:hover{
    color: #fff;
    background-color: #c29d0b;
    border-color: #aa8a0a;
}

/*::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #c0c0c0;
}

::-webkit-scrollbar-track {
	border-radius: 0;
	background: #fff;
}*/

.news-img{
	width: 400px;
}