html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
    font-size: 14px;
    list-style: none;
    font-family: 微軟正黑體, Arial !important;
}
  
table {
    border-collapse: collapse;
}

fieldset, img {
    border: 0;
}

body {
    background: #fff;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

HTML, BODY {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch !important;
    font-family: "Arial", "微軟正黑體" ;

}

.top_left_block {
    width: 100%;
    height: 62px;
    background-color: red;
}

.top_menu {
    width: 100%;
    height: 62px;
    background-color: #0095fe;
}

.hide_btn {
    height: 32px;
    line-height: 30px;
    width: 3%;
    float: left;
    padding-left: 5px;
    font-size: 30px;
    cursor: pointer;
    color: white;
}

.top_menu_ul {
    width:90%;
	position:relative;
	height:45px;
    list-style: none;
    text-align: center;
    position: relative;
	z-index:9000 !important;
	margin-left:50px;
}

.top_menu_ul > li {
	
    border: 1px;
    border-style: solid;
    /*border-radius: 0 20px 0 20px;*/
    float: left;
    width: auto;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    background-color: white;
    cursor: pointer;
	padding:0 10px 0 10px;
}
.actives{
	background-color:#FF7744!important;
}
.top_menu_ul > li:hover{
    /*color: yellow;*/
    background-color: #FF7744;
    border: 1px;
    border-style: solid;
    /*border-radius: 0 20px 0 20px;*/
}
.top_menu_ul a{
    color:#000;
	text-decoration:none;
}

.top_menu > ul{
    width: 1300px;
	height:30px;
	position:absolute;
	left:0;
    display: none;
}
.top_menu :hover{
   /* display:block;*/
}
.top_menu > ul > li{
	margin-top:-1px;;
    width: 9%;
    float: left;
    font-size: 16px;
	height:20px;
}
.top_menu > ul > li:hover{
    color: yellow;
}

.top_menu:hover > ul{
	position:absolute;
    /*display: block;*/
    color: #fff;
    text-align: center;
	left:0;
}
.top_menu a {
    color: #000;
	text-decoration:none !important;
}
.top_menu ul a{
    color:#FFF;
	text-decoration:none;
}

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 250px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: darkgray;
    overflow-x: hidden;
    transition: 0.5s;
}

#main {
    transition: margin-left .5s;
    margin-left: 250px;
}

.sidenav > ul > li{
    width: 100%;
    height:30px;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    margin-left: 1%;
    cursor: pointer;
    display: block;
    transition: 0.2s;
    padding: 8px 8px 8px 32px;
}

.sidenav > ul > li:hover{
    color: #fff;
    background-color: deepskyblue;
}
.sideMenu > li{
    color: red;
    width: 100%;
    height:50px;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    margin-left: 1%;
    cursor: pointer;
    display: block;
    transition: 0.2s;
    padding: 8px 8px 8px 32px;
}

.sideMenu > li:hover{
    background-color: deepskyblue;
}
.loginout{
	position:absolute;
	top:0px;
	right:5px;
	color: #040404;;
	/*font-size:16px;*/
}
.loginout a{
	color: #da0303;
    margin-left: 5px;
}

/* 訊息視窗start */
.message_title {
    position:absolute;
    top: 0;
    left: 0;
    background: url(/image/tw/bg_areaBet.jpg);
    color: #FFF;
    width: 100%;
    height: 45px;
    padding: 10px 0 0 25px;
    z-index: 10;
    /*line-height: 36px;*/
	font-size:20px;
    border-radius: 10px 10px 0 0;
}

.message_contxt {
    position: relative;
    left: 0;
    top: 50px;
    background: #fff;
    width: 100%;
    min-height: 200px;
    text-align: center;
	overflow-y:auto;
	overflow-x:hidden;
}

.message_foot {
	position: relative;
	top: 22px;
	background: #fff;
	width: 100%;
	height: 40px;
	text-align: center;
	letter-spacing: 50px;
	font-size:16px;
}

.message_contxt table td{
	padding:10px;
}

/* 訊息視窗end */
.pic {
    line-height: 29px;
    float: left;
    width: 39px;
    height: 25px;
    background: url(/image/icon2.png) no-repeat;
    background-size: 280px;
    background-position: -80px -9px;
    display: inline-block;
    text-align: center;
}
.header_Bulletin{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:30px;
}
/* 跑馬燈 */
.slideText {
	margin-top:5px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 20px;
    display: inline-block;
}
/*跑馬燈 */

.slideText {
    position: relative;
    overflow: hidden;
    width: 80%;
    height: 20px;
    display: inline-block;
}

.slideText ul,
.slideText li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.slideText ul {
    position: absolute;
}

.slideText li {
    text-align: left;
}

.slideText li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #000;
    font-weight: 700;
}

.slideText li a:hover {
    text-decoration: underline;
}



