@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/

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: #F0F0F0;
	font-size: 14px;
	color: rgba(0, 0, 0, .8);
}
ol, ul {list-style: none;}

h1, h2, h3, h4, h5, h6, th{ font-weight:normal;}
a{text-decoration:none;color: inherit;font-family: 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;
}
*: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;}


/* 指定位置字型 */
.spFont {
	font-family: "andale mono", "monotype.com", monaco, "courier new", courier, monospace!important;
}
div,
span,
li,
tt{
	font-family: inherit!important;
}
@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_foot{
	display: none;
	position: absolute;
	width: 100%;
	height: 56px;
	background-color: #b03427;
	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 #E0E0E0;
	/*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;
}
.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;
	min-height: 100%;
	overflow: visible!important;
}
.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;
}


.retrieve_active .ma_header::before,
.retrieve_active .ma_left::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .32);
	z-index: 3;
}
.retrieve_active .ma_left{
	border-right: 0;
}
.loading_active .ma_header::before,
.loading_active .ma_left::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}

@media only screen and (min-width:1024px){
	.ma_main,
	.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;
	}
	html.ios15_height.main_rotate,
	html.ios15_height.main_rotate>body {
		height: calc(100vh + 1px);
	}
	.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_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;
	}
}


/*account_list*/
mark{
	color: #4b4600;
	background: #fff028;
}
input[type="text"],
input[type="password"],
input[type="tel"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="password"]::-webkit-textfield-decoration-container{
	visibility: hidden
}
select{
	-moz-appearance:none;
}
select::-ms-expand {
	display: none;
}
.word_blue{
	color: #2980b9;
}
.word_light_blue{
	color: #007AFF;
}
.acc_list{
	position: relative;
	width: 100%;
}
.icon_add{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/control/G_plus.svg) no-repeat center #fff;
}
.btn_add.g_add .icon_add{
	background-image: url(../../images/control/G_plus.svg);
}
.btn_add.w_add{
	display: inline-flex;
	align-items: center;
	margin: 0 12px;
	width: auto;
	border-radius: 3px;
	background-color: #38bb8f;
}
.btn_add.w_add .icon_add{
	border-radius: 3px;
	width: 40px !important;
	background: url(../../images/control/W_plus.svg) no-repeat center #38bb8f;
}
.btn_add.w_add tt{
	display: block;
	color: #fff;
	margin-right: 16px;
}
@media only screen and (max-width: 1023px){
	.btn_add.w_add{
		width: 40px;
	}
	.btn_add.w_add tt{
		display: none;
	}
}
.icon_down{
	display: inline-block;
	width: 11px;
	height: 7px;
	margin-left: 7px;
	opacity: 0.6;
	background: url(../../images/control/re_sreachArr_D.svg) center no-repeat;
}
._no_purview .icon_down{
	display: none;
}
i.acc_sort,
label.acc_sort i{
	display: inline-block;
	width: 8px;
	height: 14px;
	margin-left: 5px;
	vertical-align: middle;
	background: url(../../images/control/sort_nomal.svg) center no-repeat;
}
i.acc_sort_up,
label.acc_sort_up i{
	background: url(../../images/control/sort_up.svg) center no-repeat;
}
i.acc_sort_down,
label.acc_sort_down i{
	background: url(../../images/control/sort_down.svg) center no-repeat;
}
.icon_edit{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../../images/control/edit.svg) no-repeat center;
}
.icon_dele{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../../images/control/icon_trcan.svg) no-repeat center;
}
.icon_lock{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../../images/control/locked_account.svg) no-repeat center;
}
.icon_error{
	display: none;
	width: 12px;
	height: 12px;
	background: url(../../images/control/error.svg) no-repeat center;
}
.icon_check{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../../images/control/successful.svg) no-repeat center;
	background-size: cover;
}
.icon_info,
.btn_info:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	opacity: 0.6;
	background: url(../../images/control/info.svg) no-repeat center;
}
.icon_eye,
.box_input .eye_icon,
.icon_noeye,
.box_input .no_eye_icon{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/control/icon_eye.svg) no-repeat;
	background-size: cover;
	z-index: 1;
}
.icon_eye,
.box_input .eye_icon{
	background-position: top center;
}
.icon_noeye,
.box_input .no_eye_icon{
	background-position: bottom center;
}
.dot_red{
	display: inline-block;
	width: 4px;
	height: 4px;
	vertical-align: middle;
	border-radius: 50%;
	opacity: 0.87;
	background: #c0392b;
}
[class^="btn_"]{
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.comm_info .btn_box{
	cursor: initial;
}
.btn_submit,
.btn_savenew,
.btn_save,
.btn_green,
.btn_apply{
	border: none;
	color: #fff;
	background: #38bb8f;
}
.btn_submit:disabled,
.btn_green:disabled,
.btn_apply:disabled{
	opacity: 0.4;
}
.btn_apply{
	position: relative;
}
.btn_apply img{
	position: absolute;
	top: -7px;
	right: -16px;
	width: 32px;
	height: 14px;
	display: none;
}
.btn_apply .zh{
	top: -8px;
	right: -12px;
	width: 24px;
	height: 16px;
}
.btn_white{
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.6);
	background: #fff;
}
.btn_cancel{
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.6);
	background: transparent;
}
.btn_close,
.btn_gray{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.54);
}
input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	background: url('../../images/control/check.svg') center no-repeat;
}
input[type="checkbox"]:checked{
	background: url('../../images/control/chcked-boc-check.svg') center no-repeat;
}

