@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

html, body {
	width: 100%;
	height:100%;
	background: #dddddd;
	font-size: 14px !important;
	color: rgba(0, 0, 0, .8);
}
html.ios15_height.main_rotate,
html.ios15_height.main_rotate>body{
	height: calc(100vh + 1px);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
ol, ul {list-style: none;}

h1, h2, h3, h4, h5, h6, th{ font-weight:normal;}
a{text-decoration:none;color: inherit;}
@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	a:hover{text-decoration:none;color: inherit;}
}

*,
::before,
::after {
    font-family: 'Helvetica', sans-serif;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust:none;
}
/* added for icon showing */
.fa::before {
    font-family: 'FontAwesome';
}

#report_btn a:focus, #bet_btn a:focus {
    color: #fff;
    text-decoration: none;
}
*:hover,*:focus,*:active{outline: 0;-webkit-tap-highlight-color: transparent;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

tt, em{font-family: 'Helvetica', sans-serif;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input,
select,
textarea,
button {
	outline: none;
	font-family: 'Helvetica', sans-serif;
	border: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
button{
	background-color: transparent;
}

input[type="text"], input[type="number"], select, textarea{ color: rgba(0, 0, 0, .8);}

input::-ms-clear,
input::-ms-reveal,
select::-ms-expand{
	display: none;
}
input[type="password"]::-webkit-textfield-decoration-container{	visibility: hidden;}
select{border-radius: 0;}

.nofloat:after{ content:''; display:table; clear:both;}

@media only screen and (min-width: 1024px) {
	::-webkit-scrollbar{ width:10px;height: 10px; background-color:#f1f1f1;}
	::-webkit-scrollbar-thumb { background-color:#c1c1c1; border: 3px #f1f1f1 solid; border-radius:10px;cursor:pointer;
		-webkit-transition:background .5s linear;
		transition:background .5s linear;
	} 
	*:hover::-webkit-scrollbar-thumb{background-color:#a9a9a9;}
	::-webkit-scrollbar-corner { background-color:#f1f1f1;}
}

/*架構區*/
.main{
	width: 100%;
	height: 100%;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
.main_rotate{
	width: 100.1%;
	height: 100.1%;
}/*解決ios12網址+功能列消失 高度出錯及fixed物件原地不動問題*/

.ma_all{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ma_header{
	position: relative;
	width: 100%;
	height: 56px;
	z-index: 8;
}
.ma_main, .ma_main_foothide{
	position: relative;
	display: flex;
	width: 100%;
	min-width: 100%;
	height: calc(100% - 56px);
	background: #fff;
	flex-direction: row;
	flex: 0 0 100%;
	overflow: hidden;
}
.ma_main_mobile{
	position: relative;
	/* display: flex; */
	width: 100%;
	min-width: 100%;
	height: calc(100%);
	background: #fff;
	flex-direction: row;
	flex: 0 0 100%;
	overflow: hidden;
}
.ma_foot{
	display: none;
	position: absolute;
	width: 100%;
	height: 56px;
	background-color: #91b027;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	
	transform: translate3d(0,140%,0);
	z-index: 7;
}
.ios15_height .ma_foot{
	position: fixed;
}
.ma_right{
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 1000;
	background-color: #fff;
	box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0);
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
.ma_right.ma_extend{
	box-shadow: -2px 0 4px 0 rgba(0, 0, 0, .2);
	-webkit-transform: translate3d(0%,0,0);
	transform: translate3d(0%,0,0);
}
.ma_alert{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1000;/*為了報表fixed head問題 因此數值只能再更大*/
}
.ma_loading,
.ma_loadingfull{
	position: absolute;	
	right: 0;
	width: calc(100% - 56px);
	height: 100%;
	z-index: 7;
}
.ma_loadingfull{
	position: fixed;
	width: 100%;
	height: calc(100% - 120px);
	top: 120px;
}
.ma_extend ~ .ma_loading{width: calc(100% - 240px);}
.pwd_loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 56px;
	left: 0;
	z-index: 7;
}
.filter_loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}
.ma_onepage{
	width: 100%;
	height: 100%;
}
.ma_left{
	position: absolute;
	display: inline-block;
	width: 56px;
	height: 100%;
	border-right: 1px solid #f6f6f6;
	/*cursor: pointer;*/
	-webkit-overflow-scrolling: touch;
	left: 0;
	top: 0;
	z-index: 7;
}
.ma_left.ma_extend{
 	visibility: visible;
	width: 240px;
	-webkit-flex: 0 0 240px;
	-ms-flex: 0 0 240px;
	flex: 0 0 240px;
	top: 0;
	border-right: none;
	z-index: 1000;
}
.scroll_ma_content{
	overflow-x: hidden;
	overflow-y: auto;
}
.ma_content{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	/* overflow-x: hidden;
	overflow-y: auto; */
	-webkit-overflow-scrolling: touch;
}
.ma_content>div:not(.require_box){
	width: auto;
	height: auto;
	/* affected my setting, my risk setting  */
	/* min-height: 100%; */
	overflow: visible;
}
.ma_contentfull{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.ma_extend ~ .ma_left_mask{position: fixed;width:100vw;height: 100vh;top: 0;left: 0; background-color: rgba(0, 0, 0, .24); z-index: 8;}
.ma_extend ~ .ma_right_mask{position: fixed;width:100vw;height: 100vh;top: 0;left: 0;z-index: 8;}

.accmd_function {
	position: fixed;
	display: flex;
	width: 100%;
	max-width: 640px;
	height: 40px;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}

@media only screen and (min-width:1024px){
	.ma_main,
	.ma_main_mobile,
	.ma_main_foothide{
		padding-left: 56px;
	}
}
@media only screen and (max-width:1023px){	
	.ma_left{
	 	width: 0;
		visibility: collapse;
		transform: translate3d(-56px,0,0);
	}
	.ma_left.ma_extend{
		visibility: visible;
		width: 240px;
		-webkit-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
	}
	.ma_loading{
		width: 100%;
	}
	
}
@media only screen and (max-width: 599px){
	html.ios15_height,
	html.ios15_height>body{
		height: 100vh;
	}
	.ma_left{
		width: 0;
	}
}

/*手機橫版不要有foot*/
@media only screen and (orientation:portrait) and (max-width:767px){
	.ma_main{
		height: calc(100% - 56px);
	}
	.ma_main_foothide{
		height: calc(100% - 56px);
	}
    .ma_main_mobile{
		height: calc(100% - 56px);
	}
	.ma_foot{
		-webkit-transform: translate3d(0,0%,0);
		transform: translate3d(0,0%,0);
	}	
}

@media only screen and (orientation:landscape) and (max-width:812px){
	/*.ma_content>div{
		padding-bottom: 96px;
	}*/

	/* ios15橫版專用 */
	.ios15_height .ma_content>div{
		padding-bottom: 102px;
	}
}

@media only screen and (min-width: 1024px){
	.select_min{display: none!important;}
	.accadd_content{
		width: calc(50% - 24px);
		max-width: 668px;
	}
	.accadd_content.content_l{
		float: left;
		clear: left;
		margin: 0 16px 24px 16px;
	}
	.accadd_content.content_r{
		display: inline-block;
		margin-right: 16px;
	}
}
@media only screen and (min-width:1px) and (max-width: 1023px){
	.select_min{position: relative;}
	/*.select_max{display: none!important;}*/
	.accadd_content{
		width: calc(100% - 32px);
		margin: 0 16px 24px 16px;
	}
}

/*report main*/
.re_main{
    padding: 16px 8px 0;
    background-color:#dddddd;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}

.re_mleftG,
.re_mrightG{
    padding: 0 8px;
}
.re_mrightG{
    width: 55%;
    max-width: 674px;
}
.re_bg{
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.re_searchG{padding: 16px;}
.re_selectG{
    position: relative;
    height: 48px;
    border-radius: 3px;
    margin-bottom: 16px;
    box-shadow:1px 0 #c8c8c8 inset,
            -1px 0 0 #c8c8c8 inset,
            0 1px #c8c8c8 inset,
            0 -1px 0 #c8c8c8 inset,
            0 0 4px 0 rgba(0, 0, 0, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_searchG>div:nth-of-type(1){margin-bottom: 16px;}
.re_searchG>div:nth-of-type(5){margin-bottom: 17px;}
.re_selectG:before, .re_selectG:after{
    content: '';
    position: absolute;
    display: block;
    width: 48px;
    height: calc(100% - 2px);
    top: 1px;
    right: 1px;
    pointer-events: none;
}
.re_selectG:before{background-color: #fff;}
.re_selectG:after{
    background: url(../../assets/images/control/re_sreachArr_D.svg) center no-repeat;
    opacity: .6
}
.re_selectG>span{
    line-height: 48px;
    padding:0 45px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.re_selectG>ul{
    position: absolute;
    width: 100%;
    /* max-height: 496px; */
    max-height: 360px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:46px;
    left: 0;
    z-index: 2;
    overflow-x: hidden;overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.re_selectG>ul li{
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
}
.re_selectG>ul li.on{
    color: #2980b9;
    font-weight: bold;
}
.re_selectG>ul li:after{
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 8px;
    background: url(../../assets/images/control/tick.svg) no-repeat;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    opacity: 0;
}
.re_selectG>ul li.on:after{opacity: 1;}
.re_inputG{
    position: relative;
    height: 48px;
    padding: 0 13px;
    border-radius: 3px;
    box-shadow:1px 0 #c8c8c8 inset,
            -1px 0 0 #c8c8c8 inset,
            0 1px #c8c8c8 inset,
            0 -1px 0 #c8c8c8 inset,
            0 0 4px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_inputG span{
    margin-right: 7px;
    white-space: nowrap;
}
.re_inputG input{
    width: 100%;
    background-color: transparent;
    border: 0;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
}
.re_inputG input::-webkit-input-placeholder{color: rgba(0, 0, 0, .8);}
.re_inputG input::-moz-placeholder{color: rgba(0, 0, 0, .8);}
.re_inputG input::-ms-input-placeholder {color: rgba(0, 0, 0, .8);}
.re_dateG{
    position: relative;
    margin-bottom: 16px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.re_selectG select{
    width: 100%;
    height: 100%;
    padding: 0 16px;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.re_dateInfo{
    position: relative;
    width:calc(50% - 20px);
    height: 48px;
    line-height: 48px;
    padding:0 30px 0 15px;
    border-radius: 3px;
    box-shadow:1px 0 #c8c8c8 inset,
            -1px 0 0 #c8c8c8 inset,
            0 1px #c8c8c8 inset,
            0 -1px 0 #c8c8c8 inset,
            0 0 4px 0 rgba(0, 0, 0, 0);
}
.re_dateInfo input{
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    letter-spacing: -.3px;
}
.re_dateInfo:after{
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../../assets/images/control/calendar.svg) no-repeat;
    top: 0;
    bottom: 0;
    right: 13px;
    margin: auto;
    opacity: .6;
}
.re_dateG>span{
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: rgba(0, 0, 0, .4);
    text-align: center;
}
.re_down_btnG{text-align: right;}
.re_betSelectG{
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;top: 46px;
    left: 0;
    overflow: hidden;
}
.re_selectDownG{
    max-height:496px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.re_betSearchG{
    height: 56px;
    padding: 8px;
    background-color: #f6f6f6;
    border-bottom: solid 1px #f6f6f6;
    overflow: hidden;
}

.re_bettypesG{
    padding: 8px 0;
    background-color: #fff;
}
.re_bettypesG li{
    min-height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid #fbfbfb;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_bettypesG li:last-child{border: 0;}

/*600以下搜尋*/
.re_filter600{
    padding: 0 8px;
    background-color: #fff;
    min-height: 100vh;
}
.re_filter_titleG{
    width: 100%;
    height: 56px;
    padding: 0 16px;
}
.re_filter_title_item{
    position: relative;
    height: 100%;
    padding-left: 2px;
}
.re_filter_title_item:before{
    content: attr(data-filtertitle);
    position: absolute;
    color: rgba(0, 0, 0, .6);
    font-size: 13px;
    top: 18px;
    left: 38px;
}
.re_filter_titleTxt{
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    top: 35px;
    left: 38px;
}
.re_filter_back_btn{
    width: 37px;
    height: 100%;
    background:url(../../assets/images/control/back_left.svg) no-repeat 0 28px;
    border: 0;
}
.re_filter600 .re_searchG>div:nth-of-type(5){margin-bottom: 0;}
.re_filter600 .ps_submit_btn{font-size: 14px;}

.re_main600{
    height: 100%;
    background-color:#fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.re_settlementG{padding:7px 0 16px;}
.re_settlement_tb, .re_accounting_tb, .re_exchange_tb, .re_main600_tb{
    width: 100%;
    text-align: center;
}
.re_settlement_tb tr, .re_accounting_tb tr, .re_main600_tb tr{background-color: rgba(235, 247, 255, 0);}
.re_acc600type td{position: relative;}
.re_acc600type td:before{
    content: attr(data-accmonth);
    position: absolute;
    height: 15px;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    top: 0;
    bottom: 0;
    left:24px;
    margin: auto;
}
.re_acc600type td.word_blue{opacity: .8;}
.re_settlement_th01{height: 28px;}
.re_table_title_th{
    height: 27px;
    border-bottom: 2px solid #f6f6f6;
}
.re_table_title_th th{font-size: 12px;}
.re_settlement_tb td{
    padding:16px;
    box-shadow:0 -1px 0 #f6f6f6 inset;
}
.re_settlement_tb td:nth-child(1){text-align: left;}

.re_accountingG, .re_exchangeG{padding:0 0 16px;}
.re_accounting_th, .re_exchange_th{
    font-size: 12px;
    height: 49px;
    border-bottom: 2px solid #f6f6f6;
}
.re_accounting_tb td, .re_exchange_tb td{
    padding:16px;
    box-shadow:0 -1px 0 #f6f6f6 inset;
}
.re_accounting_tb td:nth-child(1){
    text-align: left;
    font-size: 12px;
}

.re_exchange_tb{text-align: left;}
.re_exchange_tb th{
    padding: 0 16px;
    text-align: left;
}
.re_accounting_tb td.on{
    color: #2980b9;
    font-weight: bold;
}

.re_linkG{
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 38px 0 16px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    color: rgba(0, 0, 0, 0.64);
    font-weight: bold;
    border-radius: 2px;
    margin-bottom: 8px;
}
.re_linkG:last-child{
    margin-bottom: 0;
}
.re_linkG:after{
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../assets/images/control/B_arrowR.svg) no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    opacity:.6;
}

.re_main600_tb tr:last-child td{border: none;}
.re_main600_tb th{
    height: 49px;
    padding: 0 25px;
    border-bottom: 2px solid #f6f6f6;
    font-size: 12px;
}
.re_main600_tb td{
    position: relative;
    padding: 16px 25px;
    box-shadow:0 -1px 0 #f6f6f6 inset;
}

.re-acc600type td:before{
    content: attr(data-accmonth);
    position: absolute;
    font-size: 12px;
    left: 25px;
}

.re_titleG.re_title600type li{
    padding-top: 8px;
    line-height: 14px;
}
.re_title600type li.word_red.on{color: #2b630c;}
.re_title600type li.word_green.on{color: #27a67b;}

.re_exc600type th:nth-child(1),
.re_exc600type td:nth-child(1),
.re_set600type th:nth-child(1),
.re_set600type td:nth-child(1) {text-align: left;}
.re_exchange_tb th:nth-child(3),
.re_exchange_tb td:nth-child(3),
.re_exc600type th:nth-child(3),
.re_exc600type td:nth-child(3){text-align: right;}
.re_set600type tr td:nth-child(1){padding: 16px 28px 16px 25px;}

/*報表上方資訊欄*/
.re_main_container {
    position: relative;
    background-color: #fff;
}

.re_main_container::selection {
    border-radius: 0;
}
.re_breadG{
    position: relative;
    display: flex;
    align-items: center;
    height: 52px;
    padding-right: 16px;
    background-color: #fff;
    border-bottom: 4px solid #f6f6f6;
}
.re_breadG.scroll:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}
.re_breadUL{
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    height: 100%;
    padding-left: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.re_breadUL::after{
    content: '';
    flex: none;
    width: 16px;
    height: 100%;
}
.re_breadUL li{
    position: relative;
    display: inline-block;
    padding-left: 18px;
    color: #2980b9;
    font-weight: bold;
    white-space: nowrap;
}
.re_breadUL li:first-child{padding-left: 0;}
.re_breadUL li+li:before{
    content: '';
    position: absolute;
    width: 16px;
    height: 100%;
    background: url(../../assets/images/control/bread.svg) no-repeat  center;
    top:0;
    left: -1px;
    text-align: center;
}
.re_copy_btn{
    position: relative;
    flex: none;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    background-color: #ff7300;
    border-radius: 3px;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0 16px 0 8px;
}
.re_copy_btn.scroll::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 100%;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    right: calc(100% + 8px);
}
.re_copy_btn i{
    width: 100%;
    height: 100%;
    background: url(../../assets/images/control/icon_copy.svg) no-repeat center;
    display: none;
}

.re_copy_btn span{
	text-transform: uppercase;
}

.re_exportG{
    position:absolute;
    width: 20px;
    height:100%;
    top: 0;
    right: 16px;
}
/* 報表特製 */
.re_copy_btn + .re_exportG{
    position: relative;
    flex: none;
    top: auto;
    right: auto;
}
.re_export_icon{
    position: absolute;
    width: 20px;
    height: 16px;
    background:url(../../assets/images/control/more_filter.svg) no-repeat center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.re_export_select,
.re_export_select_twoLines{
    position: absolute;
    width: 168px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:44px;
    right: -4px;
}
.re_export_select_twoLines{
    max-height:calc(100vh - 230px);
    min-height: 64px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.re_export_select li{
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_export_select .re_sort,
.re_export_select_twoLines .re_sort{position: relative;}
.re_export_select .re_sort:after,
.re_export_select_twoLines .re_sort:after{right: 16px;}
.re_export_select_twoLines li{
    height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.re_export_select_twoLines div{
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
}
.re_export_select_twoLines span{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space: nowrap;
}

.re_sreachtermG{
    padding:7px 9px;
    background-color: #dddddd;
    border-bottom: 4px solid #f6f6f6;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.re_sreachterm_title{
    font-size: 12px;
    margin: 0 4px 0 6px;
}
.re_sreachtermtxt{
    display: inline-block;
    padding: 6px 10px;
    background-color: #fff;
    font-size: 12px;
    margin: 0 2px;
    border-radius: 22px;
}

.re_sreachterm_allG{
    position: relative;
    height: 60px;
    background-color: #fff;
    border-bottom: 4px solid #dddddd;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
.title_fixed .re_sreachterm_allG,
.re_sreachterm_allG.noborder{
    height: 56px;
    border-bottom: 0;
}
.re_sreachitem,
.re_sreachitem_select{
    position: relative;
    height: 100%;
    padding: 14px 35px 0 16px;
}
.wmc .re_sreachitem{padding: 14px 25px 0 16px;}
.re_sreachitem_select{
    display: block;
    padding-right: 16px;
}
.re_sreachitem_select select{
    max-width: 134px;
    height: 16px;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -.5px;
}
.re_sreachitem:before,
.re_sreachitem_select:before{
    content:attr(data-sreachitem);
    position: relative;
    display: block;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    white-space: nowrap;
    top: -1px;
    text-transform: uppercase;
} 

.date_view_lang{
    position: relative;
    display: block;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    white-space: nowrap;
    top: -1px;
}
.re_sreachitem_dateinput{
    width: 70px;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    letter-spacing: -.3px;
}
.re_sreachitem_title{
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.re_sreachitem_title:after{
    position: absolute;
    content: '';
    display:block;
    width: 11px;
    height: 7px;
    background: url(../../assets/images/control/re_sreachArr_D.svg) no-repeat;
    background-size: cover;
    top: 4px;
    right: -19px;
    opacity: .6;

}
.re_sreachitem_select i{
    position: relative;
    display:inline-block;
    width: 11px;
    height: 7px;
    background: url(../../assets/images/control/re_sreachArr_D.svg) no-repeat;
    background-size: cover;
    top: -1px;
    opacity: .6;
}

.re_sreachitem_title span{
    position: relative;
    display: inline-block;
    max-width:134px;
    letter-spacing: -.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: -2px;
}
.re_sreachitem>ul{
    position: absolute;
    width: 312px;
    max-height:calc(100vh - 300px);
    min-height: 120px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:52px;
    left: 0;
    overflow-x: hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
.re_sreachitem>ul.right{
    left: auto;
    right: 16px;
}
ul.wmc_sreachitem{width: 264px;}
.re_sreachitem>ul li{
    position: relative;
    height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_sreachitem>ul li.on,
.wmc_filter600_info48UL li.on{
    color: #2980b9;
    font-weight: bold;
}
.re_sreachitem>ul li:after,
.wmc_filter600_info48UL li:after{
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 8px;
    background: url(../../assets/images/control/tick.svg) no-repeat;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    opacity: 0;
}
.re_sreachitem>ul li.on:after,
.wmc_filter600_info48UL li.on:after{
    opacity: 1;
    bottom: 30px;
}
.re_sreachitem .re_betSelectG{
    width: 312px;
    top: 52px;
}
.re_sreachitem_btnG{
    position: absolute;
    top: 10px;
    right: 16px;
}
.re_stake_input{
    position: relative;
    width: 95px;
    height: 16px;
    line-height: 15px;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;    
}
.re_stake_input span{
    position: relative;
    margin-right: 3px;
    white-space: nowrap;
}
.re_stake_input input{
    width: 44px;
    height: 100%;
    min-width: 0;
    padding: 0;
    border:0;
    font-weight: bold;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.re_stake_input input::-webkit-input-placeholder{color: rgba(0, 0, 0, .8);}
.re_stake_input input::-moz-placeholder{color: rgba(0, 0, 0, .8);}
.re_stake_input input::-ms-input-placeholder {color: rgba(0, 0, 0, .8);}
.re_sysMag{
    position: relative;
    padding:14px 0 16px 36px;
    color: #d32211;
    font-size: 13px;
}
.re_sysMag:before{
    content: '';
    display: none;
    position: absolute;
    width: 12px;
    height:12px;
    background:url(../../assets/images/control/error.svg) no-repeat;top: 16px;
    left: 16px;
}

.re_table_main,
.re_table_main_mini{
    width: 100%;
    text-align: right;
}
.re_table_main td,
.re_table_main_mini td{
    padding-left: 12px;
    padding-right: 12px;
    background-color: #fff;
    font-size: 14px;
}
.re_table_head01G td{
    height: 56px;
    font-size: 12px;
}/*第一行head*/
.re_table_head02G td{
    height: 40px;
    background-color: #7391a5;
    color: #fff;
    font-weight: bold;
}/*第二行head*/
.re_table_head03G td{
    height: 32px;
    background-color: #8caabe;
    color: #fff;
    font-weight: bold;
}/*第三行head*/

.re_table_body td{
    height: 48px;
    /* box-shadow:0 -1px 0 #f6f6f6 inset; */
    box-shadow: 0 -1px 0 #e0e0e0 inset;
}/*資料行model*/
.re_table_body_auto td{
    padding: 16px 12px;
    box-shadow:0 -1px 0 #f6f6f6 inset;
}/*高度變動資料行model*/
.re_table_head_actG td{
    height: 56px;
    /* border-bottom:2px solid #f6f6f6; */
    border-bottom: 2px solid #e0e0e0;
    font-size: 12px;
}/*高度56px資料行model*/
.re_table_main_mini td{
    height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    box-shadow:0 -1px 0 #f6f6f6 inset;
    color: rgba(0, 0, 0, .64);
    font-weight: bold;
}/*sma 小螢幕專用*/

.re_table_main tr td:first-child,
.re_table_main_mini tr td:first-child,
.re_table_body_auto tr td:first-child{padding-left: 16px;}
.re_table_main tr td:last-child,
.re_table_main_mini tr td:last-child,
.re_table_body_auto tr td:last-child{padding-right: 12px;}

#tbody_memhistorydata tr {
    cursor: pointer;
}

.re_table_main_mini td:first-child{
    font-weight: normal;
    text-align: left;
}
tr.re_table_mini_tr{border-bottom: 2px solid #c8c8c8;}
.re_table_mini_tr td,
.re_table_main_mini tr:nth-last-child(2) td,
.re_table_main_mini tr:last-child td{box-shadow:none;}
.re_table_main_mini tr:last-child td{padding: 0;}

.re_tdTxt,
.re_tdTxt_br{display: inline-block;}
.re_tdTxt_br{line-height: 15px;}

/*重寫成div*/
.re_head_fixed{
    position: fixed;
    top: 0;
    display: none;
}
.re_head_fixed.original{
    position: static;
    display: block;
}
.re_right_scroll{
    padding-bottom: 140px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.re_div_head,
.re_div_body{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.re_div_head>div,
.re_div_body>div{height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;    
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_div_moveG{
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
}
.re_div_body>div,
.re_left_fixed>div{ box-shadow:0 -1px 0 #f6f6f6 inset;}
.re_div_head>div:first-child,
.re_div_body>div:first-child{
    padding-left: 16px;
    -webkit-flex:0 0 120px;
    -ms-flex:0 0 120px;
    flex:0 0 150px;
    /* flex:0 0 200px; */
}

@media only screen and (min-width: 768px) {
    .re_div_head>div:first-child,
    .re_div_body>div:first-child{
        padding-left: 16px;
        -webkit-flex:0 0 120px;
        -ms-flex:0 0 120px;
        flex:0 0 200px;
    }
}

.re_div_head>div:first-child{font-weight: normal;cursor: pointer;}
.en .re_div_head.re_headbg03G>div:first-child{
    line-height: 12px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.mem .re_div_head>div:first-child,
.mem .re_div_body>div:first-child{
    -webkit-flex:0 0 152px;
    -ms-flex:0 0 152px;
    flex:0 0 152px;
}/*會員層*/

.re_div_head>div:last-child,
.re_div_body>div:last-child{
    width:calc(100% - 120px);
    padding-right: 16px;
    -webkit-flex:1 1 calc(100% - 120px);
    -ms-flex:1 1 calc(100% - 120px);
    flex:1 1 calc(100% - 120px);
}
.mem .re_div_head>div:last-child,
.mem .re_div_body>div:last-child{
    width:calc(100% - 152px);
    -webkit-flex:1 1 calc(100% - 152px);
    -ms-flex:1 1 calc(100% - 152px);
    flex:1 1 calc(100% - 152px);
}/*會員層*/

.re_div_moveG>div{
    height: 100%;
    padding:0 12px;
    text-align: right;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
}
.overview .re_div_moveG>div{
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
}
.re_div_moveG.break>div{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.re_div_moveG.break>div>div{width: 100%;}
.re_div_moveG>div:last-child{padding-right: 0;}
.re_left_fixed{
    width: 160px;
    position: absolute;
    background: #fff;
    top: 0;
    left: 16px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.re_left_fixed_name{
    max-width: 160px !important;
    margin-right: 40px;
    background-color: #fff;
}
.re_left_fixed_code{
    position: absolute;
    width: 160px;
    background-color: #fff;
    padding-left: 8px;
}
.re_left_fixed_code::before {
    background-color: white;
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 100%;
  }


#div_result_type > li {
    border-bottom: 1px solid #e0e0e0;
}

.mem .re_left_fixed{width: 152px;}
.overview .re_left_fixed{
    width: 152px;
    height: 528px;
    background: linear-gradient(to bottom, #fff 1%,#fff 10.6%,#7391a5 10.6%,#7391a5 18.2%,#fff 18.2%,#fff 100%);
}/*overview*/

.re_left_fixed>div{
    height: 48px;
    padding-left: 8px;
    background-color: #fff;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_left_br{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

div.re_headbg01G{
    height: 56px;
    background-color: #fff;
    font-size: 12px;
    box-shadow:none;}
div.re_headbg02G,
div.re_headbg03G{
    height: 40px;
    background-color: #7391a5;
    color: #fff;
    font-weight: bold;
    box-shadow:none;
}
 div.re_headbg03G{
    height: 32px;
    background-color: #8caabe;
}
.re_left_fixed>div.re_headbg02G,
.re_left_fixed>div.re_headbg03G{font-weight: normal;}
.en .re_left_fixed>div.re_headbg03G{
    line-height: 12px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.re_bodybg01G{
    height: 48px;
    background-color: #fff;
}

.re_td_fixedShadow:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 85%);
    top: 0;
    right:-20px;
    opacity: 0;
    z-index: 2;
}

.re_td_fixedShadow.fixed:after {opacity: 1;}
.re_more_btn,
.re_more_btn_360{
    position: absolute;
    width: 24px;
    height: 24px;
    background:url(../../assets/images/control/more.svg);
    border:0;
    top: 16px;
    right: 20px;
    opacity: 0;
    visibility: collapse;
    z-index: 10;
}
.report_fixed .re_more_btn,
.report_fixed .re_more_btn_360{
    position: fixed;
    top: 72px;
    right: 30px;
}

/*凍結第一塊td*/
.first_td.fixed,
.sec_td.fixed,
.third_td.fixed{
    position: fixed;
    width: 120px;
    height: 56px;
    background-color: #fff;
    z-index: 2;
}
.sec_td.fixed{
    height: 40px;
    background-color: #7391a5;
}
.third_td.fixed{
    height: 32px;
    background-color: #8caabe;
}
.fixed + .re_div_moveG{margin-left: 120px;}
.mem .fixed{
    width: 152px;
}
.mem .fixed + .re_div_moveG{margin-left: 152px;}

/*報表凍結表格*/
.re_table_outside,
.re_div_outside{
    position: relative;
    padding: 0 0 16px;
}
.re_table_outside_mini{
    position: relative;
    padding: 0 16px 16px;
}

.re_fixedW_1440,
.re_fixedW_1024,
.re_fixedW_768,
.re_autoW{width: 100%;}
.re_fixedW_1440{min-width: 1352px;}
.re_fixedW_1024{min-width: 968px;}
.re_fixedW_768{min-width: 768px;}
.re_table_autoW{width:auto;}

.re_headauto_fixed,
.re_head1440_fixed,
.re_head1024_fixed,
.re_head768_fixed{
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}
.re_head1440_fixed{max-width: 1374px;}
.re_head1024_fixed{max-width: 968px;}
.re_head768_fixed{max-width: 768px;}

.title_fixed .title_fixed_item,
.report_fixed .re_head_fixed,
.title_fixed .title_fixed_itemfull,
.wmc_pause .title_fixed_itemfull{
    position: fixed;
    display: block;
    width:calc(100% - 66px);
    border-bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    top: 56px;
    overflow: hidden;
    z-index: 3;
}
.title_fixed .title_fixed_itemfull,
.wmc_pause  .title_fixed_itemfull{
    display: flex;
    width:calc(100% - 10px);
    top: 0;
}
.title_fixed .title_fixed_itemfull.head{top: 56px;}
.wmc_pause,
.parlay.report_fixed {padding-top: 56px;}
/*非table head不動時用title_fixed 指定物件加上title_fixed_item*/

/*fixed位置無效修正*/
/*.nofixed .title_fixed .title_fixed_item,
.nofixed .report_fixed .re_head_fixed,
.nofixed .title_fixed .title_fixed_itemfull,
.nofixed .wmc_pause .title_fixed_itemfull{top:55px;}
.nofixed .first_td.re_td_fixed{position: absolute;}*/

/*因每一層head高度不固定*/
.report_fixed .body2tr{padding-top: 76px;}/*56+20*/
.report_fixed .body3tr{padding-top: 116px;}/*56+40+20*/

/*表格td寬度*/
.re_td_w80{width: 80%;}
.re_td_w60{width: 60%;}
.re_td_w55{width: 55%;}
.re_td_w50{width: 50%;}
.re_td_w45{width: 45%;}
.re_td_w40{width: 40%;}
.re_td_w35{width: 35%;}
.re_td_w34{width: 34%;}
.re_td_w30{width: 30%;}
.re_td_w25{width: 25%;}
.re_td_w24{width: 24%;}
.re_td_w23{width: 23%;}
.re_td_w22{width: 22%;}
.re_td_w20{width: 20%;}
.re_td_w18{width: 18%;}
.re_td_w17{width: 17%;}
.re_td_w16{width: 16%;}
.re_td_w15{width: 15%;}
.re_td_w14{width: 14%;}
.re_td_w13{width: 13%;}
.re_td_w12{width: 12%;}
.re_td_w11{width: 11%;}
.re_td_w10{width: 10%;}
.re_td_w9{width: 9%;}
.re_td_w8{width: 8%;}
.re_td_w7{width: 7%;}
.re_td_w6{width: 6%;}
.re_td_w5{width: 5%;}
.re_td_w4{width: 4%;}
.re_td_w3{width: 3%;}
/*表格td寬度end*/

.re_sort{
    position: relative;
    padding-right: 13px;
}
.re_sort:after{
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../../assets/images/control/sort_nomal.svg) no-repeat center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.re_sort_i i{
    display: block;
    width: 8px;
    height: 14px;
    background: url(../../assets/images/control/sort_nomal.svg) no-repeat center;
    margin-left: 10px;
}
.re_sort.sort_down:after,
.re_sort_i.sort_down i{ background-image: url(../../assets/images/control/sort_down.svg);}
.re_sort.sort_up:after,
.re_sort_i.sort_up i{ background-image: url(../../assets/images/control/sort_up.svg);}


.re_resultG{
    position:absolute;
    width: 14px;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
div.por:last-child .re_resultG{left: 14px;}
.re_resultG{
    top: 16px;
    bottom: auto;
}
.re_resultG_b{
    position: absolute;
    width: 200px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    top:21px;
    right: -7px;
    opacity: 0;
    z-index: 2;
}
.re_resultG_b:last-child:nth-child(n+3):not(:nth-last-child(2)) .re_betdetail_cancelY{
    top: auto;
    bottom: 14px;
}
.re_Ibtn{
    display: inline-block;
    width: 14px;
    height: 14px;
    background:url(../../assets/images/control/info.svg) no-repeat;
    background-size: cover;
    margin-right: 4px;
    opacity: .6;
    -webkit-flex:0 0 14px;
    -ms-flex:0 0 14px;
    flex:0 0 14px;
}

.re_resultUL{
    padding: 5px 11px;
    text-align: left;
}
.re_resultUL>li{padding: 8px 5px;}
.re_resultUL>li:not(:last-child){
    padding-bottom: 11px;
    border-bottom: 1px dotted rgba(0, 0, 0, .16);
}
.re_result_possess{font-weight: bold;}
.re_result_date{
    font-size: 12px;
    color: rgba(0, 0, 0, .52);
}

.re_betDetailUL li{
    letter-spacing: -.5px;
    margin-bottom: 4px;
}
li.re_betdetail_liBold{
    font-weight: bold;
    margin-top: 10px;
}
li.re_betdetail_liMini{
    font-size: 12px;
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
    word-break: break-word;
}
li.re_betdetail_liTime{
    font-size: 12px;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 2px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
li.re_betdetail_liParlay{
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
li.re_betdetail_liResult{
    margin-top: 12px;
    font-size: 13px;
}
li.re_betdetail_liPending{font-size: 13px;}
li.re_betdetail_liWl{
    position: relative;
    margin-top: 9px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
  	-ms-justify-content: space-between;
  	justify-content: space-between;
}
.re_betdetail_liWlTxt{width: 50%;}
.re_betdetail_liWlTxt:last-child{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}
.re_betdetail_liWlTxt>tt{
    font-size: 12px;
    margin-right: 5px;
    white-space: nowrap;
}
.re_betdetail_cancelG{
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_betdetail_UNcancelG{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_betdetail_cancelBox{
    position: relative;
    z-index: 2;
    -webkit-flex:0 0 1px;
    -ms-flex:0 0 1px;
    flex:0 0 1px;
}
.re_betdetail_cancelY{
    position: absolute;
    width: 328px;
    padding: 17px 16px 16px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: left;
    top: 14px;
    left: -178px;
    letter-spacing:0;
    z-index: 3;
}
.re_table_body_auto:last-child:nth-child(n+3):not(:nth-last-child(2)) .re_betdetail_cancelY{
    top: auto;
    bottom: 14px;
}

.re_betdetail_close_btn{
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background:url(../../assets/images/control/close_x.svg) no-repeat center; 
    background-size: cover;
    top: 16px;
    right: 16px;
    opacity: .6;
}
.re_betdetail_cancelY tt{
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}
.re_betdetail_cancelY li:first-child{margin-bottom: 10px;}
.re_betdetail_cancelY li:last-child{
    color: rgba(0, 0, 0, .52);
    font-size: 13px;
    word-break: break-word;
}

/*右邊按下跑出的資料區*/
.re_detailG,
.re_detailbigG,
.pro_detailG,
.re_result_detailG,
.mem_detailG{
    height: 100%;
    background-color: #fff;
    z-index: 3;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.re_detailG h1,
.re_detailbigG h1,
.pro_detailG h1,
.re_result_detailG h1,
.mem_detail_head h1{
    position:relative;
    width: 100%;
    height: 56px;
    line-height: 15px;
    padding: 11px 16px 0;
    background-color: #f8f8f8;
    top: 0;
    right: 0;
    z-index: 2;
}
.re_result_detailG h1{
    height: auto;
    padding: 13px 16px 12px;
    background-color: #fff;
}
.re_result_detailG .word_ellipsis{
    line-height: 17px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mem_detail_head{
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #f6f6f6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    z-index: 2;
}
.title_fixed.mem_detail_head{
    border-bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.mem_detail_head h1{
    position: relative;
    background-color: #fff;
}
.re_result_detail_selectG{
    width: 100%;
    border-top: 1px solid #f6f6f6;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .24);
    text-transform: uppercase;
}
.re_detailclose_btn{
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background:url(../../assets/images/control/close_x.svg) no-repeat center;
    background-size: cover;
    margin-top: 2px;
    opacity: .6;
    top: 14px;
    right: 16px;
}
.re_detail_title{
    font-size: 16px;
    font-weight: bold;
    text-transform : capitalize;
}
.re_detail_title span{
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    font-weight: normal;
}
.re_detail_title tt{
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    margin-left: 5px;
}
.re_result_detail_title{
    width: calc(100% - 30px);
    font-size: 12px;
}
.re_detail_scroll{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.re_detailUL{padding: 8px 0 48px;}
/* .re_detailUL li{padding: 8px 16px;} */
.re_detailUL h2{
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 300;
}
.re_detailUL h3{
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
}

.mem_detail_backbtn{
    width: 55px;
    height:56px;
    background: url(../../assets/images/control/back_left.svg) no-repeat 16px center;
    border: 0;
}
.re_detailbig_txtG{padding: 0 10px 48px;}
.mem_detail_statement{border-top: 4px solid #f6f6f6;}
.mem_detail_statement .re_body_scroll,
.mem_detail_openbets{padding:0 0 48px;}

.mem_detail_dataG h2{
    padding: 10px 16px;
    background-color: #7391a5;
    color: #fff;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.mem_detail_dataBox{
    padding:14px 16px 13px;
    border-bottom: 1px solid #f6f6f6;
}

.re_detailbigUL,
.re_detaillastUL{padding:12px 6px 14px;}
.re_detailbigUL + .re_detailbigUL{border-top:1px dotted rgba(0, 0, 0, .16);}
.hide_item + .re_detaillastUL{border-top:1px dotted rgba(0, 0, 0, .16);}
.re_table_body_auto .re_detailbigUL{padding: 0 0 14px;}/*wmc專用*/
.re_table_body_auto .re_detailbigUL + ul{padding: 17px 0 0;}/*wmc專用*/
.re_detailbig_titleUL{padding:17px 6px 0;}
.re_detailbig_levelUL{
    padding:0 6px 14px;
    border-bottom:1px dotted rgba(0, 0, 0, .16);
}
.re_detail_line{
    width: 100%;
    border-bottom:1px dotted rgba(0, 0, 0, .16);
    margin-bottom: 6px;
}
.re_detailbig_bettype{
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
    margin-bottom: 6px;
}
.re_detailbig_odds{color: #000;font-weight: bold;}
.re_detailbig_type{color: rgba(0, 0, 0, .6);}
.re_detailbig_minitime{
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    margin-top: 11px;
}
.re_detailbig_no{
    color: rgba(0, 0, 0, .6);
    margin-bottom: 11px;
}
.re_detailbig_team{margin:9px auto 4px auto;}
.re_detailbig_vs{
    color: rgba(0, 0, 0, .6);
    margin-bottom: 7px;
}
.re_detailbig_percent,
.wmc_detailbig_percent{
    color: #000;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.re_detailbig_percent span,
.wmc_detailbig_percent span{
    width: 30%;
    font-weight: 300;
}
.re_detailbig_percent tt,
.wmc_detailbig_percent tt{font-weight: bold;}
.re_detailbig_result{
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.re_detailbig_result span{width: 50%;}
.re_detailbig_result tt{
    display: block;
    font-size: 14px;
}
.re_detailbig_status{margin-top: 14px;}
.acc_loading{
    position: absolute;
    width: 100%;
    height: calc(100% - 107px);
    top: 107px;
    left: 0;
}

.re_reault_divG{padding-bottom: 48px;}
.re_result_div_head{
    position: relative;
    max-height: 48px;
    padding: 16px 0;
    background-color: #999;
    transform: translate3d(0, 0, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_result_div_head.fix{
    position: absolute;
    width: 100%;
    top: 72px;
    z-index: 2;
}
.re_result_detail_selectG + .re_result_div_head.fix{top:120px; }
.re_result_detail_selectG + .re_result_div_head.new:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 85%);
}
.re_result_div_head.new{
    background: #f6f6f6;
    padding: 0;
}
.re_result_div_head.new .re_result_div_item{
    font-size: 14px;
    font-weight: bold;
    color: #999;
    padding: 16px 0;
    max-height: 48px;
    cursor: pointer;
    -webkit-transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
    -ms-transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
    transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;

}
.re_result_div_head.new .re_result_div_item:first-child{
    text-align: center;
}
.re_result_div_head.new .re_result_div_item.on{
    background-color: #FFF;
    color: #000;
}
.re_result_div_body{
    min-height: 48px;
    padding: 13px 0;
    box-shadow:0 -1px 0 #f6f6f6 inset;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_result_div_item{
    padding: 0 16px;
    text-align: center;
}
.re_result_div_head .re_result_div_item{
    max-height:32px;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.re_result_div_head .re_result_div_item:first-child{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-transform:uppercase;
}
.re_result_div_body .re_result_div_item{
    color: #987e66;
    font-weight: bold;
    text-align: center;
    word-break: break-word;
}
.re_result_div_body .re_result_div_item:first-child{
    color: rgba(0, 0, 0, .8);
    font-weight: normal;
    text-align: left;
}

/*my_activities*/
.re_act_list{
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.re_act_list li{
    height: 16px;
    line-height: 16px;
}
.re_act_newoldTxt{
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 300;
}

/*online_member*/
.re_table_head_onmG td{
    height: 40px;
    background-color: rgba(0, 70, 120, 0.4);
    color: #fff;
    font-size: 14px;
}
.re_table_head_onmG tt,
.pro_detailG li:first-child tt{
    margin-left: 5px;
    font-weight: bold;
}
.re_table_head_onmG ~ .re_table_head_actG td{ height: 48px;}
.report_fixed .re_table_head_actG td{border: 0;}
.re_onm_acc{
    height: 16px;
    line-height: 16px;
    font-weight: bold;
}
.re_onm_mane{color: rgba(0, 0, 0, .6);} 

/*announcement*/
.ann_title_btnG ~ .re_sreachterm_allG{
    height: 63px;
    border-top: 3px solid #f6f6f6;
}
.ann_li_dot i:before{
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    background-color: #ff7300;
    border-radius:7px;
    top:14px;
    right: 6px;
}
.ann_searchG{
    position: absolute;
    width: 296px;
    height: 40px;
    line-height: 38px;
    background-color: #fff;
    top: 8px;
    right: 16px;
}
.ann_searchG:before{
    content: '';
    background: url(../../assets/images/control/search_white.svg);
    opacity: 0;
}
.ann_table_autoW .re_table_body_auto td{
    padding: 13px 16px;
    color: rgba(0, 0, 0, .6);
}
.ann_date{
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .8);
}
.ann_new_icon:after{
    content: '';
    position: absolute;
    display: block;
    width: 27px;
    height: 14px;
    background: url(../../assets/images/control/new.svg) no-repeat;
    top: 1px;
    right: -33px;
}

/*problem_accounts*/
.pro_acc_reviewG{
    padding: 10px 16px;
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
}
.pro_detail_title{
    font-size: 13px;
    color: rgba(0, 0, 0, .6);
}
.pro_detail_title span{
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.pro_gray_tr .checkbox_blue span{
    background:url(../../assets/images/control/W_check.svg) no-repeat center #2980b9;
    border-color: transparent;
    opacity: .4;
}
.pro_gray_tr{background-color: rgba(224, 224, 224, .88);}
.pro_gray_tr,
.pro_gray_tr .word_gray{ color: rgba(0, 0, 0, .4); }
.pro_detailG h1{background-color: #fff;}
.pro_detailG .re_detailUL{padding: 0 0 48px;}
.pro_detailG .re_detailUL li{
    border-bottom: 1px solid #f6f6f6;
    line-height: 15px;
}
.pro_detailG .re_detailUL li:first-child{
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    background-color: rgba(0, 70, 120, 0.4);
    color: #fff;
    font-size: 14px;
}
.pro_detailG .re_detailUL h2,
.pro_detailG .re_detailUL h3{
    font-size: 14px;
    font-weight: normal;
}
.pro_detailG .re_detailUL h3{color: rgba(0, 0, 0, .6);}
.ma_extend .pro_mask{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: 2;
}

/*wmc*/
.wmc_functionG{
    position: relative;
    height: 60px;
    background-color: #fff;
    border-bottom: 4px solid #dddddd;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

}/*768以下下線變成1px因此需獨立*/
.title_fixed .wmc_functionG{height: 56px;}
.wmc_function_title{
    padding-left: 16px;
    font-size: 16px;
    font-weight: bold;
}
.wmc_volume_btn{
    width: 16px;
    height: 16px;
    margin-left: 24px;
}
.wmc_volume_btn input{display: none;}
.wmc_volume_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/control/volume.svg) no-repeat center bottom;
}
.wmc_volume_btn input:checked + span{background-position: center top;}
.wmc_member{
    position: absolute;
    font-weight: bold;
    text-align: right;
    top: 16px;
    right: 16px;
}
.wmc_searchG{
    position: relative;
    width: 100%;
    padding: 16px 16px 8px;
}
.wmc_searchG .search_functionG{height: 40px;}
.wmc_funtion_btnG{
    position: absolute;
    top: 10px;
    right: 16px;
}
.re_sreachterm_allG .wmc_funtion_btnG{
    right: auto;
    left: 16px;
}
.wmc_pause_btn,
.wmc_clear_btn{
    width: 80px;
    height: 36px;
    line-height: 35px;
    padding-left: 32px;
    padding-right: 10px;
    background:url(../../assets/images/control/pause.svg) no-repeat 10px center #757575;
    border: 0;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}
.wmc_clear_btn{background-image: url(../../assets/images/control/close_circle.svg);}
.wmc_remenberG{
    position: absolute;
    top: 14px;
    right: 25px;
}
.wmc_remenberG .checkbox_blue span{
    float: left;
    position: relative;
    top: 6px;
}
.wmc_remenberTxt{
    float: left;
    line-height: 14px;
    margin-left: 9px;
}
li.wmc_select_checkbox{padding-top: 10px;}
.wmc_select_checkbox .checkbox_blue span{
    position: relative;
    float: left;
    top: 6px;
}
.wmc_detailbig_type{
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
}
.wmc_detailbig_team{
    color: rgba(0, 0, 0, .6);
    margin-bottom: 13px;
}
.wmc_select_scroll{
    max-height:calc(100vh - 340px);
    min-height:120px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.wmc_stake_select01G{padding: 22px 15px 11px;}
.wmc_stake_select02G{padding: 13px 15px 8px;}
.wmc_stake_option{
    margin-bottom: 13px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
}
.wmc_stake_option input{display: none;}
.wmc_stake_option input + span{
    position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: solid 2px rgba(180, 180, 180, .87);
    border-radius: 15px;
    margin-right: 4px;
}
.wmc_stake_option input + :before{
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    background-color:rgba(69, 144, 194, .87);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 7px;
    opacity: 0;
}
.wmc_stake_option input:checked + span,
.wmc_stake_checked .wmc_stake_option input + span{border-color:rgba(69, 144, 194, .87); }
.wmc_stake_option input:checked + span:before,
.wmc_stake_checked .wmc_stake_option input + span:before{opacity: 1;}
.wmc_stake_input{
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px rgba(200, 200, 200, .4);
    color: rgba(0, 0, 0, .4);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
}

.wmc_stake_input span{
    display: inline-block;
    line-height: 38px;
    padding-left: 14px;
    margin-right: 2px;
}
.wmc_stake_input input{
    border: 0;
    color:rgba(0, 0, 0, .4);
    font-size: 14px;
    background: transparent;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.wmc_stake_input input:disabled::-webkit-input-placeholder{color:rgba(0, 0, 0, .4);}
.wmc_stake_input input:disabled::-moz-placeholder{color:rgba(0, 0, 0, .4);}
.wmc_stake_input input:disabled::-ms-input-placeholder {color:rgba(0, 0, 0, .4);}
.wmc_stake_checked .wmc_stake_input{
    border-color:#c8c8c8 ;
    color: rgba(0, 0, 0, .8);
}
.wmc_stake_checked .wmc_stake_input input{color:rgba(0, 0, 0, .8);}
.wmc_stake_checked .wmc_stake_input input::-webkit-input-placeholder{color:rgba(0, 0, 0, .8);}
.wmc_stake_checked .wmc_stake_input input::-moz-placeholder{color:rgba(0, 0, 0, .8);}
.wmc_stake_checked .wmc_stake_input input::-ms-input-placeholder {color:rgba(0, 0, 0, .8);}

.wmc_stake_select02G .wmc_stake_option{margin-bottom: 6px;}
.wmc_stake_select02UL li{padding: 24px 0 9px;}
.wmc_stake_input:before{
    content: attr(data-option);
    position: absolute;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    top: -20px;
}
.wmc_stake_checked .wmc_stake_input:before{color: rgba(0, 0, 0, .6);}
.wmc_searchUL{
    padding: 8px 0;
    background-color: #fff;
}
.tbet_wagers_searchLi + .wmc_searchUL_sp{border-top: 1px solid #f6f6f6;}
.wmc_filter600_info48UL li>div{
    padding: 0 16px;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.tbet_wagers_searchLi .word_bold500{word-break: break-word;}
.wmc_searchUL li>div{
    padding: 0 16px;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.wmc_search_chkG{
    display: block;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.wmc_search_chkG{padding-left: 24px;}
.wmc_search_chkG input{display: none;}
.wmc_search_chkG span{
    width: 16px;
    height: 16px;
    background-color:#fff;
    border: solid 1px #b4b4b4;
    border-radius: 3px;
    margin-right: 14px;
    -webkit-flex:0 0 16px;
    -ms-flex:0 0 16px;
    flex:0 0 16px;
}
.wmc_search_chkG input:checked + span{
    background:url(../../assets/images/control/W_check.svg) no-repeat center #2980b9;
    border-color: transparent;
}
.wmc_search_chkTxt{
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
}
.disabled .wmc_search_chkG input:checked + span{background-color: rgba(41, 128, 185, .4);}

li.wmc_searchUL_sp.middle{
    height: 40px;
    padding: 0 16px;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
li.wmc_searchUL_sp.title{
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    background-color: #f8f8f8;
    border-top: 2px solid #f6f6f6;
    color: rgba(0, 0, 0, .522);
    font-size: 12px;
    font-weight: bold;
}

/*wmc_filters_600*/
.filter_container{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-top: 60px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 15px;
    left: 0;
    -webkit-overflow-scrolling: touch;    
}
.wmc_filter600_titleG{
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom: 4px solid #dddddd;
    top: 0;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.wmc_filter600_back_btn{
    width: 54px;
    height: 100%;
    background:url(../../assets/images/control/back_left.svg) 20px center no-repeat;
    border: 0;
}
.wmc_filter600_titleG span{
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    font-weight: bold;
}
.wmc_filter600_info48UL li{
    position: relative;
    height: 48px;
}
.wmc_filter600_search{
    position: relative;
    padding: 16px;
    height: 72px;
}
.wmc_filter600_search .search_functionG:after{
    top: 16px;
    right: 16px;
}
.wmc_filter600_infoG{
    min-height: 400px;
    margin-left: 20px;
}
.main_rotate .wmc_filter600_infoG{min-height: 500px;}/*讓使用者回到內層捲軸*/
.tbet_searchG{
    padding: 16px 8px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tbet_filter600_infoG{
    width: 50%;
    padding: 0 8px;
}
.tbet_filteritemG{
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:46px;
    left: 0;
    z-index: 2;
    opacity: 1;
}

/*quick_search*/
.quick_searchtitleG{padding: 16px 18px 12px;}
.quick_searchG{
    position: relative;
    width: 568px;
    height: 48px;
}
.quick_username{
    color: #2980b9;
    font-weight: bold;
}

/*acc_creditlogs*/
tr.cdlog td:last-child{padding-left: 40px; }
.cglog_list {
    display: block;
    width: 100%;
    height: auto;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #f6f6f6;
}
.cglog_list .re_table_body_auto{
    display:flex;
    height: 56px;
    justify-content: center;
    align-items: center;
}
.cglog_list .re_table_body_auto>div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 12px 16px 12px 0;
}
.cglog_list .re_table_body_auto>div:first-child { justify-content:flex-start;}
.cglog_list .re_table_body_auto tt {
    display: inline-block;
    vertical-align: middle;
    width: 75px;
}
.Retractable {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 16px;
}
.Retractable:before,
.Retractable:after {
    content:'';
    position: absolute;
    display: block;
    top: 7px;
    left: 0px;
    width: 16px;
    height: 2px;
    background-color: rgba(2,2,3,.6);
}
.Retractable:before {
    content: none;
    transform: rotateZ(90deg);
}
.active .Retractable:before {content:'';}

.Retractable1 {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 16px;
}
.Retractable1:before,
.Retractable1:after {
    content:'';
    position: absolute;
    display: block;
    top: 7px;
    left: 0px;
    width: 16px;
    height: 2px;
    background-color: rgba(2,2,3,.6);
}
.Retractable1:before {
    content: none;
    transform: rotateZ(90deg);
}
.active .Retractable1:before {content:'';}

.cglog_list .re_td_w18 {
    width: 40%;
    padding: 16px 0;
}
.cglog_list .re_td_w15 {
    width: 30%;
    padding: 16px;
}
.cglog_list_other{
    height: 50px;
}
.cglog_list_other ul{padding:2px 16px 16px}
.cglog_list_other span{
    font-size: 12px;
    margin-bottom: 0px;
}

/*RWD*/
@media only screen and (min-width: 1441px){
    .re_body_scroll, .re_right_scroll{padding: 0 16px 140px;}
    .re_head_fixed{padding: 0 16px;}
    .report_fixed .re_head_fixed:before,
    .report_fixed .re_head_fixed:after{
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 128px;
        background: linear-gradient(to bottom, #fff 1%,#fff 44%,#7391a5 33%,#7391a5 33%,#7391a5 75%,#8caabe 66%,#8caabe 66%,#8caabe 100%);
        top: 0;
        left: 0;
    }
    .report_fixed .re_head_fixed:after{
        left: auto;
        right: 0;
    }
    .mem_detail_statement .re_body_scroll{padding: 0 0 48px;}   
}

@media only screen and (max-width: 1439px){
    .re_table_outside{padding: 0;}
    .re_left_fixed, .re_left_fixed_code{
        left: 0;
    }
    /* .re_left_fixed{
        box-shadow: 0 0 15px #C0C0C0;
        clip-path: inset(0px -15px 0px 0px);
    }
    .re_left_fixed_name{
        box-shadow: 6px 0 6px -5px #C0C0C0 !important;
    } */
    
    .re_fixedW_1440 .re_more_btn{
        opacity: 1;
        visibility: visible;
    }
    
}

@media only screen and (max-width: 1104px){
    .re_mrightG .re_titleG li{letter-spacing: -.5px;}
    .re_mrightG .re_titleG span{
        white-space: pre-line;
        line-height: 14px;
    }
}

@media only screen and (max-width: 1024px){
    .report_fixed .re_head_fixed{width:calc(100% - 56px);}
}


@media only screen and (max-width:968px){
    .re_fixedW_1024 .re_more_btn{
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (min-width:968px){
    .re_head1024_fixed{max-width:100%;}
    .re_table_fixedW_1024{min-width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .re_table_outside{min-height: auto;}
    .re_accounting_tb td{
        padding: 16px 8px;
        letter-spacing: -.6px;
    }
    .re_accounting_tb td:nth-child(1){text-align: center;} 
    .cdlog td.re_td_w18{
        width: 20%; 
        padding-right: 0px;
    }
    .cdlog td.re_td_w15,
    .cdlog td.re_td_w22{width: 16%;}
    tr.cdlog .word_green{display: none;}
}

@media only screen and (min-width: 1px) and (max-width: 1023px) {
    .title_fixed .title_fixed_item, .report_fixed .re_head_fixed, .title_fixed .title_fixed_itemfull {
            width: 100%;
    }
    .report_fixed .re_more_btn,
    .report_fixed .re_more_btn_360{
        right: 20px;
    }
    .re_betdetail_cancelBox{
        position: absolute;
        width: 100vw;
        right: -16px;
    }
    .re_betdetail_cancelY{
        left: auto;
        right: 16px;
    }

    .re_betdetail_UNcancelG .re_betdetail_cancelBox{right: 0;}
    .re_betdetail_UNcancelG .re_betdetail_cancelY{left: 16px;}

    .re_copy_btn{
        width: 40px;
        padding: 0;
    }
    .re_copy_btn span{
        display: none;
    }
    .re_copy_btn i{
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .re_mleftG{
        width: 45%;
        max-width: 529px;
    }
}

@media only screen and (min-width:1px) and (max-width: 767px){
    .re_mleftG{
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) { 
    .re_fixedW_768 .re_more_btn{
        opacity: 1;
        visibility: visible;
    }
    .re_mrightG_600{
        width: 100%;
        padding:0 8px;
    }
    .parlay.report_fixed {padding-top: 0;}


    .re_act_list li{margin-bottom: 4px;}
    .re_act_list li:last-child{margin-bottom: 0;}

    .ann_searchG{
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }
    
    .wmc_functionG{
        border-bottom-width: 1px;
        -webkit-justify-content: space-between;
    	-ms-justify-content: space-between;
    	justify-content: space-between;
    }
    .wmc_volume_btn{margin-right: 24px;}

    .tbet_filter600_infoG{width: 100%;}

    .re_detailbig_percent span{width: 50%;}
    
    .quick_searchG{width: 100%;}
    .selectlong{
        width: 224px;
        letter-spacing: -.4px;
    }
    .re_detailbigG{width: 360px;}
    
    .re_export_select_twoLines,
    .wmc_searchUL,
    .wmc_select_scroll{max-height: calc(100vh - 422px);}
}

@media only screen and (max-width: 599px){
    .re_dateInfo{letter-spacing: -.5px;}
    .re_sreachterm_title{display: none;}
    
    .re_more_btn_360{
        opacity: 1;
        visibility: visible;
    }
    
    .re_act_newoldTxt{
        display: inline-block;
        min-width: 24px;
    }
    .re_betdetail_cancelG{
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }    
    .re_betdetail_cancelY{
        width: calc(100% - 32px);
        top: 21px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .re_table_body_auto:last-child:nth-child(n+2):not(:nth-last-child(2)) .re_betdetail_cancelY{
        top: auto;
        bottom: 7px;
    }
    .re_betdetail_cancelG .re_betdetail_cancelTxt{
        max-width: 74px;
        text-align: left;
    }
    .re_betdetail_UNcancelG .re_betdetail_cancelY{left: 0;}
    .mini select{max-width: 100px;}
}

@media only screen and (orientation:landscape) and (max-width:812px){ 
    .re_export_select_twoLines{min-height: 88px} 
    .re_detailUL,
    .re_detailbig_txtG,
    .mem_detail_openbets,
    .pro_detailG .re_detailUL,
    .re_reault_divG,
    .filter_container{padding-bottom: 96px;}
}

/*outdated browser*/
.outdated {
    padding: 50px 43px;
}

.od_title {
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    height: 21px;
    margin-bottom: 21px;
}

.outdated p {
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 5px;
}

.od_click {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.browser {
    width: 700px;
}

.chrome,
.firefox,
.safari {
    position: relative;
    float: left;
    width: 208px;
    height: 204px;
    text-align: center;
    padding-top: 20px;
    margin-right: 3%;
    margin-top: 20px;
    background: url('../../assets/images/control/browser_bg.png') -208px 0 no-repeat;
}

.chrome .pic {
    background: url('../../assets/images/control/browser_chrome.png') center no-repeat;
}

.firefox .pic {
    background: url('../../assets/images/control/browser_firefox.png') center no-repeat;
}

.safari .pic {
    background: url('../../assets/images/control/browser_safari.png') center no-repeat;
}

.chrome .pic,
.firefox .pic,
.safari .pic {
    display: block;
    height: 87px;
}

.chrome p,
.firefox p,
.safari p {
    color: #6a6a6a;
    height: 19px;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 8px;
}

.chrome .download,
.firefox .download,
.safari .download {
    display:inline-block;
    color: #fff;
    width: 94px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    background: url('../../assets/images/control/browser_icon.png') -48px 0 no-repeat;
    cursor: pointer;
}

.re_like,
.chrome:hover,
.firefox:hover,
.safari:hover {
    background: url('../../assets/images/control/browser_bg.png') no-repeat;
    cursor: pointer;
}
.browser a{text-decoration: none;}

.like {
    position: absolute;
    top: -10px;
    left: 8px;
    width: 42px;
    height: 42px;
    background: url('../../assets/images/control/browser_icon.png') no-repeat;
}

.bw_main {
    width: 700px;
    padding-top: 31px;
}

.bw_title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.ie5high{

    clear: left;
    height: 80px;
}

.whyup {
    float: left;
    width: 335px;
    height: 80px;
}

.whyup .pic{
    float: left;
    width: 27px;
    height: 80px;
    margin-top: 12px;
    margin-right: 10px;
}

.whyup .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 12px;
}

.whyup p {
    font-size: 13px;
    line-height: 1.2em;
}

.settings,
.better {
    margin-left: 30px;
}

.speed,
.better {
    margin-top: 13px;
}

.security .pic{
    background: url('../../assets/images/control/browser_security.png') no-repeat;
}

.settings .pic{
    background: url('../../assets/images/control/browser_settings.png') no-repeat;
}

.speed .pic{
    background: url('../../assets/images/control/browser_speed.png') no-repeat;
}

.better .pic{
    background: url('../../assets/images/control/browser_better.png') no-repeat;
}

/*loading*/
.lds_main,
.lds_index_main {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #dddddd;
    top: 0;
    left: 0;
    z-index: 11;
}

.lds_index_main {
    display: flex;
    align-items: center;
    justify-content: center;
}
.inside_lds_main{
    position: relative;
    width: 100%;
    height: 52px;
    background-color: #dddddd;
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    z-index: 5;
}
.lds_all,
.lds_spinner{
    position: absolute;  
    width:40px;
    height: 40px;
    background: url(../../assets/images/control/loading.svg) no-repeat center / contain;
    animation: lds_spinner 1s linear infinite;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.lds_index_all .lds_spinner {
    position: static;
    margin-bottom: 16px;
}
.lds_article {
    line-height: 18px;
    color: rgba(0, 0, 0, 0.64);
    font-size: 14px;
    text-align: center;
    animation: road_txt 11s ease-in-out both;
}
@keyframes road_txt {
    0%, 89% {
        transform: scale(0);
    }

    90% {
        transform: scale(1);
    }
}

.lds_article li:last-child {
    margin-top: 16px;
}
.lds_all>.lds_spinner,
.lds_txt {
    display: none;
}

.lds_spinner div{
    display: none;
    /* transform-origin:27px 27px;
    animation: lds_spinner 1.2s linear infinite;
    display: none; */
}
.lds_spinner div:after {
    content:"";
    display: block;
    position: absolute;
    top: 3px;
    left:25px;
    width:4px;
    height:14px;
    border-radius:30%;
    background: #000;
}

.lds_spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds_spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds_spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
 
.lds_spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds_spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds_spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds_spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds_spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds_spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds_spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds_spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds_spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@-webkit-keyframes lds_spinner {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes lds_spinner {
    100% {
        transform: rotate(360deg);
    }
}

/*alert_notice.html*/
.ar_notice{
    width: 300px;
    height: 480px;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.ar_notice h1{
    height: 40px;
    line-height: 40px;
    background-color: #ef9644;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.ar_notice_txt{
    height:calc(100% - 134px);
    line-height: 18px;
    padding: 26px 24px 0;
    color: #4a4a4a;
    overflow: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-flex:1 1 calc(100% - 134px);
    -ms-flex:1 1 calc(100% - 134px);
    flex:1 1 calc(100% - 134px);
}
.ar_notice_txt li{margin-bottom: 18px;}
.ar_notice_txt.EN li{letter-spacing: .5px;}
.ar_notice_bottom{
    height: 94px;
    padding: 24px 0;
    text-align: center;
}
.ar_notice_btn{
    width: 220px;
    height: 46px;
    background-color: #fff;
    border-radius: 3px;
    border:2px solid #ee8b2f;
    color: #ee8b2f;
    font-size: 18px;
    text-align: center;
}

/*showMaintain.html*/
/*1024以上*/
.show_main{ padding-top:126px;}
.show_top{
    width:786px;
    height:195px;
    background:url(../../assets/images/control/showMaintain_top.jpg) no-repeat;
    margin:auto;
}
.show_bottom{
    width:100%;
    background-color:#513f33;
    margin:73px auto auto;
}
.show_txtG{
    width:1020px;
    height:281px;
    margin:auto;
}
.show_txt{
    position:relative;
    float:left;
    width:340px;
    height:281px;
    padding:25px 0 0 28px;
    font-size:15px;
    text-align:left;
    border-right:1px solid #423329;
}
.show_noline{ border-right:0}
.show_txt ul{
    color:#dabf93;
    margin-bottom:6px;
}
ul.show_lightTxt{ color:#c8c4b0}
.show_txt li{ line-height:23px;}
.show_txt tt{ font-size:14px; font-weight:bold}
.show_space{ margin-left:38px;}
.show_mail{
    position:absolute;
    color:#c8c4b0;
    left:26px;
    bottom:28px;
}

ul.US{
    font-size:14px;
    margin-bottom:7px;
}
.US li{line-height:20px;}
.US .show_space{ margin-left:50px}
.show_copyright{
    color:#ac956c;
    font-size:12px;
    text-align:center;
    margin-top:19px;
}

/*1024以下*/
.show_mini_title {
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 20px;
    height: 260px;
    text-align:center;
}
.show_mini_title > img {
    margin-bottom:21px;
    width: 100px;
    height: 99px;
    border:0;
}
.show_mini_title > h1 {
    font-size: 20px;
    font-weight: 900;
    color: #705636;
    line-height: 29px;
}
.show_mini_title > h2 {
    margin-top: 3px;
    font-size:16px;
    font-weight: bold;
    color: #ac956c;
    line-height: 19px;
}

.show_mini_txt {
    margin: 0 auto;
    padding-top:25px;
    min-height:338px;
    color:#dabf93;
    text-align:center;
    background-color: #513f33;
}
.show_mini_txt > h3 {
    font-size: 14px;
    line-height: 1.29em;
}
.show_mini_txt > h4 {
    font-size: 13px;
    line-height: 1.29em;
    margin-top: 4px;
}
.show_mini_txt > h5 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
}
.show_mini_txt > h6 {
    font-size: 12px;
    margin-top: 13px;
    margin-bottom: 2px;
    color: #c8c4b0;
}
.show_mini_txt > p.p1 {
    font-size: 12px;
    line-height: 1.25em;
}
.show_mini_txt > .phone {
    font-size: 14px;
    font-weight: bold;
    color: #c8c4b0;
}
.show_mini_txt > .phone > span {
    display: inline-block;
    margin: 0 16px;
}
.show_mini_txt > .phone a {
    color: #c8c4b0;
    text-decoration: none;
}
footer {
    line-height: 42px;
    font-size: 12px;
    color: #ac956c;
    text-align: center;
}

/* requirements.html */
.require_header{
    width: 100%;
    height: 56px;
    background: #006666;
    display: none;
    align-items: center;
}
.require_back_btn{
    display: block;
    width: 16px;
    height: 100%;
    background: url(../../assets/images/control/back_white.svg) no-repeat center;
    margin: 0 24px 0 20px;
}
.require_header span{
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
}
.require_box{
    padding: 24px 0;
}
.require_boxWidth{
    width: calc(100% - 32px);
    max-width: 640px;
    margin: auto;
}
.require_title{
    line-height: 16px;
    margin-bottom: 16px;
}
.require_tb{
    width: 100%;
    color: #000;
    margin-bottom: 16px;
}
.require_tb caption{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: left;
}
.require_tb th{
    height: 40px;
    background: #dddddd;
    border-bottom: 1px solid #fff;
    color: rgba(0, 0, 0, 0.72);
    text-align: left;
}
.require_tb td{
    height: 48px;
    border-top: 1px solid #f6f6f6;
}
.require_tb td:first-child,
.require_tb th:first-child{
    padding: 0 8px 0 16px;
    border-radius: 4px 0 0 4px;
}
.require_tb td:last-child,
.require_tb th:last-child{
    padding: 0 16px 0 8px;
    border-radius: 0 4px 4px 0;
}
.require_txt{
    line-height: 16px;
    color: rgba(0, 0, 0, .8);
}
.require_box h2{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
.require_txt li + li{
    margin-top: 16px;
}
.require_btn{
    display: none;
    width: 328px;
    height: 48px;
    margin: 16px auto 0;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #757575;
    color: rgba(0, 0, 0, .64);
    background: #fff;
    cursor: pointer;
}

.login_page{
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}
.login_page .require_box{
    height: calc(100% - 56px);
    padding: 16px 0 24px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

}
.login_page .require_header{
    display: flex;
}
.login_page .require_btn{
    display: block;
    font-weight: 700;
}

/*hover*/
@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .word_link_new:hover{
        color: #49B6FF;
    }
}

@media only screen and (orientation:portrait) and (max-width:767px){
    .inside_lds_main{
        bottom: 56px;
    }
}

@media only screen and (orientation:landscape) and (max-width:812px){
    .ar_notice{
        height: auto;
        max-height:calc(100vh - 40px);
    }
}

.backtop_btn{
	position: fixed;
	width: 40px;
	height: 40px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.32);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	bottom: 16px;
	right: 16px;
	z-index: 7;
	-webkit-animation: backAN .5s cubic-bezier(0.42, 0, 0.58, 1.0);
	animation: backAN .5s cubic-bezier(0.42, 0, 0.58, 1.0);
}
.backtop_btn:before{
	content: '';
	position: absolute;
	display: block;
	width: 14px;
	height: 9px;
	background:url(../../assets/images/control/arrowU.svg) no-repeat;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@-webkit-keyframes backAN{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes backAN{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.re_titleG{
	max-width: 100%;
	height: 48px;
	box-shadow:0 -1px 0 #e0e0e0 inset;
	border-radius: 2px 2px 0 0;
	overflow: hidden;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

.re_titleG li{
	position: relative;
	height: 100%;
	padding: 0 16px;
	color: rgba(0, 0, 0, .4);
	letter-spacing:-.5px;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.re_titleG.equal li{width: 50%;}
*::-ms-backdrop,
.re_titleG.equal li{ width: 180px; } /*IE11*/
.re_main600 .re_titleG li{
	padding-right: 24px;
	padding-left: 24px;
}
.re_titleG li:before{
	content: '';
	position: absolute;
	display: block;
	width:0;
	height: 2px;
	background-color:#2b630c;
	transform-origin:0 center;
	bottom: 1px;left: 0;
	-webkit-transition:width 200ms ease-in-out;
	-ms-transition:width 200ms ease-in-out;
	transition:width 200ms ease-in-out;
}
.re_titleG li.on{color: #2b630c;}
.re_titleG li.on:before{width: 100%;}
.re_titleG li:after{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background-color:#e0e0e0;
	bottom: 0;
	left: 0;
}
.ps_submit_btn, .ps_submit_btn_w30, .ps_cancel_btn_w30{
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(56, 187, 143, 1);
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
}

.confirm_setting_function{
    display: flex;
    justify-content: flex-end;
}
.ps_cancel_btn_w30{
    background-color: #fff;
    border: solid 1px #c8c8c8;
	color: #c8c8c8;
}
.ps_submit_btn_w30, .ps_cancel_btn_w30{
    width: 30%;
    margin-left: 10px;
}

.re_main600 .ps_submit_btn{ margin-top: 0; }

.ps_mini_btnG input,
.re_down_btnG input,
.re_sreachitem_btnG input,
.gray_bg_btn,
.re_sma_submit_btn,
.search_title_btnG input{
	padding: 0 16px;
	height: 48px;
	line-height: 48px;
	border: 0;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
}
.re_sreachitem_btnG input,
.search_title_btnG input{
	height: 40px;
	line-height: 40px;
}

.search_title_btnG{
	padding:10px 16px;
	box-shadow:0 -1px 0 #f6f6f6 inset;
	text-align: right;
}
.ps_mini_cancel_btn{
	background-color:#fff;
	box-shadow:0 0 0 1px rgba(130, 130, 130, .4) inset;
	color: rgba(0, 0, 0, .6);
}

.rpt_btn, .rpt_tab {
    text-transform: uppercase;
}

.ps_mini_submit_btn{
	background-color: rgba(56, 187, 143, 1);
	color: #fff;
}

.ps_miniDone_btn{
	padding: 0 21px;
	height: 48px;
	line-height: 48px;
	background-color: rgba(56, 187, 143, 1);
	color: #fff;
	border: 0;
	border-radius: 3px;
	font-weight: bold;
	margin:28px auto auto;
}

.ps_submit_btn:disabled,
.ps_submit_btn:disabled:hover,
.ps_mini_submit_btn:disabled,
.ps_mini_submit_btn:disabled:hover{
	background-color: rgba(56, 187, 143, .4);
	cursor:default;
}

.re_sma_submit_btn{
	width: 100%;
	background-color: #2980b9;
	border-radius: 2px;color: #fff;
}
.gray_bg_btn{
	background-color: #757575;
	color: #fff;
	letter-spacing: .8px;
}
input.input_center{
	text-align: center;
	padding: 0 16px;
	text-transform: uppercase;
}

.checkbox_blue input{display: none;}
.checkbox_blue span{
	display:inline-block;
	width: 16px;
	height: 16px;
	background-color:#fff;
	border: solid 1px #b4b4b4;
	border-radius: 3px;
}
.checkbox_blue input:checked + span{
	background:url(../../assets/images/control/W_check.svg) no-repeat center #2980b9;
	border-color: transparent;
}

.search_functionG,
.search_function_fullG{
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.search_functionG:after{
	content: '';
	position: absolute;
	width: 40px;
	height: 38px;
	border-width: 1px 1px 1px 0;
	border-color: #7f7f7f;
	border-style: solid;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	top: 0;
	right: 0;
	pointer-events: none;
}
.quick_searchG .search_functionG:after{
	width: 48px;
	height: 46px;
	display: none;
}
.wmc_searchG .search_functionG:after{
	top: 16px;
	right: 16px;
}
.re_betSearchG .search_functionG:after{content: none;}
.search_functionTxt{
	height:100%;
	padding: 0 0 0 16px;
	border: 0;
	font-size: 14px;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
.quick_searchG.tw .search_functionTxt{
	font-size: 16px;
}
.search_functionSubmit_btn,
.search_functionClose_btn,
.search_functionSubmit_tran_btn{
	height: 100%;
	padding: 0;
	background: url(../../assets/images/control/search_white.svg) no-repeat center #7f7f7f;
	border: 0;
	opacity: 1;
	-webkit-flex:0 0 40px;
	-ms-flex:0 0 40px;
	flex:0 0 40px;
}
.quick_searchG .search_functionSubmit_btn,
.quick_searchG .search_functionClose_btn{
	-webkit-flex:0 0 48px;
	-ms-flex:0 0 48px;
	flex:0 0 48px;
}
.search_functionSubmit_btn{border-radius: 0; margin: 0;}
.search_functionClose_btn{background: url(../../assets/images/control/close_x.svg) no-repeat center transparent; opacity: .6;right: 40px;}
.search_functionSubmit_tran_btn{ background: url(../../assets/images/control/search.svg) no-repeat center;
	-webkit-flex:0 0 62px;
	-ms-flex:0 0 62px;
	flex:0 0 62px;
	}/*透明搜尋鈕*/

.search_function_fullG{border: 0;border-radius: 0;}
.search_function_fullG .search_functionSubmit_btn,
.search_function_fullG .search_functionClose_btn{	
	-webkit-flex:0 0 62px;
	-ms-flex:0 0 62px;
	flex:0 0 62px;
}
.search_function_fullG .search_functionSubmit_btn{background-image: none;}
.search_function_fullG .search_functionSubmit_btn i{
	display: block;
	width: 16px;
	height: 16px;
	margin: auto;
}
.search_function_fullG .search_functionSubmit_btn svg{	fill:#fff;}
.err_input .search_functionSubmit_btn{box-shadow:1px 0px 0 #d32211 inset; }
.search_function_err{
	position: relative;
	color: #d32211;
	font-size: 13px;
	margin-top: 7px;
}
.search_function_err:before,
.search_function_scss:before{
	content: '';
	display: none;
	position: absolute;
	width: 12px;
	height:12px;
	background:url(../../assets/images/control/error.svg) no-repeat;
	top: 2px;
	left: 0;
}

.select_in_tdG{
	position: relative;
	width: 112px;
	display: inline-block;
	color: rgba(0, 0, 0, .8);
}
.select_in_tdG:after{
	content: '';
	position: absolute;
	display:block;
	width: 11px;height: 7px;
	background: url(../../assets/images/control/re_sreachArr_D.svg) no-repeat;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
	opacity: .6;
	pointer-events: none;
}
.select_in_tdTitle{font-weight: 600;}
.select_in_tdUL{
	position: absolute;
	width: 128px;
	padding: 8px 0;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
	text-align: left;
	top: -23px;
	left: -17px;
	z-index: 2;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.select_in_tdUL li{
	position: relative;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 17px;
}
.select_in_tdUL li.on{order: 0;}
.select_in_tdUL li.on:after{
	content: '';
	display: block;
	position: absolute;
	width: 11px;
	height: 7px;
	background:url(../../assets/images/control/re_sreachArr_D.svg) no-repeat;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}
.select_in_tdUL li span{position: relative;}
.select_in_tdG select{
	background-color: transparent;
	border: 0;
	font-size: 14px;
	font-weight: 600;
}

.add_infoG,
.less_infoG{
	width: 16px;
	height: 16px;
	background: url(../../assets/images/control/B_plus.svg) no-repeat;
	margin: auto;
}
.less_infoG{background-image: url(../../assets/images/control/B_less.svg) ;}


/*alert windows*/
.ar_bg{
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 0 16px 16px;
	background-color: rgba(0, 0, 0, .48);
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	z-index: 2;
}
.ar_main,
.ar_annG{
	width: 280px;
	padding: 22px 16px 24px; 
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
	margin-top: 178px;
}
.ar_bg_note{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .32);
	padding: 50px 16px;
}
.ar_ann_note{
	width: 100%;
	max-width: 480px;
	height: auto;
	background-color: #FFF;
	border-radius: 8px;
	overflow: hidden;
}
.ar_ann_note .ar_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 48px;
	padding-right: 8px;
	padding-left: 16px;
	color: #000;
	background-color: #F9F9F9;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.ar_main>h1{
	height: 55px;
	line-height: 59px;
	padding-left: 17px;
	box-shadow: 0 -1px 0 #e1e1e1 inset;
	color: rgba(0, 0, 0, .6);
	font-size: 16px;
}
.ar_annG{
	position: relative;
	width: 520px;
	max-height: calc(100% - 129px);
	padding: 0 0 24px;
	margin-top: 89px;
	overflow-x: hidden;
	overflow-y: auto;	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.ar_annG._ver_width{
	width: 360px;
}
.ar_title{
	position: relative;
	width: 100%;
	height: 54px;
	padding:0 17px;
	background-color: #fff;
	border-top-left-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
	top: 0;
	border-top-right-radius: 3px;
	font-size: 16px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	flex:none;
}
._ver_width  .ar_title{
	height: 32px;
	padding: 0 31px 0 17px;
}
.ar_title.scroll::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 8px;
	top: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 25.96%, rgba(0, 0, 0, 0.24) 98.34%);
	left: 0;
}
.ar_x_btn{
	width: 12px;
	height: 12px;
	background:url(../../assets/images/control/close_x_w.svg) no-repeat center / contain;
	border: 0;
	opacity: .6;
}
.ar_ann_note .ar_x_btn{
	position: absolute;
	background: url(../../assets/images/control/close_x_new.svg) center/ 12px 12px no-repeat;
	right: 8px;
	top: 8px;
	width: 32px;
	height: 32px;
	opacity: .64;
	padding: 0;
}
.ar_ann_note .ar_gray_btn{
	width: 100%;
}
.ar_scroll {
	padding: 5px 17px 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.ar_ann_txtUL li {
	padding-bottom: 14px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 12px;
	word-break: break-word;
}
.ar_ann_txtUL li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.ar_ann_note .ar_scroll {
	height: calc(100% - 48px);
	padding: 16px 16px 0;
}
.ar_note_txtUL li:not(:last-child){
	margin-bottom: 32px;
}
.ar_note_txtUL h1{
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 16px;
	color: #000;
}
.ar_note_txtUL .img{
	position: relative;
	padding-bottom: calc(100% * .75);
	margin-bottom: 16px;
}
.ar_note_txtUL p{
	display: block;
	color: #000;
	line-height: 19px;
}
.ar_note_txtUL .md_creat_btn{
	margin-top: 16px;
}
.ar_note_txtUL img{
	position: block;
	width: 100%;
	height: 16px;
}
.ar_note_txtUL .ar_link_box{
	display: flex;
	margin: 16px 0;
}
.ar_note_txtUL .word_line_link{
	width: 50%;
	height: 40px;
	font-size: 14px;
	line-height: 16px;
	color: #007AFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ar_note_txtUL .word_line_link.--gray{
	margin-left: 16px;
	color: #FFF;
	background: #5A5D5F;
	border-radius: 4px;
}

.ar_main_txt{line-height: 18px;}
.ar_main_txt h1{
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 17px;
}
.ar_main_txtUL li{
	line-height: 17px;
	margin-bottom: 19px;
}
.ar_main_txtUL li:last-child{margin-bottom: 0;}
.ar_main_txtUL span{
	display: block;
	font-weight: 600;
	margin-bottom: 2px;
}
.ar_btnG{
	text-align: right;
	margin-top: 21px;
}
.ar_gray_btn{
	min-width: 65px;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, 0.54);
	border-radius: 3px;
	border: 0;
	color: #fff;
	font-size: 14px;
}
.ar_green_btn{
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	background-color: #ff7300;
	border-radius: 3px;
	border: 0;
	color: #fff;
	font-size: 14px;
}

.ps_sendCode{
	position:fixed;
	width: 315px;
	height: 40px;
	padding: 0 16px;
	background-color: #404040;
	border-radius: 1px;
	bottom: 16px;
	left: 0;
	right: 0;
	margin: auto;
	visibility: collapse;
	z-index: 2;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.ps_sendCode span{
	color: #fff;
	font-weight: normal;
	text-align: center;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
.ps_sendCode_btn{
	padding: 0;
	background-color: transparent;
	border: 0;
	color: #ff7300;
	font-weight: bold;
	flex: none;
}
.ps_copyArea{
	position: absolute;
	opacity: 0;
}

/*共用無資料畫面*/
.data_noneG{
	padding-top: 26px;
	text-align: center;
	color: rgba(0, 0, 0, .6);
}
.re_detail_scroll .data_noneG{border-top: 1px solid #f6f6f6;}
.err404{
	position: fixed;
	width: 100%;
	height: 100%;
	background:url(../../assets/images/control/err404.png)  #fff center no-repeat;
	top: 0;
	left: 0;
	z-index: 2;
}

/*width height*/
.w100per{width: 100%;}
.w192px{width: 192px;}
.w200px{width: 200px;}
.w360px{width: 360px;}
.h100per{height: 100%;}
.h93px{height: 93px;}
.minH35{min-height: 35vh;}
.minH50{min-height: 50vh;}
.accadd_content.content_l.minH50{min-height: 500px;}
.minH80{min-height: 80vh;}
.m_noH{margin:0;}

.mt13{margin-top: 13px;}

.mb12{margin-bottom: 12px;}

.ml7{margin-left: 7px;}
.ml12{margin-left: 12px;}
.ml15{margin-left: 15px;}

.mr6{margin-right: 6px;}
.mr7{margin-right: 7px;}
.mr28{margin-right: 28px;}

.down_txt{vertical-align: bottom;}
.top_txt{vertical-align: top;}

/*position*/
.por{
	position: relative;
	height: 100%;
}
.poa{position: absolute;}

/*background border */
.bgf0f0f0{
	min-height: 100%;
	background-color: #dddddd;
}
.bgfff {
	background-color: #fff;
}
.noborder{border: 0;}

.err_input{border-color:#d32211;}
.focus_input{
	box-shadow: 0 0 4px 0 rgba(69, 144, 194, 0.16);
	border: solid 1px #4590c2;
}/*很多線都是外層div做成非input 所以無法用:focus*/


/*word*/
.word_link{
	color: #2980b9;
	font-weight: 600;
}
.word_link_disabled{
	color: rgba(0, 0, 0, .8);
	font-weight: 600;
}
.word_link_new{
    color: #2980B9;
}
.word_line_link{
	color: #007AFF !important;
}
.word_link.on{color: #660099;}
.txtc,
.re_table_main td.txtc,
td.txtc, th.txtc, span.txtc, div.txtc{text-align: center;}
.txtl, td.txtl, th.txtl, span.txtl, div.txtl{text-align: left;}
.txtr, td.txtr, th.txtr, span.txtr, div.txtr{text-align: right;}
.word_bold, td.word_bold, li.word_bold{font-weight: bold;}
.word_bold300, td.word_bold300{font-weight: 300;}
.word_bold500, td.word_bold500{font-weight: 600;}/*客人臨時改600*/
.word_nomal, td.word_nomal{font-weight: normal;}
.word_paleRed{color: #b14334;}
.word_lightpink{color: #ffc7c1;}
.word_lightRed{color: #dc7480;}
.word_red{color: #d32211;}
.word_midRed{color: #FF4E65;}
.word_canvOrange{color: #f38b12;}
.word_orange{color: #f3b932;}
.word_lightOrange{color: #eba01e;}
.word_darkOrange{color: #bb9742;}
.word_milkOrange{color: #c09552;}
.word_lightGreen{color: #ff7300;}
.word_paleGreen, .re_table_head02G td.word_lightGreen{color: #96e6cd;}
.word_green{color: #27a67b;}
.word_green_a8{color: rgba(39,166,123,8);}
.word_darkGreen{color: #33ab82;}
.word_lightBlue{color: rgba(93, 200, 238, .8);}
.word_canvBlue{color: #2b82ba;}
.word_blue{color: #2980b9;}
.word_lightGray{color: #666;}
.word_gray{color: rgba(0, 0, 0, .6);}
.word_black{color: #000;}
.word_black_a8{color: rgba(0, 0, 0, .8);}
.word_white02_a8{color: rgba(248, 248, 248, .8);}
.word_white_a6,
tr.tbet_table_head02G td.word_white_a6{color: rgba(255, 255, 255, .6);}
.word_white_a8{color: rgba(255, 255, 255, .8);}
.word_brown{color: #987e66;}
.word_select, .word_select_txt::selection {
	color:#4b4600;
	background: rgb(255,240,40);
}
.word_delline{text-decoration:line-through; }

.fz12{font-size: 12px;}
.fz16{font-size: 16px;}

/*input[type=password]{font-size: 22px;letter-spacing: 3px;}密碼點點變大如果需要再開啟*/
::-webkit-input-placeholder{color:rgba(0, 0, 0, .6);}
::-moz-placeholder{color:rgba(0, 0, 0, .6);}
::-ms-input-placeholder {color:rgba(0, 0, 0, .6);}

/*animate*/
/*開啟加上active*/
.use_animate{
	opacity: 0;
	visibility: collapse;
	z-index: 6;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transition:all 300ms cubic-bezier(.55,0,.42,1);
	-ms-transition:all 300ms cubic-bezier(.55,0,.42,1);
	transition:all 300ms cubic-bezier(.55,0,.42,1);
}

.active .use_animate,
.active + .use_animate,
.--on .use_animate {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

/*關閉加上active*/
.high_animate{
	height: 100%;
	opacity: 1;
	visibility: visible;
	-webkit-transform-origin:center 0;
	-ms-transform-origin:center 0;
	transform-origin:center 0;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition:all 300ms cubic-bezier(.55,0,.42,1);
	-ms-transition:all 300ms cubic-bezier(.55,0,.42,1);
	transition:all 300ms cubic-bezier(.55,0,.42,1);
}

.active .high_animate,
.active + .high_animate{
	height: 0;
	opacity: 0;
	visibility: collapse;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
}

.ma_main,
.ma_main_mobile,
.ma_header,
.ma_left,
.ma_foot,
.ma_right,
.mu_memberDetailG,
.lg_input,
.ma_loading,
.re_functionG{ 
	-webkit-transition:all 300ms cubic-bezier(.55,0,.42,1);
	-ms-transition:all 300ms cubic-bezier(.55,0,.42,1);
	transition:all 300ms cubic-bezier(.55,0,.42,1);
}

/*X秒出現後消失 X=顯示的秒數*/
.item_disappear5s{
	-webkit-animation: item_5sdisappear 7s cubic-bezier(0.42, 0, 0.58, 1.0) both;
	animation: item_5sdisappear 7s cubic-bezier(0.42, 0, 0.58, 1.0) both;
}
.item_disappear2s{
	-webkit-animation: item_2sdisappear 4s cubic-bezier(0.42, 0, 0.58, 1.0) both;
	animation: item_2sdisappear 4s cubic-bezier(0.42, 0, 0.58, 1.0) both;
}

@-webkit-keyframes item_5sdisappear{
	0%{opacity: 0; visibility: visible;}
	14%{opacity: 1;}
	85%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes item_5sdisappear{
	0%{opacity: 0; visibility: visible;}
	14%{opacity: 1;}
	85%{opacity: 1;}
	100%{opacity: 0;}
}

@-webkit-keyframes item_2sdisappear{
	0%{opacity: 0; visibility: visible;}
	50%{opacity: 1;}
	75%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes item_2sdisappear{
	0%{opacity: 0; visibility: visible;}
	50%{opacity: 1;}
	75%{opacity: 1;}
	100%{opacity: 0;}
}

/*Hand*/
.lg_stratum li, .lg_lan_title img, .lg_adcomDot_btn li, .lg_adcomL_btn, .lg_adcomR_btn, .lg_login_btn, .ps_back_btn, .ps_submit_btn, .ps_mini_submit_btn, .ps_mini_cancel_btn, .ps_reset_btn, .ar_gray_btn, .ps_noteIconG, .mu_hab, .mu_back_btn, .mu_btnG li, .le_small_btnG li, .bm_btnG li, .mu_btnG i, .re_selectG>ul li, .re_bettypesG li, .re_dateInfo, .re_titleG li, .re_linkG:after, .backtop_btn, .re_searchclose_btn, .da_linkG span:after, .da_linkG span:hover:before, .re_export_select li, .re_export_select_twoLines li, .re_sreachtermtxt, .re_sreachitem, .re_sreachitem_select, .re_sreachitem>ul>li, .cal_date, .cal_date_left, .re_detailclose_btn, .re_Ibtn, .re_betdetail_close_btn, .re_table_body td, .word_link, .re_sma_submit_btn, .lg_lanUL li, .ar_choose_Info li, .url_list_item, .re_table_body_auto td, .re_bet_selectG, .re_td_fixedShadow:after, .re_betdetail_cancelN, .re_betdetail_cancelY, .re_more_btn, .re_more_btn_360, .search_functionSubmit_btn, .search_functionClose_btn, .search_functionSubmit_tran_btn, .checkbox_blue span, .wmc_search_chkG span, .select_in_tdUL, .select_in_tdUL li, .re_settlement_tb tr:not(.fix_trColor), .re_accounting_tb tr:not(.fix_trColor), .re_main600_tb, .wmc_pause_btn, .wmc_clear_btn, .wmc_stake_option span, .wmc_stake_option span:before, .wmc_filter600_info48UL li, .wmc_searchUL li:not(.wmc_searchUL_sp):not(.disabled), .wmc_filter600_info48UL li:after, .tbet_wagers_searchLi, .tbet_menu_txt, .tbet_collapse_img, .tbet_collapse_switch, .tbet_table_body_auto td, .lg_loginold_btn, .tbet_wagers_teamUL, .tbet_inside_btn, .tbet_title_btnG li, .tbet_datatitle_btnG li, .tbet_td_indside_arrIcon, .ps_chk_btn, .teach_next_btn, .teach_ok_btn, .re_main600_tb tr:not(.fix_trColor), .aclist-tr.content, .searchbar .select, .titlebar_menu .save, .titlebar_menu .cancel, .credits_item03 .btn_save, .credits_item03 .btn_cancel, .menu_save .save, .menu_save .save_new, .menu_save .cancel, .search_functionSubmit_btn, .ps_sendCode_btn, .ar_x_btn, .ar_title, .ar_notice_btn, .ar_green_btn, .tbet_div_body [class^="tbet_inbody_item"], .tbet_div_body [class^="tbet_body_item"], .tbody_line td, .ver_x_btn, .ver_foot>input, .ver_reset_btn, .require_btn, .lg_broswer_img li, .lg_broswer_img li code, .require_back_btn,.md_switch,
.md_copyUrl,.md_info,.md_list_item li,.md_type_list li,.md_creat_btn:not(:disabled),.md_name_btn,.md_label i,.md_edit_btn,.md_editBar_item i,.md_label.--select,.md_alert_title i,.md_gray_btn,.md_normal_btn,.word_line_link{
	-webkit-transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
	-ms-transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
	transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
}
.hand, .lg_stratum li, .lg_lan_title, .lg_lanUL li, .lg_adcomPage1 span, .lg_adcomL_btn, .lg_adcomR_btn, .lg_adcomDot_btn li, .lg_forget, .lg_login_btn, .ps_back_btn, .ps_submit_btn, .ps_mini_submit_btn, .ps_mini_cancel_btn, .ps_reset_btn, .ar_gray_btn, .ps_noteIconG, .ps_miniDone_btn, .mu_name li, .mu_hab, .mu_back_btn, .mu_btnG li, .le_small_btnG li, .le_big_btnG h1:before, .le_big_btnG li, .le_big_inside li, .bm_btnG li, .mu_btnG i, .re_selectG>ul li, .re_selectG,.re_bettypesG li , .re_dateInfo, .re_titleG li, .re_linkG, .backtop_btn, .re_searchclose_btn, .da_linkG span, .re_export_select li, .re_export_select_twoLines li, .re_exportG, .re_sort, .re_sreachitem, .re_sreachitem_select, .re_sreachitem>ul>li, .re_detailclose_btn, .re_Ibtn, .re_betdetail_close_btn, .mu_memberUL li:not(.mu_memberUL_title), .eye_icon, .no_eye_icon, .word_link, .re_sma_submit_btn, .ar_choose_Info li, .url_list_item, .search_functionSubmit_btn, .search_functionClose_btn, .select_in_tdUL li, .select_in_tdG, .add_infoG, .wmc_pause_btn, .wmc_clear_btn, .wmc_volume_btn, .wmc_stake_input span, .re_filter_back_btn, .wmc_searchUL li:not(.wmc_searchUL_sp):not(.disabled), .wmc_filter600_back_btn, .wmc_filter600_info48UL li, .tbet_menu_sportsUL li, .tbet_collapse_img, .tbet_collapse_switch, .tbet_inside_btn, .tbet_table_body_auto td, .lg_loginold_btn, .tbet_wagers_teamUL, .tbet_title_btnG li, .tbet_datatitle_btnG li, .tbet_td_indside_arrIcon, .ps_chk_btn.on, .re_breadUL li, .teach_next_btn, .teach_ok_btn, .le_small_inside li, .re_sreachtermtxt, .re_more_btn, .checkbox, .searchbar .select, .menu_save .save, .menu_save .save_new, .menu_save .cancel, .ac_sort, .drop_down li, .mem_detail_backbtn, .ps_sendCode_btn, .ar_x_btn, .ar_notice_btn, .wmc_stake_option, .wmc_search_chkG, .ar_green_btn, .tbet_collapse_td, .tbet_div_headG, .tbet_div_body [class^="tbet_inbody_item"], .tbet_div_body [class^="tbet_body_item"], .tbet_breadG li, .mu_profile, .re_copy_btn, .ver_x_btn, .ver_foot>input, .ver_reset_btn, .lg_broswer_img li, .word_link_new, .require_back_btn,.md_switch,
.md_copyUrl,.md_info,.md_list_item li,.md_type_list li,.md_creat_btn:not(:disabled),.md_name_btn,.md_label i,.md_editBar_item i,.md_edit_btn,.md_label.--select,.md_alert_title i,.md_gray_btn,.md_normal_btn:not(:disabled),.word_line_link{cursor: pointer;}


@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active), (-ms-high-contrast: none){	
	.lg_lan_title:hover img,
	.lg_side_title:hover img,
	.da_linkG span:hover:before,
	.da_linkG span:hover:after,
	.re_searchclose_btn:hover,
	.re_detailclose_btn:hover,
	.re_linkG:hover:after,
	.re_selectG:hover:before,
	.re_dateInfo:hover:after,	
	.re_betdetail_close_btn:hover,
	.re_detailclose_btn:hover,
	.tbet_collapse_img:hover,
	.tbet_table_head02G:hover .tbet_collapse_switch,
	.tbet_div_headG:hover .tbet_collapse_switch,
	.lg_adcomL_btn:hover,
	.lg_adcomR_btn:hover,
	.hover_op1,
	.ver_x_btn:hover,
	.le_small_btnG>li:hover:before,
	.le_big_btnG h1:hover:before{opacity:1;}

	.ps_noteIconG:hover:after,
	.re_Ibtn:hover,
	.hover_op084{opacity: .84;}


	.ps_back_btn:hover,
	h1.le_titleOn:before,
	.search_functionSubmit_btn:hover,
	.searchbar .select:hover,
	.ar_x_btn:hover,
	.hover_op08,
	.ver_reset_btn:hover{opacity: .8;}
	

	.add_infoG:hover,
	.ps_reset_btn:hover,
	.wmc_pause_btn:hover,
	.wmc_clear_btn:hover,
	.wmc_filter600_back_btn:hover,
	.re_filter_back_btn:hover,
	.tbet_inside_btn:hover,
	.lg_loginold_btn:hover,
	.hover_op06,
	.require_back_btn:hover{opacity: .6;}



	.search_functionClose_btn:hover,
	.search_functionSubmit_tran_btn:hover,
	.tbet_td_indside_arrIcon:hover,
	.teach_next_btn:hover,
	.hover_op03{opacity: .3;}

	
	.section{
		background-color: #2d8a28;
		color: #FFF;
		font-size: 2.5rem;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
	}


	.lg_stratum li:hover{
		background-color: #2d8a28;
		color: #FFF;
	}
	.hover_bgc0382b{background-color: #d32211;color: #fff;}




	.lg_lanUL li:hover,
	.ar_choose_Info li:hover,
	.re_selectG>ul li:hover,
	.cal_date:not(.cal_space):hover,
	.cal_date_left:not(.cal_space):hover,
	.re_bettypesG li:hover,
	.re_sreachitem>ul>li:hover,
	.select_in_tdUL li:hover,
	.wmc_searchUL li:not(.wmc_searchUL_sp):not(.disabled):hover,
	.wmc_filter600_info48UL li:hover,
	.tbet_wagers_searchLi:hover,
	.re_export_select li:hover,
	.re_export_select_twoLines li:hover,
	.re_sreachtermtxt:hover,
	.hover_bge3e3e3{background-color: #e3e3e3;}



	.lg_adcomDot_btn li:hover,
	.hover_bgfff{background-color:#fff;}


	.url_list_item:hover,
	.re_sreachitem:hover,
	.re_sreachitem_select:hover,
	.re_sreachitem.active,
	.re_table_body:hover td,
	.re_table_body_auto:hover td,
	.tbet_table_body_auto:hover td,
	.tbet_wagers_teamUL:hover,
	.re_settlement_tb tr:not(.fix_trColor):hover,
	.re_accounting_tb tr:not(.fix_trColor):hover,
	.re_exchange_tb tr:not(.fix_trColor):hover,
	.re_main600_tb tr:not(.fix_trColor):hover,
	.aclist-tr.content:hover,
	.tr_bgebf7ff td,
	.re_result_div_body:hover,
	.tbet_div_body [class^="tbet_inbody_item"]:hover,
	.tbet_div_body [class^="tbet_body_item"]:hover,	
	.tbody_line:hover td,
	.hover_tr_bgebf7ff{background-color: #fffde2;}
	


	
	.hover_text_op08{color: rgba(255, 255, 255, .8);}
	
	
	.ps_submit_btn_w30:hover,
	.ps_submit_btn:hover,
	.ps_mini_submit_btn:hover,
	.ps_miniDone_btn:hover,
	.teach_ok_btn:hover,
	.titlebar_menu .save:hover,
	.credits_item03 .btn_save:hover,
	.menu_save .save:hover,
	.menu_save .save_new:hover,
	.ar_green_btn:hover,
	.hover_bg38bb8f_op06,
	.ver_submit_btn:hover{background-color: rgba(56, 187, 143, .6);}

    .ps_cancel_btn_w30:hover{
        border: solid 1px #b4b4b4;
        color: #b4b4b4;
    }

	.re_sma_submit_btn:hover,
	.hover_bg2980b9_op06{background-color: rgba(41, 128, 185, .6);}

	.lg_login_btn:hover{background-color: #ffbb00;}
	.hover_bg38bb8f_op04{background-color:rgba(56, 187, 143, .4);}



	.ar_gray_btn:hover,
	.hover_bg000_op03,
	.ver_cancel_btn:hover{background-color: rgba(0, 0, 0, .3);}


	.backtop_btn:hover,
	.hover_bg000_op02{background-color: rgba(0, 0, 0, .2);}



	.ps_mini_cancel_btn:hover,
	.titlebar_menu .cancel:hover,
	.credits_item03 .btn_cancel:hover,
	.menu_save .cancel:hover,
	.hover_graybtn{
		background-color: rgba(130, 130, 130, .4);
		box-shadow:0 0 0 1px rgba(130, 130, 130, 0) inset;
		color: #fff;
	}

	
	.hover_bg000_op01{background-color: rgba(0,0,0,.1);}
	.mu_memberDetail_title .mu_close:hover{
		background-color: #2d8a28;
	}



	.bm_btnG li:hover,
	.hover_bg000_op008{background-color: rgba(0, 0, 0, 0.08);}


	.le_small_btnG>li:hover{
		background-color: #FAFAFA;
	}
	.mu_back_btn:hover:before{
		background-color: #FAFAFA;
		opacity: 1;
	}
	.le_small_btnG>li:hover:before,
	.le_big_btnG li:hover:before,
	.mu_memberUL li:not(.mu_memberUL_title):hover:before{
		filter: invert(44%) sepia(51%) saturate(744%) hue-rotate(90deg) brightness(117%) contrast(100%);
		opacity: 1;
	}
	.le_small_btnG>li.le_account:hover:before,
	.le_big_btnG .le_account_list li:hover:before{
		filter: none;
		background-position: bottom center;
        filter: invert(44%) sepia(51%) saturate(744%) hue-rotate(90deg) brightness(117%) contrast(100%);
	}
	.mu_memberUL li.mu_lan:hover:before{
		filter: none;
	}
	.hover_menuoutside_btn{
		background-color: rgba(0, 0, 0, 0.24);
		color: rgba(255, 255, 255, .8);
	}
	.le_big_btnG li:not(.le_account_list):hover,
	.mu_memberUL li:not(.mu_memberUL_title):hover,
	.mu_memberUL .mu_lan:hover span{
		color: #006666;
		background-color: #FAFAFA;
	}
	.mu_memberUL li:hover .mu_memberUL_rightTxt{
		color: #006666;
	}

	.le_small_inside li:hover,
	.hover_textb4e1ff{color:#b4e1ff;}


	
	.re_title600type li.word_red:hover,
	.re_titleG li:hover,
	.hover_textc0392b{color: #2b630c;}

	
	.tbet_menu_sportsUL li:hover .tbet_menu_txt,
	.hover_textc0382b{color: #023030;}


	.tbet_datatitle_btnG li:hover,
	.hover_textc34235{color: #c34235;}


	.re_title600type li.word_green:hover,
	.ps_sendCode_btn:hover,
	.hover_text27a67b{color: #27a67b;}
	
		
	.word_link:hover,
	.hover_text660099{color: #660099;}

	.re_selectG:hover,
	.re_dateInfo:hover,
	.hover_shadow_op016{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);}

	.tbet_menu_sportsUL li:hover .tbet_menu_img,
	.hover_allbetmenu_btn{background-position: center top;}

	.tbet_title_btnG li:hover,
	.hover_allbetmenu_text,
	.re_result_div_head.new .re_result_div_item:hover{background-color: #fff;color: #000;}


	.ar_notice_btn:hover{background-color: #ee8b2f;color: #fff;}

	.word_link_new:hover{
        color: #49B6FF;
    }
	.word_line_link:hover {
		color: #3395FF;
		text-decoration-line: underline;
	}
	.word_line_link.--gray:hover{
		background: #707070;
		text-decoration-line: none; 
	}
	.require_btn:hover{
		background: rgba(0, 0, 0, .04);
	}

	.lg_broswer_img li:hover i{
		background-position: right;
	}
	.lg_broswer_img li:hover code{
		color: #2D4150;
	}
	.mu_btnG li:hover,
	.mu_rightG .profile_btn:hover,
	.mu_hab:hover,
	.le_bigG .le_close:hover{
		background-color: #2d8a28;
	}
	.lang_item:hover{
		background: #F7F7F7;
	}
	.lang_item:hover .lang_radio{
		border-color: #3DB893;
	}

	.md_edit_btn:hover {
		color: #000;
	}

	.md_edit_btn:hover::before {
		opacity: 1;
	}

	.md_label i:hover,
	.md_editBar_item i:hover,
	.md_copyUrl:hover,
	.md_gray_btn:hover {
		background-color: #FAFAFA;
		opacity: 1;
	}

	.md_list_item li:hover,
	.md_gray_btn.--cancel:hover {
		background: #707070;
		border: 1px solid #707070;
		color: #fff;
	}

	.md_normal_btn:not(:disabled).--cancel:hover {
		background: #707070;
	}

	.md_type_list li:hover {
		background-color: #FAFAFA;
		color: #006666;
	}

	.md_switch:hover>div,
	.md_info:hover,
	.md_alert_title i:hover {
		background-color: #F5F5F5;
		opacity: 1;
	}
	.md_info:hover::before{
		filter: invert(68%) sepia(75%) saturate(5403%) hue-rotate(192deg) brightness(101%) contrast(102%);
	}

	.md_label:not(.--on):not(.--err):not(.--disabled):hover {
		border-color: #474747;
	}

	.md_creat_btn:not(:disabled):hover,
	.md_name_btn:hover,
	.md_normal_btn:not(:disabled):hover {
		background: #5ECAA9;
	}

	.md_copyUrl:hover i {
		opacity: 1;
	}

	.md_select_ul li.--on,
	.md_select_ul li:hover {
		background: #FAFAFA;
		color: #3DB893;
	}
	.ar_ann_note .ar_x_btn:hover{
		opacity: 1;
		background-color: #F5F5F5;
	}
}

.lg_lan_title:active img,
.lg_side_title:active img,
.da_linkG span:active:before,
.da_linkG span:active:after,
.re_searchclose_btn:active,
.re_detailclose_btn:active,
.re_linkG:active:after,
.re_selectG:active:before,
.re_dateInfo:active:after,
.re_betdetail_close_btn:active,
.re_detailclose_btn:active,
.tbet_collapse_img:active,
.tbet_table_head02G:active .tbet_collapse_switch,
.tbet_div_headG:active .tbet_collapse_switch,
.lg_adcomL_btn:active,
.lg_adcomR_btn:active,
.active_op1,
.ver_x_btn:active{opacity:1;}

.ps_noteIconG:active:after,
.re_Ibtn:active,
.active_op084{opacity: .84;}

.ps_back_btn:active,
.le_small_btnG li:active:before,
.le_big_btnG h1:active:before,
h1.le_titleOn:before,
.search_functionSubmit_btn:active,
.ar_x_btn:active,
.searchbar .select:active,
.active_op08,
.ver_reset_btn:active{opacity: .8;}

.add_infoG:active,
.ps_reset_btn:active,
.wmc_pause_btn:active,
.wmc_clear_btn:active,
.wmc_filter600_back_btn:active,
.re_filter_back_btn:active,
.tbet_inside_btn:active,
.lg_loginold_btn:active,
.active_op06,
.require_back_btn:active{opacity: .6;}

.search_functionClose_btn:active,
.search_functionSubmit_tran_btn:active,
.tbet_td_indside_arrIcon:active,
.teach_next_btn:active,
.active_op03{opacity: .3;}

.section{
    background-color: #2d8a28;
    color: #FFF;
    font-size: 2.5rem;
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}

.lg_stratum li:active{
    background-color: #11d11f;
    color: #FFF;
}
.active_bgc0382b{
    background-color: #d32211;
    color: #fff;
}

.mu_hab:active,
.mu_btnG li:active,
.mu_rightG .profile_btn:active,
.le_bigG .le_close:active,
.mu_memberDetail_title .mu_close:active{
    background-color: #11d11f;
}

.mu_back_btn:active:before{
    background-color: #F5F5F5;
    opacity: 1;
}

.lg_lanUL li:active,
.ar_choose_Info li:active,
.cal_date:active,
.cal_date_left:active,
.re_bettypesG li:active,
.select_in_tdUL li:active,
.wmc_searchUL li:not(.wmc_searchUL_sp):not(.disabled):active,
.wmc_filter600_info48UL li:active,
.tbet_wagers_searchLi:active,
.re_export_select li:active,
.re_export_select_twoLines li:active,
.re_sreachtermtxt:active,
.active_bge3e3e3{background-color: #e3e3e3;}

.lg_adcomDot_btn li:active,
.active_bgfff{background-color:#fff;}

.url_list_item:active,
.re_sreachitem:active,
.re_sreachitem_select:hover,
.re_sreachitem.active,
.re_table_body:active td,
.re_table_body_auto:active td,
.tbet_table_body_auto:active td,
.tbet_wagers_teamUL:active,
.re_settlement_tb tr:not(.fix_trColor):hover,
.re_accounting_tb tr:not(.fix_trColor):hover,
.re_exchange_tb tr:not(.fix_trColor):hover,
.re_main600_tb tr:not(.fix_trColor):hover,
.aclist-tr.content:hover,
.tr_bgebf7ff td,
.re_result_div_body:active,
.tbet_div_body [class^="tbet_inbody_item"]:active,
.tbet_div_body [class^="tbet_body_item"]:active,
.active_tr_bgebf7ff{background-color: #fffde2;}
.active_text_op08{color: rgba(255, 255, 255, .8);}

.ps_submit_btn:active,
.ps_mini_submit_btn:active,
.ps_miniDone_btn:active,
.teach_ok_btn:active,
.titlebar_menu .save:active,
.credits_item03 .btn_save:active,
.menu_save .save:active,
.menu_save .save_new:active,
.ar_green_btn:active,
.active_bg38bb8f_op06,
.ver_submit_btn:active{background-color: rgba(56, 187, 143, .6);}

.re_sma_submit_btn:active,
.active_bg2980b9_op06{background-color: rgba(41, 128, 185, .6);}

.lg_login_btn:active{background-color: #ff9800;}
.active_bg38bb8f_op04{background-color:rgba(56, 187, 143, .4);}

.ar_gray_btn:active,
.active_bg000_op03,
.ver_cancel_btn:active{background-color: rgba(0, 0, 0, .3);}

.backtop_btn:active,
.active_bg000_op02{background-color: rgba(0, 0, 0, .2);}

.ps_mini_cancel_btn:active,
.titlebar_menu .cancel:active,
.credits_item03 .btn_cancel:active,
.menu_save .cancel:active,
.active_graybtn{
    background-color: rgba(130, 130, 130, .4);
    box-shadow:0 0 0 1px rgba(130, 130, 130, 0) inset;
    color: #fff;
}

.mu_memberUL li:not(.mu_memberUL_title):active,
.le_big_btnG li:not(.le_account_list):active{
    color: #006666;
    background-color: #F5F5F5;
}
.mu_memberUL li:active .mu_memberUL_rightTxt{
    color: #006666;
}
.mu_memberUL li:not(.mu_memberUL_title):active:before,
.le_big_btnG li:not(.le_account_list):active:before{
    opacity: 1;
}
.mu_memberUL li.mu_lan:active:before{
    filter: none;
}
.le_big_btnG .le_account_list li:active:before{
    filter: none;
    background-position: bottom center;
    filter: invert(40%) sepia(51%) saturate(744%) hue-rotate(90deg) brightness(117%) contrast(100%);
}
.active_bg000_op01{background-color: rgba(0,0,0,.1);}

.bm_btnG li:active,
.active_bg000_op008{background-color: rgba(0, 0, 0, 0.08);}

.le_small_btnG>li:active{
    background-color: #F5F5F5;
}
.le_small_btnG>li:not(.le_account):active:before{
    /* filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%); */
    filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(93deg) brightness(150%) contrast(100%);
    opacity: 1;
}
.le_small_btnG>li.le_account:active:before{
    background-position: bottom center;
    opacity: 1;
}
.le_big_btnG h1:active,
.active_menuoutside_btn{
    background-color: rgba(0, 0, 0, 0.24);
    color: rgba(255, 255, 255, .8);
}

.le_small_inside li:active,
.le_big_inside li:active,
.active_textb4e1ff{color:#b4e1ff;}

.re_title600type li.word_red:active,
.re_titleG li:active,
.active_textc0392b{color: #2b630c;}

.tbet_menu_sportsUL li:active .tbet_menu_txt,
.active_textc0382b{color: #023030;}

.tbet_datatitle_btnG li:active,
.active_textc34235{color: #c34235;}

.re_title600type li.word_green:active,
.ps_sendCode_btn:active,
.active_text27a67b{color: #27a67b;}

.word_link:active,
.active_text660099{color: #660099;}

.re_selectG:active,
.re_dateInfo:active,
.active_shadow_op016{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);}

.tbet_menu_sportsUL li:active .tbet_menu_img,
.active_allbetmenu_btn{background-position: center top;}

.tbet_title_btnG li:active,
.active_allbetmenu_text{
    background-color: #fff;
    color: #000;
}

.ar_notice_btn:active{
    background-color: #ee8b2f;
    color: #fff;
}
.word_link_new:active{
    color: #003F79;
}
.word_line_link:active {
    color: #0062CC;
    text-decoration-line: underline;
}
.word_line_link.--gray:active{
    background: #474747;
    text-decoration-line: none; 
}
.require_btn:active{
    background: rgba(0, 0, 0, .08);
}
.lg_broswer_img li:active{
    background-color: #fffde2;
}
.lg_broswer_img li:active i{
    background-position: right;
}
.lg_broswer_img li:active code{
    color: #2D4150;
}

.lang_item:active{
    background: #EDEDED;
}
.lang_item:active .lang_radio{
    border: none;
    border-radius: 0;
    background: url(../../assets/images/control/active_radio.svg);
}

.md_edit_btn:active {
    color: #000;
}

.md_edit_btn:active::before {
    opacity: 1;
}

.md_list_item li:active,
.md_gray_btn.--cancel:active {
    background: #474747;
    border: 1px solid #474747;
    color: #fff;
}

.md_normal_btn:not(:disabled).--cancel:active {
    background: #474747;
}

.md_switch:active>div {
    background: #3DB893;
    border-color: #3DB893;
}

.md_type_list li:active {
    background-color: #F5F5F5;
    color: #006666;
}

.md_switch:active>div::before {
    background: #fff;
    transform: translate3d(100%, 0, 0);
}

.md_creat_btn:not(:disabled):active,
.md_name_btn:active,
.md_normal_btn:not(:disabled):active {
    background: #309274;
}

.md_info:active,
.md_alert_title i:active {
    background-color: #dddddd;
    opacity: 1;
}
.md_info:active::before {
    filter: invert(68%) sepia(75%) saturate(5403%) hue-rotate(192deg) brightness(101%) contrast(102%);
}
.md_label i:active,
.md_editBar_item i:active,
.md_copyUrl:active,
.md_gray_btn:active {
    background-color: #F5F5F5;
    opacity: 1;
}

.md_copyUrl:active i {
    opacity: 1;
}

.md_select_ul li:active {
    background: #F5F5F5;
    color: #3DB893;
}
.ar_ann_note .ar_x_btn:active{
    opacity: 1;
    background-color: #dddddd;
}


.re_sreachtermG::-webkit-scrollbar,
.tbet_menu_sportsUL::-webkit-scrollbar,
.tbet_datatitle_btnG::-webkit-scrollbar,
.tbet_wagers_amount::-webkit-scrollbar,
.re_titleG:not(.scroll)::-webkit-scrollbar{display: none;}

.noScroll{
	overflow: hidden;
}

/*hide*/
.hide_item,
.LPMcontainer{display: none!important;}

@media only screen and (max-width: 1279px){
	.hide_on_1279down_only{display:none!important;}
}

@media only screen and (min-width: 1024px){
	.hide_on_large_only{display:none!important;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	.hide_on_med_only{display:none!important; }
}

@media only screen and (max-width:1023px){
	/*.ar_ann_note{
		height: 100%;
		max-height: 431px;
	}*/
}

@media only screen and (min-width:1px) and (max-width:1023px){
	.accadd_content.content_l.minH50{min-height: auto!important;}
}
@media only screen and (max-width: 1023px){
	.ps_sendCode{bottom: 0px; width: 100%;}
	.ps_sendCode span{text-align: left;}
}
/*@media only screen and (orientation:portrait) and (max-width:767){
	.ps_sendCode{bottom: 56px;}
	
}*/
@media only screen and (max-width: 797px){	
	.backtop_btn{bottom: 72px;}
	.ar_annG{width: calc(100% - 80px);}
}


@media only screen and (min-width: 600px) and (max-width: 767px){
	.hide_on_small_only{display:none!important;}
}


@media only screen and (max-width: 599px){
	.hide_on_mini_only{display:none!important;}
}

@media only screen and (max-height: 414px){	
	.ar_bg{
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.ar_main, .ar_annG{margin-top: 0;}
}

/*no hand opcity0*/
.opcity0{opacity: 0;}
.no_hand,
.ps_reset_btn.on,
li.wmc_searchUL_sp{cursor: default;}

.navbar_curr{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 60px;
    border-bottom: #dddddd solid 4px;
    background: #fff;
  
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin-bottom:0 !important;
  }

  .btn_add_curr {
    display: inline-flex;
    align-items: center;
    margin: 0 12px;
    width: auto;
    border-radius: 3px;
    background-color: #ff7300;
}

.btn_add_curr .icon_add_curr {
    border-radius: 3px;
    width: 40px !important;
    background: url(../../assets/images/control/W_plus.svg) no-repeat center #ff7300;
}

.btn_add_curr tt {
    display: block;
    color: #fff;
    margin-right: 16px;
}

.icon {
    flex: 0 0 auto;
    display: inline-flex;
    position: relative;
    align-self: center;
    font-size: 1.25rem;
    line-height: 1;
}
i.small {
    font-size: 1rem;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 56px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

table.table{
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.modal-header {
    background: #006666;
    color: #fff;
    padding: 10px 15px 10px;
}

.icon-close {
    position: absolute;
    width: 56px;
    height: 56px;
    top: -6px;
    right: 0;
    cursor: pointer;
    background: url(../../assets/images/control/icon_close.svg);
}

.modal-content .modal-header i {
    color: white;
}

table.td-ctr{
    position: absolute;
    content: '';
    display: block;
    width: 11px;
    height: 7px;
    background: url(../../assets/images/control/re_sreachArr_D.svg) no-repeat;
    background-size: cover;
    top: 4px;
    right: -19px;
    opacity: .6;
    pointer-events: none;
}
.icon_down {
    background: url(../../assets/images/control/re_sreachArr_D.svg) center no-repeat;
    background-position: center right;
}
.left {
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    height: 100%;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0px;
}
.btn_add.w_add {
    display: inline-flex;
    align-items: center;
    margin: 0 12px;
    width: auto;
    border-radius: 3px;
    background-color: #ff7300;
    justify-content: flex-end;
    color: #fff;
    margin-right: 16px;
    padding: 10px
}
.btn_add {
    display: inline-block;
    width: 40px;
    height: 40px;
    /* margin: 0 12px; */
}
[class^="btn_"] {
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.btn_add.w_add tt {
    display: block;
    color: #fff;
    margin-right: 16px;
}
.btn_add.w_add .icon_add {
    border-radius: 3px;
    width: 40px !important;
    background: url(../../assets/images/control/W_plus.svg) no-repeat center #ff7300;
}
.icon_add {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../assets/images/control/G_plus.svg) no-repeat center #fff;
}
.right_bar {
    position: relative;
    display: -ms-inline-flex;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 100%;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.currlist_tr.title_curr {
    height: 29px;
    line-height: 1.08;
    font-size: 12px;
    font-weight: 300;
    border-bottom: 2px solid #f6f6f6;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.notify {
    position: fixed;
    top: 45%;
    width: 100%;
    left: 36%;
    z-index: 1050;
}

@media (min-width: 992px){
    .notify .relative {
        left: -80px;
    }
}

@media (min-width: 768px){
    .notify .relative {
        left: -70px;
    }
}
.notify .relative {
    position: relative;
    left: -60px;
}
.notify .relative .js-notify.alert-shake {
    -moz-animation-duration: 200ms;
    -moz-animation-fill-mode: both;
    -moz-animation-iteration-count: 3;
    -moz-animation-name: shake;
    animation-duration: 200ms;
    animation-fill-mode: both;
    animation-iteration-count: 3;
    animation-name: shake;
}
.notify .relative .js-notify.alert {
    position: absolute;
    text-align: center;
}

.notify .relative .js-notify {
    border-color: #2B3E51;
}

@keyframes shake {
	0%, 100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    25%, 75% {
        -webkit-transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -moz-transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -o-transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    
    50% {
        -webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -2deg);
        -moz-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -2deg);
        -ms-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -2deg);
        -o-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -2deg);
        transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -2deg);
    }
}
/*Dashboard*/
.da_mainbg{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #dddddd;
    max-width: 1440px;
    margin: auto;
    padding-top: 16px;
}
.da_banner{
    position: relative;
    height: 120px;
    width: 100%;
    max-width: 1440px;
    margin: 0 16px 16px;
    /*display: none;*/
	background: #D7CAB9 url('') center/736px 120px no-repeat;
}

.da_banner:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    /*background: #D7CAB9;*/
    /* background: #000 url(../../assets/images/control/banner_en.jpg) center/736px 120px no-repeat; */
}

.da_main{
    max-width: 1384px;
    padding: 16px 0 0;
}
.da_linkG{
    padding: 0 8px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.da_linkG li{
    width: 100%;
    padding: 0 8px;
}
/*.da_linkG li:last-child{display: none;}第三階段*/
.da_linkG span{
    position: relative;
    display: block;
    height: 48px;
    line-height: 48px;
    padding-left: 48px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    border-radius: 2px;
    font-weight: 600;
}
.da_report_btn:before,
.da_accma_btn:before,
.da_totalbet_btn:before{
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 100%;
    background: url(../../assets/images/control/Breports.svg) no-repeat center;
    top: 0;
    left:16px;
    opacity: .6;
}
.da_accma_btn:before{background-image: url(../../assets/images/control/Bacct_mgmt.svg);}
.da_totalbet_btn:before{background-image: url(../../assets/images/control/Btotal_bets.svg);}
.da_linkG span:after{content: '';display: block;position: absolute;width: 6px;height: 10px;background: url(../../assets/images/control/B_arrowR.svg) no-repeat;background-size: cover; top: 0;bottom: 0;right: 16px;margin: auto;opacity:.6;}

.da_valuemain{
    padding: 56px 8px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.da_valueG{
    position: relative;
    width: 50%;
    padding: 0 8px;
}
.da_valueG:nth-child(3){margin-top: 1px;}
.da_valueG:before{
    content: attr(data-valuetitle);
    position: absolute;
    display: block;
    height: 24px;
    line-height: 24px;
    color: rgba(0, 0, 0, .52);
    font-weight: bold;
    font-size: 16px;
    top: -32px;
}
.da_value_bg{
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.da_value_tb_bg{padding: 8px 0;}
.da_value_tb{width: 100%;}
.da_value_tb td{
    height: 48px;
    padding: 8px 16px;
}
.da_value_tb tt{
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-weight: 300;
}
.da_value_tb span{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
}

.da_sysMsg{
    padding: 16px;
    font-weight: 600;
}

.da_noData{
    padding: 40px 0;
    margin-top: 20px;
}

.downline .da_noData{
    position: relative;
    height: calc(100% - 56px);
    padding: 152px 0;
    margin-top: 0;
}

.da_noData_img{
    display:block;
    width: 80px;
    height: 80px;
    margin: auto;
}

.da_noData_txt,
.downline .da_noData_img::after {
    display: block;
    text-align:center;
    font-size: 14px;
    line-height:18px;
    margin-top: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
}

.da_canvasG{
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 56px;
}
.da_canvasG li:nth-child(2){display: none;}
.da_canvasG:nth-last-child(2){margin-bottom: 0;}
.da_canvasG:before{
    content: attr(data-canvastitle);
    position: absolute;
    display: block;
    height: 24px;
    line-height: 24px;
    color: rgba(0, 0, 0, .52);
    font-weight: bold;
    font-size: 16px;
    top: -32px;
}
.da_canvas_box{
    position: relative;
    padding: 20px 24px 20px 16px;
}
.da_canvas_box:after{
    content:attr(data-canvasday);
    position: absolute;
    display: block;
    font-size: 12px;
    bottom: 19px;
    left: 20px;
    transform: scale(0.91);
    -webkit-transform: scale(0.91);
}
.da_canvas_box.tw:after{
    left: 25px;
    bottom: 18px;
}
.da_canvasG canvas{
    width: 100%;
    height: 260px!important;
}
.da_tipG{
    position: absolute;
    min-width: 112px;
    height: 96px;
    padding: 12px 16px 16px;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    top: -47px;
    left: 16px;
}
.da_tipG:before{
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #6da4b5;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
}

.da_tipG.tip_left{
    left: auto;
    right: 29px;
}
.da_tipG.tip_left:before{
    left: auto;
    right: -20px;
}

.da_tipG.yellow_dot:before{border-color:#d6a744;}
.da_tipG.green_dot:before{border-color:#5bb487;}
.da_tipG.red_dot:before{border-color:#c13d30;}

.da_tip_txt{
    font-size: 12px;
    font-weight: 600;
}
.da_tip_txt span{
    display: block;
    white-space: nowrap;
}
.da_tip_txt span:first-child{font-weight: 300;}
.da_tip_txt>div:first-child{margin-bottom: 10px;}

/*Dashboard New start*/
.dashboard{
    background: #dddddd;
    /* height:100vh; */
    /*height: auto;*/
    min-height: 74vh;
}
.da_container{
    display: flex;
    width: 100%;
}
.da_link{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 16px;
    padding: 0 8px;
}
.link_btn{
    width: 100%;
    border: 0;
    color: #FFF;
    padding: 0 8px;
}
.link_txt{
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
    background: #383838;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
}
.da_box{
    /*.da_scrollBox:before淡化效果定位點*/
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    margin: 0 16px 16px;
    overflow: hidden;
}
.da_box:last-child{
    margin-bottom: 0;
}
.downline:last-child{
    margin-bottom: 16px;
}
.da_container .da_box + .da_box{
    margin-left: 0;
}
.da_title{
    font-size: 18px;
    padding: 16px;
    height: 56px;
    color: #44484A;
    background: #f9f9f9;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}
.da_scrollBox{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.da_content{
    padding: 16px 16px 24px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.da_container .da_content{
    padding: 16px;
}
.performance .da_content{
    padding: 20px 0 8px;
}
.downline .da_content{
    padding: 20px 0 0;
}
.da_scrollBox .da_content{
    padding: 24px 16px;
}
/*首頁搜尋*/
.da_search{
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    margin-bottom: 16px;
}
.search_bar{
    display: flex;
    flex: 1 1 100%;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 24px;
}
.search_bar.focus{
    border-color: #3DB893 !important;
}
.search_field{
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    border-radius: 24px;
}
.search_field input{
    width: 100%;
    height: 100%;
    padding: 8px 0 8px 16px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    background: transparent;
    border-radius: 24px 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search_field input::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .56);        
}
.search_field input::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .56);
}
.search_field input::-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .56);        
}
.search_field .clear_btn,
.search_field .search_btn{
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    opacity: .64;
    background: url(../../assets/images/control/close_x_new.svg) center/12px 12px no-repeat;
}
.search_field .search_btn{
    margin: 0 7px;
    background: url(../../assets/images/control/search_new.svg) center/16px 16px no-repeat;
}
.search_dropdown{
    position: relative;
    flex: none;
    min-width: 93px;
    display: none;
    border-radius: 0 24px 24px 0;
}
.search_dropdown:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 24px;
    border-radius: 2px;
    background: rgba(0, 0, 0, .24);
}
.search_dropdown:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 13px;
    margin: auto;
    width: 16px;
    height: 16px;
    opacity: .64;
    background: url(../../assets/images/control/B_arrowD.svg) center/12px 7px no-repeat;
    pointer-events: none;
    transition: transform .3s;
}
.search_dropdown.on:after{
    transform: rotate(180deg);
}
.search_dropdown select{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 0 24px 24px 0;
}
.search_dropdown .dropdown_txt{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    font-size: 12px;
    line-height: 16px;
    height: 24px;
    margin: 8px 0 8px 13px;
}
.dropdown_list {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    z-index: 1;
    width: 95px;
    padding: 8px 0;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .16);
    display: none;
}
.on .dropdown_list{
    display: block;
}
.dropdown_list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 16px;
    width: 100%;
    height: 40px;
    color: #000;
    cursor: pointer;
}
.dropdown_list li.active{
    color: #3DB893;
}
.search_list{
    display: flex;
    flex: none;
}
.search_item{
    font-size: 14px;
    line-height: 16px;
    padding: 12px 16px;
    margin-left: 8px;
    color: rgba(0, 0, 0, .72);
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 24px;
    cursor: pointer;
}
.search_item.active{
    color: #FFF;
    background: #5A5D5F;
}
/* 區塊load */
.da_loadBox{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 93px 32px;
    background: #fff;
}
.load_bar{
    position: relative;
    width: 100%;
    max-width: 460px;
    height: 8px;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    margin: auto;
    animation: bar_hidden 11s linear both;
    overflow: hidden;
    opacity: 0;
}
@keyframes bar_hidden {
    0%, 90% {
        opacity: 1;
    }

    91% {
        opacity: 0;
    }
}
.load_bar::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #44484A;
    border-radius: 8px;
    animation: run_bar 10s linear both;
    top: 0;
    left: 0;
}
.--success .load_bar::before {
    animation: none;
    width: 100%;
}
@keyframes run_bar{
    0%{
        width: 0%;
    }
    100% {
        width: 95%;
    }
}
.load_fail{
    position: absolute;
    padding: 0 16px;
    animation: txt_visible 11s linear both;
}

@keyframes txt_visible {
    0%,
    90% {
        opacity: 0;
    }

    91% {
        opacity: 1;
    }
}

.da_btn_container{
    position: relative;
    height: 36px;
    overflow: hidden;
}
.da_btn_container:before,
.da_btn_container:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    transform: translate3d(0, 0, 0);
}
.da_btn_container:before{
    right: auto;
    left: 0;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    display: none;
}
.scroll:before{
    display: block;
}
.da_btn_box{
    display: flex;
    margin-top: 4px;
    overflow-x: auto;
    padding: 0 16px 10px;
}
.da_btn{
    padding: 0 15px;
    font-size: 14px;
    height: 32px;
    border-radius: 100px;
    color: #5A5D5F;
    border: 1px solid #5A5D5F;
    background: #fff;
    white-space: nowrap;
    cursor: pointer;
    margin-right: 16px;
}
.da_btn:last-child{
    margin-right: 0;
}
.da_btn.active{
    color: #fff;
    background: #5A5D5F;
}
.da_range{
    margin: 24px 0 12px;
    line-height: 16px;
    padding: 0 16px;
}
.da_range span{
    font-size: 14px;
    line-height: 16px;
}
.da_range span:first-child{
    font-weight: normal;
    color: rgba(0, 0, 0, .56)
}
.da_range span:last-child{
    font-weight: bold;
    color: rgba(0, 0, 0, .64);
}
.bar_graph{
    display: flex;
}
.bar_graph_box{
    width: calc(100% / 3);
    cursor: pointer;
    padding: 16px;
}
.bar_graph_box span{
    display: block;
}
.bar_title{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .56);
}
.bar_value{
    font-size: 36px;
    line-height: 38px;
    font-weight: bold;
}
.bar_value,
.increase .bar_percent{
    color: #29C2CC;
}
.bar_value.word_red,
.decrease .bar_percent{
    color: #FF4E65;
}
.bar_percent{
    position: relative;
    padding-left: 20px;
    margin-top: 14px;
    font-weight: bold;
}
.bar_percent:before{
    content: '';
    width: 16px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.increase .bar_percent:before{
    background: url(../../assets/images/control/icon_inc.svg) center/contain no-repeat;
}
.decrease .bar_percent:before{
    background: url(../../assets/images/control/icon_dec.svg) center/contain no-repeat;
}
.bar_percent:after{
    color: rgba(0, 0, 0, .64);
    font-size: 13px;
    margin-left: 2px;
    font-weight: normal;
}
.increase .bar_percent:after{
    content: attr(data-inc);
}
.decrease .bar_percent:after{
    content: attr(data-dec);
}
.bar_graph_bg{
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, .16);
    border-radius: 4px;
    margin-top: 14px;
}
.bar_graph_color{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    border-radius: 4px;
}
.increase .bar_graph_color{
    background: #29C2CC;
}
.decrease .bar_graph_color{
    background: #FF4E65;
}
.da_quota{
    border-bottom: 1px solid #f6f6f6;
}
.quota_title,
.time_title{
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .56);
    font-weight: normal;
}
.quota_value,
.time_value{
    display: block;
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, .8);
    font-weight: bold;
}
.time_value{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
}
.da_time{
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
}
.da_time span{
    width: 100%;
}
.time_half{
    width: 50%;
    margin-top: 12px;
}
.fz36{
    font-size: 36px;
}
.fz33{
    font-size: 33px;
}
.fz30{
    font-size: 30px;
}
.fz27{
    font-size: 27px;
}
.fz24{
    font-size: 24px;
}
.fz21{
    font-size: 21px;
}
.fz18{
    font-size: 18px;
}
/*Dashboard New end*/
/*alert_choose_lan*/
.ar_main.ar_chooseG{
    width: 280px;
    padding: 0;
}
.ar_choose_Info{padding: 8px 0;}
.ar_choose_Info li{
    position: relative;
    height: 48px;
    padding: 0 16px;
    color: #000;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
li.ar_choose_lanCN,
li.ar_choose_lanHK,
li.ar_choose_lanEN{
    padding: 0 48px;
    color: rgba(0, 0, 0, .8);
}
.ar_choose_lanCN:before,
.ar_choose_lanHK:before,
.ar_choose_lanEN:before{
    content: '';
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    background:url(../../assets/images/control/china.svg) no-repeat center;
    top: 0;
    left: 0;
}
.ar_choose_lanHK:before{background-image:url(../../assets/images/control/hk.svg);}
.ar_choose_lanEN:before{background-image:url(../../assets/images/control/english.svg);}

/*my_setting*/
.set_moneyG{
    height: 60px;
    background-color: #fff;
    padding: 16px 16px 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.title_fixed .set_moneyG{display: none;}
.set_money_item{width: 50%;}
.set_money_item_title{
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 2px;
}
.set_soprt_btnG{background-color: #fff;}
.set_typeG{
    width: 100%;
    max-width: 1368px;
    padding: 56px 8px 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.set_type_itemG,
.url_link_itemG{
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0 8px;
    margin-bottom: 56px;
}
.set_type_itemG:before,
.url_link_itemG:before{
    content: attr(data-settitle);
    position: absolute;
    height: 24px;
    line-height: 24px;
    color: rgba(0, 0, 0, .522);
    font-size: 16px;
    font-weight: bold;
    top: -32px;
    left: 8px;
}
.set_type_itembg{
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.set_type_title{
    padding-top: 17px;
    color: rgba(0, 0, 0, .6);
    font-weight: 600;
    margin-bottom: 5px;
}
.set_type_comm{
    width: 100%;
    padding: 0 16px 16px;
    border-bottom: 1px solid #e1e1e1;
}
.set_numberG{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.set_type_comm .set_numberG div{width: 25%;}
.set_type_betlimit{
    width: 100%;
    padding: 0 16px 16px;
}
.set_type_betlimit .set_numberG div{width: 50%;}
.set_type_mini_title{
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 4px;
}
.set_numberG tt,
.set_numberG tt{
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
}
/*new url*/
.url_main{
    padding: 45px 8px 0;
    background-color: #dddddd;
}
.url_linkG{
    display: table;
    width: 100%;
    max-width: 1368px;
}
.url_listG{width: 100%;}
.url_link_itemG:nth-child(odd){
    float: left;
    clear:left;
}
.url_link_itemG:last-child{margin-bottom: 0;}
.url_list_item{
    position: relative;
    height: 48px;
    line-height: 48px;
    padding:0 16px;
    background-color: transparent;
    border-bottom: 1px solid #f6f6f6;
    font-size: 14px;
    font-weight: 600;
}
.url_list_item:last-child{border-bottom: 0;}
.url_list_item:after{
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 10px;
    background:url(../../assets/images/control/B_arrowR.svg);
    opacity: .6;
    top: 19px;
    right: 16px;
}
.url_list_item a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

/*contact*/
.contact_typeG{
    width: 100%;
    max-width: 1368px;
    padding: 0 8px;
}
.contact_title{padding:14px 16px 13px;}
.contact_type_title{
    position: relative;
    width: 100%;
    height: 49px;
    line-height: 48px;
    padding-left: 45px;
    border-bottom: 1px solid #f6f6f6;
    color: rgba(0, 0, 0, .6);
}
.contact_link{
    display: block;
}
.contact_link + .contact_link{
    padding-top: 16px;
}
.contact_type_itemG{
    position: relative;
    float: left;
    width: 50%;
    padding: 0 8px;
    margin-bottom: 16px;
}
.phone_icon:before,
.mail_icon:before,
.whatsapp_icon:before,
.wechat_icon:before,
.qq_icon:before,
.line_icon:before,
.skype_icon:before,
.chat_icon:before{
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../../assets/images/control/phone.svg) no-repeat center;
    top: 17px;
    left: 16px;
}
.contact_infoTxtUL{
    width: 100%;
    padding:16px 45px 0;
}
.contact_infoTxtUL li{
    position: relative;
    font-weight: 600;
    color: #2980b9;
    margin-bottom: 20px;
}
/* .contact_infoTxtUL li:nth-child(1){
    font-size: 12px;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 25px;
} */
.contact_infoTxtUL li:nth-child(1):before{
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 0;
    left: -29px;
}
.contact_infoTxtUL li:nth-child(3){margin-bottom: 26px;}
.contact_infoTxt_hk:before{background: url(../../assets/images/control/hk.svg) no-repeat center;}
.contact_infoTxt_philip:before{background: url(../../assets/images/control/philip.svg) no-repeat center;}
.mail_icon:before{
    width: 15px;
    height: 11px;
    background-image: url(../../assets/images/control/email.svg);
    opacity: .6;
    top: 18px;
}
.whatsapp_icon:before{
    width: 15px;
    height: 11px;
    background-image: url(../../assets/images/control/icons8-whatsapp.svg);
    opacity: .6;
    top: 18px;
    background-size: contain;
}
.wechat_icon:before{
    width: 15px;
    height: 11px;
    background-image: url(../../assets/images/control/icons8-wechat.svg);
    opacity: .6;
    top: 18px;
    background-size: contain;
}
.qq_icon:before{
    width: 15px;
    height: 11px;
    background-image: url(../../assets/images/control/icons8-qq.svg);
    opacity: .6;
    top: 18px;
    background-size: contain;
}
.line_icon:before{
    width: 15px;
    height: 11px;
    background-image: url(../../assets/images/control/icons8-line.svg);
    opacity: .6;
    top: 18px;
    background-size: contain;
}
.contact_infoTxtDiv01{padding: 20px 16px;}
.contact_infoTxtDiv02{padding: 11px 16px 14px;}
.skype_icon:before{background-image: url(../../assets/images/control/icons8-skype.svg); background-size: cover;}
.chat_icon:before{background-image: url(../../assets/images/control/B_chat.svg);}
.chat_mini_icon{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background:url(../../assets/images/control/W_chat.svg) no-repeat center rgba(176, 52, 39, .87);
    border-radius: 16px;
    margin: 0 5px;
    top: 3px;
}

/*features*/
.features_list{
    width: 640px;
    margin: auto;
    padding: 8px 0 80px;
}
.features_title,
.features_txt{
    display: block;
    margin: 16px 0;
}
.features_title{
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
}
.features_img{
    width: 100%;
    display: block;
}
.features_txt,
.no_info{
    font-size: 14px;
    line-height: 19px;
    color: rgba(0, 0, 0, .64);
}
.no_info{
    margin-top: 32px;
    text-align: center;
}

/*new_layout*/
.ma_main .ma_content>div.main_header,
.ma_main .ma_content>div.ma_footer{
    min-height: unset;
    padding-bottom: 0;
}
.ma_content>div.main_header{
    display: flex;
    height: 57px !important;
}
#content-wrapper>div.main_header{
    display: flex;
    height: 57px !important;
}
.main_header .word_line_link {
    padding: 20px 16px 20px 0;
    line-height: 16px;
    margin-left: auto;
    white-space: nowrap;
}
.ma_main .ma_content>div.ma_body{
/*    min-height: calc(100% - (57px + 264px));*/
	 min-height:63vh; 
}
.body_pb>div{
   /* padding-bottom: 215px;*/
   padding-bottom: 20px;
}
.menu_ul{
    display: flex;
    align-items: center;
    padding-left: 16px;
    height: 49px;
    border-bottom: 1px solid #dddddd;
}
.menu_ul li{
    color: #007AFF;
    position: relative;
    margin-right: 16px;
    font-size: 14px;
    line-height: 19px;
    cursor: pointer;
    font-weight: 700;
}
.menu_ul li + li:before{
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: url(../../assets/images/control/icon_breadcrumb.svg) no-repeat;
    top: 0;
    bottom: 0;
    left: -11px;
    margin: auto;
}
.menu_ul li.hide_item:before,
.menu_ul li.hide_item + li:before{content: none;}


/*footer*/
.ma_footer{
    background: #44484A;
}
.list_box{
    display: flex;
    padding: 24px 32px;
}
.footer_list{
    width: calc(100% / 3);
    color: #FFF;
}
.footer_list + .footer_list{
    margin-left: 16px;
}
.footer_list li{
    position: relative;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 24px;
    cursor: pointer;
}
.footer_list li:before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 16px;
    filter: invert(1);
    opacity: .72;
}
.footer_list li.footerLi_on{
	color: #11d11f;
}
.footer_list li.footerLi_on:before{
	/* filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%); */
	filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(93deg) brightness(150%) contrast(100%);
	opacity: 1;
}
.footer_list .contact_txt:before{
    cursor: initial;
}
.icon_lang:before{
    background: url(../../assets/images/control/icon_flag.svg) no-repeat top center/cover;
    filter: none !important;
    opacity: 1 !important;
}
.icon_lang.hk:before,
.mu_lan.hk:before{
    background-position: top center;
}
.icon_lang.cn:before,
.mu_lan.cn:before{
    background-position: center center;
}
.icon_lang.en:before,
.mu_lan.en:before{
    background-position: bottom center;
}
.footer_list .icon_lang span{
    color: #1FB4FF;
    font-weight: bold;
    margin-left: 4px;
}
.icon_url:before {
    background: url(../../assets/images/control/icon_url.svg);
}
.icon_features:before{
    background: url(../../assets/images/control/icon_features.svg);
}
.icon_system:before{
    background: url(../../assets/images/control/icon_system.svg);
}
.icon_phone:before{
    background: url(../../assets/images/control/icon_phone.svg);
}
.icon_email:before{
    background: url(../../assets/images/control/icon_email.svg);
}
.icon_chat:before{
    background: url(../../assets/images/control/icon_chat.svg);
}
.icon_skype:before{
    background: url(../../assets/images/control/icons8-skype.svg);
    background-size: cover;
}
.icon_whatsapp:before{
    background: url(../../assets/images/control/icons8-whatsapp.svg);
    background-size: cover;
}
.icon_line:before{
    background: url(../../assets/images/control/icons8-line.svg);
    background-size: cover;
}
.icon_wechat:before{
    background: url(../../assets/images/control/icons8-wechat.svg);
    background-size: cover;
}
.icon_qq:before{
    background: url(../../assets/images/control/icons8-qq.svg);
    background-size: cover;
}

.footer_list .item_title{
    font-size: 12px;
    padding-left: 0;
}
.footer_list .item_title:before{
    content: none;
}
.footer_list .contact_txt{
    display: flex;
    color: #1FB4FF;
}
.footer_list .contact_txt span{
    margin-right: 8px;
    font-weight: 700;
}
.footer_list .item_title{
    cursor: initial;
}
.footer_list li + li{
    margin-top: 8px;
}
.copyright{
    color: rgba(255, 255, 255, .64);
    background: rgba(0, 0, 0, .08);
    font-size: 12px;
    line-height: 16px;
    padding: 24px 0;
    text-align: center;
}

.lang_list,
.mu_memberUL .lang_list{
    position: absolute;
    top: -16px;
    left: -16px;
    width: 208px;
    padding: 8px 0;
    background: #FFF;
    border-radius: 8px;
    z-index: 1;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.lang_list li,
.mu_memberUL .lang_list li{
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 16px;
    color: rgba(0, 0, 0, .72);
}
.lang_list li:before{
    top: 0;
    bottom: 0;
    left: 16px;
    margin: auto;
}
.mu_memberUL .lang_list li + li{
    margin-top: 0;
}
.lang_radio{
    position: relative;
    display: block;
    width: 18px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .64);
}
.active .lang_radio{
    border: none;
    border-radius: 0;
    background: url(../../assets/images/control/active_radio.svg);
}
.lang_select{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mu_lan .lang_list{
    top: -4px;
    left: 16px;
}
.mu_lan .lang_list li:before{
    top: 0;
}

/*hover*/
@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    /*Dashboard New*/
    .da_btn:hover{
        color: #fff;
        background: #5A5D5F;
    }
    .bar_graph_box:hover{
        background: #F7F7F7;
    }
    .link_txt:hover{
        background: #525252;
    }
    .footer_list .footer_item:hover:before{
        /* filter: invert(48%) sepia(13%) saturate(2336%) hue-rotate(314deg) brightness(111%) contrast(82%); */
        filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(93deg) brightness(100%) contrast(100%);
        opacity: 1;
    }
    .footer_list .footer_item:hover,
    .footer_list .footer_item:hover span{
        color: #2d8a28;
    }

    .footer_list .contact_txt span:hover{
        color: #5CC8FF;
        text-decoration: underline;
    }

    .footer_list .footer_item:hover,
    .footer_list .footer_item:hover span{
        color: #2d8a28;
    }
    /*PC時隱藏內建選單*/
    .search_dropdown.ph{
        display: none;
    }
    .dropdown_list li:hover{
        background-color: #FAFAFA;
        color: #3DB893;
    }
    .search_item:hover{
        color: #FFF;
        background: #707070;
        border-color: transparent;
    }
    .search_bar:hover{
        border: 1px solid #474747;
    }
    .search_field:hover,
    .search_dropdown:hover{
        background: #FAFAFA;
    }
    .search_field .clear_btn:hover,
    .search_field .search_btn:hover{
        opacity: 1;
        background-color: #FAFAFA;
    }
}
/*active*/
.da_btn:active {
    color: #fff;
    background: #5A5D5F;
}
.link_txt:active {
    background: #1F1F1F;
}
.footer_list .footer_item:active:before{
    /* filter: invert(38%) sepia(31%) saturate(2426%) hue-rotate(328deg) brightness(91%) contrast(101%); */
    filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(93deg) brightness(150%) contrast(100%);
    opacity: 1;
}
.footer_list .footer_item:active,
.footer_list .footer_item:active span{
    color: #11d11f;
}
.footer_list .contact_txt span:active{
    color: #009CEB;
    text-decoration: underline;
}
.dropdown_list li:active{
    background-color: #F5F5F5;
    color: #3DB893;
}
.search_item:active{
    color: #FFF;
    background: #474747;
    border-color: transparent;
}
.search_field .clear_btn:active,
.search_field .search_btn:active{
    opacity: 1;
    background-color: #F5F5F5;
}
/*RWD*/
@media only screen and (min-width: 1024px){
    /*active*/
    /*Dashboard New*/
    .bar_graph_box:active{
        background: #dddddd;
    }
    @media (pointer: fine) and (max-resolution: 2dppx),
    screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
    (-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
        .search_bar:hover{
            background: #FAFAFA;
        }
    }
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
    .set_type_itemG{width: 100%;}

}

@media only screen and (max-width: 1023px){
    /* .body_pb>div{
        padding-bottom: 160px;
    }
    .body_pb.--report>div {
        padding-bottom: 20px;
    } */
    .da_scrollBox:before,
    .da_scrollBox:after{
        content: '';
        width: 24px;
        height: calc(100% - 104px);
        position: absolute;
        right: 0;
        top: 80px;
        background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
    }
    .da_scrollBox:before{
        right: auto;
        left: 0;
        background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
        display: none;
    }
    .scroll:before{
        display: block;
    }
    .bar_graph_box{
        -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
    }
    .ma_main .ma_content>div.ma_body{
/*        min-height: calc(100% - (57px + 520px));*/
	min-height:63vh;
    }
    .list_box{
        padding: 24px;
        flex-wrap: wrap;
    }
    .footer_list{
        width: 100%;
    }
    .footer_list + .footer_list{
        margin-left: 0;
        margin-top: 16px;
    }
    /*舊版767以下*/
    .da_linkG{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .da_linkG li:not(:last-child){margin-bottom: 8px; }
    .da_valueG{
        width: 100%;
        margin-bottom: 56px;
    }
    .da_valueG:nth-child(3){margin: 0;}

    .set_type_itemG, .contact_type_itemG, .url_link_itemG{width: 100%;}
    .url_link_itemG:nth-child(1),.url_link_itemG:nth-child(3){float: none;}
    /*Dashboard New*/
    .da_range{
        padding: 0 16px;
    }
    .bar_graph_box{
        padding: 16px;
    }
    .bar_graph,
    .da_container{
        flex-wrap: wrap;
    }
    .bar_graph_box{
        width: 100%;
    }
    .da_container .da_box + .da_box{
        margin-left: 16px;
    }
    .da_link{
        padding: 0 12px;
    }
    .link_btn{
        padding: 0 4px;
    }

    .downline .da_noData{
        padding: 40px 0;
    }
    /*舊版600~767*/
    .contact_infoTxtUL{width: 47%;}
    .features_list{
        width: 568px;
    }

    /*舊版599以下*/
    .da_canvas_box {padding-bottom: 10px;}
    .da_canvas_box:after{bottom: 11px;}
    .da_canvas_box.tw:after{bottom: 8px;}

    .set_soprt_btnG .re_titleG span{white-space: pre-line;}
    .features_list{
        width: 328px;
    }
    /*Dashboard New*/
    .downline .da_content{
        padding: 20px 0;
    }
    /*首頁搜尋*/
    .search_dropdown{
        display: block;
    }
    .search_list{
        display: none;
    }
    .search_field{
        border-radius: 24px 0 0 24px;
    }
    .search_field .search_btn{
        margin-right: 12px;
    }
}

@media only screen and (max-height: 414px) {
    .ar_bg{
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
    .ar_main, .ar_annG{margin-top: 0;}
}

/*行動裝置設定*/
@media (pointer: coarse),
(-moz-touch-enabled: 1),
screen and (pointer: fine) and (min-resolution: 2dppx) and (max-width: 1023px){
    .lang_select{
        display: block;
        opacity: 0;
    }
    .search_dropdown.pc{
        display: none;
    }
}

/*login.html若有愚蠢寫法皆因首頁須符合IE5*/
.lg_all{
	padding: 80px 0 0;
	text-align: center;
}
.lg_mian{
	width: 360px;
	background-color: #fff;
	/* border: 1px solid #e3e3e3; */
	border-radius: 2px;
	margin: auto auto 16px;
}
.lg_stratum{
	width: 100.1%;
	height: 56px;
	line-height: 56px;
}
.lg_stratum li{
	float: left;
	width: 33.333333%;
	background-color: #006666;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
.lg_stratum li.on{
	background-color: #FFF;
	color: #006666;
}
.lg_stratum li:nth-child(1){border-top-left-radius: 2px;}
.lg_stratum li:nth-child(3){border-top-right-radius: 2px;}

.lgG{
	padding:26px 16px 24px;
	clear: left;
	text-align: left;
}
.lg_chooseG{
	position: relative;
	padding:0 0 5px 4px;
	/* z-index: 2; */
}
.lg_languageG{
	position: relative;
	width: 70px;
	*width: 45px;
	_width: 70px;
	height: 16px;
	line-height: 16px;
}
.lg_sideG{
	position: relative;
	width: 70px;
	height: 16px;
	line-height: 16px;
	margin:0 4px 5px 0;
}
.lg_lan_title,
.lg_side_title{
	position: absolute;
	width: 100%;
}

.lg_lan_title img,
.lg_side_title img{
	position: absolute;
	width: 11px;
	height: 7px;
	top: 5px;
	right: 0;
}
.lg_side_title tt{
	position: relative;
	top: 1px;
	left: -2px;
}
.zh_TW,
.zh_CN,
.en_US{
	position: relative;
	display: block;
	padding-left: 25px;
	font-weight: 600;
}
.zh_TW i,
.zh_CN i,
.en_US i{
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../../assets/images/control/hk.svg) no-repeat;
	background-image: url(../../assets/images/control/hk.png);
	border-radius: 50%;
	left: 0;
}
.zh_CN i{
	background:url(../../assets/images/control/china.svg) no-repeat;
	background-image: url(../../assets/images/control/cn.png);
}
.en_US i{
	background:url(../../assets/images/control/english.svg) no-repeat;
	background-image: url(../../assets/images/control/english.png);
}
.lg_lanUL{
	position: absolute;
	width: 120px;
	padding: 8px 0;
	background-color:#fff;
	border-radius: 3px;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	top: 29px;
	left: -4px;
	z-index: 2;
}
.lg_lanUL li{
	height: 48px;
	line-height: 48px;
	background-color: #fff;
}
li.zh_TW i,
li.zh_CN i,
li.en_US i{
	top: 16px;
	left: 16px;
}
li.zh_TW,
li.zh_CN,
li.en_US{padding-left: 47px;}

.lg_enterG{
	position: relative;
	z-index: 1;
}
.lg_input,
.ps_input,
.ver_ans{
	position: relative;
	height: 48px;
	border-radius: 3px;
	border: solid 1px #c8c8c8;
	margin-top: 16px;
}
.lg_input{
	position: static;
	clear: both;
}
.lg_input > .input-lg{
    padding:0 !important;
}
.lg_enterG>div:first-child{margin-top: 25px;}
.c_icon i,
.u_icon i,
.p_icon i,
.s_icon i{
	float: left;
	display: block;
	width: 44px;
	height:100%;background:url(../../assets/images/control/user.svg) no-repeat center;
	background:url(../../assets/images/control/user.png) no-repeat center;
	top: 0;
	left: 15px;
}
.p_icon i{
	background-image:url(../../assets/images/control/password.svg) ;
	background-image: url(../../assets/images/control/password.png);
}
.s_icon i{
	background-image:url(../../assets/images/control/safecode.svg) ;
	background-image: url(../../assets/images/control/safecode.png);
}

.c_icon i{
	background-image: url(../../assets/images/control/company.svg) ;
	background-image: url(../../assets/images/control/company.png);
}

.s_icon_title{margin-top: 12px;}
.s_icon_title + .lg_input{margin-top: 6px;}
.eye_icon, .no_eye_icon{
	position: absolute;
	display: block;
	width: 48px;
	height: 100%;
	background:url(../../assets/images/control/eye.png) no-repeat center top;
	top: 0;
	right: 0;
}
.no_eye_icon{
	background-position: center bottom;
}

.lg_input .eye_icon,
.lg_input .no_eye_icon{
	position: static;
	float: right;
}

.lg_input input{
	float: left;
	width:70%;
	height:47px;
	line-height: 47px;
	background-color: transparent;
	border: 0;
	font-size: 16px;
}
.lg_input input.lg_input_cover{
	position: absolute;
	height:37px;
	background-color: #fff;
	left: 45px;
	pointer-events: none;
}
/* @media screen and (-webkit-min-device-pixel-ratio:0)
{
	.lg_input input{line-height: initial;}
} */
.lg_err, .lg_scss, .lg_err_ie5{
	position: relative;
	/* padding-left: 20px; */
	color: #d32211;
	font-size: 13px;
	margin-top: 5px;
}
.lg_err:before,
.lg_scss:before{
	content: '';
	display: none;
	position: absolute;
	width: 12px;
	height:12px;
	background:url(../../assets/images/control/error.svg) no-repeat;
	background-image: url(../../assets/images/control/error.png);
	top: 2px;
	left: 0;
}
.lg_err_ie5 i{
	display: none;
	position: absolute;
	width: 12px;
	height:12px;
	background:url(../../assets/images/control/error.svg) no-repeat;
	top: 2px;
	left: 0;
}
.lg_scss{
	position: relative;
	color: #ff7300;
}
.lg_scss:before{
	background-image:url(../../assets/images/control/successful.svg);
	background-image: url(../../assets/images/control/successful.png);
	background-size: cover;
}

.lg_function{
	height: 20px;
	margin-top: 26px;
}
.lg_remember{
	position: relative;
	width: 50%;
	/* float: left; */
}
.lg_remember input{
	width: 16px;
	height: 16px;
	margin: 0;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	-ms-appearance: checkbox;
	appearance: checkbox;
}
.lg_remember tt{
	position: absolute;
	white-space: nowrap;
	top: -1px;
	left: 26px;
}
.lg_forget{
	float: right;
	color: #2980b9;
	opacity: 0.87;
}
.lg_login_btn{
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 0;
	border-radius: 3px;
	background-color: #ff7300;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*margin-top: 71px;*/
	margin-top: 26px;
}
.lg_loginold_btn{
	width: 100%;
	height: 18px;
	line-height: 18px;
	padding: 0;
	background-color: transparent;
	border: 0;
	color: #2980b9;
	font-size: 14px;
	margin-top: 26px;
	text-align: center;
	display: none;
}
.lg_adcomG{
	position: relative;
	width: 360px;
	height: 160px;
	background-color:#fff0b3;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	margin:16px auto 0;
	display: none;
}
.lg_adcomSlider{
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
}
.lg_adcomInner{
	position: absolute;
	width: 400%;
	height: 100%;
	left: 0%;
}
.lg_adcomPage_repeat,
.lg_adcomPage1,
.lg_adcomPage2,
.lg_adcomPage3{
	float: left;
	width: 25%;
	height: 100%;
}
.lg_adcomPage1{background:url(../../assets/images/control/festival_tw.jpg) no-repeat top center ;}
.cn .lg_adcomPage1{background:url(../../assets/images/control/festival_cn.jpg) no-repeat top center ;}
.en .lg_adcomPage1{background:url(../../assets/images/control/festival_en.jpg) no-repeat top center ;}





.lg_adcomPage2{background:url(../../assets/images/control/lg_adcomPage02_en.jpg) no-repeat top center #2579c1;}
.lg_adcomPage3{background:url(../../assets/images/control/lg_adcomPage03_en.jpg) no-repeat top center #a04e26;}
.lg_adcomPage_repeat{background:url(../../assets/images/control/lg_adcomPage01_en.jpg) no-repeat top center #eba537;}

/*ad animate*/
/*.lg_adcomInner.adcom1 { left:0%;}
.lg_adcomInner.adcom2 { left:-100%;}
.lg_adcomInner.adcom3 { left:-200%;}
.lg_adcomInner.adcom4 { left:-300%;}
.lg_adcomGO {
	-webkit-transition: left .5s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-ms-transition: left .5s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	transition: left .5s cubic-bezier(0.42, 0, 0.58, 1.0) ;
}
*/

.lg_adcomL_btn,
.lg_adcomR_btn{
	position: absolute;
	width: 25px;
	height:14px;
	background: url(../../assets/images/control/arrowL.svg) right center  no-repeat;
	background-image: url(../../assets/images/control/arrowL.png);
	border: 0;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: .6;
	z-index: 2;
	display: none;
}
.lg_adcomR_btn{
	background: url(../../assets/images/control/arrowR.svg) left center  no-repeat;
	background-image: url(../../assets/images/control/arrowR.png);
	left: auto;
	right: 0;
}

.lg_adcomDot_btn{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 13px;
	left: 0;
	display: none;
}
.lg_adcomDot_btn li{
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color:rgba(255, 255, 255, 0);
	border: 1px solid #fff;
	opacity: .8;
	border-radius: 50%;
	margin: 0 3px;
}
.lg_adcomDot_btn li.on{background-color:rgba(255, 255, 255, 1);}

/* browser */
.lg_broswer{
	width: 360px;
	line-height: 16px;
	padding: 16px;
	background: #fff;
	margin: auto;
	text-align: left;
}
.lg_broswer h2{
	color: #000;
	font-weight: bold;
}
.lg_broswer_img{
	font-size: 0;
	text-align: center;
}
.lg_broswer_img li{
	display: inline-block;
	padding: 8px;
	border-radius: 8px;
	margin: 8px 0;
}
.lg_broswer_img i{
	display: block;
	width: 56px;
	height: 56px;
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 4px;
}
.icon_chrome{
	background-image: url(../../assets/images/control/icon_chrome.svg);
}
.icon_uc{
	background-image: url(../../assets/images/control/icon_uc.svg);
}
.icon_safari{
	background-image: url(../../assets/images/control/icon_safari.svg);
}
.icon_firefox{
	background-image: url(../../assets/images/control/icon_firefox.svg);
}

.lg_broswer_img code{
	font-size: 12px;
}

/*change-password forget-password pre-login-create-id*/
.ps_main{
	position: relative;
	width: 100%;
	height: 100%;
}
.ps_title{
	position: relative;
	width: 100%;
	height: 56px;
	padding-left:20px;
	line-height: 56px;
	background-color: #006666;
	color: #fff;
	font-size: 18px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.ps_back_btn{
	width: 16px;
	height: 56px;
	background:url(../../assets/images/control/back_white.svg) no-repeat center;
	margin-right: 20px;
	opacity: 1 ;
}
.psG,
.psG_paddingRL0{
	width: 360px;
	padding: 22px 16px 35px;
	background-color:#fff;
	border-radius: 2px;
	border: solid 1px #f6f6f6;
	margin: 56px auto 0;
}
.psG_paddingRL0{padding: 22px 0 33px;}
.ps_note,
.ps_noteNo{
	position: relative;
	padding-right: 27px;
	margin-bottom: 35px;
}
.ps_noteNo{
	padding-right: 0;
	margin-top: 2px;
}
.mail_functionG + .ps_noteNo{margin-top:21px ;}
.ps_noteIconG{
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
}
.ps_noteIconG:after{
	content:'';
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	background:url(../../assets/images/control/info.svg) no-repeat;
	background-size: cover;
	opacity: .5;
	top: 0;
	left: 0;
}
.ps_noteTxt{
	position: absolute;
	width: 296px;
	padding:14px 16px 3px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
	top: 18px;
	right: -7px;
	z-index: 2;
}
.ps_noteTxt li{
	font-size: 13px;
	margin-bottom: 11px;
}

.ps_input{
	position: relative;
	margin-top: 36px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.ps_input:before{
	content: attr(data-pwtitle);
	position: absolute;
	height: 16px;
	font-weight: 300;
	font-size: 12px;
	top: -21px;
	left: -1px;
}
.ps_input input,
.ver_input input{
	width: 100%;
	height: 100%;
	padding: 0 48px 0 15px;
	background-color: transparent;
	border: 0;
	font-size: 16px;
}
.ps_noteNo + .ps_input{margin: 0;}
.scss_icon:after,
.scss_iconS:after{
	content:'';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../../assets/images/control/successful.svg) no-repeat;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}
.scss_iconS:after{right: 92px;}/*有CHECK時*/
.ps_endInput{margin-top: 14px;}
.ps_mini_btnG{
	width: 100%;
	height: 48px;
	text-align: right;
	margin-top: 16px;
}

.ps_end_note{
	padding: 14px 10px 12px 15px;
	line-height: 1.25;
	background-color:#f5f5f5;
	border-radius: 2px;
	font-size: 12px;
	letter-spacing: -.1px;
	margin-top: 16px;
}
.ps_end_note h1{margin-bottom: 4px;}

.ps_reset_btn{
	position: relative;
	display: flex;
	float: left;
	height: 100%;
	line-height: 36px;
	padding-left: 24px;
	background:transparent;
	color: #2980b9;
	font-weight: 600;
	align-items: center;
	opacity: 1;
}
.ps_reset_btn:before{
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 100%;
	background: url(../../assets/images/control/reset.svg) no-repeat center ;
	left:0;
	opacity: 1;
}
.ps_reset_btn.on{opacity: .3;}


.ps_input input.ps_chk_enter{width: calc(100% - 76px);}
.ps_chk_btn{
	display: block;
	width: 76px;
	height: 100%;
	background-color: rgba(117, 117, 117, .4);
	color: #fff;
	font-weight: bold;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.ps_chk_btn.on{background-color: rgba(117, 117, 117, 1);}

.ps_scssG{position: relative;
	width: 360px;
	padding:70px 16px 32px;
	background: #fff;
	border-radius: 2px;
	border: solid 1px #f6f6f6;
	text-align: center;
	margin: 56px auto auto;
}
.ps_scssG:before{
	content: '';
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	background:url(../../assets/images/control/successful.svg) no-repeat; background-size: cover;
	top: 32px;
	left: 0;
	right: 0;
	margin: auto;
}
.ps_scssG h1{
	font-size: 18px;
	margin-bottom: 5px;
}
.ps_scssG p{
	font-size: 12px;
	font-weight: 300;
}
.ps_strengthG{
	font-size: 12px;
	color: rgba(0, 0, 0, .6);
	margin: 4px auto 6px;
}
.ps_strength_danger{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.ps_strength_img{position: relative;
	top: 0;
	bottom: 0;
	margin: auto 3px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.ps_strength_img li{
	width: 8px;
	height: 4px;
	border-radius: 2px;
	border: 1px solid #dcdcdc;
	margin-right: 1px;
}
.ps_strength_light1 li:nth-child(1){
	background-color: #d32211;
	border: 0;
}
.ps_strength_light2 li:nth-child(1),
.ps_strength_light2 li:nth-child(2){
	background-color: #d32211;
	border: 0;
}
.ps_strength_light3 li:nth-child(1),
.ps_strength_light3 li:nth-child(2),
.ps_strength_light3 li:nth-child(3),
.ps_strength_light4 li:not(:last-child),
.ps_strength_light5 li{
	background-color: #ff7300;
	border: 0;
}

/*register_email*/
.mail_functionG{
	position: relative;
	padding: 0 16px 21px;
	border-bottom: 1px solid #f6f6f6;
}
.mail_function_title{
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 2px;
}
.mail_function_btnG{
	position: absolute;
	top: 8px;
	right:23px;
}
.mail_edit_btn,
.mail_del_btn{
	width: 16px;
	height: 16px;
	background: url(../../assets/images/control/edit.svg) no-repeat;
	border: 0;
}
.mail_del_btn{
	background-image: url(../../assets/images/control/delete.svg);
	margin-right: 29px;
}
.mail_infoG{padding: 22px 16px 0;}
.mail_infoG ~ .mail_infoG{padding: 16px 16px 0;}
.mail_infoG .ps_end_note{margin-top: 0;}
.mail_infoG .ps_miniDone_btn{margin-top: 16px;}

/*驗證碼*/
.ver_scroll{
	padding:0 17px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}


.ver_x_btn{
	position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background:url(../../assets/images/control/close_x.svg) no-repeat center;
    border: 0;
    top: 10px;
    right: 16px;
    opacity: .6;
}
.ver_img{
	position: relative;
	width: 100%;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.ver_img:before{
	content: attr(data-txt);
	position: absolute;
	display: flex;
	width: calc(100% - 100px);
	height: 40px;
	align-items: center;
}
.ver_img>img{
	width: 100%;
}
.ver_function{
	display: flex;
	padding-top: 16px;
	align-items: center;
	justify-content: center;
}
.ver_reset_btn{
	display: flex;
	align-items: center;
	background-color: transparent;
	border: 0;
	color: #2980b9;
	font-size: 14px;
	margin-right: 16px;
}
.ver_reset_btn:before{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../assets/images/control/reset.svg) no-repeat center/cover;
	margin-right: 8px;
}
.ver_ans{
	display: flex;
	width: 150px;
	align-items: center;
	justify-content: center;
	margin-top: 0;
}
.ver_foot{
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
}
.ver_foot>input{
	width: calc((100% - 17px) / 2);
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	border: 0;
	font-size: 14px;
	font-weight: bold;

}
.ver_cancel_btn{
	background-color: #7f7f7f;
	color: #fff;

}
.ver_submit_btn{
	background-color: rgba(56, 187, 143, 1);
	color: #fff;
}

/*RWD*/
@media only screen and (max-width: 767px) {
	.lg_all{padding: 0;}
	.lg_mian,
	.lg_broswer{width: 100%;}
	.lg_stratum{
		height: 56px;
		line-height: 56px;
	}
	.lg_adcomG{
		width: 100%;
		margin-top:0;
	}

	.psG, .psG_paddingRL0{
		width: 100%;margin-top: 0;}


	.ps_scssG{
		width: 100%;
		margin-top: 16px;
	}
	.ps_miniDone_btn{margin-top: 29px;}

	/*拿掉外框線*/
	.lg_mian,
	.lg_adcomG,
	.psG,
	.ps_scssG,
	.psG_paddingRL0{border: 0;}
	/*拿掉圓角*/
	.lg_mian,
	.lg_adcomG,
	.lg_adcomSlider,
	.lg_stratum li:nth-child(1),
	.lg_stratum li:nth-child(3){border-radius: 0;}

}
select.input-sm-status {
    height: 28px;
    line-height: 19px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #ff7300;
    border-color: #ff7300;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ff7300;
    border-color: #ff7300;
}
.text-right a, .go-down-link {
    text-decoration: none;
    color: #337ab7;
}

table#table-currency td {
    text-align: center;
}

table#table-currency th {
    text-align: center;
}
.navbar_curr .box_status {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    height: 100%;
    padding: 12px 9px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.navbar_curr .box_status .title {
    display: block;
    width: 100%;
    line-height: 14px;
    font-size: 12px;
    color: rgba(0,0,0,0.54);
}
.navbar_curr .box_status .status {
    white-space: nowrap;
}
.navbar_curr .box_status select, .navbar_curr .box_status .status tt {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    /* margin-right: -4px; */
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,0.8);
    border: none;
    background: none;
}
.navbar_curr .box_status .icon_down {
    display: inline-block;
    margin-left: 7px;
}
.icon_down {
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 7px;
    opacity: 0.6;
    background: url(../../assets/images/control/re_sreachArr_D.svg) center no-repeat;
}
.navbar_curr .box_status .drop_down {
    top: 52px;
    left: 0;
    /* max-height: calc(100vh - 112px); */
    max-height: 300px;
    overflow-y: auto;
}
.drop_down {
    visibility: collapse;
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 128px;
    margin-bottom: 16px;
    padding: 8px 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: scale(0.3, 0);
    transform-origin: 0 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.navbar_curr .box_status.on .drop_down {
    visibility: visible;
    opacity: 1;
    transform: scale(1, 1);
}
.navbar_curr .box_status .drop_down {
    top: 52px;
    left: 0;
    /* max-height: calc(100vh - 112px); */
    max-height: 300px;
    overflow-y: auto;
}
.navbar_curr .box_status.on .drop_down li {
    opacity: 1;
}
.drop_down li.selected {
    background-color: #c7dbdb66;
}
.drop_down li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 48px;
    min-height: 48px;
    line-height: 16px;
    padding: 0 16px;
    font-size: 14px;
    color: rgba(0,0,0,0.8);
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #ff7300;
    border-color: #ff7300;
    cursor: default;
}

.form-inline select, .form-group select {
    appearance: auto;
    border: 0px;
    box-shadow: none;
    height: 28px;
    border-radius: 0px;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 14px;
    padding: 0px 6px;
        border-bottom: 1px solid #000;
}

.url_link_right{
    clear: right !important; 
    float: right !important;
}

.url_list_null{
    pointer-events: none;
}
.url_list_null:after{
   background-image: none !important;
}

#n_global , #n_private{
    appearance: auto !important
}

#a_form > .table > tbody > #comp_row > td > #n_company > input,
#a_form > .table > tbody > #lvla_row > td > #n_lvla > input,
#a_form > .table > tbody > #level_row > td > #n_level > input{
    appearance: auto !important;
    margin-right: 5px;
}
#a_form > .table > tbody > #level_row > td > #n_level > span{
    margin-right: 15px;
}

.box_checkbox {
    display: flex;
    height: 48px;
    align-items: center;
    padding: 0 50px 0 0;
}

.box_checkbox label {
    display: flex;
}

.box_checkbox label input[type=checkbox] {
    margin: 0;
    margin-right: 15px;
    width: 16px;
    height: 16px;
    background: url(../../assets/images/control/check.svg) center no-repeat;
}

.box_checkbox label input[type=checkbox]:checked {
    background: url(../../assets/images/control/chcked-boc-check.svg) center no-repeat;
}

.title_item_m {
    display: block;
    line-height: 16px;
    height: 16px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.8);
}

.box_checkbox label .display_checkbox {
    cursor: default;
    opacity: 0.3;
    margin-right: 15px;
    width: 16px;
    height: 16px;
    background: red;
    border-radius: 3px;
    color: #fff;
}

.box_checkbox label .display_checkbox.checked {
    background: #006666;
}

.box_checkbox label .display_checkbox::after {
    content: "\2717";
    color: #fff;
    position: relative;
    left: 2px;
    bottom: 1.5px;
}

.box_checkbox label .display_checkbox.checked::after {
    content: "\2713";
    left: 3px;
}

.box_inc_disabled {
    appearance: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: text !important;
    background: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 0 !important;
    height: auto !important;
    line-height: normal !important;
}

.box_inc_disabled::before {
    display: none !important;
}

.box_inc_disabled code {
    padding: 0 !important;
    top: -45px !important;
    bottom: 0 !important;
    left: 0 !important;
    font-weight: 300 !important;
}

.re_head_fixed1, .re_head_fixed2 {
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    top: 56px;
    overflow: hidden;
    z-index: 3;
    width: 98.2%;
    display: none;
}

.re_head_fixed1 .re_div_head {
    min-width: 1352px;
}

.re_head_fixed1 .re_div_head .re_div_col1 {
    position: fixed; 
    width: 160px; 
    height: 56px; 
    background-color: #fff; 
    z-index: 2;
}

.re_head_fixed1 .re_headbg02G .re_div_col1 {
    height: 40px; 
    background-color: #7391a5; 
}

.re_head_fixed1 .re_headbg03G .re_div_col1 {
    height: 32px;
    background-color: #8caabe;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* left: 0; */
    padding-left: 13px; 
    text-align: left; 
    font-weight: normal;
}

.re_head_fixed1 .re_div_head .re_div_moveG {
    margin-left: 200px;
}

@media only screen and (max-width: 767px) {
    .re_head_fixed1, .re_head_fixed2 {
        width: 100%;
    }
    .re_head_fixed1 .re_div_head {
        min-width: 968px;
    }
}

@media only screen and (min-width: 1024px) {
    .re_head_fixed1, .re_head_fixed2 {
        width: 93.7%;
    }
}

@media only screen and (min-width: 1053px) {
    .re_head_fixed1, .re_head_fixed2 {
        width: 94.8%;
    }
}

.md_alertBg {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0 16px 16px;
    background-color: rgba(0, 0, 0, .48);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.wid100{
    width: 100% !important;
}

.ct_alert{
    width: 480px !important;
}

.footer_list a {
    color: white;
}

.footer_list a:active {
    color: #11d11f;
}

.footer_list a:focus {
    color: #11d11f;
    outline: none;
}

/* theme02 for d0029 */
.theme02 .ps_mini_submit_btn{
	background-color: #398de0;
	color: #fff;
}

.theme02 .mu_memberDetail_title .mu_close:hover{
    background-color: #366ba0;
}

.theme02 .le_small_btnG>li:hover:before,
.theme02 .le_big_btnG li:hover:before,
.theme02 .mu_memberUL li:not(.mu_memberUL_title):hover:before{
    filter: invert(44%) sepia(51%) saturate(744%) hue-rotate(175deg) brightness(117%) contrast(100%);
    opacity: 1;
}

.theme02 .le_small_btnG>li.le_account:hover:before,
.theme02 .le_big_btnG .le_account_list li:hover:before{
    filter: none;
    background-position: bottom center;
    filter: invert(44%) sepia(51%) saturate(744%) hue-rotate(175deg) brightness(117%) contrast(100%);
}

.theme02 .le_big_btnG li:not(.le_account_list):hover,
.theme02 .mu_memberUL li:not(.mu_memberUL_title):hover,
.theme02 .mu_memberUL .mu_lan:hover span{
    color: #1976A7;
    background-color: #FAFAFA;
}

.theme02 .mu_btnG li:hover,
.theme02 .mu_rightG .profile_btn:hover,
.theme02 .mu_hab:hover,
.theme02 .le_bigG .le_close:hover{
    background-color: #1976A7;
}

.theme02 .mu_hab:active,
.theme02 .mu_btnG li:active,
.theme02 .mu_rightG .profile_btn:active,
.theme02 .le_bigG .le_close:active,
.theme02 .mu_memberDetail_title .mu_close:active{
    background-color: #1976A7;
}

.theme02 .ps_submit_btn:active,
.theme02 .ps_mini_submit_btn:active,
.theme02 .ps_miniDone_btn:active,
.theme02 .teach_ok_btn:active,
.theme02 .titlebar_menu .save:active,
.theme02 .credits_item03 .btn_save:active,
.theme02 .menu_save .save:active,
.theme02 .menu_save .save_new:active,
.theme02 .ar_green_btn:active,
.theme02 .active_bg38bb8f_op06,
.theme02 .ver_submit_btn:active{
    background-color: #4ba7f6;
}

.theme02 .le_small_btnG>li:not(.le_account):active:before{
    /* filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%); */
    filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(175deg) brightness(150%) contrast(100%);
    opacity: 1;
}

.theme02 .btn_add.w_add {
    background-color: #398de0;
    color: #fff;
}

.theme02 .btn_add.w_add .icon_add {
    background: url(../../assets/images/control/W_plus.svg) no-repeat center #398de0;
}

.theme02 .footer_list li.footerLi_on{
	color: #1976D2;
}

.theme02 .footer_list li.footerLi_on:before{
	/* filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%); */
	filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(175deg) brightness(150%) contrast(100%);
	opacity: 1;
}