.btn_m {
	width:50px;
	height:30px;
	position: relative;
}
.btn_m:hover{
    font-weight: 700;
}

.btn_m .tooltips {
	position: absolute;
	background: #282828;  
	top: -1px;
	color: #4a4a4a;
	display: block;
	right: 0;
	opacity: 0;
	padding:0px;
	width: 0px;
	height: 0px;
	transform: translateY(10px);
	transition: opacity .25s ease-in;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	z-index:999;
	text-align:right;
	overflow:hidden;
}

.btn_m:hover .tooltips {
	padding:8px;
	width: 800px;
	height: 58px;
	opacity: 1;
	transform: translateY(0px);
}
[data-clipboard-target]:hover{
	position:relative;
	background:#ccc;
	cursor:pointer;
}
[data-clipboard-target]:hover:before{
	position:absolute;
	content:'点选复制';
	top: 22px;
	right:0;
	color:red;
}
.voice-right{
	position:absolute;
	top:24px;
	right:6px;
}
.voice-right label{
    margin:0;
    color: #000000;
}
.voice-right label > div{
    margin-right: 5px;
}


.content{
	background-color:#ecf0f5;
}

.blockred{
    background:#a52828;
    color: #fff;
}

.blockgreen{
    background: #378532 !important;
    color: #fff !important;
}

.cornerCircle{
    border-radius: 50%;
}
.cornerAll{
    border-radius: 2px;
}
.blockblue{
    background:#34639d !important;
    color: white !important;
}