/* Nav Bar Setting*/
.navbar{
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 60px;
	border-bottom: #f0f0f0 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;
}
.navbar>.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;
}
.left.scroll>div{
	white-space: nowrap;
	font-size: 0;
}
.navbar>.right{
	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;
}
.search_on.navbar>.right{width: 100%;}
.navbar>.scroll + .right:before{
	content: '';
	position: absolute;
	width: 16px;
	height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.16), #ffffff 99%);
	right: 100%;
	opacity: 0;
}
.navbar .box_status{
	position: relative;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	height: 100%;
	padding: 12px 16px;
	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 .box_status.on{
	background: #ebf7ff;
}

/*2019-05-10 add label.box_status*/
.navbar .box_status .title{
	display: block;
	width: 100%;
	line-height: 14px;
	font-size: 12px;
	color: rgba(0,0,0,0.54);
}
.navbar .box_status .status{
	white-space: nowrap;
}
.navbar .box_status select,
.navbar .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 .box_status select{
	width: 100%;
	padding: 0;
}
label.box_status select{
	height: 100%;
	border:0;
	background: transparent;
}
.acclist_td06.status .box_status select{
	min-width: 87px;
	font-size: 14px;
	font-weight: bold;
}
.navbar .box_status .icon_down{
	display: inline-block;
	margin-left: 7px;
}
.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 .box_status.on .drop_down{
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
}
.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;
}
.navbar .box_status.on .drop_down li{
	opacity: 1;
}
.drop_down_on{
	background-color: #e3e3e3;
}
.navbar .box_status .drop_down{
	top: 52px;
	left: 0;
	max-height: calc(100vh - 112px);
	overflow-y: auto;
}
@media only screen and (max-width:767px){
	.navbar .box_status .drop_down{
		max-height: calc(100vh - 168px);
	}
}
.bar_search{
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	width: 296px;
	height: 40px;

	-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;
}
.bar_search input{
	display: block;
	height: 100%;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
	border: #c8c8c8 solid 1px;
	border-right: none;
	border-radius: 3px 0 0 3px;

	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.btn_clear{
	display: block;
	height: 100%;
	border-top: #c8c8c8 solid 1px;
	border-bottom: #c8c8c8 solid 1px;

	-webkit-flex: 0 0 40px;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
}
.btn_clear i{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: url(../../images/control/close_x.svg) no-repeat center #fff;
}
.btn_search{
	display: block;
	height: 100%;
	border-radius: 0 3px 3px 0;
	background: url(../../images/control/search_white.svg) no-repeat center #7f7f7f;

	-webkit-flex: 0 0 40px;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
}
.btn_serch_switch{
	display: block;
	height: 100%;
	border-radius: 0 3px 3px 0;
	opacity: 0;
	background: url(../../images/control/search.svg) no-repeat center #fff;

	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
}
.btn_add{
	display: inline-block;
	width: 40px;
	height: 40px;
	/*margin: 0 12px;*/
}
.btn_add .icon_add{
	width: 100%;
	height: 100%;
}
.navbar .btn_add{

}

@media only screen and (max-width:767px){
	.bar_search{
		width: 40px;
		height: 100%;
		-webkit-transition: all 0.3s ease-in-out -0.3s;
		transition: all 0.3s ease-in-out -0.3s;
	}
	.bar_search input{
		/* display: none; */
		opacity: 0;
		padding: 0;
		transform: scaleX(0);
		-webkit-transition: opacity 0.6s ease-in-out -0.3s;
		transition: opacity 0.6s ease-in-out -0.3s;
	}
	.bar_search .btn_clear{
		display: none;
	}
	.btn_serch_switch{
		opacity: 1;
		-webkit-flex: 0 0 40px;
		-ms-flex: 0 0 40px;
		flex: 0 0 40px;
		-webkit-transition: flex 0.3s -0.3s;
		transition: flex 0.3s -0.3s;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.btn_search{
		display: block;
		-webkit-flex: 0;
		-ms-flex: 0;
		flex: 0;
		opacity: 0;
		border-radius: 0;
		background: url(../../images/control/search_white.svg) no-repeat center #7f7f7f;
		-webkit-transition: flex 0.3s -0.3s;
		transition: flex 0.3s -0.3s;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

	/* Search bar been open */
	.search_on .left,
	.search_on .btn_add{
		display: none;
	}
	.search_on .bar_search{
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.search_on .bar_search input{
		padding: 0 0 0 15px;
		border-radius: 0;
		border: none;
		opacity: 1;
		transform: scaleX(1);
	}
	.search_on .btn_clear{
		display: block;
		border-radius: 0;
		border: none;
	}
	.search_on .btn_clear{
		-webkit-flex: 0 0 62px;
		-ms-flex: 0 0 62px;
		flex: 0 0 62px;
	}
	.search_on .btn_search{
		opacity: 1;
		-webkit-flex: 0 0 62px;
		-ms-flex: 0 0 62px;
		flex: 0 0 62px;
	}
	.search_on .btn_serch_switch{
		opacity: 0;
		-webkit-flex: 0;
		-ms-flex: 0;
		flex: 0;
	}
	.accadd_comm_nav.search_on{
		padding: 0;
	}
}



/* Account List Form Setting */
.acclist_table{
	width: 100%;
	/* min-height: calc(100% - 60px); */
	background: #fff;
}
.no_found_div{
	margin-top: 31px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	color: rgba(0,0,0,0.6);
}
.acclist_tr{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	padding: 0 0 0 16px;
	color: rgba(0,0,0,0.69);

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;

	flex-wrap: nowrap;
}
.acclist_tr.title{
	height: 58px;
	line-height: 1.08;
	font-size: 12px;
	font-weight: 300;
	border-bottom: 2px solid #e0e0e0;
	background: #fff;

	/* make the text unselect*/
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}


.acclist_tr>div[class^="acclist_t"]>label{
	cursor: pointer;
}
.acclist_tr>div[class^="acclist_t"]._no_purview >label{
	cursor: default;
}

@media only screen and (max-width:768px){
	.acclist_tr.title.freeze{
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		border: none;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
		z-index: 2;
	}
}
.acclist_tr.content{
	height: 49px;
	line-height: 16px;
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
}
.acclist_tr.content:last-child{
	/* border-bottom: none; */
}
.acclist_tr>div[class^="acclist_t"],
.acclist_tr.content>label{
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	height: 100%;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
/*.acclist_tr.content>label{
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}*/
.acc_tdbreak{
	display: inline-block;
	vertical-align: middle;
}
.acc_tdbreak tt{
	display: block;
	line-height: 13px;
	white-space: nowrap;
}
.status>div{
	position: relative;
	min-width: 78px;
}
.status.on>.select_max>div,
.status.on>div{
	z-index: 3;
}
.status .icon_down{
	margin-left: 7px;
}
.acclist_td01 tt.word_blue{
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.acclist_td04{
	position: relative;
}
div[class^="acclist_t"].credits{
	white-space: nowrap;
}
.acclist_td04 span,.acclist_td04 tt{
	display: inline-block;
	vertical-align: middle;
}
.acclist_td06.status{
	position: relative;
}
.acclist_td06.status .icon_down{
	position: absolute;
	top: -16px;
	left: 0;
	width: calc(100% + 17px);
	height: 48px;
	margin: 0;
	background-position: center right;
}
.acclist_td06.status .select_min .icon_down{
	pointer-events: none;
}
.acclist_td06.status.on .select_max .icon_down,
.acclist_td06.status.on{
	z-index: 3;
}
.acclist_td06.status.on tt{
	opacity: 0;
}
.acclist_td06.status .drop_down{
	top: -8px;
	left: -16px;
	width: 128px;
	transform: scale(0, 0);
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
}
.acclist_td06.status.on .select_max .drop_down{top: -24px;}

.acclist_td06.status.on>div>div ~ .drop_down,
.acclist_td06.status.on>div ~ .drop_down{
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
}
.acclist_td06.status .drop_down li{
	transition-delay: 0.1s;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}
.acclist_td06.status.on>div>div ~ .drop_down li,
.acclist_td06.status.on>div ~ .drop_down li{
	opacity: 1;
}
.acclist_td06.status li.drop_down_on{
	background: #fff;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}
.acclist_td08{
	padding: 0 12px;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.acclist_td08 [class^="btn_"]:nth-child(1),
.acclist_td08 [class^="btn_"]:nth-child(2){
	width: 16px;
	height: 16px;
	margin-right: calc((100% - 16px * 3)/3);
}
div[class^="acclist_t"].credits,
div[class^="acclist_t"].agent,
div[class^="acclist_t"].member,
div[class^="acclist_t"].currency{
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

.acclist_th05:after,.acclist_td05:after{
	content: '';
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	height: 100%;
}
.acclist_th09,.acclist_td09{
	text-align: center;
	white-space: nowrap;

	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.permission i{
	display: block;
	width: 16px;
	height: 16px;
}
.permission .icon_okuse{
	background: url(../../images/control/successful.svg) no-repeat center;
	background-size: cover;
}
.permission .icon_nouse{
	background: url(../../images/control/successful_no.svg) no-repeat center;
	background-size: cover;
}

/* Account List Form Width Setting */
/* 1440 */
/*.acclist_table{padding: 0 16px;}*/
.acclist_th01{width: 11.9%;}
.acclist_th02{width: 9.9%;}
.acclist_tr.content>label{width: 21.8%;}
.acclist_tr.content>label .acclist_td01{width: 55%;}
.acclist_tr.content>label .acclist_td02{width: 45%;}
.acclist_th03,.acclist_td03{width: 11.4%;}
.acclist_th04,.acclist_td04{width: 12.4%;}
.acclist_th05,.acclist_td05{width: 15.2%;}
.acclist_th05:after,.acclist_td05:after{width: 39.4%;}
.acclist_th06,.acclist_td06{width: 13.2%;}
.acclist_th07,.acclist_td07{width: 13.6%;}
.acclist_th08,.acclist_td08{width: 12.4%;}
.acclist_th09,.acclist_td09{width: 8.16%;}





/*Set for sub account list 1024 ~ */
.sub_list .acclist_tr>div[class^="acclist_t"],
.sub_list .acclist_tr.content>label{
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
}

.sub_list .acclist_th01{width: 13.45%;}
.sub_list .acclist_th02{display: none!important;}
.sub_list .acclist_tr.content>label{
	width: 13.45%;
	padding: 8px 0 10px 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sub_list .acclist_tr.content>label .acclist_td01{width: 100%;}
.sub_list .acclist_tr.content>label .acclist_td02{width: 100%;}
.sub_list .acclist_th03,.sub_list .acclist_td03{width: 9.45%;}
.sub_list .acclist_th07,.sub_list .acclist_td07{width: 10.7%;}
.sub_list .acclist_th08,.sub_list .acclist_td08{width: 12.6%;}
.sub_list .acclist_td08 .btn_add{display: none!important;}
.sub_list .acclist_th09,.sub_list .acclist_td09{width: 10%;}

.sub_list .content .usercode{
	color: #000;
	font-weight: normal;
}
.sub_list .content .name{
	color: rgba(0,0,0,0.6);
}

.ag .acclist_th03,
.ag .acclist_td03{width: 10.4%;}
.ag .acclist_th04,
.ag .acclist_td04{width: 11.4%;}
.ag .acclist_th05,
.ag .acclist_td05{width: 13.2%;}
.ag .acclist_th06,
.ag .acclist_td06{width: 12.2%;}
.ag .acclist_th07,
.ag .acclist_td07{width: 12.6%;}
.ag .acclist_th08,
.ag .acclist_td08{width: 11.4%;}
.ag .acclist_th10,
.ag .acclist_td10{width: 7%;}

/* 1280 */
@media screen and (min-width: 1280px) and (max-width:1439px){
	.acclist_table{padding: 0;}
	.acclist_th01{width: 11%;}
	.acclist_th02{width: 8.9%;}
	.acclist_tr.content>label{width: 19.9%;}
	.acclist_tr.content>label .acclist_td01{width: 55%;}
	.acclist_tr.content>label .acclist_td02{width: 45%;}
	.acclist_th03,.acclist_td03{width: 11.4%;}
	.acclist_th04,.acclist_td04{width: 12.8%;}
	.acclist_th05,.acclist_td05{width: 14.7%;}
	.acclist_th05:after,.acclist_td05:after{width: 39.4%;}
	.acclist_th06,.acclist_td06{width: 17.1%;}
	.acclist_th07,.acclist_td07{width: 14.9%;}
	.acclist_th08,.acclist_td08{width: 9.2%;}
	.acclist_th09,.acclist_td09{width: 8.9%;}

	.ag .acclist_th04,
	.ag .acclist_td04{width: 11.8%;}
	.ag .acclist_th05,
	.ag .acclist_td05{width: 13.7%;}
	.ag .acclist_th06,
	.ag .acclist_td06{width: 15.1%;}
	.ag .acclist_th07,
	.ag .acclist_td07{width: 13.9%;}
	.ag .acclist_th08,
	.ag .acclist_td08{width: 8.2%;}
}

/* 1024 */
@media screen and (min-width: 1024px) and (max-width:1279px){
	.acclist_table{padding: 0;}
	.acclist_th01{width: 11.9%;}
	.acclist_th02{width: 10.2%;}
	.acclist_tr.content>label{width: 22.1%;}
	.acclist_tr.content>label .acclist_td01{width: 53%;}
	.acclist_tr.content>label .acclist_td02{width: 47%;}
	.acclist_th03,.acclist_td03{width: 11%;}
	.acclist_th04,.acclist_td04{width: 13.5%;}
	.acclist_th05,.acclist_td05{width: 12.1%;}
	.acclist_th05:after,.acclist_td05:after{width: 34%;}
	.acclist_th06,.acclist_td06{width: 17%;}
	.acclist_th07,.acclist_td07{width: 12.5%;}
	.acclist_th08,.acclist_td08{width: 11.8%;}
	.acclist_th09,.acclist_td09{width: 8.48%;}

	.ag .acclist_th04,
	.ag .acclist_td04{width: 12.5%;}
	.ag .acclist_th05,
	.ag .acclist_td05{width: 11.1%;}
	.ag .acclist_th06,
	.ag .acclist_td06{width: 13.8%;}
	.ag .acclist_th07,
	.ag .acclist_td07{width: 11.7%;}
	.ag .acclist_th08,
	.ag .acclist_td08{width: 10.8%;}
}

/* screen width under 1023  set 768 design */
@media screen and (min-width: 768px) and (max-width:1023px){
	.acclist_table{padding: 0;}
	.acclist_th01{width: 15.2%;}
	.acclist_th02{display: none!important;}
	.acclist_tr.content>label{
		width: 15.2%;
		padding: 8px 0 10px 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.acclist_tr.content>label .acclist_td01{width: 100%;}
	.acclist_tr.content>label .acclist_td02{width: 100%;}

	.acclist_th03,.acclist_td03{width: 13.9%;}
	.acclist_th04,.acclist_td04{width: 17.9%;}
	.acclist_th05,.acclist_td05{width: 24.2%; visibility: visible;}
	.acclist_th05:after,.acclist_td05:after{width: 36.7%;}
	.acclist_th06,.acclist_td06{width: 18.5%;}
	.acclist_th07,.acclist_td07{display: none!important;}
	.acclist_th08,.acclist_td08{width: 10.3%;}
	.acclist_td08 .btn_add{display: none!important;}
	.acclist_th09,.acclist_td09{width: 12.1%;}

	/*Set for sub account list*/
	.sub_list .acclist_th01{width: 18.2%;}
	.sub_list .acclist_th02{display: none!important;}
	.sub_list .acclist_tr.content>label{
		width: 18.2%;
		padding: 8px 0 10px 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sub_list .acclist_tr.content>label .acclist_td01{width: 100%;}
	.sub_list .acclist_tr.content>label .acclist_td02{width: 100%;}
	.sub_list .acclist_th03,.sub_list .acclist_td03{width: 10.9%;}
	.sub_list .acclist_th04,.sub_list .acclist_td04{width: 17.9%;}
	.sub_list .acclist_th05,.sub_list .acclist_td05{width: 24.2%; visibility: visible;}
	.sub_list .acclist_th05:after,.sub_list .acclist_td05:after{width: 36.7%;}
	.sub_list .acclist_th06,.sub_list .acclist_td06{width: 18.5%;}
	.sub_list .acclist_th08,.sub_list .acclist_td08{width: 10.3%;}
	.sub_list .acclist_td08 .btn_add{display: none!important;}
	.sub_list .acclist_th09,.sub_list .acclist_td09{width: 12.1%;}


	.ag .acclist_th03,
	.ag .acclist_td03{width: 12.9%;}
	.ag .acclist_th04,
	.ag .acclist_td04{width: 16.9%;}
	.ag .acclist_th05,
	.ag .acclist_td05{width: 20.2%; visibility: visible;}
	.ag .acclist_th06,
	.ag .acclist_td06{width: 16.5%;}
	.ag .acclist_th08,
	.ag .acclist_td08{width: 9.3%;}
	.ag .acclist_th10,
	.ag .acclist_td10{width: 9%;}
}

/* 600 */
@media screen and (min-width: 600px) and (max-width:767px){
	.acclist_table{padding: 0;}
	.acclist_th01{width: 20.9%;}
	.acclist_th02{display: none!important;}
	.acclist_tr.content>label{
		width: 20.9%;
		padding: 8px 0 10px 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.acclist_tr.content>label .acclist_td01{width: 100%;}
	.acclist_tr.content>label .acclist_td02{width: 100%;}

	.acclist_th03,.acclist_td03{width: 13.5%;}
	.acclist_th04,.acclist_td04{width: 22.6%;}
	.acclist_th05,.acclist_td05{display: none!important;}
	.acclist_th05:after,.acclist_td05:after{width: 100%;}
	.acclist_th06,.acclist_td06{width: 29.8%; padding-left: 8.2%}
	.acclist_th07,.acclist_td07{display: none!important;}
	.acclist_th08,.acclist_td08{width: 13.2%;}
	.acclist_td08 .btn_add{display: none!important;}
	.acclist_th09,.acclist_td09{display: none!important;}

	.sub_list .acclist_th01{width: 40%;}
	.sub_list .acclist_tr.content>label{width: 40%;}
	.sub_list .acclist_th03,.sub_list .acclist_td03{width: 39.4%;}
	.sub_list .acclist_th08,.sub_list .acclist_td08{width: 20.6%;}

	.ag .acclist_th03,
	.ag .acclist_td03{width: 12.5%;}
	.ag .acclist_th04,
	.ag .acclist_td04{width: 20.6%;}
	.ag .acclist_th06,
	.ag .acclist_td06{width: 24.8%; padding-left: 6.2%}
	.ag .acclist_th08,
	.ag .acclist_td08{width: 11.2%;}
	.ag .acclist_th10,
	.ag .acclist_td10{width: 10%;}
	.ag .acclist_th10 tt,
	.ag .acclist_td10 tt{width: 30px;}

	span.content_credits{
		opacity: 1;
	}
}

@media only screen and (max-width:330px){
	.box_credits{
		width: 100vw;
	}
}

.credits.on tt.word_bold{
	z-index: 3;
}
.popup_bg{
	visibility: collapse;
	position: absolute;
	display: flex;
	top: 45px;
	right: 0;
	width: 328px;
	z-index: 2;
	opacity: 0;
	transform: scale(1, 0);
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 1023px){
	div.popup_bg{
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		width: 100vw;
		height: 100%;
		justify-content: center;
		align-items: center;
	}


	.acclist_td08{
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}
	.btn_add{
		margin: 0;
	}
}
.box_credits{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 328px;
	height: auto;
	margin-bottom: 16px;
	padding: 24px 16px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.credits.on .popup_bg{
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
}
.credits.on .icon_down{
	opacity: 1;
}
.credits.on .word_bold{
	color: rgba(0,0,0,0.87);
}
.box_credits .row_credits{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;

	-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;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box_credits .row_credits:nth-child(1){
	margin-bottom: 21px;
}
.box_credits .row_credits:nth-child(2){
	margin-bottom: 24px;
}
.mem_list .box_credits .row_credits:nth-child(2){
	margin-bottom: 13px;
}
.box_credits .row_credits.error_credits{
	margin-bottom: 18px;
}
.box_credits .title_credits{
	font-size: 12px;
	line-height: 14px;
	color: rgba(0,0,0,0.8);
}
.content_credits{
	line-height: 16px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,0.8);
}
.label_credits{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 48px;
	border-radius: 3px;
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.8);
	background: #fff;
	overflow: hidden;
}
.mem_list .label_credits{
	width: 208px;
}
.error_credits .label_credits{
	border: #c0382b solid 1px;
}
.label_credits>span{
	display: block;
	width: 72px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #c8c8c8;
	-webkit-flex: 0 0 72px;
	-ms-flex: 0 0 72px;
	flex: 0 0 72px;
}
.mem_list .label_credits>span{
	width: 64px;
	-webkit-flex: 0 0 64px;
	-ms-flex: 0 0 64px;
	flex: 0 0 64px;
}
.label_credits .input_credits{
	width: 100%;
	min-width: 0;/*fix firefox input issue*/
	text-align: right;
	padding: 0 16px;
	font-weight: 500;
	border: none!important;
}
.tips_credits{
	display: block;
	width: 100%;
	margin-top: 6px;
	text-align: right;
	font-size: 12px;
	color: rgba(0,0,0,0.64);
}
.tips_credits>tt{
	vertical-align: baseline;
}

.rmb_credit .label_credits>span,
.rmb_credit .tips_credits,
.rmb_credit .title_rate,
.rmb_credit .text_rate{
	display: none!important;
}

.error_credits .tips_credits ~ .credits_errorbox{
	margin-top: 5px;
}
.input_credits,.credits_num{
	width: 208px;
	height: 48px;
	/* 	line-height: 40px; */
	padding: 0 16px;
	font-size: 16px;
	text-align: right;
	border-radius: 3px;
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.8);
	background: #fff;
}
.error_credits .input_credits,
.error_credits .credits_num{
	border: #c0382b solid 1px;
}
.rmb_credit.accadd_error .label_credits,
.error_credits .label_credits .credits_num{
	border: none!important;
}
.label_credits .credits_num{
	width: calc(100% - 64px)!important;
	flex: 1;
}
.error_credits .credits_errorbox{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.credits_errorbox{
	display: none;
	/* display: flex; */
	width: 210px;
	line-height: 1.15;
	margin-top: 8px;
	margin-left: auto;
	font-size: 13px;
	color: #c0382b;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.credits_errorbox .icon_error{
	margin-right: 7px;
	-webkit-flex: 0 0 12px;
	-ms-flex: 0 0 12px;
	flex: 0 0 12px;
}
.credits_errorbox span{
	text-align: left;
	white-space: normal;
}

.box_credits .box_btn{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-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;
}
.box_btn [class^="btn_"]{
	margin-left: 16px;
}
.btn_submit,.btn_cancel,.btn_close,
.btn_green,.btn_white,.btn_gray,
.btn_apply{
	display: inline-block;
	width: auto;
	min-width: 65px;
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #c8c8c8;
	white-space: nowrap;
}
.comm_popup .btn_close{
	width: 100%;
	margin-left: 0;
}
.box_credits .btn_submit, .box_credits .btn_cancel{
	height: 48px;
	line-height: 48px;
}
.box_popup .btn_close{border: 0;}
/*Account Add*/
.acc_add,.acc_edit, .acc_sum{
	position: relative;
	height: 100%;
	padding-bottom: 8px;
}
.acc_add:after,.acc_edit:after, .acc_sum:after{
	content: '';
	display: block;
	clear: both;
}
.accedit_bg{
	min-height: calc(100vh - 105px);
	margin-bottom: -24px;
	padding-bottom: 24px;
}
@media only screen and (max-width:767px){
	.accedit_bg{
		min-height: calc(100vh - 161px);
		margin-bottom: -24px;
	}
}
.acc_menu{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	max-width: 100vw;
	height: 49px;
	border-bottom: #f0f0f0 solid 1px;
	background: #fff;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;

	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.acc_menu::-webkit-scrollbar{
	/* This is the magic bit for WebKit */
	display: none;
}

.acc_menu li{
	position: relative;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	height: 100%;
	line-height: 14px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	white-space: pre;
	color: rgba(0,0,0,0.6);
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	flex-wrap: nowrap;
}
.acc_menu li:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 2px;
	background: #c0382b;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.acc_menu li.on:after{
	width: 100%;
}
.acc_menu li.on{
	color: #c0382b;
}
.acc_menu li tt{
	margin-right: 3px;
}
.acc_menu li p{
	display: inline;
}
.acc_menu li.acc_menu_onm tt{
	width: auto;
	white-space: nowrap;
}
@media only screen and (max-width:767px){ /*768*/
	.acc_menu li{
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.acc_menu li tt{
		display: block;
		width: 100%;
	}
	.acc_menu li.acc_menu_onm tt{
		width: 100%;
		white-space: wrap;
	}
}
.navbar_btn{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 56px;
	padding: 0 16px;

	-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;

	border-bottom: #f0f0f0 solid 1px;
	background: #fff;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .acc_ma_edit .navbar_btn { -ms-justify-content: flex-start; justify-content: flex-start; } /* IE11 */
	*::-ms-backdrop, .acc_ag_edit .navbar_btn { -ms-justify-content: flex-start; justify-content: flex-start; } /* IE11 */
}

.accedit_detail .navbar_btn{
	margin-bottom: 24px;
	height: 56px;
}
.navbar_btn>div[class^="btn_"]{
	width: auto;
	height: 40px;
	line-height: 40px;
	margin-left: 16px;
	padding: 0 16px;
	border-radius: 3px;
}
.comm_info .navbar_btn>div[class^="btn_"]{
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	line-height: normal;
	margin-left: 0;
}
.comm_info .navbar_btn.FT>div[class^="btn_"]{
	justify-content: flex-start;
}
.comm_info .btn_cancel,
.comm_info .btn_apply{
	margin-right: 16px;
	text-transform: uppercase;
}
.navbar_btn>.btn_cancel{
	color: rgba(0,0,0,0.54);
}
.submenu,
.accadd_box.accedit_submenu{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 48px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	border-bottom: #e1e1e1 solid 1px;
	background: #fff;
	box-shadow: none;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.accadd_box.accedit_submenu::-webkit-scrollbar{
	/* This is the magic bit for WebKit */
	display: none;
}
.submenu>div,
.accedit_submenu>div{
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	line-height: 14px;
	padding: 0 16px;
	text-align: center;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.submenu>div:after,
.accedit_submenu>div:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 2px;
	background: #c0382b;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.submenu>div.on:after,
.accedit_submenu>div.on:after{
	width: 100%;
}
.submenu>div.on,
.accedit_submenu>div.on{
	color: #c0382b;
}
.submenu>div>tt{
	margin-right: 5px;
}
@media only screen and (min-width:1px) and (max-width:599px){

	.navbar>.left.scroll{
		overflow-x: auto;
		overflow-y: hidden;
		flex: 1 1 calc(100% - 80px);
	}

	.accedit_submenu>div{
		padding: 0 14px;
		letter-spacing: -1px;
	}
	.submenu>div{
		align-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.submenu>div>tt{
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.navbar>.scroll + .right:before{opacity: 1;}
}
.text_notice{
	width: 100%;
	line-height: 14px;
	margin: 14px 0 3px 0;
	padding: 0 16px;
	font-size: 12px;
	font-style: italic;
	color: #c0392b;
	text-align: right;
}
.text_notice tt{
	display: inline-block;
	vertical-align: middle;
}
.text_notice .dot_red{
	margin-right: 5px;
}
.accadd_wrap{
	display: block;
	width: 100%;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.accadd_content{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 24px;
	padding: 0;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.accadd_content:last-child{
	margin-bottom: 0!important;
}

.accadd_content>div{
	width: 100%;
}
.accadd_content .title{
	display: flex;
	line-height: 24px;
	margin-bottom: 8px;
	height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.52);

	justify-content: flex-start;
	align-items: center;
}
.accadd_content div:not(.box_possess) .title tt{
	display: inline-block;
	vertical-align: middle;
}
.accadd_box{
	width: 100%;
	padding: 16px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.accadd_box > div{
	margin-bottom: 16px;
}
.accadd_box > div:last-child{
	margin-bottom: 0px;
}
.accadd_box.accadd_credits{
	padding-bottom: 20px;
}
.accadd_box.accadd_premi{
	padding: 8px 0;
}
.title_item{
	display: block;
	line-height: 16px;
	height: 16px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 300;
	color: rgba(0,0,0,0.8);
}
.box_limit tt{
	display: block;
	height: 16px;
	line-height: 16px;
	margin-bottom: 4px;
}
.accedit_general div:not(.box_status):not(.box_name):not(.box_safe):not(.accadd_credits) .title_item,
.accadd_credits>.title_item{margin-bottom: 0;}
/*.box_name .title_item, .box_credit .title_item, .box_popup .title_item, .box_upline .title_item, .box_user .title_item, .box_psw .title_item, .accadd_box .title_item{
	margin-bottom: 4px;
}*/
.title_item tt{
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
	color: rgba(0,0,0,0.8);
}
.accadd_comm .title_item tt,
.accedit_comm .title_item tt{
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,0.6);
}
.accadd_box input[type="text"],.accadd_box input[type="password"],.accadd_box input[type="tel"]{
	
	height: 48px;
	padding: 0 16px;
	font-size: 16px;
	border-radius: 3px;
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.8);
	background: #fff;
}
.accadd_box input[type="text"]:focus,
.accadd_box input[type="password"]:focus,
.accadd_box input[type="tel"]:focus,
.accadd_box .select_possess:focus{
	border: #4590c2 solid 1px;
	box-shadow: 0 0 4px 0 rgba(69, 144, 194, 0.16);
}
._disabled input[type="text"],
._disabled input[type="password"],
._disabled input[type="tel"],
._disabled label{
	color: #c8c8c8;
	pointer-events: none;
}
.input_usercode{
	position: relative;
	display: block;
}
.acc_ag_add .input_usercode input{
	padding-left: 3.5em!important;
}
.acc_mem_add .input_usercode input{
	padding-left: 4em!important;
}
.text_usercode{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 48px;
	line-height: 48px;
	padding-left: 16px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,0.6);
}

.accadd_notice,
.box_psw_notice{
	display: none;
	/* display: flex; */
	width: 100%;
	margin-top: 8px;
}
.accadd_notice i,
.box_psw_notice i{
	display: none;
	width: 12px;
	min-width: 12px;
	height: 12px;
	margin-right: 7px;
	margin-top: 5px;
}
.accadd_notice tt,
.box_psw_notice tt{
	display: inline-block;
	font-size: 13px;
	margin-bottom: 0!important;
}
.accadd_succ .accadd_notice,
.accadd_error .accadd_notice,
.psw_succ .box_psw_notice,
.psw_error .box_psw_notice{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.accadd_limit .accadd_succ ~ .accadd_notice,
.accadd_limit .accadd_error ~ .accadd_notice{
	display: block;
	/* padding-left: 19px; */
}
.accadd_succ .label_safe ~ .accadd_notice{
	display: none!important;
}
.accadd_succ .accadd_notice tt,
.psw_succ .box_psw_notice tt,
.accadd_limit .accadd_succ ~ .accadd_notice tt{
	color: #38bb8f;
}
.accadd_error .accadd_notice tt,
.psw_error .box_psw_notice tt,
.accadd_limit .accadd_error ~ .accadd_notice tt{
	color: #c0382b;
}
.accadd_succ .accadd_notice i,
.psw_succ .box_psw_notice i{
	/* background: url(../../images/control/successful.svg) no-repeat center;
	background-size: cover; */
}
.accadd_limit .accadd_succ ~ .accadd_notice.bg_i,
.accadd_limit .accadd_error ~ .accadd_notice.bg_i{
	/* background: url(../../images/control/error.svg) no-repeat left 2px; */
}
.accadd_error .accadd_notice i,
.psw_error .box_psw_notice i{
	/* background: url(../../images/control/error.svg) no-repeat center; */
}
.accadd_limit .accadd_error ~ .accadd_notice.bg_i{
	/* background-image: url(../../images/control/error.svg); */
}
.accadd_error.select_market select,
.accadd_error input[type="text"],
.accadd_error input[type="password"],
.accadd_error input[type="tel"],
.psw_error input[type="text"],
.psw_error input[type="password"],
.psw_error input[type="tel"],
.accadd_error .box_select select,
.accadd_error .box_drop{
	border: #c0382b solid 1px!important;
}
.box_mem_credit.accadd_error .box_select select{
	border: #c8c8c8 solid 1px!important;
}
.accadd_error .error_notice{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.box_mem_credit.accadd_error .label_credits{
	border: #c0382b solid 1px!important;
}
.box_mem_credit.accadd_error .label_credits input[type="text"],
.box_mem_credit.accadd_error .label_credits input[type="tel"]{
	border: none!important;
}
.label_safe{
	position: relative;
	width: 100%;
	height: 40px;
}
.accadd_succ .label_safe:after{
	content: '';
	position: absolute;
	top: 0;
	right: 16px;
	display: block;
	height: 16px;
	width: 16px;
	background: url(../../images/control/successful.svg) no-repeat center;
	background-size: contain;
}


.accadd_content .title .icon_info{
	margin-left: 5px;
}
.dot_red ~ .icon_info,
.dot_red ~ .btn_info{
	margin-left: 8px;
}
.box_input{
	position: relative;
	display: block;
	width: 100%;
	height: 48px;
}
.box_input>input{
	width: 100%;
	height: 48px;
	padding: 0 16px;
	font-size: 14px;
	border-radius: 3px;
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.8);
	background: #fff;
}
.box_input .icon_eye,
.box_input .icon_noeye,
.box_input .eye_icon,
.box_input .no_eye_icon{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 17px;
	margin: auto;
}
.box_psw_strength{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	line-height: 13px;
	margin-top: 2px;
	font-size: 12px;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-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;
}
.box_psw_strength>ul{
	height: 13px;
}
.psw_strength_light{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 4px;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}
.psw_strength_light li{
	display: block;
	width: 8px;
	height: 4px;
	margin-right: 1px;
	border-radius: 2px;
	border: #dcdcdc solid 1px;
}
.psw_strength_light li.on_red{
	border: #c0382b solid 1px;
	background: #c0382b;
}
.psw_strength_light li.on_green{
	border: #38bb8f solid 1px;
	background: #38bb8f;
}
.box_psw_strength tt{
	line-height: 13px;
	font-size: 12px;
	font-weight: 500;
}
.word_red{
	color: #c0382b;
}
.word_green{
	color: #38bb8f;
}
.box_psw_strength .text_tips{
	display: block;
	width: 100%;
	font-size: 12px;
	color: rgba(0,0,0,0.6);
}
.box_psw_strength .text_tips .word_bold{
	font-weight: bold;
}
.accadd_box .text_credit,
.accadd_box .text_acc_type{
	display: block;
	line-height: 24px;
}
.accadd_box .text_credit{
	font-size: 16px;
	margin-bottom: 16px;
	font-weight: bold;
	color: rgba(0,0,0,0.8);
}
.accadd_box .text_acc_type{
	font-size: 13px;
	margin-bottom: 4px;
	font-weight: normal;
	color: rgba(0,0,0,0.4);
}
.accadd_box .acc_type_box .text_acc_type{
	margin: 0;
}
.acc_type_box .title_item{
	margin-bottom: 0;
}
.acc_type_box .acc_type_status{
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
	color: rgba(0,0,0,0.8);
}
.accadd_box .acc_radio_box{
	width: 100%;
}
.acc_radio_box .acc_radio_label{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 24px;
	cursor: pointer;
	color: rgba(0,0,0,0.64);
	font-weight: bold;
}
.acc_radio_box .acc_radio_label + .acc_radio_label{
	margin-top: 8px;
}
.acc_radio_label input[type="radio"]{
	display: none;
}
.acc_radio_label .acc_radio_btn{
	width: 16px;
	height: 16px;
	display: block;
	border: 2px solid #000;
	border-radius: 8px;
	position: relative;
	opacity: 0.64;
	margin-right: 8px;
}
.acc_radio_label span{
	font-size: 16px;
}
.acc_radio_label input[type="radio"]:checked + .acc_radio_btn{
	border: 2px solid #38bb8f;
	opacity: 1;
}
.acc_radio_label input[type="radio"]:checked + .acc_radio_btn:before{
	content: '';
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	border-radius: 8px;
	background: #38bb8f;
}
.acc_radio_label input[type="radio"]:checked ~ span{
	color: #38bb8f;
}

.acc_radio_label.noused{
	color: rgba(0,0,0,0.3);
}
.acc_radio_label.noused .acc_radio_btn{
	opacity: .3;
}
.accadd_box .acc_about_link{
	height: 28px;
	line-height: 16px;
	text-align: center;
	font-size: 14px;
	color: #2980b9;
	padding: 8px 0 4px 0;
	font-weight: bold;
}
.acc_about_link tt{cursor: pointer;}
.accadd_box .acc_type_box ~ .acc_about_link{
	height: 32px;
	padding: 8px 0;
}
.accadd_content .title .text_tips{
	margin-left: auto;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0,0,0,0.6);
}
.text_tips p{
	display: inline;
}
.select_possess{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 40px;
	padding: 0 16px;
	border-radius: 3px;
	border: #c8c8c8 solid 1px;
	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;
}
.accadd_possess .title_item ~ .title_item{
	margin-top: 14px;
}
label.box_select{
	position: relative;
	display: block;
	width: 100%;
}
label.box_select .icon_down{
	position: absolute;
	top: 20px;
	right: 16px;
	pointer-events: none;
}
label.box_select select{
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	border-radius: 3px;
	font-size: 14px;
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.8);
	background: #fff;
}

/*Account Add Comm*/
.accadd_wrap.accadd_comm{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	padding-top: 27px;
	overflow: visible;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.accadd_box.accadd_limit{
	padding: 0;
}
.accadd_box .box_top,.accadd_box .box_bottom,.accadd_box  .box_single{
	display: block;
	margin-bottom: 0;
	padding:16px;
}
.accadd_box .box_top{
	border-bottom: #e1e1e1 solid 1px;
}
.accadd_comm .title_item{
	margin-bottom: 13px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,0.6);
}
.box_market{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box_market .select_market{
	position: relative;
	display: block;
	width: calc(25% - 12px);
}
.acc_mem_add .box_market .select_market,
.acc_mem_edit .box_market .select_market{
	width: calc(50% - 8px);
}
.select_market tt{
	display: block;
	width: 100%;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 300;
	color: rgba(0,0,0,0.8);
}
.box_market .select_market .icon_down{
	position: absolute;
	bottom: 20px;
	right: 16px;
	pointer-events: none;
}
.acc_edit .box_market .select_market .icon_down{
	bottom: 3.5px;
}

.select_market select{
	width: 100%;
	height: 48px;
	/* 	padding: 0 16px; */
	border-radius: 3px;
	border: #c8c8c8 solid 1px;
	background: #fff;
	font-size: 14px;
}
@media only screen and (max-width:768px){
	.box_market .select_market .icon_down{
		z-index: 1;
	}
}
@media only screen and (min-width:600px){
	.select_market select{
		padding: 0 16px;
	}
}

@media only screen and (max-width:599px){
	.select_market select{
		padding: 0 8px;
	}
	.box_market .select_market .icon_down{
		right: 8px;
	}
}

.box_limit{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;

	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box_limit>div{
	width: calc(50% - 8px);
}
.box_limit>div:last-child{
	margin-right: 0;
}
.box_limit>div.accadd_notice{
	width: 100%;
}
.box_limit tt.text_range{
	display: block;
	line-height: 16px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 300;
	color: rgba(0,0,0,0.8);
}
.box_limit p{
	display: block;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #2980b9;
}


/*Account Edit */
.comm_info .navbar_btn{
	height: 40px;
	margin: 16px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: transparent;
}
.comm_info .btn_info{
	width: 16px;
	height: 16px;
	margin-right: auto;
	cursor: pointer;
}
.comm_info .navbar_btn .btn_info:before{
	width: 16px;
	height: 16px;
}
.comm_info .navbar_btn .btn_info.on:before{
	opacity: 1;
}
.accedit_wrap .navbar_btn .btn_add{
	margin-right: auto;
	margin-left: -8px;
}
.accedit_wrap{
	display: block;
	width: 100%;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.accedit_wrap.accedit_comm{
	/*padding-top: 24px;*/
}
.accedit_comm .title .icon_edit{
	cursor: pointer;
	/* display: none; */
}
.accedit_wrap .text_bold,
.accedit_general .text_bold,
.box_summ .text_bold,
.box_balance .text_bold,
.box_mem_credit .text_bold{
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: rgba(0,0,0,0.8);
}
.accedit_wrap .text_bold.word_red{
	color: #c0392b;
}
.box_psw .btn_reset_psw{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: #4590c2;
}
.accedit_general .box_status{
	margin-bottom: 20px;
}
.box_date .text_bold{
	/*line-height: 19px;*/
}
.box_psdre tt{
	display: inline-block;
	vertical-align: middle;
}
.box_psdre tt.word_green{
	display: inline-block;
	line-height: 16px;
	margin-left: 37px;
	vertical-align: middle;
}
label.btn_switch input:checked ~ tt.word_green{
	color: #27a67b;
}

label.btn_switch input ~ tt.word_green,
label.btn_switch input:disabled ~ tt.word_green{
	color: #919191;
}
label.btn_switch{
	position: relative;
	display: inline-block;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin-right: -4px;
	vertical-align: middle;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label.btn_switch input{
	display: none;
	width: 100%;
	height: 100%;
}
label.btn_switch .slider{
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 16px;
	margin: auto 0;
	border-radius: 10px;
	background: #919191;
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.16);
}
label.btn_switch .slider:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
label.btn_switch input:checked + .slider {
	background: #52c49d;
}
label.btn_switch input:checked + .slider:before {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
	background-color: #fff;
}


.accedit_credits .box_balance{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.accedit_credits .box_balance>div:nth-child(2){
	text-align: right;
}
.accedit_credits .box_balance>div:nth-child(2) tt{
	margin-right: 0;
}
.accedit_credits .box_balance .title_item{
	line-height: 16px;
	margin-bottom: 0;
}
.accedit_credits .box_credit input{
	text-align: right;
}
.accedit_poss .poss_item{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.accedit_poss .accadd_notice{
	margin-left: 46px;
}
.poss_item .text_bold{
	display: block;
	min-width: 28px;
	margin-right: 18px;
}
.poss_item label.box_select{
	display: none;
	/* display: flex; */
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.poss_item .tips_poss{
	display: none;
	/* display: flex; */
	width: 100%;
	margin-top: 18px;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0,0,0,0.8);

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.poss_item .icon_info{
	margin-right: 9px;
}
.box_possess .text_tips{
	display: none;
}
.edit_on .text_tips{
	display: block;
}
.edit_on .poss_item label.box_select{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.edit_on .poss_item .tips_poss{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.edit_on .poss_item label.box_select.select_max.on{
	display: block;
}
.accadd_box.accedit_submenu{
	padding: 0;
	border-bottom: #e1e1e1 solid 1px;
}
.accedit_submenu>div{
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	margin-bottom: 0;
}
.accadd_box.accedit_summ,.accadd_box.accedit_perfo{
	padding: 8px 0;
}
.accedit_summ>div,
.accedit_perfo .box_perfo{
	width: 100%;
	margin-bottom: 0;
	padding: 8px 16px;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.accedit_perfo>div{
	margin-bottom: 0;
}
.accedit_summ .title_item,
.accedit_perfo .title_item,
.box_mem_credit .title_rate{
	line-height: 16px;
	margin-bottom: 0;
}
.accadd_box.accedit_downline{
	padding: 0;
}
.accedit_downline>table{
	width: 100%;
	font-size: 14px;
	color: rgba(0,0,0,0.8);
}
.accedit_downline th,.accedit_downline td{
	height: 48px;
	padding: 0 16px;
	text-align: right;
	border-bottom: #e1e1e1 solid 1px;
}
.accedit_downline th{
	font-size: 12px;
	font-weight: 300;
	border-bottom: #e1e1e1 solid 2px;
}
.accedit_downline .td_status{
	width: 26%;
	text-align: left;
}
.accedit_downline td.td_number{
	width: 37%;
	font-size: 14px;
	font-weight: 500;
	color: #4590c2;
}
.accedit_downline .td_number tt{
	display: inline-block;
	cursor: pointer;
}

.accedit_comm .title{
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;

	-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;
}
.box_btn.comm_btn{
	display: none;
}
.box_btn.comm_btn [class^="btn_"]{
	height: 40px;
	line-height: 40px;
}
.accadd_content.edit_on .title{
	height: 56px;
	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-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.accadd_content.edit_on .icon_edit{
	display: none;
}
.accadd_content.edit_on .box_btn.comm_btn{
	height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
/*投注限額*/
/*.box_limit .tips_limit{
	display: none;
}
.accadd_content.edit_on .tips_limit{
	display: block;
}*/
.select_market .select_max.disabled{
	line-height: 16px;
}
.select_market .select_max.disabled:focus{
	box-shadow: unset;
}
.select_market .select_max.disabled,
.select_market select:disabled{
	height: 24px;
	line-height: 24px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	border: none;
}
.select_market .box_drop.select_max.disabled:before,
.select_market select:disabled ~ .icon_down{
	display: none;
}
.accadd_content input:disabled{
	height: 24px;
	line-height: 24px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	border: none!important;
	-webkit-text-fill-color: rgba(0,0,0,0.8);
}


.accadd_popup{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 16px;
	background: rgba(0,0,0,0.24);
	z-index: 8;
}
.box_popup{
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	min-width: 280px;
	max-width: 520px;
	max-height: calc(100vh - 160px);
	/*	min-height: 190px; */
	margin: 86px 0 40px 0;
	padding: 21px 16px 24px 16px;
	border-radius: 3px;
	background: #fff;
	z-index: 2;
	overflow-y: auto;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.comm_popup{
	padding: 16px;
	margin: auto;
}
.psw_popup .box_popup{
	width: 280px;
	margin-top: 209px;
	overflow: visible;
}
.delsub_popup{
	width: 280px;
	/* min-height: 134px; */
}
.delsub_popup .box_btn{
	width: 100%;
}
.safe_popup,
.sub_sel_popup,
.acc_popup{
	min-height: auto;
}

@media only screen and (max-height:430px){
	.accadd_popup.psw_popup{
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.psw_popup .box_popup{
		margin: auto auto 0;
	}
}
@media all and (-ms-high-contrast:none) and (max-height:582px){
	*::-ms-backdrop, .popup_content:after{
		content: '';
		display: block;
		width: 100%;
		height: 24px;
	} /* IE11 */
}
@media only screen and (max-width:1023px){
	.box_popup{
		margin: 80px 40px 104px 40px;
	}
	.comm_popup{
		margin: auto 16px;
	}
}
@media only screen and (max-width:599px){
	.box_popup.status_popup{
		padding: 0;
	}
	.box_popup.status_popup .popup_content{
		padding: 17px 16px 24px 16px;
	}
	.box_popup.status_popup .title{
		height: 54px;
		line-height: 54px;
		margin: 0;
		padding: 0 16px;
		border-radius: 3px 3px 0 0;
		-webkit-flex: 0 0 54px;
		-ms-flex: 0 0 54px;
		flex: 0 0 54px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	}
	.box_popup{
		/* margin: 80px 40px 104px 40px; */
	}
	.comm_info .navbar_btn{
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
		padding: 16px;
		margin: 0;
	}
	.comm_info .navbar_btn.FT>div[class^="btn_"]{
		align-items: flex-start;
		position: relative;
		height: 96px;
	}
	.comm_info .btn_apply{
		position: absolute;
		bottom: 0;
		right: 0;
		margin-right: 0;
	}
	.comm_info .btn_box .btn_info{
		position: relative;
		margin-top: 12px;
	}
}
@media only screen and (max-height:600px){
	.box_popup.status_popup{
		padding: 0;
	}
	.box_popup.status_popup .popup_content{
		padding: 17px 16px 24px 16px;
	}
	.box_popup.status_popup .title{
		height: 54px;
		line-height: 54px;
		margin: 0;
		padding: 0 16px;
		border-radius: 3px 3px 0 0;
		-webkit-flex: 0 0 54px;
		-ms-flex: 0 0 54px;
		flex: 0 0 54px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	}
}

.sub_max_popup{
	width: 280px;
}
.box_popup .title{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: rgba(0,0,0,0.8);
	background: #fff;
	margin-bottom: 17px;
	-webkit-flex: 0 0 20px;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.box_popup .popup_content{
	display: block;
	width: 100%;
	font-size: 14px;
	color: rgba(0,0,0,0.8);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.box_popup .popup_content li{
	margin-bottom: 18px;
	color: rgba(0, 0, 0, 0.64);
}
.box_popup .popup_content li:last-child{
	margin-bottom: 0;
}
.box_popup .popup_content span{
	display: block;
	line-height: 16px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0,0,0,0.8);
}
.comm_popup .popup_content span{
	margin-bottom: 8px;
}
.comm_popup .popup_content tt{
	font-weight: normal;
	color: rgba(0,0,0,0.8);
}
.box_popup .box_btn{
	width: 100%;
	height: 48px;
	margin-top: 11px;
	padding: 0;
	text-align: right;
}
.comm_popup .box_btn{
	margin-top: 16px;
}
.acc_popup{
	padding: 16px 16px 24px;
}
.acc_popup .title{
	height: 24px;
	line-height: 24px;
	font-size: 16px;
}
.acc_popup .popup_content{
	padding-top: 16px;
}
.acc_popup .popup_content li{
	margin-bottom: 16px;
}
.acc_popup .popup_content span{
	height: 24px;
	line-height: 24px;
	margin: 0;
}
.acc_popup .box_btn{
	margin-top: 24px;
}
.exceed_popup{
	padding: 14px 16px 24px;
}
.exceed_popup .popup_content{
	padding: 0;
}
.exceed_popup .popup_content li{
	color: rgba(0,0,0,0.8);
}
.exceed_popup .box_btn{
	margin-top: 16px;
}
.box_popup.sub_max_popup .box_btn{
	margin-top: 20px;
}
.box_popup [class^="btn_"]:not(.btn_info){
	height: 48px;
	line-height: 48px;
}

.mem_credit{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 48px;
}
.mem_credit .box_select,
.mem_credit .box_drop{
	margin-right: 16px;
	-webkit-flex: 0 0 112px;
	-ms-flex: 0 0 112px;
	flex: 0 0 112px;
}
.mem_credit input{
	text-align: right;
}
.box_mem_credit .text_credit{
	display: block;
	width: 100%;
	line-height: 16px;
	margin-top: 5px;
	text-align: right;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.64);
}
.box_premi{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 8px 0;

	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
label.box_check{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: auto;
	height: 48px;
	padding: 0 0 0 16px;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
label.box_check input[type="checkbox"]{
	margin: 0 15px 0 0;
}
label.box_check tt{
	font-size: 14px;
	color: rgba(0,0,0,0.8);
}
label.box_check input:disabled ~ tt{
	color: rgba(0,0,0,0.4);
}
.acc_sub_add .accadd_wrap.accadd_comm{
	padding-top: 4px;
}
.accadd_comm_nav{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 56px;
	padding: 0 16px;
	border-bottom: #f0f0f0 solid 1px;
	background: #fff;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.accadd_comm_nav .left .btn_close{
	margin-left: 16px;
}
.subadd_table{
	width: 100%;
	background: #fff;
}
.subadd_tr{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 48px;
	border-bottom: #f0f0f0 solid 1px;
	background: #fff;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.subadd_tr.title{
	font-size: 12px;
	font-weight: 300;
	color: rgba(0,0,0,0.8);
}
.subadd_tr.total{
	height: 40px;
	padding: 0 16px;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
}
.subadd_tr.total .text_bold{
	display: inline-block;
	font-weight: bold;
	margin-right: 6px;
}
.subadd_tr.content{
	font-size: 14px;
	color: rgba(0,0,0,0.87);
}
.subadd_tr [class^="subadd_td"],
.subadd_tr label{
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.subadd_th01,.subadd_td01{
	-webkit-flex: 0 0 64px;
	-ms-flex: 0 0 64px;
	flex: 0 0 64px;
}
.subadd_td01 input[type="checkbox"]{
	margin: 0 24px;
}


/* 768 up*/
@media only screen and (min-width:768px){
	.subadd_th01,.subadd_td01{margin-right: 8px;}
	.subadd_th02{width: 17.3%; max-width: 168px;}
	.subadd_th03{width: 20.3%; max-width: 197px;}
	.subadd_tr label{width: 37.6%; max-width: 365px;}
	.subadd_tr label>.subadd_td02{width: 46%; max-width: 168px;}
	.subadd_tr label>.subadd_td03{width: 54%; max-width: 197px;}
}
/* 768 down*/
@media only screen and (max-width:767px){
	.subadd_tr.title{display: none;}
	.subadd_th01,.subadd_td01{}
	.subadd_th02{width: 39.3%;}
	.subadd_th03{display: none!important;}
	.subadd_tr label{width: 39.9%; max-width: 365px;}
	.subadd_tr label>.subadd_td02{width: 100%;}
	.subadd_tr label>.subadd_td03{width: 100%;}
	.subadd_td04{width: 49.7%;}

	.subadd_td03.name{
		color: rgba(0,0,0,0.6);
	}
}

.accedit_manag .navbar_btn{
	height: 52px;
	border-bottom: #f0f0f0 solid 4px;
}

.btn_info{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
}
.info_box{
	visibility: collapse;
	opacity: 0;
	position: absolute;
	left: -8px;
	width: 296px;
	height: auto;
	line-height: 15px;
	margin-top: 5px;
	padding: 14px 16px;
	font-size: 13px;
	font-weight: 300;
	font-style: normal;
	z-index: 2;
	cursor: default;
	color: rgba(0,0,0,0.8);
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.box_popup .info_box{
	width: 240px;
	padding: 16px;
	border-radius: 3px;
	left:-120px;
}
.info_box.on,
.btn_info.on .info_box{
	visibility: visible;
	opacity: 1;
}
.info_box li:not(:last-child){
	margin-bottom: 11px;
}


@media only screen and (max-width:599px){
	.btn_info{
		position: unset;
	}
	.info_box{
		left: 0;
		right: 0;
		margin: 4px auto 0 auto;
	}
}

.box_drop{
	position: relative;
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	border-radius: 3px;
	font-size: 14px;
	border: #c8c8c8 solid 1px;
	color: rgba(0,0,0,0.8);
	background: #fff;
	cursor: pointer;
}
.box_drop.on,
.box_drop:focus{
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.box_drop:before{
	content: '';
	position: absolute;
	top: 20px;
	right: 16px;
	display: inline-block;
	width: 11px;
	height: 7px;
	margin-left: 7px;
	opacity: 0.6;
	background: url(../../images/control/re_sreachArr_D.svg) center no-repeat;
}
.box_drop .drop_down{
	left: 0;
	width: 100%;
	max-height: 480px;
	margin-top: 6px;
	border-radius: 3px;
	transform: scale(1, 0);
	overflow-x: hidden;
	overflow-y: auto;
}
.box_drop.on .drop_down{
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
}
.box_drop.on .drop_down li{
	opacity: 1;
}


/* copy for Orange's CSS*/
.ps_strength_img{
	position: relative;
	top: 5px;
	margin: 0 3px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.ps_strength_img li{
	width: 8px;
	height: 4px;
	margin-right: 1px;
	border-radius: 2px;
	border: 1px solid #dcdcdc;
}
.ps_strength_light1 li:nth-child(1),
.ps_strength_light2 li:nth-child(1),
.ps_strength_light2 li:nth-child(2){
	border: 0;
	background-color: #c0382b;
}
.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:nth-child(1),
.ps_strength_light4 li:nth-child(2),
.ps_strength_light4 li:nth-child(3),
.ps_strength_light4 li:nth-child(4),
.ps_strength_light5 li{
	border: 0;
	background-color: #38bb8f;
}


/* Snack bar setting*/
.snack_bar{
	visibility: collapse;
	position: absolute;
	bottom: 16px;
	right: 0;
	left: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 288px;
	height: 0px;
	line-height: 16px;
	margin: auto;
	padding: 0 16px;
	font-size: 14px;
	border-radius: 1px;
	opacity: 0;
	color: #fff;
	background: #404040;

	-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;

	-webkit-transition: opacity 0.2s ease-in-out, height 0s, visibility 0s;
	transition: opacity 0.2s ease-in-out, height 0s, visibility 0s;
}
.snack_bar.on{
	visibility: visible;
	height: 48px;
	opacity: 1;
}
.snack_bar tt{
	display: block;
	text-align: left;
}
.btn_copy{
	display: block;
	width: auto;
	padding: 8px;
	font-weight: bold;
	color: #38bb8f;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
}
.btn_copy:hover{
	color: #38bb8f;
}
@media only screen and (max-width:767px){
	.snack_bar{
		bottom: 0px;
		width: 100%;
		border-radius: 0;
	}
}

/* sticky bar*/
/*LIST*/
.acc_sticky .acclist_tr.title{
	position: fixed;
	top: 56px;
	margin: 0;
	border: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	z-index: 3;
}
.acc_sticky .acclist_tr:nth-child(2){
	margin-top: 8px;
}
/*ADD*/
.acc_sticky .navbar_btn{
	position: fixed;
	top: 56px;
	margin: 0;
	border: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	z-index: 3;
}
/*EDIT*/
.acc_sticky .accedit_detail{
	margin-top: 27px;
}

/* 新帳號管理模組 */
.accmd_wBg{
	background: #fff;
	min-height: 100%;
}
.accmd_editGroup{
	max-width: 640px;
	padding: 16px 16px 0;
	margin: auto;
}
.accmd_editGroup>.md_notice{
	padding: 0 0 16px;
	color: #FF4E65;
}
.accmd_md_name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 16px 8px;
	background: #fff;
}
.accmd_md_required{
	padding: 16px 16px 0;
}
.accmd_md_notice {
	padding: 24px 16px 8px;
	color: rgba(0, 0, 0, .8);
	font-size: 14px;
}
.accmd_setBg{
	display: table;
	width: 100%;
	padding: 16px;
	background: #F0F0F0;
	clear: both;
}
.accmd_set_item{
	display: inline-block;
	width: calc((100% - 16px) / 2);
	margin-bottom: 16px;
}
.accmd_set_item:nth-child(odd) {
	float: left;
	clear: left;
	margin-right: 16px;
}
/* 補上數量不足的div */
.accmd_set_item.--fillDiv{
	margin-bottom: 0;
}
.accmd_comm_title{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 16px 16px 8px;
	background: #fff;
}
.accmd_comm_txt{
	line-height: 16px;
	color: rgba(0, 0, 0, 0.64);
	font-size: 14px;
}

.accmd_comm_txt li:first-child{
	line-height: 24px;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 8px;
}

/* 管理帳戶列表 */
.accmd_sub_group{
	background: #f0f0f0;
	border-top: 1px solid #E0E0E0;
}
.accmd_sub_search{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 12px 16px;
	background: #fff;
}
.accmd_list{
	padding-top: 8px;
}
.accmd_set_item .md_nodata,
.accmd_list .md_nodata{
	padding: 40px 16px;
}

/* 線上人數 */
.accmd_online::before {
	content: '';
	display: block;
	height: 8px;
	background: #F0F0F0;
}
.accmd_online_title{
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	background: #fff;
	border-bottom: 1px solid #E0E0E0;
	color: rgba(0, 0, 0, 0.64);
	font-size: 14px;
	color: #000;
}
.accmd_online_title span{
	color: rgba(0, 0, 0, .64);
}

/*摘要*/
.acc_sum{
	/* background: #FFF;
	padding-bottom: 0;*/
}
.success_box{
	text-align: center;
	border-top: 1px solid #E0E0E0;
	padding-bottom: 16px;
}
.success_img{
	display: block;
	margin: 16px auto 4px;
}
.success_msg{
	display: block;
	color: #29C2CC;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}
.sum_content{
	max-width: 480px;
	margin: auto;
	padding: 16px;
	background: #FFF;
}
.sum_title{
	color: #000;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
.sum_txt{
	display: block;
	color: #000;
	line-height: 16px;
	padding-bottom: 16px;
}
.sum_link_input .md_label{
	margin-top: 8px;
}
.sum_link_input .md_label.--ph{
	margin-top: 8px;
}
.sum_link_input .md_normal_btn{
	width: 100%;
	border-radius: 4px;
	margin: 16px 0 26px;
}
.sum_link_output .link_img{
	display: block;
	width: 124px;
	height: 124px;
	margin: auto;
}
.sum_link_input .link_url,
.sum_link_output .link_url{
	display: flex;
	justify-content: center;
	color: #000;
	font-size: 16px;
	line-height: 21px;
	margin: 16px 0 0;
	padding-bottom: 4px;
}
.sum_link_output .note_txt{
	display: flex;
	justify-content: center;
	color: #29C2CC;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
.sum_account{
	padding: 16px 0;
	/*margin-top: 16px;*/
}
.account_info{
	display: flex;
	padding-bottom: 16px;
}
.account_info .account_name,
.account_info .account_id{
	width: 50%;
}
.account_info .account_name{
	margin-right: 16px;
}
.account_info span{
	display: block;
}
.account_info .account_title{
	color: rgba(0, 0, 0, .72);
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 4px;
}
.account_info .account_txt{
	color: #000;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}
.acc_sum .copy_btn_box{
	display: flex;
}
.copy_btn_box .md_gray_btn{
	width: 100%;
	margin-top: 16px;
}
.copy_btn_box .md_gray_btn + .md_gray_btn{
	margin-left: 16px;
}
.acc_sum .mem_btn{
	display: flex;
	justify-content: center;
	margin-top: 16px;
}
.mem_btn .word_line_link{
	display: flex;
	justify-content: center;
	width: 50%;
	padding: 12px 0;
}
/*創建模組彈出視窗*/
.info_popup,
.confirm_popup,
.load_popup{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.info_popup .md_alert_title{
	padding: 8px 8px 8px 16px;
}
.confirm_popup .md_alert_info{
	padding-top: 24px;
}
.load_popup .md_alert{
	padding: 40px 0 16px;
}
.load_popup .load_spinner{
	width: 48px;
	height: 48px;
	background: url(../../images/control/loading.svg) no-repeat center / contain;
	animation: load_spinner 1s linear infinite;
	margin: auto;
}
@-webkit-keyframes load_spinner {

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

	100% {
		transform: rotate(360deg);
	}
}
.load_popup .load_txt{
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	text-align: center;
	margin: 16px 0;
}
/*帳號管理new*/
/*acc_su_list_new*/
.acclist .md_breadcrumb_list{
	margin-bottom: 0;
}
.acclist .filter_bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFF;
	padding-right: 16px;
}
.account_sub .filter_bar{
	border-top: none;
	padding: 12px 16px;
}
.acclist .md_filter_status .md_status_item.on{
	background: #FAFAFA;
	color: #3DB893;
}
.acclist .ph_filter{
	display: none;
}
/*.filter_bar .md_retrieve_search{
	margin-left: auto;
}*/
.filter_bar .add_btn{
	width: 118px;
	height: 40px;
	background: #3DB893;
	border-radius: 40px;
	margin: 0 16px;
}
.total_bar{
	display: flex;
	align-items: center;
	line-height: 16px;
	height: 32px;
	color: rgba(0, 0, 0, .64);
	background: #FFF;
	padding: 0 16px;
	border-bottom: 1px solid #E0E0E0;
}
.total_amount{
	color: #000;
	margin-left: 4px;
	font-weight: 700;
}
.acc_title{
	display: grid;
	grid-template-columns: 14% 17% 19% 12% 13% 17% 8%;
	grid-template-rows: 48px;
	background: #FFF;
	border-bottom: 2px solid #E0E0E0;
	font-size: 12px;
	line-height: 14px;
	padding-right: 8px;
}
.acc_title.report_fixed{
	position: fixed;
	top: 56px;
	left: 56px;
	right: 10px;
	z-index: 1;
}
.report_fixed + .acc_content{
	padding-top: 48px;
}
.acc_title>div{
	display: flex;
	align-items: center;
	padding: 0 12px;
}
.acc_title .account{
	cursor: pointer;
	padding: 0 16px;
}
.acc_title .account span{
	display: block;
}
.acc_title .account .md_sort_label{
	display: inline-block;
}
.acc_title .credit,
.acc_title .number{
	justify-content: flex-end;
	padding-right: 28px;
	cursor: pointer;
}
.acc_title .status{
	justify-content: center;
}
.acc_title .time{
	cursor: pointer;
}
.acc_title .time .md_sort_label{
	display: inline-block;
}
.acc_tr{
	display: grid;
	grid-template-columns: 14% 17% 19% 12% 13% 17% 8%;
	grid-template-rows: 48px;
	padding-right: 8px;
	line-height: 16px;
	border-bottom: 1px solid #e0e0e0;
}
.acc_tr:nth-child(odd){
	background: #F9F9F9;
}
.acc_tr:nth-child(even){
	background: #FFF;
}
.acc_tr>div{
	display: flex;
	align-items: center;
	padding: 0 12px;
}
.acc_tr .account{
	align-content: center;
	flex-wrap: wrap;
	padding: 0 8px 0 16px;
}
.acc_tr .account span{
	width: 100%;
}
.acclist .account .md_sort_link{
	width: 100%;
}
.acc_tr .credit{
	position: relative;
	padding: 0 8px;
	justify-content: flex-end;
}
.acc_tr .credit_box{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	cursor: pointer;
}
.acc_tr .credit_edit{
	position: absolute;
	top: calc(100% + 1px);
	right: 0;
	padding: 16px;
	background: #FFF;
	z-index: 1;
	box-shadow: 0px 2px 8px 0px #00000029;
	border-radius: 0px 0px 8px 8px;
	display: none;
}
.show + .credit_edit{
	display: block;
}
.credit_edit .edit_remain{
	display: flex;
	line-height: 16px;
	color: rgba(0, 0, 0, .64);
	margin-bottom: 16px;
}
.edit_remain .remain_number{
	color: #000;
	font-weight: 700;
	margin-left: 4px;
}
.credit_edit .--readonly{
	pointer-events: none;
	border: 1px solid #CECECE;
}
.credit_edit .edit_input{
	width: 100%;
	height: 32px;
	font-size: 16px;
	line-height: 21px;
}
.credit_edit .currency_tag{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 32px;
	border-radius: 2px;
	color: rgba(0, 0, 0, .4);
	background: rgba(0, 0, 0, .04);
}
.credit_edit .btn_box{
	display: flex;
	margin-top: 16px;
}
.credit_edit .md_retrieve_btn{
	min-width: 120px;
	margin: 0;
}
.credit_edit .primary{
	margin-left: 16px;
}
.acc_tr .md_status_arrow{
	margin-left: 4px;
}
.acc_tr .credit_amount{
	color: rgba(0, 0, 0, .8);
	font-weight: 700;
}
.edit .credit_amount{
	color: #000;
}
.edit .md_status_arrow{
	opacity: 1;
	transform: rotate(180deg);
}
.acc_tr .number{
	justify-content: flex-end;
}
.acc_tr .number_title{
	display: none;
}
.acc_tr .status{
	position: relative;
	justify-content: center;
	text-align: center;
	padding: 0 14px 0 12px;
}
.status .dropdown{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 24px;
	border-radius: 4px;
	width: 102px;
	padding: 4px;
	cursor: pointer;
}
.status .dropdown_txt{
	color: inherit;
	flex: 1 1 auto;
}
.active .dropdown{
	color: #29C2CC;
	background: #29C2CC14;
}
.suspend .dropdown{
	color: #8E999F;
	background: #A3ACB114;
}
.inactive .dropdown{
	color: #FF4E65;
	background: #FF4E6514;
}
.viewonly .dropdown{
	color: #F3B932;
	background: #F3B93214;
}
.status .md_status_arrow{
	flex: none;
	opacity: 1;
}
.active .status .md_status_arrow{
	filter: invert(66%) sepia(28%) saturate(933%) hue-rotate(135deg) brightness(90%) contrast(107%);
}
.suspend .status .md_status_arrow{
	filter: invert(87%) sepia(10%) saturate(226%) hue-rotate(158deg) brightness(79%) contrast(84%);
}
.inactive .status .md_status_arrow{
	filter: invert(41%) sepia(29%) saturate(5286%) hue-rotate(329deg) brightness(118%) contrast(111%);
}
.viewonly .status .md_status_arrow{
	filter: invert(67%) sepia(91%) saturate(403%) hue-rotate(351deg) brightness(101%) contrast(91%);
}
.status .md_filter_status{
	position: absolute;
	top: calc(100% + 1px);
	text-align: left;
	left: 0;
	right: 0;
	padding: 0;
}
.status .md_status_list{
	position: absolute;
	top: 0;
	text-align: left;
	left: 0;
	right: 0;
	color: #000;
	z-index: 1;
	opacity: 0;
	visibility: collapse;
	transform: scale(1, 0);
	transform-origin: 0 0;
	transition: all 300ms cubic-bezier(.55,0,.42,1);
}
.status .on .md_status_list{
	opacity: 1;
	visibility: visible;
	transform: scale(1, 1);
}
.status .status_select{
	display: none;
}
.acc_tr .function{
	padding: 0;
}
.function .function_box{
	display: flex;
	align-items: center;
	padding: 0 4px;
}
.function .function_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	cursor: pointer;
}
.function .function_icon{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: .64;
}
.function .edit .function_icon{
	background-image: url(../../images/control/edit_b.svg);
}
.function .add .function_icon{
	opacity: 1;
	filter: invert(65%) sepia(65%) saturate(388%) hue-rotate(111deg) brightness(85%) contrast(87%);
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-image: url(../../images/control/add_icon_b.svg);
}
.function .lock .function_icon{
	background-image: url(../../images/control/lock_icon_b.svg);
}
.function .delete .function_icon{
	background-image: url(../../images/control/delete_icon_b.svg);
}
/*acc_ag_list_new*/
.account_ag .acc_title,
.account_ag .acc_tr{
	grid-template-columns: 15% 14% 10% 17% 12% 13% 11% 8%;
}
.acc_tr .number_type{
	display: none;
}
/*acc_mem_list_new*/
.account_mem .acc_title,
.account_mem .acc_tr{
	grid-template-columns: 15% 15% 19% 13% 13% 17% 8%;
	padding-right: 0;
}
.acclist .currency{
	justify-content: center;
}
/*acc_sub_list_new*/
.account_sub .acc_title,
.account_sub .acc_tr{
	grid-template-columns: 12% 16% 10% 10% 10% 10% 10% 10% 12%;
	padding-right: 0;
}
.account_sub .acc_tr .time{
	padding: 8px 12px;
	flex-wrap: wrap;
	align-content: center;
}
.account_sub .time span{
	display: block;
}
.account_sub .permission{
	justify-content: center;
}
.account_sub .flexible{
	padding: 0 12px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.account_sub .flexible span{
	width: 100%;
	text-align: center;
}
.acc_tr .permission{
	display: flex;
	align-items: center;
	justify-content: center;
}
.acc_tr .permission_icon{
	display: block;
	width: 32px;
	height: 32px;
	background: url(../../images/control/success_icon.svg) center/16px 16px no-repeat;
}
.denied .permission_icon{
	background-image: url(../../images/control/denied_icon.svg);
}
/*view only status*/
.--view_only .md_status_arrow{
	display: none;
}
.--view_only .dropdown,
.--view_only .credit_box{
	cursor: default;
	pointer-events: none;
}






























/* ~ 768 */
@media only screen and (max-width:767px){
	.acc_sticky{
		width: 100%;
		padding-top: 56px;
	}
}
/* 768 - 1023*/
@media only screen and (min-width:768px) and (max-width:1023px){
	.acc_sticky{
		width: 100%;
		padding-top: 56px;
	}
	.acc_sticky .acclist_tr.title,
	.acc_sticky .navbar_btn{
		width: calc(100vw - 10px);
	}
}
@media only screen and (min-width:768px) and (max-width:1023px) and (pointer:coarse){
	.acc_sticky .acclist_tr.title,
	.acc_sticky .navbar_btn{
		width: 100%;
	}
}
@media only screen and (min-width:768px) and (max-width:1023px) and (pointer:coarse) and (orientation:landscape){
	.acc_sticky .acclist_tr.title,
	.acc_sticky .navbar_btn{
		width: 100%;
	}
}
/* 1023 ~ */
@media only screen and (max-width: 1023px) {
	.accmd_md_name {
		align-items: flex-end;
		flex-direction: column-reverse;
	}
	.accmd_md_name .md_required {
		margin-bottom: 24px;
	}
	.accmd_setBg{
		padding: 16px 0 0;
	}
	.accmd_set_item{
		width: 100%;
		border-radius: 0;
	}
	.accmd_set_item:empty{
		display: none;
	}
	.accmd_md_name .md_label{
		max-width: none;
	}
	.info_popup .md_alert,
	.confirm_popup .md_alert,
	.load_popup .md_alert{
		width: 100%;
	}
	.accmd_sub_search{
		position: relative;
		padding: 0 0 0 16px;
		justify-content: flex-end;
		align-items: flex-start;
	}
	/*帳號管理new*/
	/*acc_su_list_new*/
	.acclist .ph_filter{
		position: relative;
		height: 64px;
		display: inline-block;
		padding: 0;
	}
	.ph_filter .title{
		position: absolute;
		top: 15px;
		left: 16px;
		z-index: 1;
		pointer-events: none;
	}
	.acclist .pc_filter{
		display: none;
	}
	.acclist .filter_bar{
		position: relative;
		flex-wrap: wrap;
		padding: 0;
	}
	.filter_bar .add_btn{
		width: 100%;
		order: 1;
		margin-top: 16px;
		margin-bottom: 8px;
	}
	.filter_bar .md_filter_box,
	.filter_bar .md_filter_scroll_hidden{
		order: 2;
	}
	.filter_bar .md_filter_scroll_hidden{
		flex: 1 1 calc(100% - 56px);
	}
	.filter_bar .filter_left{
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		height: 72px;
	}
	.filter_bar .md_retrieve_search{
		order: 3;
	}
	.filter_bar .search_on{
		top: auto;
		bottom: 0;
		border-radius: 0;
	}
	.md_retrieve_search.search_on.--forSub{
		width: 100%;
		top: 0;
		background: #FFF;
	}
	.filter_bar .md_normal_btn.--add{
		margin: 16px 16px 8px;
	}
	.acclist .safecode,
	.acclist .time,
	.acc_title .number,
	.acc_title .status{
		display: none;
	}
	.acc_title{
		grid-template-columns: 35% 40% 25%;
		padding-right: 0;
	}
	.acc_title .credit,
	.acc_title .number{
		padding-right: 24px;
	}
	.acc_title.report_fixed{
		left: 0;
		right: 0;
	}
	.acc_tr{
		position: relative;
		grid-template-columns: 35% 40% 25%;
		grid-template-rows: repeat(3, 16px);
		grid-row-gap: 2px;
		grid-template-areas:
		"account . function"
		"account credit function"
		"status number function";
		padding: 10px 0;
	}
	.acc_tr .account{
		grid-area: account;
	}
	.acc_tr .status{
		justify-content: flex-start;
		grid-area: status;
		padding: 0 8px 0 16px;
	}
	.status > div{
		min-width: unset;
	}
	.status .dropdown{
		position: relative;
		height: 16px;
		width: auto;
		padding: 0 2px;
	}
	.status .md_status_arrow{
		margin-left: 2px;
	}
	.status .md_filter_status{
		display: none;
	}
	.status .status_select{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	.acc_tr .credit{
		position: static;
		padding: 0 6px 0 5px;
		grid-area: credit;
	}
	.credit .md_status_arrow{
		width: 12px;
	}
	.acc_tr .credit_edit{
		left: 16px;
		right: 16px;
	}
	.acc_tr .number{
		grid-area: number;
		padding: 0 22px 0 5px;
		color: rgba(0, 0, 0, .64);
	}
	.acc_tr .number_title{
		display: block;
		margin-right: 2px;
	}
	.acc_tr .function{
		grid-area: function;
	}
	/*acc_ag_list_new*/
	.account_ag .login,
	.account_ag .type{
		display: none;
	}
	.account_ag .acc_title,
	.account_ag .acc_tr{
		grid-template-columns: 35% 40% 25%;
	}
	.acc_tr .number_type{
		position: relative;
		display: block;
		margin-right: 9px;
	}
	.acc_tr .number_type:before{
		position: absolute;
		content: '';
		top: 0;
		left: calc(100% + 4px);
		width: 1px;
		height: 100%;
		background: #E0E0E0;
	}
	/*acc_mem_list_new*/
	.account_mem .login,
	.acc_title .currency{
		display: none;
	}
	.account_mem .acc_title,
	.account_mem .acc_tr{
		grid-template-columns: 35% 40% 25%;
	}
	.account_mem .acc_tr{
		grid-template-areas:
		"account . function"
		"account credit function"
		"status currency function";
	}
	.acc_tr .currency{
		padding: 0 22px 0 0;
		grid-area: currency;
		justify-content: flex-end;
	}
	/*acc_sub_list_new*/
	.account_sub .acc_title,
	.account_sub .acc_tr{
		grid-template-columns: 36% 34% 30%;
	}
	.acclist .permission{
		display: none;
	}
	.account_sub .acc_tr{
		grid-template-areas:
		"account safecode function";
		grid-template-rows: 32px;
		padding: 8px 0;
	}
	.account_sub .function .function_box{
		padding: 0;
	}
	.account_sub .acc_title .safecode{
		display: flex;
	}
	.account_sub .acc_tr .safecode{
		display: block;
		padding: 8px 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.account_sub .md_retrieve_search{
		width: 100%;
		justify-content: flex-end;
	}
	.account_sub .search_on{
		position: static;
	}
	.account_sub .md_normal_btn.--add{
		margin-bottom: 0;
	}
	.account_sub .md_retrieve_search:before{
		content: none;
	}
	/*view only status*/
	.--view_only + .number,
	.--view_only + .currency{
		padding: 0 6px 0 5px;
	}
}






























@media only screen and (min-width:1024px){
	.acc_sticky{
		padding-top: 56px;
	}
	.acc_sticky .acclist_tr.title,
	.acc_sticky .navbar_btn{
		width: calc(100vw - 66px);
	}

}
@media only screen and (min-width:1024px) and (pointer:coarse){
	.acc_sticky .acclist_tr.title,
	.acc_sticky .navbar_btn{
		width: calc(100% - 56px);
	}
}
@media only screen and (min-width:1440px){
	.acc_sticky .acclist_tr.title{
		width: calc(100vw - 66px);
		margin-left: -16px!important;
		padding: 0 16px 0 32px;
	}
	.acc_sticky .navbar_btn{
		width: calc(100vw - 66px);
	}
}
@media only screen and (min-width:1440px) and (pointer:coarse){
	.acc_sticky .acclist_tr.title,
	.acc_sticky .navbar_btn{
		width: calc(100% - 56px);
	}
}




/*mouse event for PC*/
@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){
	.acc_menu li:hover,
	.submenu>div:hover{
		color: #c0382b;
	}
	.drop_down li:hover{
		background-color: #e3e3e3;
	}
	.btn_submit:hover,
	.btn_apply:hover{
		opacity: 0.6;
	}
	.btn_cancel:hover{
		color: #fff;
		background: rgba(130,130,130,0.4);
	}
	.acclist_td01 tt.word_blue:hover{
		color: #660099;
	}
	.navbar .box_status:hover{
		background: #ebf7ff;
	}
	/*帳號管理new*/
	/*acc_su_list_new*/
	.acc_tr .credit_box:hover .credit_amount{
		color: #000;
	}
	.acc_tr .credit_box:hover .md_status_arrow,
	.filter_bar .md_filter_status:hover .md_status_arrow{
		opacity: 1;
	}
	.status .dropdown:hover{
		color: #000;
		background: #F5F5F5;
	}
	.status .dropdown:hover .md_status_arrow{
		filter: none;
	}
	.edit .function_btn:hover .function_icon,
	.lock .function_btn:hover .function_icon,
	.delete .function_btn:hover .function_icon{
		opacity: 1;
	}
	.add .function_btn:hover .function_icon{
		filter: invert(68%) sepia(64%) saturate(296%) hue-rotate(111deg) brightness(93%) contrast(88%);
	}
}
/*touch event for Mobile*/
@media (pointer:coarse) {
	.acc_menu li:active,
	.submenu>div:active{
		color: #c0382b;
	}
	.drop_down li:active{
		background-color: #e3e3e3;
	}
	.btn_submit:active,
	.btn_apply:active{
		opacity: 0.6;
	}
	.btn_cancel:active{
		color: #fff;
		background: rgba(130,130,130,0.4);
	}
	.acclist_td01 tt.word_blue:active{
		color: #660099;
	}
	.navbar .box_status:active{
		background: #ebf7ff;
	}
}


.navbar .box_status.box_upper.select_min{
	max-width: none;
	padding: 12px 24px 12px 16px;
}
.navbar .box_status.select_min{
	max-width: none;
	padding: 12px 24px 12px 8px;
}
.navbar .box_status.select_min .icon_down{
	position: absolute;
	top: 32.5px;
	right: 8px;
	pointer-events: none;
}


.acclist_th09_4,.acclist_td09_4{
	/*display: none!important;*/
}



/*fixed位置無效修正*/
.nofixed .acc_sticky .acclist_tr.title,
.nofixed .acc_sticky .navbar_btn{
	top: 55px;
}
/*active*/
/*帳號管理new*/
/*acc_su_list_new*/
.acc_tr .credit_box:active .credit_amount{
	color: #000;
}
.acc_tr .credit_box:active .md_status_arrow,
.credit .show .md_status_arrow,
.filter_bar .md_status_content:active .md_status_arrow,
.filter_bar .on .md_status_arrow{
	opacity: 1;
	transform: rotate(180deg);
}
.status .dropdown:active,
.status .dropdown.on{
	color: #000;
	background: #F5F5F5;
}
.status .dropdown:active .md_status_arrow,
.status .on .md_status_arrow{
	filter: none;
	transform: rotate(180deg);
}
.edit .function_btn:active .function_icon,
.lock .function_btn:active .function_icon,
.delete .function_btn:active .function_icon{
	opacity: 1;
	background-color: #F5F5F5;
}
.add .function_btn:active{
	background: #F5F5F5;
}
.add .function_btn:active .function_icon{
	filter: invert(47%) sepia(51%) saturate(481%) hue-rotate(111deg) brightness(92%) contrast(90%);
}

#input_maintain_yes,#input_maintain_no{
	appearance: auto;
}
#change_status_box .icon_down{margin-left:max(10px, 5%);}
#change_status_box select{font-size:14px;}
.re_sreachterm_allG1 .search_function_fullG{height:40px;margin-bottom:15px;}
	.re_sreachterm_allG1 .search_functionTxt{border:1px solid;}
	.re_result_div_body input{border:1px solid;}@charset "UTF-8";

/*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: 52px;
    line-height: 52px;
}
.lg_stratum li{
    float: left;
    width: calc(100% / 3);
    background-color: #a12e24;
    color: #d9aba7;
    text-align: center;
    font-weight: 600;
}
.lg_stratum li.on{
    background-color: #c0382b;
    color: #fff;
}
.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{
    padding:0 0 5px 4px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.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;
}
.lg_lan_cn,
.lg_lan_hk,
.lg_lan_en{
    position: relative;
    display: block;
    padding-left: 25px;
    font-weight: 600;
}
.lg_lan_cn i,
.lg_lan_hk i,
.lg_lan_en i{
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background:url(../../images/control/china.svg) no-repeat;
    background-image: url(../../images/control/cn.png);
    border-radius: 50%;
    left: 0;
}
.lg_lan_hk i{
    background:url(../../images/control/hk.svg) no-repeat;
    background-image: url(../../images/control/hk.png);
}
.lg_lan_en i{
    background:url(../../images/control/english.svg) no-repeat;
    background-image: url(../../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.lg_lan_cn i,
li.lg_lan_hk i,
li.lg_lan_en i{
    top: 16px;
    left: 16px;
}
li.lg_lan_cn,
li.lg_lan_hk,
li.lg_lan_en{padding-left: 47px;}

.lg_enterG{
    position: relative;
    z-index: 1;
}
.lg_input,
.ps_input{
    position: relative;
    height: 48px;
    border-radius: 3px;
    border: solid 1px #c8c8c8;
    margin-top: 16px;
}
.lg_input{
    position: static;
    clear: both;
}
.lg_enterG>div:first-child{margin-top: 25px;}
.u_icon i,
.p_icon i,
.s_icon i{
    float: left;
    display: block;
    width: 44px;
    height:100%;background:url(../../images/control/user.svg) no-repeat center;
    background:url(../../images/control/user.png) no-repeat center;
    top: 0;
    left: 15px;
}
.p_icon i{
    background-image:url(../../images/control/password.svg) ;
    background-image: url(../../images/control/password.png);
}
.s_icon i{
    background-image:url(../../images/control/safecode.svg) ;
    background-image: url(../../images/control/safecode.png);
}
.s_icon_title{margin-top: 13px;}
.s_icon_title + .lg_input{margin-top: 9px;}
.eye_icon, .no_eye_icon{
    position: absolute;
    display: block;
    width: 48px;
    height: 100%;
    background:url(../../images/control/eye.png) no-repeat center top;
    top: 0;
    right: 0;
}

.yzm_icon{
    position: absolute;
    display: block;
    width: 96px;
    height: 100%;
    top: 0;
    right: 0;
}

.no_eye_icon{
    background-position: center bottom;
}

.lg_input .eye_icon,
.lg_input .yzm_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: #c0382b;
    font-size: 13px;
    margin-top: 7px;
}
.lg_err:before,
.lg_scss:before{
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height:12px;
    background:url(../../images/control/error.svg) no-repeat;
    background-image: url(../../images/control/error.png);
    top: 2px;
    left: 0;
}
.lg_err_ie5 i{
    display: block;
    position: absolute;
    width: 12px;
    height:12px;
    background:url(../../images/control/error.svg) no-repeat;
    top: 2px;
    left: 0;
}
.lg_scss{
    position: relative;
    color: #38bb8f;
}
.lg_scss:before{
    background-image:url(../../images/control/successful.svg);
    background-image: url(../../images/control/successful.png);
    background-size: cover;
}

.lg_function{height: 20px;margin-top: 26px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.lg_remember{
    position: relative;
    float: left;
}
.lg_remember input{
    width: 16px;
    height: 16px;
    margin: 0;
}
.lg_remember tt{
    position: absolute;
    white-space: nowrap;
    top: 0;
    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: #38bb8f;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    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:#fefbf3;
    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(../../images/control/festival_tw.jpg) no-repeat top center ;}
.cn .lg_adcomPage1{background:url(../../images/control/festival_cn.jpg) no-repeat top center ;}
.en .lg_adcomPage1{background:url(../../images/control/festival_en.jpg) no-repeat top center ;}





.lg_adcomPage2{background:url(../../images/control/lg_adcomPage02_en.jpg) no-repeat top center #2579c1;}
.lg_adcomPage3{background:url(../../images/control/lg_adcomPage03_en.jpg) no-repeat top center #a04e26;}
.lg_adcomPage_repeat{background:url(../../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(../../images/control/arrowL.svg) right center  no-repeat;
    background-image: url(../../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(../../images/control/arrowR.svg) left center  no-repeat;
    background-image: url(../../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% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}
.icon_chrome{
    background-image: url(../../images/control/icon_chrome.svg);
}
.icon_uc{
    background-image: url(../../images/control/icon_uc.svg);
}
.icon_safari{
    background-image: url(../../images/control/icon_safari.svg);
}
.icon_firefox{
    background-image: url(../../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: #b03427;
    color: #fff;
    font-size: 18px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.ps_back_btn{
    width: 16px;
    height: 56px;
    background:url(../../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 #e0e0e0;
    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(../../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: 33px;
    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{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(../../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;
    float: left;
    height: 100%;
    line-height: 36px;
    padding-left: 24px;
    background:transparent;
    color: #2980b9;
    font-weight: 600;
    opacity: 1;
}
.ps_reset_btn:before{
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 100%;
    background: url(../../images/control/reset.svg) no-repeat center ;
    left:0;
    opacity: 1;
}
.ps_reset_btn.on{opacity: .3;}


.ps_input input.ps_chk_enter{width: 210px;}
.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;
    border-radius: 2px;
    border: solid 1px #e0e0e0;
    text-align: center;
    margin: 56px auto auto;
}
.ps_scssG:before{
    content: '';
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    background:url(../../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: 3px 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: #c0382b;
    border: 0;
}
.ps_strength_light2 li:nth-child(1),
.ps_strength_light2 li:nth-child(2){
    background-color: #c0382b;
    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: #38bb8f;
    border: 0;
}@charset "UTF-8";

/*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: 52px;
    line-height: 52px;
}
.lg_stratum li{
    float: left;
    width: calc(100% / 3);
    background-color: #a12e24;
    color: #d9aba7;
    text-align: center;
    font-weight: 600;
}
.lg_stratum li.on{
    background-color: #c0382b;
    color: #fff;
}
.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{
    padding:0 0 5px 4px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.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;
}
.lg_lan_cn,
.lg_lan_hk,
.lg_lan_en{
    position: relative;
    display: block;
    padding-left: 25px;
    font-weight: 600;
}
.lg_lan_cn i,
.lg_lan_hk i,
.lg_lan_en i{
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background:url(../../images/control/china.svg) no-repeat;
    background-image: url(../../images/control/cn.png);
    border-radius: 50%;
    left: 0;
}
.lg_lan_hk i{
    background:url(../../images/control/hk.svg) no-repeat;
    background-image: url(../../images/control/hk.png);
}
.lg_lan_en i{
    background:url(../../images/control/english.svg) no-repeat;
    background-image: url(../../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.lg_lan_cn i,
li.lg_lan_hk i,
li.lg_lan_en i{
    top: 16px;
    left: 16px;
}
li.lg_lan_cn,
li.lg_lan_hk,
li.lg_lan_en{padding-left: 47px;}

.lg_enterG{
    position: relative;
    z-index: 1;
}
.lg_input,
.ps_input{
    position: relative;
    height: 48px;
    border-radius: 3px;
    border: solid 1px #c8c8c8;
    margin-top: 16px;
}
.lg_input{
    position: static;
    clear: both;
}
.lg_enterG>div:first-child{margin-top: 25px;}
.u_icon i,
.p_icon i,
.s_icon i{
    float: left;
    display: block;
    width: 44px;
    height:100%;background:url(../../images/control/user.svg) no-repeat center;
    background:url(../../images/control/user.png) no-repeat center;
    top: 0;
    left: 15px;
}
.p_icon i{
    background-image:url(../../images/control/password.svg) ;
    background-image: url(../../images/control/password.png);
}
.s_icon i{
    background-image:url(../../images/control/safecode.svg) ;
    background-image: url(../../images/control/safecode.png);
}
.s_icon_title{margin-top: 13px;}
.s_icon_title + .lg_input{margin-top: 9px;}
.eye_icon, .no_eye_icon{
    position: absolute;
    display: block;
    width: 48px;
    height: 100%;
    background:url(../../images/control/eye.png) no-repeat center top;
    top: 0;
    right: 0;
}

.yzm_icon{
    position: absolute;
    display: block;
    width: 96px;
    height: 100%;
    top: 0;
    right: 0;
}

.no_eye_icon{
    background-position: center bottom;
}

.lg_input .eye_icon,
.lg_input .yzm_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: #c0382b;
    font-size: 13px;
    margin-top: 7px;
}
.lg_err:before,
.lg_scss:before{
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height:12px;
    background:url(../../images/control/error.svg) no-repeat;
    background-image: url(../../images/control/error.png);
    top: 2px;
    left: 0;
}
.lg_err_ie5 i{
    display: block;
    position: absolute;
    width: 12px;
    height:12px;
    background:url(../../images/control/error.svg) no-repeat;
    top: 2px;
    left: 0;
}
.lg_scss{
    position: relative;
    color: #38bb8f;
}
.lg_scss:before{
    background-image:url(../../images/control/successful.svg);
    background-image: url(../../images/control/successful.png);
    background-size: cover;
}

.lg_function{height: 20px;margin-top: 26px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.lg_remember{
    position: relative;
    float: left;
}
.lg_remember input{
    width: 16px;
    height: 16px;
    margin: 0;
}
.lg_remember tt{
    position: absolute;
    white-space: nowrap;
    top: 0;
    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: #38bb8f;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    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:#fefbf3;
    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(../../images/control/festival_tw.jpg) no-repeat top center ;}
.cn .lg_adcomPage1{background:url(../../images/control/festival_cn.jpg) no-repeat top center ;}
.en .lg_adcomPage1{background:url(../../images/control/festival_en.jpg) no-repeat top center ;}





.lg_adcomPage2{background:url(../../images/control/lg_adcomPage02_en.jpg) no-repeat top center #2579c1;}
.lg_adcomPage3{background:url(../../images/control/lg_adcomPage03_en.jpg) no-repeat top center #a04e26;}
.lg_adcomPage_repeat{background:url(../../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(../../images/control/arrowL.svg) right center  no-repeat;
    background-image: url(../../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(../../images/control/arrowR.svg) left center  no-repeat;
    background-image: url(../../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% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}
.icon_chrome{
    background-image: url(../../images/control/icon_chrome.svg);
}
.icon_uc{
    background-image: url(../../images/control/icon_uc.svg);
}
.icon_safari{
    background-image: url(../../images/control/icon_safari.svg);
}
.icon_firefox{
    background-image: url(../../images/control/icon_firefox.svg);
}

.lg_broswer_img code{
    font-size: 12px;
}/*register_email*/
.mail_functionG{
    position: relative;
    padding: 0 16px 21px;
    border-bottom: 1px solid #e0e0e0;
}
.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(../../images/control/edit.svg) no-repeat;
    border: 0;
}
.mail_del_btn{
    background-image: url(../../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;}/*RWD*/
@media only screen and (min-width: 768px) and (max-width:1023px) {
    .set_type_itemG{width: 100%;}

}


@media only screen and (max-width: 767px) {
    .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;}

    .da_valueG1{
        width: 100%;
        margin-bottom: 56px;
    }
    .da_valueG1: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;}
}



@media only screen and (min-width:600px) and (max-width: 767px){
    .contact_infoTxtUL{width: 47%;}
}



@media only screen and (max-width: 599px){

    .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;}
}

@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;}
}@charset "UTF-8";

/*回到頂端鈕*/
.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(../../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:#c0392b;
	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: #c0392b;}
.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{
	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;
}
.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 #e0e0e0 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);
}
.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*/
.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(../../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(../../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(../../images/control/close_x.svg) no-repeat center transparent; opacity: .6;right: 40px;}
.search_functionSubmit_tran_btn{ background: url(../../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 #c0382b inset; }
.search_function_err{
	position: relative;
	color: #c0382b;
	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(../../images/control/error.svg) no-repeat;
	top: 2px;
	left: 0;
}





/*可共用內下拉選單*/
/*避免被td其他狀態影響要加上字顏色粗細*/
.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(../../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(../../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(../../images/control/B_plus.svg) no-repeat;
	margin: auto;
}
.less_infoG{background-image: url(../../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: flex;
	align-items: flex-start;
	justify-content: center;
	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(../../images/control/close_x_w.svg) no-repeat center / contain;
	border: 0;
	opacity: .6;
}
.ar_ann_note .ar_x_btn{
	position: absolute;
	background: url(../../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{
	display: block;
	width: 100%;
	margin-bottom: 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: #38bb8f;
	border-radius: 3px;
	border: 0;
	color: #fff;
	font-size: 14px;
}
.ar_list{
	margin-top: 16px;
	margin-bottom: 24px;
}
.ar_item{
	position: relative;
	padding-left: 20px;
	font-size: 14px;
	line-height: 19px;
}
.ar_item:before{
	position: absolute;
	content: '';
	left: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
}
.ar_ann_note li.ar_item{
	margin-bottom: 0;
}


.ps_sendCode{
	position:fixed;
	width: 315px;
	height: 40px;
	padding: 0 16px;
	background-color: #404040;
	border-radius: 1px;
	bottom: calc(constant(safe-area-inset-bottom) + 16px);
	bottom: calc(env(safe-area-inset-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;
}

/* 新增修改帳號 */
.--accType .ps_sendCode{
	bottom: calc(constant(safe-area-inset-bottom) + 56px);
	bottom: calc(env(safe-area-inset-bottom) + 56px);
}

.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: #38bb8f;
	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 #e0e0e0;}
.err404{
	position: fixed;
	width: 100%;
	height: 100%;
	/* background:url(../../images/control/err404.png)  #fff center no-repeat; */
	top: 0;
	left: 0;
	z-index: 2;
}

/*width height*/
.w100{width: 100% !important;}
.w192px{width: 192px;}
.w200px{width: 200px;}
.w360px{width: 360px;}
.h100per{height: 100%;}
.h56px{height: 56px;}
.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;}

.pt0{padding-top: 0!important;}
.pb0{padding-bottom: 0!important;}
.pt16{padding-top: 16px!important;}
.prl16{
	padding-right: 16px;
	padding-left: 16px;
}

.mt13{margin-top: 13px;}
.mt16 {margin-top: 16px;}
.mb12{margin-bottom: 12px;}
.mb0{margin-bottom: 0!important;}
.mt0{margin-top: 0!important;}

.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: #f0f0f0;
}
.bgfff {
	background-color: #fff;
}
.noborder{border: 0;}

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




/*word*/
.word_link{
	color: #2980b9;
	font-weight: 600;
}
.word_link_new{
	color: #2980B9;
}
.word_line_link{
	color: #007AFF;
}
.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: #c0382b;}
.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: #38bb8f;}
.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,
.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_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, .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,.md_addAcc_btn, .long_square_btn{
	-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,.md_addAcc_btn,.md_permissions li, .md_label.--period, .--period input, .long_square_btn{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;}





	.lg_stratum li:hover{
		background-color: #E86E68;
		color: #FFF;
	}
	.hover_bgc0382b{background-color: #c0382b;color: #fff;}




	.lg_lanUL li:hover,
	.ar_choose_Info li:hover,
	.re_selectG>ul li: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,
	.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: #ebf7ff;}




	.hover_text_op08{color: rgba(255, 255, 255, .8);}


	.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);}

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

	.lg_login_btn:hover{background-color: #5ACEA7;}
	.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: #E86E68;
	}



	.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(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%);
		opacity: 1;
	}
	.le_small_btnG>li.le_tel:hover:before,
	.le_big_btnG li.le_tel:hover:before{
		filter: none;
		background-position: center -36px;
	}
	.le_small_btnG>li.le_account:hover:before,
	.le_big_btnG .le_account_list li:hover:before{
		filter: none;
		background-position: bottom center;
	}
	.le_big_btnG .le_account_list .le_retrieve:hover:before{
		filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%);
		opacity: 1;
		background-position: center;
	}
	.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: #E4534D;
		background-color: #FAFAFA;
	}
	.mu_memberUL li:hover .mu_memberUL_rightTxt{
		color: #E4534D;
	}

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



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


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


	.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: #4C5558;
	}
	.mu_btnG li:hover,
	.mu_rightG .profile_btn:hover,
	.mu_hab:hover,
	.le_bigG .le_close:hover{
		background-color: #515151;
	}
	.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: #E4534D;
	}

	.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: 1px solid #474747;
	}

	.md_creat_btn:not(:disabled):hover,
	.md_name_btn:hover,
	.md_normal_btn:not(:disabled):hover,
	.long_square_btn:not(:disabled):hover,
	.md_gray_btn.--save:not(:disabled):hover,
	.md_addAcc_btn: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;
	}
	.report_main .md_label:hover i{
		opacity: 1;
	}
	.report_main .md_label i:hover{
		background-color: transparent;
	}
	/*calendar.css*/
	.cal_date:not(.cal_space):hover,
	.cal_date_left:not(.cal_space):hover,
	.cal_date_right:not(.cal_space):hover{
		color: #000;
	}
	.cal_date:not(.cal_space):hover:before,
	.cal_date_left:not(.cal_space):hover:before,
	.cal_date_right:not(.cal_space):hover:before{
		background-color: #FAFAFA;
	}

}


.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;}





.lg_stratum li:active{
	background-color: #2c2c2c;
	color: #FFF;
}
.active_bgc0382b{
	background-color: #c0382b;
	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: #2c2c2c;
}

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


.lg_lanUL li:active,
.ar_choose_Info li: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,
.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: #ebf7ff;}




.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: #2D9572;}
.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: #E4534D;
	background-color: #F5F5F5;
}
.mu_memberUL li:active .mu_memberUL_rightTxt{
	color: #E4534D;
}
.mu_memberUL li:not(.mu_memberUL_title):active:before,
.le_big_btnG li:not(.le_account_list):active:before{
	filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%);
	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;
}
.le_big_btnG .le_account_list .le_retrieve:active:before{
	filter: invert(34%) sepia(51%) saturate(744%) hue-rotate(314deg) brightness(117%) contrast(100%);
	opacity: 1;
	background-position: center;
}
.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%);
	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: #c0392b;}


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


.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: #EBF7FF;
}
.lg_broswer_img li:active i{
	background-position: right;
}
.lg_broswer_img li:active code{
	color: #4C5558;
}

.lang_item:active{
	background: #EDEDED;
}
.lang_item:active .lang_radio{
	border: none;
	border-radius: 0;
	background: url(../../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: #E4534D;
}

.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,
.long_square_btn:not(:disabled):active,
.md_gray_btn.--save:not(:disabled):active,
.md_addAcc_btn:active {
	background: #309274;
}

.md_info:active,
.md_alert_title i:active {
	background-color: #f0f0f0;
	opacity: 1;
}
.md_info:active::before {
	filter: invert(68%) sepia(75%) saturate(5403%) hue-rotate(192deg) brightness(101%) contrast(102%);
}
.md_label:not(.--on):not(.--err):not(.--disabled):active {
	border: 1px solid #3DB893;
}
.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: #F0F0F0;
}
.report_main .md_label:active i,
.report_main .--on i{
	opacity: 1;
}
.report_main .md_label i:active{
	background-color: transparent;
}
/*calendar.css*/
.cal_date:not(.cal_space):active,
.cal_date_left:not(.cal_space):active,
.cal_date_right:not(.cal_space):active{
	color: #000;
}
.cal_date:not(.cal_space):active:before,
.cal_date_left:not(.cal_space):active:before,
.cal_date_right:not(.cal_space):active:before{
	background-color: #F5F5F5;
}


/*保留功能但清除scrollbar外觀*/
.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 (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{
		width: 100%;
		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
	}

	/* 新增修改帳號 */
	.--accType .ps_sendCode {
		bottom: calc(constant(safe-area-inset-bottom) + 40px);
		bottom: calc(env(safe-area-inset-bottom) + 40px);
	}
	.ps_sendCode span{text-align: left;}
	.hide_on_ph_only {
		display: none !important;
	}
}
@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_main, .ar_annG{margin-top: 0;}
}

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






/* index新增各層按鈕 */
.md_addAcc{
	display: block;
	background: #fff;
	margin: auto 16px auto auto;
}
.md_addAcc_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	height: 40px;
	border-radius: 40px;
	background: #3DB893;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.md_addAcc_btn i{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/control/icon_addAcc.svg) no-repeat;
	margin-right: 9px;
}
/* 創建模板按鈕 */
.md_creat_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	padding: 0 16px 0 12px;
	border-radius: 24px;
	background: #3DB893;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.md_creat_btn i{
	display: block;
	flex: none;
	width: 16px;
	height: 16px;
	background: url(../../images/control/icon_create.svg) no-repeat center;
	filter: invert(1);
	margin-right: 8px;
}
.md_creat_btn:disabled{
	background: #E0E0E0;
	color: rgba(0, 0, 0, 0.24);
}
.md_creat_btn:disabled i{
	filter: none;
	opacity: 0.24;
}
.md_main_txt{
	padding-top: 16px;
	line-height: 14px;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
}
.md_main_txt h2{
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 8px;
}
.md_main_txt li.space {
	margin: 16px 0;
}

/* 模板解說 */
.md_comment{
	padding: 8px 16px;
	background: #fff;
}
.md_commBg{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 16px;
	background: #F9F9F9;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	color: #000;
	font-size: 14px;
}
.md_comm_txt{
	line-height: 16px;
}
.md_comm_txt li:first-child{
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
}
.md_commBg .md_creat_btn{
	width: auto;
}
.md_comm_txt a{
	margin-left: 4px;
}



/* 必填欄位 */
.md_required{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	line-height: 16px;
	color: #FF4E65;
	font-size: 14px;
}
.md_required::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #FF4E65;
	border-radius: 8px;
	margin-right: 8px;
}

/* 步驟 */
.md_step{
	display: flex;
	padding: 20px 16px;
	background: #fff;
	counter-reset: num;
}
.md_step li{
	position: relative;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	white-space: nowrap;
}
.md_step li+li{
	margin-left: 40px;
}
.md_step li::before{
	counter-increment: num;
	content: counter(num);
	display: block;
	flex: none;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: #3DB893;
	border: 1px solid #3DB893;
	border-radius: 24px;
	color: #fff;
	text-align: center;
	margin-right: 8px;
}
.md_step li.--ok::before{
	background: url(../../images/control/icon_stepOk.svg) no-repeat center;
	color: transparent;
}
.md_step li.--on ~ li::before{
	background: #fff;
	color: #3DB893;
}

.md_step li + li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: calc(100% + 8px);
	width: 24px;
	height: 2px;
	background: #E0E0E0;
	border-radius: 4px;
	margin: auto;
}

/* modal button */
.md_list{
	position: relative;
	align-items: center;
	padding: 16px 0;
	background: #fff;
	border-top: 1px solid #E0E0E0;
}
.md_list_title{
	padding-left: 16px;
	line-height: 16px;
	color: #44484A;
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 16px;
}
.md_list_item{
	position: relative;
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
}
.md_list_item::before,
.md_list_item::after {
	content: '';
	flex: none;
	display: block;
	width: 16px;
	height: 1px;
}
.md_list_item li{
	padding: 3px 8px;
	line-height: 16px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.24);
	border-radius: 24px;
	color: rgba(0, 0, 0, 0.72);
	font-size: 14px;
	white-space: nowrap;
}
.md_list_item li + li{
	margin-left: 8px;
}
.md_list_item li.--on{
	background: #5A5D5F;
	border-color: #5A5D5F;
	color: #fff;
}

/* sport type */
.md_type{
	position: relative;
	background: #fff;
}
.md_type_list{
	display: flex;
	font-size: 13px;
	line-height: 16px;
	color: rgba(0, 0, 0, 0.72);
	overflow-x: auto;
	overflow-y: hidden;
}
.md_type_list::before,
.md_type_list::after {
	content: '';
	flex: none;
	display: block;
	width: 8px;
	height: 1px;
}
.md_type_list li{
	padding: 16px 8px;
	white-space: nowrap;
	text-transform: uppercase;
}
.md_type_list li.--on{
	color: #E4534D;
}
/* 左右滑動控制 */
.--scroll::before,
.md_list::after,
.md_type::after {
	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: 2;
}

.md_list::after,
.md_type::after {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.--right_no_scroll::after {
	content: none;
}

/* title */
.md_title{
	display: flex;
	align-items: center;
	height: 56px;
	padding: 16px;
	background: #F9F9F9;
	border-radius: 8px 8px 0 0;
}
.md_title ul{
	display: flex;
	font-weight: 700;
	font-size: 16px;
}
.md_title li{
	position: relative;
}
.md_title li + li{
	margin-left: 17px;
}
.md_title li + li::before{
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 12px;
	background: #334547;
	opacity: 0.4000000059604645;
	top: 0;
	bottom: 0;
	right: calc(100% + 8px);
	margin: auto;
}
.md_set_info {
	padding: 24px 16px 16px;
	background: #fff;
	border-radius: 0 0 8px 8px;
}
.md_set_info.--lowPd{
	padding-top: 16px;
}
.md_set_info.--noPd {
	padding: 0 0 16px;
}
.md_info{
	position: relative;
	width: 24px;
	height: 24px;
	margin-left: 8px;
}
.md_info::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: url(../../images/control/icon_notice.svg) no-repeat center;
	filter: invert(36%) sepia(54%) saturate(5928%) hue-rotate(201deg) brightness(103%) contrast(103%);
}
.md_inside_title,
.md_mini_title {
	display: flex;
	align-items: center;
	padding: 3px 0 0;
	color: rgba(0, 0, 0, 0.64);
	font-size: 14px;
	margin-bottom: 27px;
}
.md_inside_title{
	padding: 0;
	margin-bottom: 24px;
}
.md_inside_title.--dot::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #FF4E65;
	border-radius: 8px;
	margin: 0 12px 0 4px;
}
.md_mini_title{
	color: #44484A;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
}
.md_line{
	position: relative;
	display: block;
	height: 1px;
	background: #E0E0E0;
	margin: 16px 0;
}
.md_line::before,
.md_line::after{
	content: '';
	position: absolute;
	width: 16px;
	height: 1px;
	background: #E0E0E0;
	top: 0;
	right: 100%;
}
.md_line::after{
	left: 100%;
}
.md_set_txt{
	margin-bottom: 24px;
}
.md_set_txt li{
	line-height: 18px;
	color: #000;
	font-weight: 700;
	font-size: 16px;
}
.md_set_txt li + li{
	margin-top: 16px;
}
.md_set_txt li::before{
	font-family: 'Helvetica', sans-serif!important;
}
.md_set_txt li::before,
.md_set_txt code{
	content: attr(data-txt);
	display: block;
	line-height: 16px;
	color: rgba(0, 0, 0, .72);
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 4px;
}
.md_set_txt code{
	font-size: 12px;
}
.tel_mark{
	position: relative;
	display: inline-flex;
	align-items: center;
	color: #E1433C;
	font-weight: bold;
	margin-left: 24px;
}
.tel_mark::before{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	right: calc(100% + 4px);
	background: url(../../images/control/icon_assistant.svg) no-repeat;
}
.md_set_txt .tel_note{
	color: rgba(0, 0, 0, .64);
	font-size: 14px;
	margin-top: 8px;

}
.md_set_miniTxt{
	font-size: 12px;
	color: rgba(0, 0, 0, .64);
}
.md_set_miniTxt li + li{
	margin-top: 2px;
}
.md_set_miniTxt .md_topPoint::before{
	content: none;
}
.md_set_miniTxt .md_topPoint{
	margin-bottom: 0;
}
.md_set_miniTitle{
	padding: 19px 0 27px;
	color: #44484A;
	font-size: 13px;
}
.md_set_table{
	width: 100%;
}
.md_set_table tr:not(:first-child):not(:last-child){
	border-bottom: 1px solid #E0E0E0;
}
.md_set_table td,
.md_set_table th{
	height: 40px;
	line-height: 14px;
	padding: 12px 16px;
	color: #000;
	font-size: 14px;
}
.md_set_table th{
	border-bottom: 2px solid #E0E0E0;
	color: rgba(0, 0, 0, .72);
	font-size: 12px;
}
.icon_square{
	display: flex;
	align-items: center;
}
.icon_square::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	margin-right: 8px;
}
.icon_square.--active::before{
	background: #29C2CC;
}
.icon_square.--suspended::before {
	background: #FF4E65;
}
.icon_square.--viewOnly::before {
	background: #F3B932;
}
.icon_square.--inactive::before {
	background: #A3ACB1;
}

/* 開關 */
.md_switch {
	position: relative;
	display: block;
	width: 28px;
	height: 16px;
	margin-left: auto;
	pointer-events: auto !important;
}
.md_switch.--txtStyle{
	margin-left: unset;
	margin-top: 10px;
}
.md_switch input {
	display: none !important;
}

.md_switch>div {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #5A5D5F;
	border-radius: 16px;
}

.md_switch div::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	background: #5A5D5F;
	border-radius: 12px;
	transition: transform .3s ease-in-out;
}

.md_switch input:checked~div {
	background: #3DB893;
	border-color: #3DB893;
}

.md_switch input:checked~div::before {
	background: #fff;
	transform: translate3d(100%, 0, 0);
}
.md_switch div::after {
	content: attr(data-txt);
	position: absolute;
	top: 0;
	right: calc(100% + 8px);
	color: rgba(0, 0, 0, 0.64);
	font-size: 12px;
	white-space: nowrap;
	pointer-events: none;
}
.md_switch input:checked~div::after{
	color: #3DB893;
}
.md_switch.--txtStyle div::after{
	right: auto;
	left: calc(100% + 8px);
}

/* 創建模板修改刪除 */
.md_editBar{
	margin-bottom: 16px;
}
.md_editBar_item{
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.24);
	border-radius: 4px;
}
.md_edit_btn{
	position: relative;
	display: block;
	flex: 1 1 100%;
	height: 100%;
	padding-left: 32px;
	color: rgba(0, 0, 0, 0.8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.md_edit_btn::before{
	position: absolute;
	content: '';
	width: 32px;
	height: 32px;
	background: url(../../images/control/icon_edit_B.svg) no-repeat center;
	opacity: 0.64;
	top: 8px;
	left: 0;
}
.md_editBar_item i,
.md_copyUrl i {
	flex: none;
	width: 32px;
	height: 32px;
	opacity: 0.64;
}
.md_editBar_item i{
	margin-left: 8px;
}
.icon_copy_B{
	background: url(../../images/control/icon_copy_B.svg) no-repeat center;
}
.icon_del_B {
	background: url(../../images/control/icon_del_B.svg) no-repeat center;
}

/* 複製網址 */
.md_copyUrl{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 280px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border-radius: 8px;
	color: #000;
}
.md_copyUrl i{
	margin-left: 16px;
}

/* 輸入匡 */
.md_label{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 56px;
	padding: 12px 8px 12px 16px;
	background: #fff;
	border: 1px solid #5A5D5F;
	border-radius: 4px;
}
.md_label_w {
	width: 100%;
	max-width: 460px;
}
.md_label:not(.--pc):not([style])+.md_label:not(.--mini):not(.--period),
.md_notice+.md_label,
.md_pw_function+.md_label,
.md_label.--pc:not([style])+.md_label.--pc{
	margin-top: 24px;
}
.md_label.--pre{
	padding: 12px;
}
.md_label.--dot::after{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #FF4E65;
	border-radius: 8px;
	left: calc(100% - 4px);
	bottom: calc(100% - 4px);
}
.md_label input{
	flex: 1 1 100%;
	width: 100%;
	min-width: 0;
	height: 100%;
	color: #000;
	font-size: 16px;
}
.md_label code {
	position: absolute;
	height: 32px;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.64);
	font-size: 16px;
	top: 0;
	bottom: 0;
	left: 16px;
	margin: auto;
	pointer-events: none;
	transition: all 0.3s ease;
}
.md_label .md_pre{
	display: block;
	flex: none;
	height: 100%;
	line-height: 32px;
	padding: 0 8px;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.4);
	font-size: 16px;
	font-weight: 700;
	margin-right: 8px;
}
.md_label .icon_load{
	flex: none;
	width: 32px;
	height: 100%;
	background: url(../../images/control/icon_miniload.svg) no-repeat center;
	margin-left: auto;

	animation: lds_spinner 1s linear infinite;
}
@keyframes lds_spinner {
	100% {
		transform: rotate(360deg);
	}
}
.md_label .icon_checked{
	flex: none;
	width: 32px;
	height: 100%;
	background: url(../../images/control/icon_checked.svg) no-repeat center;
}
.md_name_btn{
	flex: none;
	height: 100%;
	line-height: 32px;
	padding: 0 12px;
	background: #3DB893;
	border-radius: 16px;
	color: #fff;
	font-size: 12px;
	margin-left: auto;
}
.md_label i {
	flex: none;
	width: 32px;
	height: 32px;
	opacity: 0.64;
}
.icon_pw_hidden{
	background: url(../../images/control/icon_pw_hidden.svg) no-repeat center;
}
.icon_pw_visible {
	background: url(../../images/control/icon_pw_visible.svg) no-repeat center;
}
.icon_dropdown{
	position: absolute;
	background: url(../../images/control/icon_dropdown.svg) no-repeat center;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
	pointer-events: none;
}
.md_label .tips{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 75px;
	height: 100%;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.4);
	font-size: 16px;
	margin-left: auto;
	white-space: nowrap;
}

/* 多種組合 */
.md_double_label,
.md_complex_label,
.md_more_label {
	display: flex;
	justify-content: space-between;
}
.md_double_label,
.md_more_label{
	flex-wrap: wrap;
}
.md_more_label label,
.md_double_group {
	width: calc((100% - 17px) / 2);
}
.md_tip{
	font-size: 12px;
	margin-top: 8px;
	color: rgba(0, 0, 0, .64);
}
.md_complex_label.--readonly,
.md_label + .--readonly,
.md_notice + .--readonly{
	margin-top: 8px;
}
.md_complex_label .md_label:first-child{
	margin-right: 9px;
}
.md_complex_label .md_label.--mini {
	flex: none;
}
.md_more_label label:nth-child(2),
.md_complex_label .md_label{
	margin-top: 0 !important;
}
.w89px{
	width: 89px !important;
}
.w131px {
	width: 131px !important;
}

/* 提示小字 */
.md_rate{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
}
.md_point {
	color: rgba(0, 0, 0, .64);
	font-size: 12px;
	margin-top: 8px;
}
.md_topPoint{
	position: relative;
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, .64);
	font-size: 12px;
	margin-bottom: 24px;
}
.md_topPoint::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #FF4E65;
	border-radius: 8px;
	margin-right: 8px;
}
.md_topPoint span{
	display: flex;
	align-items: center;
}
.md_topPoint span + span::before{
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: #334547;
	opacity: 0.4000000059604645;
	margin: 0 8px;
}

/* 錯誤警告字 */
.md_notice{
	padding-top: 8px;
	color: #FF4E65;
	font-size: 12px;
}
ul.md_notice{
	list-style: decimal outside;
	padding-left: 14px;
}
.md_notice.--noListStyle{
	list-style: none;
	padding-left: 0;
}
.md_notice li+li {
	margin-top: 8px;
}
.--pre+.md_notice{
	color: #29C2CC;
}
.md_list .md_notice{
	padding: 16px 0 0 16px;
}
.md_notice:empty{
	display: none;
}
/* 密碼強度 */
.md_pw_function{
	line-height: 14px;
	padding-top: 8px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.64);
}
.md_pw_strong{
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.md_pw_strong span{
	margin-right: 8px;
}
.md_pw_strong ul{
	display: flex;
	justify-content: space-between;
	width: 68px;
	height: 6px;
	margin-right: 8px;
	border-radius: 6px;
	overflow: hidden;
}
.md_pw_strong li{
	width: 12px;
	height: 100%;
	background: #E0E0E0;
}
.md_pw_strong.lv1 li {
	background: #FF4E65;
}
.md_pw_strong.lv1 li:nth-child(1)~li {
	background: #E0E0E0;
}
.md_pw_strong.lv2 li {
	background: #FF4E65;
}
.md_pw_strong.lv2 li:nth-child(2)~li {
	background: #E0E0E0;
}
.md_pw_strong.lv3 li {
	background: #29C2CC;
}
.md_pw_strong.lv3 li:nth-child(3)~li {
	background: #E0E0E0;
}
.md_pw_strong.lv4 li {
	background: #29C2CC;
}
.md_pw_strong.lv4 li:nth-child(4)~li {
	background: #E0E0E0;
}
.md_pw_strong.lv5 li {
	background: #29C2CC;
}
.md_pw_strong code{
	color: #FF4E65;
	font-weight: 700;
}
.md_pw_strong:not(.lv1):not(.lv2) code {
	color: #29C2CC;
}
.md_pw_strong.hide_item+.md_pw_warn{
	display: none;
}
.md_pw_warn{
	margin-bottom: 8px;
}
.md_pw_warn code{
	font-weight: 700;
}
.md_pw_function .md_notice{
	padding-top: 0;
	margin-bottom: 8px;
	color: #FF4E65;
}
.md_pw_note{
	list-style: decimal outside;
	padding-left: 14px;
}
.md_pw_note.--noListStyle {
	list-style: none;
	padding-left: 0;
}
.md_pw_note li + li{
	margin-top: 8px;
}

/* 下拉選單 */
.md_label select,
.md_select_title{
	display: flex;
	align-items: center;
	flex: 1 1 100%;
	height: 100%;
	background: #fff;
	color: #000;
	font-size: 16px;
}
.md_select_title{
	pointer-events: none;
}
.md_select_ul{
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	width: 100%;
	max-height: 256px;
	padding: 8px 0;
	background: #fff;
	border-radius: 4px;
	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.16));
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
}
.md_select_ul li{
	line-height: 18px;
	padding: 0 16px;
	font-size: 16px;
	height: 48px;
	display: flex;
	align-items: center;
}

/* 勾選選單 */
.md_permissions{
	color: rgba(0, 0, 0, rgba(0, 0, 0, .8));
	font-size: 16px;
	margin-bottom: 8px;
}
.md_permissions li{
	display: flex;
	align-items: center;
}
.md_permissions li + li{
	margin-top: 32px;
}
.md_chkBox{
	display: block;
	width: 16px;
	height: 16px;
}
.md_permissions .md_chkBox{
	margin-right: 4px;
}
.md_chkBox input[type="checkbox"]{
	display: none;
}
.md_chkBox span{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, .64);
	border-radius: 4px;
}
.md_chkBox input:checked+span{
	background: url(../../images/control/icon_md_chkBox.svg) no-repeat #3DB893;
	border: none;
}

/* 輸入匡各種狀態與內部元件樣式 */
/* 滑入點下 */
.md_label.--on {
	border: 1px solid #3DB893;
}
.md_label input:valid + code,
.md_label.--on code,
.md_label.--pre code,
.md_label.--select code,
.md_label.--period code {
	height: 16px;
	line-height: 16px;
	padding: 0 8px;
	background: #fff;
	color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
	top: auto;
	bottom: calc(100% - 8px);
	left: 8px;
}
.md_label.--on .icon_dropdown{
	transform: rotate(-180deg);
	opacity: 1;
}

/* disabled */
.--all_disabled .md_type_list,
.--all_disabled .md_type_list li.--on,
.--all_disabled .md_mini_title,
.--all_disabled .md_title,
.--all_disabled .md_tip{
	color: rgba(0, 0, 0, .4);
	pointer-events: none;
}
.--all_disabled .md_info::before{
	filter: invert(100%) sepia(0%) saturate(1140%) hue-rotate(348deg) brightness(110%) contrast(76%);
}
.--all_disabled .icon_dropdown{
	filter: invert(77%) sepia(78%) saturate(1%) hue-rotate(48deg) brightness(100%) contrast(97%);
}
.--all_disabled .md_label,
.--readonly .md_label,
.md_label:not(.--pre).--disabled{
	border: 1px solid #E0E0E0;
	pointer-events: none;
}
.--all_disabled .--dot::after,
.md_label.--disabled.--dot::after {
	content: none;
}
.md_label.--disabled i {
	visibility: hidden;
}
.--all_disabled .md_list_item li.--on,
.md_label.--disabled .md_name_btn {
	background: #E0E0E0;
	color: rgba(0, 0, 0, 0.24);
}
.--all_disabled .md_list_item li,
.--all_disabled .md_label code,
.--all_disabled .md_label select,
.--all_disabled input:valid+code,
.--all_disabled input,
.--all_disabled .--select span,
.--all_disabled .md_rate,
.md_label:not(.--pre).--disabled code,
.md_label.--disabled input,
.md_label.--disabled span,
.md_permissions li.--disabled {
	color: rgba(0, 0, 0, 0.24);
	pointer-events: none;
}
.md_permissions li.--disabled span{
	border-color: rgba(0, 0, 0, 0.24);
}
/* err */
.md_editBar_item.--err,
.md_label.--err,
.--err .md_label{
	border: 1px solid #FF4E65;
}
.--pre.--err+.md_notice{
	color: #FF4E65;
}

/* 彈出視窗 */
.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;
}
.md_alert{
	width: 480px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.md_alert_title{
	display: flex;
	align-items: center;
	padding: 12px 8px 12px 16px;
	line-height: 24px;
	background: #F9F9F9;
	color: #000;
	font-weight: 700;
	font-size: 16px;
}
.md_alert_title i{
	display: block;
	width: 32px;
	height: 32px;
	background: url(../../images/control/close_x.svg) no-repeat center;
	margin-left: auto;
	opacity: 0.64;
}
.md_alert_info{
	padding: 16px;
	overflow-x: hidden;
	overflow-y: auto;
}
.md_alert_txt{
	line-height: 16px;
	color: #000;
	font-size: 14px;
}
.md_alert_txt code{
	display: block;
	font-weight: 700;
	margin-bottom: 4px;
}
.md_alert_txt li:not(:last-child){
	margin-bottom: 16px;
}
.md_alert_noticeTxt{
	padding-top: 8px;
}
.md_alert_noticeTxt li{
	display: flex;
	align-items: center;
}
.md_alert_noticeTxt li:not(:first-child)::before{
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 4px;
	margin : 0 4px 0 8px;
}
.md_alert_noticeTxt li + li{
	margin-top: 8px;
}
.md_alert_noticeTxt code{
	margin: 0 4px;
}
.md_alert_foot{
	display: flex;
	justify-content: space-between;
	padding-top: 24px;
}
.md_alert_foot button{
	width: calc((100% - 16px) / 2);
}
.md_gray_btn{
	height: 40px;
	background: #fff;
	border: 1px solid #5A5D5F;
	border-radius: 4px;
	color: #5A5D5F;
	font-weight: 700;
	font-size: 14px;
}
.md_gray_btn.--cancel{
	background: #5A5D5F;
	color: #fff;
}
.md_gray_btn.--save {
	background: #3DB893;
	border: none;
	color: #fff;
}
.md_gray_btn:disabled{
	background: #E0E0E0;
	color: rgba(0, 0, 0, 0.24);
	pointer-events: none;
}

/* 確認按鈕 */
.md_footG{
	/* position: absolute; 打開 */
	display: flex;
	width: 100%;
	max-width: 640px;
	height: 40px;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
}
.md_normal_btn{
	position: relative;
	flex: 1;
	height: 100%;
	line-height: 16px;
	padding: 12px 16px;
	background: #3DB893;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	margin: 0;
}
.md_normal_btn.--cancel{
	background: #5A5D5F;
}
.md_normal_btn:disabled{
	background: #E0E0E0;
	color: rgba(0, 0, 0, 0.24);
}
.md_normal_btn.--add{
	flex: none;
	border-radius: 40px;
	margin-left: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	padding: 11px 16px;
}
.md_normal_btn .md_add_icon{
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: url(../../images/control/icon_addAcc.svg) center/16px 16px no-repeat;
}
.md_normal_btn:not(.--cancel):not([style = "display: none;"]) + .md_normal_btn::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 40px;
	background: #309274;
	top: 0;
	right: 100%;
}

/* 列表 */
.md_subSearch{
	display: flex;
	align-items: center;
}
.md_subSearch .md_chkBox{
	flex: none;
	margin-left: 4px;
	margin-right: 20px;
}
.md_subSearch_txt{
	line-height: 16px;
	color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
}
.md_subSearch_txt li:first-child{
	font-weight: bold;
}
.md_subSearch_txt li + li{
	margin-top: 2px;
}
.md_simpleTable {
	width: 100%;
	background: #fff;
	text-align: left;
}
.md_simpleTable tr:nth-child(even){
	background: #F9F9F9;
}
.md_simpleTable td,
.md_simpleTable th{
	height: 48px;
	padding: 0 16px;
	border-bottom: 1px solid #E0E0E0;
}
.md_simpleTable th{
	border-bottom-width: 2px;
	font-size: 12px;
}
.md_simpleTable th:first-child{
	padding-left: 56px;
}
.md_accTd {
	display: flex;
	align-items: center;
}
.md_accTd .md_chkBox,
.md_accTd i {
	margin-right: 20px;
	margin-left: 4px;
}
.md_accTd i{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/control/icon_td_onlinemem.svg) no-repeat;

}
.md_accTd_txt {
	line-height: 16px;
}


/*=====retrieve_credit=====*/
.md_retrieve_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background: #007AFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin: 0 4px;
	color: #FFF;
	cursor: pointer;
}
.md_retrieve_btn.primary{
	background: #3DB893;
	font-size: 14px;
}
.md_retrieve_btn.outline{
	background: #FFF;
	color: #5A5D5F;
	border: 1px solid #5A5D5F;
	font-size: 14px;
}
.md_icon_retrieve{
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	background: url(../../images/control/icon_retrieve.svg) no-repeat;
	filter: invert(100%) sepia(5%) saturate(4226%) hue-rotate(292deg) brightness(117%) contrast(100%);
}
.md_retrieve_btn.disabled{
	background: #E0E0E0 !important;
	color: rgba(0, 0, 0, 0.24) !important;
}
.md_retrieve_btn.disabled .md_icon_retrieve{
	filter: none;
	opacity: .24;
}
.md_retrieve_link{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px 0 12px;
	height: 48px;
	font-size: 14px;
	line-height: 19px;
	color: #007AFF;
	cursor: pointer;
}
.md_retrieve_link .md_icon_retrieve{
	filter: invert(38%) sepia(97%) saturate(4382%) hue-rotate(201deg) brightness(103%) contrast(104%);
}
.md_retrieve_link.disabled{
	color: rgba(0, 0, 0, 0.24);
}
.md_retrieve_link.disabled .md_icon_retrieve{
	filter: invert(99%) sepia(0%) saturate(70%) hue-rotate(213deg) brightness(91%) contrast(95%);
}
.md_retrieve_detail{
	position: relative;
	width: 224px;
}
.md_retrieve_detail_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin: 0 4px;
	cursor: pointer;
	background: #E0E0E0;
	color: #5A5D5F;
}
.md_retrieve_detail_btn .md_icon_retrieve{
	filter: none;
	background: url(../../images/control/icon_help.svg);
}
.md_disabled_detail{
	position: absolute;
	top: 100%;
	left: -8px;
	right: -8px;
	background: #FFF;
	box-shadow: 0px 1px 20px rgba(0, 0, 0, .24);
	border-radius: 4px;
}
.md_detail_title{
	position: relative;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	padding: 8px;
}
.md_detail_close{
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	width: 24px;
	height: 24px;
	background: url(../../images/control/close_x_new.svg) center/12px 12px no-repeat;
	margin: auto;
	cursor: pointer;
	opacity: .64;
}
.md_detail_content{
	padding: 8px;
	padding-top: 0;
	font-size: 12px;
	line-height: 16px;
	color: rgba(0, 0, 0, .8);
}
/*search*/
.md_retrieve_search{
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 24px;
	width: 288px;
	height: 40px;
	border: 1px solid rgba(0, 0, 0, .24);
	background: #FFF;
	margin-left: auto;
}
.md_retrieve_search.--forSub{
	width: 260px;
}
.md_retrieve_search.focus{
	border-color: #3DB893 !important;
}
.md_retrieve_search input{
	width: 100%;
	height: 100%;
	padding: 8px 0 8px 16px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	background: transparent;
	border-radius: 24px 0 0 24px;
}
.md_retrieve_search input::-webkit-input-placeholder {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, .64);
}
.md_retrieve_search input::-moz-placeholder {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, .64);
}
.md_retrieve_search input::-ms-input-placeholder {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, .64);
}
.md_retrieve_search .md_clear_btn,
.md_retrieve_search .md_search_btn{
	flex: none;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	cursor: pointer;
	opacity: .64;
	margin-right: 8px;
	background: url(../../images/control/close_x_new.svg) center/12px 12px no-repeat;
}
.md_retrieve_search .md_search_btn{
	margin-right: 14px;
	background: url(../../images/control/search_new.svg) center/16px 16px no-repeat;
}
/*filter*/
.md_filter_label{
	display: inline-block;
}
.md_filter_box{
	display: inline-block;
}
.md_filter_status{
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.md_filter_box .md_filter_status{
	padding: 15px 16px;
}
.md_filter_label .title,
.md_filter_status .md_status_title{
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: rgba(0, 0, 0, .72);
	margin-bottom: 4px;
}
.md_status_content{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.md_filter_status .md_status_content{
	padding-right: 24px;
}
.md_filter_select,
.md_filter_status .md_status_txt{
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #000;
}
.md_filter_select{
	cursor: pointer;
	padding-right: 24px;
	max-width: 176px;
	text-overflow: ellipsis;
}
.md_status_arrow{
	display: block;
	width: 16px;
	height: 16px;
	opacity: .64;
	margin-left: 8px;
	background: url(../../images/control/icon_dropdown.svg) center/32px 32px no-repeat;
}
.md_status_content .md_status_arrow{
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.--on .md_status_arrow{
	transform: rotate(180deg);
}
.md_filter_status .md_status_list{
	position: absolute;
	top: 100%;
	left: 0;
	padding: 8px 0;
	background: #FFF;
	border-radius: 0 0 4px 4px;
	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, .16));
	max-height: calc(100vh - 233px); /*56px + 56px + 48px + 65px + 8px = 233px*/
	overflow-y: auto;
}
.mem_history_content .md_status_list{
	max-height: 470px;  /*640px - 48px - 49px - 65px - 8px*/
}
.md_filter_status .md_status_item{
	padding: 15px 16px;
	font-size: 16px;
	line-height: 18px;
	min-width: 126px;
}
.md_filter_status .md_status_item.--on{
	background: #FAFAFA;
	color: #3DB893;
}
/*sort*/
.md_sort_table{
	width: 100%;
	border-collapse: initial;
}
.report_fixed .md_sort_table{
	padding-top: 51px;
}
.md_sort_tr th{
	padding: 16px 28px 16px 12px;
	cursor: pointer;
	color: #000;
	border-bottom: 2px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
}
.report_fixed .md_sort_tr th{
	border: none;
}
.md_sort_tr td{
	border-bottom: 1px solid #E0E0E0;
}
.md_sort_tr .nodata{
	border-bottom: none;
}
.md_nodata{
	padding: 80px 0;
	text-align: center;
	background: #FFF;
}
.md_nodata_img{
	margin: 0 auto 16px;
}
.md_nodata_txt{
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: rgba(0, 0, 0, .64);
}
.md_sort_txt{
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.md_sort_label{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.md_sort_label:after{
	content: '';
	position: absolute;
	top: 0;
	right: -16px;
	bottom: 0;
	margin: auto;
	display: block;
	width: 8px;
	height: 16px;
	background: url(../../images/control/sort_normal_b.svg);
}
.sort_up:after{
	background-image: url(../../images/control/sort_up_b.svg);
}
.sort_down:after{
	background-image: url(../../images/control/sort_down_b.svg);
}
.md_sort_tr td{
	padding: 0;
}
.md_sort_content{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 12px;
	font-size: 14px;
	line-height: 16px;
}
.md_sort_link{
	display: block;
	font-weight: 700;
	color: #007AFF;
	margin-bottom: 2px;
	cursor: pointer;
}
.md_sort_link.disabled{
	color: #000;
	cursor: default;
}
/*breadcrumb*/
.md_breadcrumb{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.md_breadcrumb_list{
	display: flex;
	padding: 16px;
	background: #FFF;
	margin-bottom: 8px;
	box-shadow: 0 8px #F0F0F0;
}
.md_breadcrumb_item{
	position: relative;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #007AFF;
	cursor: pointer;
}
.md_breadcrumb_item + .md_breadcrumb_item{
	margin-left: 18px;
}
.md_breadcrumb_item + .md_breadcrumb_item:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -13px;
	margin: auto;
	width: 8px;
	height: 8px;
	background: url(../../images/control/breadcrumb_arrow.svg);
}
.md_breadcrumb_item.first_item{
	margin-left: 0;
}
.md_breadcrumb_item.first_item:before{
	content: unset;
}
.md_breadcrumb_item.now{
	color: rgba(0, 0, 0, .8);
	cursor: default;
}
/*=====retrieve_credit=====*/
/*=====report_main=====*/
.md_re_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px 8px 0 0;
	padding: 12px;
	background: #F9F9F9;
}
.md_rank_list .md_re_title{
	padding: 18px 12px;
}
.md_re_title_txt{
	position: relative;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #44484A;
	margin-left: 4px;
}
.md_re_title_txt.new:before{
	content: '';
	width: 32px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: calc(100% + 10px);
	background: url(../../images/control/new_icon_zh.svg) no-repeat center;
}
.en-us .md_re_title_txt.new:before{
	background-image: url(../../images/control/new_icon.svg);
}
.md_re_title .show_data{
	display: flex;
	align-items: center;
}
.show_data .show_data_txt{
	font-size: 12px;
	opacity: .64;
}
.show_data .show_data_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-left: 8px;
	cursor: pointer;
}
.icon_calendar{
	width: 16px;
	height: 16px;
	opacity: .64;
	background: url(../../images/control/icon_calendar.svg) no-repeat center;
}
.disable .show_data_txt,
.disable .icon_calendar{
	opacity: .24;
}
.disable .show_data_btn{
	cursor: default;
}
.md_chart_table{
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}
.md_chart_title{
	border-radius: 4px 4px 0 0;
	background-color: #f9f9f9;
}
.md_chart_content{
	max-height: 410px;
	overflow-y: auto;
	border-radius: 0 0 4px 4px;
}
.md_chart_tr{
	display: flex;
	font-size: 14px;
	line-height: 16px;
	color: #000;
}
.md_chart_title .md_chart_tr{
	font-size: 12px;
	line-height: 16px;
	color: #44484A;
}
.md_chart_tr + .md_chart_tr{
	border-top: 1px solid #e0e0e0;
}
.md_chart_tr .md_chart_td{
	padding: 12px 8px;
	text-align: right;
}
.md_chart_tr .day{
	width: 6%;
	padding-left: 16px;
	text-align: left;
}
.md_chart_tr .amount{
	width: 47%;
}
.md_chart_tr .profit{
	width: 47%;
	padding-right: 16px;
}
.md_rank_list{
	margin-top: 16px;
}
.md_rank_table{
	border-collapse: separate;
	background: #FFF;
	border-radius: 0 0 8px 8px;
}
.md_rank_table .md_rank_tr{
	display: grid;
	grid-template-columns: 1fr 1fr 10% 1fr 1fr;
}
.md_rank_table .md_rank_tr.title{
	border-bottom: 2px solid #e0e0e0;
}
.md_rank_table .md_rank_tr + .md_rank_tr{
	border-top: 1px solid #e0e0e0;
}
.md_rank_table .md_rank_td{
	font-size: 14px;
	line-height: 16px;
	padding: 12px 8px;
	text-align: right;
	color: #000;
}
.title .md_rank_td{
	font-size: 12px;
	color: #44484A;
}
.md_rank_table .md_rank_td:first-child,
.md_rank_table .md_rank_td:last-child{
	padding: 12px 16px;
}
.md_rank_table .account,
.md_rank_table .name{
	text-align: left;
}
/*=====report_main=====*/
/*=====md_popup=====*/
.md_popup{
	width: 100%;
	max-width: 480px;
}
.md_popup_title {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 48px;
	padding-right: 8px;
	padding-left: 16px;
	color: #000;
	background-color: #F9F9F9;
	border-radius: 8px 8px 0 0;
}
.md_popup_title .md_title_txt {
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.md_popup_title .md_title_txt.--main{
	display: flex;
	align-items: flex-end;
	line-height: 18px;
	font-weight: 400;
}
.md_popup_title .md_title_txt.--sub{
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, .72);
}
.md_popup_title .md_title_txt.--info{
	font-size: 14px;
	line-height: 16px;
	color: rgba(0, 0, 0, .64);
	margin-left: 8px;
}
.md_popup_title .md_title_close {
	width: 32px;
	height: 32px;
	border: none;
	padding: 0;
	opacity: .64;
	background: url(../../images/control/close_x_new.svg) no-repeat center;
	cursor: pointer;
}
.md_popup_content{
	padding: 16px;
	background: #FFF;
	border-radius: 0 0 8px 8px;
}
.md_popup_content .md_content_txt{
	display: block;
	font-size: 14px;
	line-height: 16px;
}
.md_popup_content .--title{
	font-weight: bold;
	margin-bottom: 4px;
}
/*=====md_popup=====*/
/*=====acc_detail=====*/
.md_report_popup{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	width: 100%;
}
.ma_right.md_report_popup{
	width: 100%;
	background: rgba(0, 0, 0, .32);
	transition: unset;
}
.md_report_popup .re_detailG,
.md_report_popup .re_detailbigG{
	width: 100%;
	max-width: 480px;
	height: auto;
	border-radius: 8px;
}
.md_acc_detail_item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	height: 40px;
}
.md_acc_detail_item + .md_acc_detail_item{
	border-top: 1px solid #E0E0E0;
}
.md_acc_detail_title{
	font-size: 12px;
	line-height: 14px;
	color: rgba(0, 0, 0, .64);
}
.md_acc_detail_value{
	font-size: 14px;
	line-height: 19px;
	color: #000;
}
/*=====acc_detail=====*/
/*=====repoert_detail=====*/
.md_report_popup .re_detailbig_titleUL{
	padding: 16px 6px 0;
}
.md_report_popup .re_detailbigUL,
.md_report_popup .re_detaillastUL{
	padding: 8px 6px 0;
}
.md_report_popup .re_detailbig_bettype{
	margin-bottom: 8px;
}
.md_report_popup .re_detailbig_team{
	margin: 4px auto;
}
.md_report_popup .re_detailbig_vs{
	margin-bottom: 4px;
}
.md_report_popup .re_detailbig_no{
	margin-bottom: 0px;
}
.md_report_popup .re_detailbig_wl{
	margin-top: 8px;
}
.md_report_popup .re_detailbig_percent{
	margin-top: 8px;
}
.md_report_popup .re_detailbig_percent span{
	width: 25%;
	font-size: 12px;
	line-height: 16px;
	color: rgba(0, 0, 0, .64);
	font-weight: 400;
}
.md_report_popup .re_detailbig_percent tt{
	display: block;
	color: #000;
}
.md_report_popup .re_detailbig_levelUL{
	padding: 0 6px 8px;
}
.md_report_popup .re_detailbig_result span{
	line-height: 16px;
	color: rgba(0, 0, 0, .64);
}
.md_report_popup .re_detailbig_result span:nth-child(2){
	text-align: right;
}
.md_report_popup .re_detailbig_result tt{
	line-height: 18px;
	color: #000;
}
.md_report_popup .re_detailbig_txtG{
	padding: 0 10px 16px;
}
/*=====repoert_detail=====*/




/* RWD */
.--ph {
	display: none;
}
@media (pointer: coarse),
(-moz-touch-enabled: 1),
screen and (pointer: fine) and (min-resolution: 2dppx) and (max-width: 1023px) {
	.md_step li::before{
		line-height: 23px;
	}
}

@media only screen and (max-width: 1023px){
	.--ph {
		display: flex;
	}
	.--pc {
		display: none;
	}
	.md_addAcc{
		width: 100%;
		padding: 8px 16px;
		margin: unset;
	}
	.md_label_w{
		max-width: none;
	}
	.md_step li:not(.--on) code{
		display: none;
	}
	.md_title,
	.md_set_info{
		border-radius: 0;
	}

	.md_step li:not(.--on)::before {
		margin-right: 0;
	}
	/* 藏捲軸樣式 */
	.md_list_hidden {
		height: 24px;
		overflow: hidden;
	}
	.md_filter_scroll_hidden{
		height: 64px;
		overflow: hidden;
	}
	.md_list_item {
		height: 35px;
	}
	.md_type {
		height: 48px;
		overflow: hidden;
	}
	.md_type_list {
		height: 55px;
	}

	.md_addAcc_btn,
	.md_double_label .md_label,
	.md_double_group{
		width: 100%;
	}
	.md_double_group+.md_double_group{
		margin-top: 16px;
	}
	.md_comm_txt{
		margin-bottom: 16px;
	}
	.md_comm_txt a{
		display: block;
		margin: 4px 0 0;
	}
	.md_commBg .md_creat_btn{
		width: 100%;
	}
	.md_step li {
		white-space: pre-line;
	}
	.md_subSearch {
		min-height: 64px;
		width: calc(100% - 56px);
	}
	.md_normal_btn.--add{
		width: calc(100% - 32px);
	}

	/*=====retrieve_credit=====*/
	.md_retrieve_search,
	.md_retrieve_search.--forSub{
		width: auto;
		height: auto;
		background: transparent;
		border: transparent;
		margin: 0;
		z-index: 1;
	}
	.md_retrieve_search:before{
		content: '';
		position: absolute;
		top: 0;
		right: 100%;
		width: 8px;
		height: 100%;
		background: radial-gradient(100% 50% at 100% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	}
	.md_retrieve_search input{
		display: none;
	}
	.search_on{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #FFF;
	}
	.search_on input{
		display: block;
	}
	.md_retrieve_search .md_clear_btn,
	.md_retrieve_search .md_search_btn{
		border-radius: 0;
		width: 56px;
		height: 64px;
		margin: 0;
	}
	.md_retrieve_btn,
	.md_retrieve_detail_btn{
		margin: 0;
	}
	.md_disabled_detail{
		top: calc(100% - 8px);
		left: auto;
		right: 8px;
		width: 75vw;
		z-index: 1;
	}
	.md_status_content{
		height: 100%;
	}
	.md_filter_select{
		height: 100%;
		padding: 16px 40px 0 16px;
		background: transparent;
	}
	.md_status_content .md_status_arrow{
		right: 16px;
		bottom: 16px;
	}
	/*=====retrieve_credit=====*/
	/*=====report_main=====*/
	.md_re_title,
	.md_rank_table{
		border-radius: 0;
	}
	.md_rank_table .md_rank_tr{
		padding: 8px 16px;
		grid-template-areas: "account number result"
							 "name number amount";
		grid-template-columns: 1fr 30% 1fr;
	}
	.md_rank_table .title{
		padding: 12px 16px;
	}
	.title .name,
	.title .amount,
	.show_data .show_data_txt{
		display: none;
	}
	.md_rank_tr .account{
		grid-area: account;
	}
	.md_rank_tr .name{
		grid-area: name;
		font-size: 12px;
		color: rgba(0, 0, 0, .64);
	}
	.md_rank_tr .number{
		grid-area: number;
	}
	.report_main .md_rank_tr:not(.title) .number{
		padding: 8px;
	}
	.md_rank_tr .amount{
		grid-area: amount;
		font-size: 12px;
		color: rgba(0, 0, 0, .64);
	}
	.md_rank_tr .result{
		grid-area: result;
	}
	.report_main .md_rank_table .md_rank_td{
		padding: 0;
	}
	.md_chart_tr .day{
		width: 18%;
	}
	.md_chart_tr .amount{
		width: 41%;
	}
	.md_chart_tr .profit{
		width: 41%;
	}
	/*=====report_main=====*/
}

/*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){
	/*=====retrieve_credit=====*/
	.md_retrieve_btn:hover{
		background: #3395FF;
	}
	.md_retrieve_btn.disabled:hover{
		background: #E0E0E0;
	}
	.md_retrieve_link:hover{
		color: #3395FF;
	}
	.md_retrieve_link:hover .md_icon_retrieve{
		filter: invert(50%) sepia(23%) saturate(1736%) hue-rotate(175deg) brightness(101%) contrast(108%);
	}
	.md_retrieve_link.disabled:hover{
		color: rgba(0, 0, 0, 0.24);
	}
	.md_retrieve_link.disabled:hover .md_icon_retrieve{
		filter: invert(99%) sepia(0%) saturate(70%) hue-rotate(213deg) brightness(91%) contrast(95%);
	}
	.md_detail_close:hover{
		opacity: 1;
		background-color: #FAFAFA;
	}
	.md_retrieve_btn.primary:hover{
		background: #5ECAA9;
	}
	.md_retrieve_btn.outline:hover{
		background: #FAFAFA;
	}
	.md_retrieve_search:hover{
		border-color: #474747;
	}
	.md_filter_status .md_status_item:hover{
		background: #FAFAFA;
		color: #3DB893;
	}
	.md_sort_link:hover,
	.md_breadcrumb_item:hover{
		color: #3395FF;
		text-decoration: underline;
	}
	.md_sort_link.disabled:hover{
		color: #000;
		text-decoration: none;
	}
	.md_breadcrumb_item.now:hover{
		color: rgba(0, 0, 0, .8);
		text-decoration: none;
	}
	.md_filter_status:hover,
	.md_filter_select:hover{
		background: #FAFAFA;
	}
	/*=====retrieve_credit=====*/
	/*=====report_main=====*/
	.show_data:not(.disable) .show_data_btn:hover{
		background-color: #F5F5F5;
	}
	/*=====report_main=====*/
	/*=====md_popup=====*/
	.md_popup_title .md_title_close:hover {
		opacity: 1;
		background-color: #F5F5F5;
	}
	/*=====md_popup=====*/
}

/*active*/
/*=====retrieve_credit=====*/
.md_retrieve_btn:active{
	background: #0062CC;
}
.md_retrieve_btn.disabled:active{
	background: #E0E0E0;
}
.md_retrieve_link:active{
	color: #0062CC;
}
.md_retrieve_link:active .md_icon_retrieve{
	filter: invert(25%) sepia(99%) saturate(1657%) hue-rotate(197deg) brightness(92%) contrast(105%);
}
.md_retrieve_link.disabled:active{
	color: rgba(0, 0, 0, 0.24);
}
.md_retrieve_link.disabled:active .md_icon_retrieve{
	filter: invert(99%) sepia(0%) saturate(70%) hue-rotate(213deg) brightness(91%) contrast(95%);
}
.md_detail_close:active{
	opacity: 1;
	background-color: #F5F5F5;
}
.md_retrieve_btn.primary:active{
	background: #309274;
}
.md_retrieve_btn.outline:active{
	background: #F5F5F5;
}
.md_retrieve_search .md_clear_btn:active,
.md_retrieve_search .md_search_btn:active{
	background-color: #F5F5F5;
}
.md_filter_status .md_status_item:active{
	background: #F5F5F5;
	color: #3DB893;
}
.md_sort_link:active,
.md_breadcrumb_item:active{
	color: #0062CC;
	text-decoration: underline;
}
.md_sort_link.disabled:active{
	color: #000;
	text-decoration: none;
}
.md_breadcrumb_item.now:active{
	color: rgba(0, 0, 0, .8);
	text-decoration: none;
}
.md_filter_status:active,
.md_filter_select:active{
	background: #F5F5F5;
}
/*=====retrieve_credit=====*/
/*=====report_main=====*/
.show_data:not(.disable) .show_data_btn:active,
.show_data.--on .show_data_btn:active{
	background-color: #F0F0F0;
}
.show_data:not(.disable) .show_data_btn:active .icon_calendar,
.--on .show_data_btn .icon_calendar{
	opacity: 1;
	filter: invert(38%) sepia(80%) saturate(580%) hue-rotate(316deg) brightness(98%) contrast(94%);
}
.show_data.--on .show_data_btn:active .icon_calendar{
	opacity: 1;
	filter: none;
}
/*=====report_main=====*/