.blocksilver{
    background: linear-gradient(to bottom,#f9f9f9,#cecece);
    color: #2e2e2e;
    box-shadow: 0px 1px 1px 0.5px #838282;
}
.red{
    color:#da0101 !important;
}
.green{
    color:#0e992f !important;
}

.blue{
    color: blue !important;
}

.beforeusername{
    color:#000;
}

/*宛臻add*/

.skin-blue .main-header .logo {
    background-color: #424242;
    text-decoration: none;
}
.skin-blue .main-header .logo:hover {
    background-color: #bd5700;
}
.skin-blue .main-header .navbar {
    background-color: #a5a5a5;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #310303;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #bd5700;
    color: #fff;
    text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
    color: #a26f43;
}
.skin-blue .sidebar a {
    color: #e2e2e2;
}
.bg-primary{
    background-color: #ececec;
    color: #000;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #282B28;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #f9e4d1;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    color: #e27314;
    background: #fff4ea;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  background: #e27314;
  border-left-color: #e27314;
}
.content-header > .breadcrumb > li > a, .content-header > .breadcrumb > li + li:before{
    color: #000;
    text-shadow: none;
}
.breadcrumb>li+li:before{
    color: #548040;
}
.skin-blue .sidebar-menu > li.header{
    color: #222d32;
    background: #eeffe6;
}
.bg-olive {
    background-color: #7dbb60 !important;
}
.main-sidebar .treeview.active >a >.fa-users:before{
    color: #fff;
}
.breadcrumb .fa-home:before, .breadcrumb .fa-users:before, .breadcrumb .fa-gears:before, .breadcrumb .fa-envelope:before, .breadcrumb .fa-list:before, .breadcrumb .fa-flag:before{
    color: #000;
    margin-right: 3px;
}
.breadcrumb .fa-home:before{
    font-size: 18px;
}
.fa-users:before{
    content: "\f29a";
}
.fa-group:before{
    content: "\f0c0";
}
/*
.btn-primary, .btn-info, .btn-success, .btn-warning,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #ea7d1f;
    border-color: #e67513;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #e2c82c;
    border-color: #d6ba27;
}
.btn-info:hover, .btn-info:active,
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    background-color: #e2c82c;
    border-color: #d6ba27;
}
.btn-danger {
    background-color: #2b5aa9;
    border-color: #2b5aa9;
}
.bg-blue {
    background-color: #2b5aa9 !important;
}*/
.modal-dialog .bg-primary, .fancybox-container .bg-green, .btn-instagram, .modal-dialog .btn-danger{
    background-color: #929292 !important;
    border-color: #929292;
}
.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram, .btn-instagram:hover, .modal-dialog .btn-danger:hover{
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);    
}
.modal-dialog .modal-footer .pull-left{
    float: none !important;
}
/*
.btn-primary:hover, .btn-primary:active, .btn-success:hover, .btn-success:active,
.btn-danger:hover, .btn-danger:active, .btn-danger.hover,
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #282b28;
    border-color: #282b28;
}
.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}*/
.modal-dialog, .modal-content{
    border-radius: 10px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border: 1px solid #d4d4d4;
}
#treeview li {
    color: #888 !important;
}
.treeview .hover {
    color: #ea6f05 !important;
}
.message_title{
    background: #a5a5a5;
}
.table .btn_m .tooltips{
    background: #282b28;
}
.form-inline > .btn_m .tooltips, #w .form-inline .btn_m .tooltips{
    background: #e8e7e7;
}
.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #f7f7f7;
}
.content {
    background-color: #f7f7f7;
}
.bg-teal {
    color: #000 !important;
    background-color: #fff4ea !important;
}
.table-bordered {
    border: 1px solid #dcdcdc !important;
}
.table-hover>tbody>tr:hover {
    background-color: #fff;
}
thead td, tbody tr td {
    border-left: 1px solid #bfbfbf !important;
}
thead .spread:not(.major) {
    background-color: #868686 !important;
}
#w th, thead .major {
    color: #424242 !important;
    border-left: 1px solid #bfbfbf !important;
}
#w thead .major{
    background-color: #e8e8e8 !important;
}
#w thead .spread.major {
    background-color: #e27314 !important;
    color: #fff !important;
}
#noborder thead tr th{
    background-color: #f7f7f7 !important;
    border: 0 !important;
}
#noborder thead tr{
    border: 1px solid #f7f7f7 !important;
}
/*.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #b1b1b1 !important;
}*/
.bootstrap-datetimepicker-widget.dropdown-menu{
    box-shadow: 0 0 10px #7aa765;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #e27314;
}
.frhead{
    color: #dc741b !important;
    background: #ececec;
}
.table > thead > tr > th{
    border-right: 1px solid #cacaca !important;
    background-color: #e8e8e8 !important;
}
tbody .spread.major {
    background-color: #f1e7df !important;
}
tbody tr:nth-child(2n+1) .spread:not(.major) {
    background-color: #f3f0ee !important;
}
.major:not(.MinTimes):not(.spread):hover {
    background-color: #e4563d !important;
    color: #fff !important;
}
tbody tr:nth-child(1) th{
    background-color: #d8d8d8 !important;
}
tbody tr:hover th:nth-child(2) {
    background-color: #bbbbbb;
}
tbody tr:nth-child(2n) th:nth-child(2) {
    background-color: #fdfdfd !important;
}
tbody th:nth-child(2) {
    background-color: #f6f6fa !important;
}
.table{
    border: 1px solid #b3b3b3;
}
.table .bg-gray{
    background-color: #fff !important;
}
.major:not(.MinTimes):not(.spread):hover{
    color: #f14a2d !important;
}
.LHCBall{
    background-color: #a7a7a7 !important;
    color: #fff !important;
}
.orange{
    color: #ea7d1f;
}
.borred{
    background-color: #99c584 !important;
}
.DisLimit:nth-child(2n+2) {
    background-color: rgb(247, 242, 238) !important;
}
.has-success .form-control, .has-success .input-group-addon,.has-error .form-control{
    border-color: #cccccc;
}
.has-success .input-group-addon{
    background-color: #eeeeee;
}
.form-control{
    padding: 6px 4px;
}
.panel-primary, .panel-body{
    border-color: #ea7d1f  !important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #ea7d1f;
    border-radius: 7px 7px 0 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    border-top-color: #ea7d1f;
}
.panel-primary>.panel-heading, .has-error .input-group-addon{
    color: #3e3e3e;
    background-color: #dedede;
    border-color: #c7c7c7;
}
.tooltips p {
    color: #565656 !important;
    background: #c8cac8;
    font-weight: 500;
}
.small label {
    width: 115px !important;
}
#contents .btn{
    margin: 5px;
}
.mr-5{
	margin-right:5px;
}
#nobg tbody tr th{
    background-color: #f7f7f7 !important;
}
span.num_m{
	font-size: 14px;
}
span.num_d{
	font-size: 1px;
}
h5,h6{
	display: inline;
}
h5{
	font-size: 1em;
}
h6{
	font-size: 0.7em;
}
.national{
	width:24px;
	height:16px;
	display: inline-block;
	background-position: 0 -4px;
	vertical-align:text-top;
	margin-top: 1px;
	float:right;
}
.national[show="TWD"]{
	background-image: url('/image2/global/national/tw.png') ;
}
.national[show="CNY"]{
	background-image: url('/image2/global/national/cn.png');
}
.national[show="VND"]{
	background-image: url('/image2/global/national/vn.png');
}
.national[show="USD"]{
	background-image: url('/image2/global/national/en.png');
}

.table .cold{
	display: none;
}
.bg-yellow2{
	background-color:#FFF143!important;
}
.form-control[name="prefix"],
.form-control.levelclick{
	max-width: 120px;
}
.loading{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5) no-repeat center;
	background-image: url(/image2/global/loading.gif);
	background-size: 50px 50px;
	z-index: 99;
	display: none;
}
@media (min-width: 768px){
    .sidebar-mini.sidebar-collapse .sidebar-menu > li >a >i{
        transform: scale(1.3);
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border: 1px solid #fbd1ad;
    }
}
.dropdown-menu .inner{
    color: black;
}
.dropdown-header{
    color: black;
}
.dropdown-menu > li > a {
    color: black;
}