/****************** 外框 ******************/
/*  外框  */
html,body{	width:100%;	height:100%;}
body .login{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; width: 100%; height: 100%; } 
body .login .container{ margin: auto; width: 90%; max-width: 500px; } 
.home  { height:auto; }
.inner { padding-top: 10vh; padding-bottom: 13vh;}
.innerM-b{ padding-bottom: 50px;}
.innerM-t{ padding-top:  20px;}
.innerL-lr{ padding-left:  30px; padding-right:  30px;}
.innerXL-b{ padding-bottom:  40px;}
.outerSS{ margin:5px;}
.outerS{ margin:10px;}
.main-modal { background: 0 0; display: block; max-width: 650px; width: 100%; height: auto; z-index: 15; text-align: center;}
.logincard{ background: #FFF; padding: 40px 20px 20px 20px; border-radius: 5px; border: 1px solid #ccd7dc; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 0 rgba(0,0,0,.1) }


.box{ display: block; border: 1px solid #ccc; background: #FFF}
.box.inner{ padding: 0 40px 40px 40px }
.msgs.box.inner{ padding: 10px 0px }
.msgs_list.box.inner{ padding: 10px 100px 30px 100px }
.tabs{ border-bottom: 1px solid #e8e8e8; margin: 10px 0 30px; padding: 0 0 10px; text-align: center;}
.tabs.inner{padding-top: 15px;}
.tab { border-bottom: 1px solid transparent; font-size:15px; letter-spacing: .8px; margin: 0 10px; padding: 10px 0; position: relative; text-decoration: none; text-transform: uppercase; }
.tabs .tab:hover {	border-bottom: 3px solid #ff3399; }
.tabs .tab.active {	border-bottom: 3px solid #ff3399;}
.tabs a {transition: .1s;}

#home .login .title { text-align: center; font-size: 28px; color: #777; padding-bottom: 10px;}


/****************** login-Form singup-Form form1 ******************/	
/*  login-Form singup-Form  */
input.error { border: 1px solid #f00;}
label.error { color: red; font-size: 14px; font-weight: 500; margin-bottom: 0px;}


.login-Form,
.singup-Form,
.pw-forget-Form { margin: 0 auto; max-width: 420px; text-align: left;}

.login-Form .form1,
.singup-Form .form1,
.pw-forget-Form .form1{ padding: 10px 0px;}

.login-Form .form-control,
.singup-Form .form-control,
.pw-forget-Form .form-control
{ padding-left: 60px; height: 48px; font-size: 17px; font-weight: 900; color: #000; line-height: 3em;}

.login-Form .form-control.error,
.singup-Form .form-control.error,
.pw-forget-Form .form-control.error
{ border: 1px solid #f00;}

.login-Form .form-control.error:focus,
.singup-Form .form-control.error:focus,
.pw-forget-Form .form-control.error:focus
{ border: 1px solid #a1a1a1; transition: 0s;}

.singup-Form .input-val { width: 200px; padding-left: 16px; box-sizing: border-box; display:inline; }

.mail-icon{	background: url("../image/mail_icon.jpg") no-repeat 16px/ 30px 20px; width: 50px; height: 48px; position: absolute; z-index: 1;}
.password-icon{ background: url("../image/password_icon.png") no-repeat 20px/ 20px 24px; width: 50px; height: 48px; position: absolute; z-index: 1;}
	
.login-Form .form-control::-webkit-input-placeholder,
.singup-Form .form-control::-webkit-input-placeholder,
.pw-forget-Form .form-control::-webkit-input-placeholder{ color: #999}

.login-Form .form-control:-ms-input-placeholder,
.singup-Form .form-control:-ms-input-placeholder,
.pw-forget-Form .form-control:-ms-input-placeholder{ color: #999}

.login-Form .form-control::-moz-placeholder,
.singup-Form .form-control::-moz-placeholder,
.pw-forget-Form .form-control::-moz-placeholder{ color: #999; opacity: 1} /*輸入框預設文字顏色*/

.login-Form .mainbtn,
.singup-Form .mainbtn,
.pw-forget-Form .mainbtn{ font-size:20px; font-weight: 900; transition: .1s;}   

.login-Form .tip, 
.singup-Form .tip,
.pw-forget-Form .tip{ margin-top: 10px; font-size:16px; font-weight: normal; color: #6a6a6a;}

.login-Form .tip{margin-top: 30px;}

.login-Form .link-singup,
.login-Form .link-pwforget{font-size: 16px;}

.login-Form a,
.singup-Form a,
.pw-forget-Form a
{ padding: 0 10px; color: #337ab7; text-decoration: underline; cursor: pointer; transition: .1s;}

.login-Form a:hover,
.singup-Form a:hover,
.pw-forget-Form a:hover
{ color: #23527c; text-decoration: underline; transition: .1s;}

.login-Form .divider{
	display: inline-block;
	width: 1px;
	height: 20px;
	line-height: 45px;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
	background: #337ab7;
}
.singup-Form .code .refresh{
	vertical-align: bottom;
    box-sizing: border-box;
	width: 24px;
    height: 28px;
    margin: 0px 0 10px 5px;
    text-indent: -9999em;
    background: url(../image/refresh.png) no-repeat 0 0;
	display: inline-block;
}
#canvas {
    vertical-align: bottom;
    box-sizing: border-box;
    border: 1px solid #9c9c9c;
    cursor: pointer;
    width: 100px;
    height: 48px;
    border-radius: 4px;
}

/******************  profileForm  ******************/
/*  profileForm  */
.flex{ display: flex; }
#profileForm .area_l { padding-right: 10px;}
#profileForm .form1 .area_r ul {margin-bottom: 0px; margin-top: 5px;}
#profileForm .form1 .area_r ul li label{font-weight: 500; }
#profileForm .form1 .area_r ul li:nth-child(2) {padding-top: 10px; }
#profileForm .form1 .area_r ul li:nth-child(2) label { font-size:13px; }

.dvtmail{
	display: inline-block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
.button{
	background: #FFF;
    border-radius: 5px;
    border: 1px solid #CCC;
    font-weight: 500;
    width: 100%;
    transition: .1s;
}
.button-dvtmail{
	height: 34px;
	margin-left: -2px;
	padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
	background: #fa82a7;
	color: #FFF;
	border: 1px solid #ff93bc;
	display: inline-block;
	flex: 0 0 114px;
    text-align: center;
	border-radius: 0 5px 5px 0; 
}
.button-dvtmail:hover,
.button-dvtmail:active,
.button-dvtmail:focus{
	color: #FFF;
}
.button-dvtmail:hover,
.button-dvtmail:active{
	background: #ed3b71;
	border-color: transparent;
}


/******************  send_snsform  ******************/
/*  send_snsform  */
#send_snsForm .area_l { padding-right: 10px;}

#send_snsForm .form1 .area_r ul {margin-bottom: 0px; margin-top: 5px;}
#send_snsForm .form1 .area_r ul li label{font-weight: 500; }
#send_snsForm .form1 .area_r ul li:nth-child(2) {padding-top: 10px; }
#send_snsForm .form1 .area_r ul li:nth-child(2) label { font-size:13px; }

#send_snsForm .slidercaptcha{ margin-top: 1rem; }
#sendsns-msg .modal-body h3 { -webkit-line-clamp: unset; }
.slidercaptcha.input-error{ border: 1px solid red; }
.send_email_captcha{ margin: 0 auto;}

#login_captchaError_notes{display: block; max-width: 420px; margin: 0 auto;}
.newletter .area_t{ padding-right: 1.5rem; }
#send_snsForm .form1 .area_r.newletter {padding-top: 22px;}
#send_snsForm .panel-body {	width: 80%; margin: 0 auto 30px auto; padding:20px 30px;}



/******************  pw_forget  ******************/
/*  pw_forget  */
#pw_forgetForm .area_l { margin-bottom: 6px; font-size: 1.1em;}





/******************  pw_reset_letter  ******************/
/*  pw_reset_letter  */
.inner.inner-pw_reset_letter{padding: 20px 40px 40px 40px;}
#pw_reset_letterForm #account{
	margin-bottom: 0;
	font-weight: 900;
	border: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
}
.pwr-letter-success .text-center:last-child{ padding: 20px 10px 40px 10px;}
#pw_reset_letterForm #account { padding-left: 5px; padding-right: 5px; }
#pw_reset_letterForm .form1:first-child{ text-align: center; margin-bottom: 15px;}
#pw_reset_letterForm .form1:first-child .area_l {float: none; width: auto; text-align: right; margin-left: auto; margin-right: auto; display: inline-block;}
#pw_reset_letterForm .form1:first-child .area_r {float: none; width: auto; text-align: left;  margin-left: auto; margin-right: auto; display: inline-block;}



/******************  magic-checkbox  ******************/
/*  magic-checkbox  */

@keyframes hover-color {
  from { border-color: #c0c0c0; }
  to { border-color: #3e97eb; } 
}

.magic-radio,
.magic-checkbox { position: absolute;  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] { cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label { position: relative; padding-left: 25px; cursor: pointer; vertical-align: middle; }

  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before { animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before { position: absolute; top: 0px; left: 0; display: inline-block; width: 20px; height: 20px; content: ''; border: 1px solid #8c8c8c; }
  .magic-radio + label:after,
  .magic-checkbox + label:after { position: absolute; display: none; content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label { cursor: not-allowed; color: #e4e4e4; }

  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after { cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; animation-name: none; }
  .magic-radio[disabled] + label:before,
  .magic-checkbox[disabled] + label:before { border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after { display: block; }

.magic-radio + label:before { border-radius: 50%; }
.magic-radio + label:after { top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: #ff004a; }

.magic-radio:checked + label:before { border: 1px solid #ff004a; }

.magic-radio:checked[disabled] + label:before { border: 1px solid #c9e2f9; }
.magic-radio:checked[disabled] + label:after { background: #c9e2f9; }

.magic-checkbox + label:before { border-radius: 3px; }

.magic-checkbox + label:after {
  top: 0px;
  left: 6px;
  box-sizing: border-box;
  width: 9px;
  height: 17px;
  transform: rotate(45deg);
  border-width: 3px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before { border: #ff004a; background: #ff004a; }

.magic-checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9; }

/*******************************************************/
/*  訊息  */

.msgs-list .time {margin-top: 0;}

.row2 .msgs-list ul li { padding: 0; }
.row2 .msgs-list ul li a { padding: 0.82em 0px; transition: .1s; } /*調整訊息高度*/
.row2 .msgs-list ul li label { margin-bottom: 0px;}
.row2 .msgs-list ul li span  { vertical-align: bottom;}

.row2 .msgs-list ul li .magic-checkbox + label:before { top: 16px; left: 20px; }
.row2 .msgs-list ul li .magic-checkbox + label:after  { top: 16px; left: 26px; }
.row2 .msgs-list ul li .magic-checkbox + label { width: 100%; padding-left: 64px; padding-right: 10px;}


.row2 .msgs-list ul li .magic-checkbox:checked + label { background: #ffd4e4; }  /*選中變顏色*/

.msgs-read { font-weight: 500;} 
.msgs-unread { font-weight: 700; }

.control-view { padding-top: 22px; padding-bottom: 22px;}
.control-view .magic-checkbox + label:before { top: 0px; left: 20px; }
.control-view .magic-checkbox + label:after  { top: 0px; left: 26px; }
.control-view .magic-checkbox + label { padding-left: 50px; padding-right: 10px; font-weight: 500; font-size: 15px; margin-bottom: 0px;}
.control-view .magic-checkbox:checked + label { background:transparent; }

.del{
	margin-left: 8px;
    line-height: 22px;
    text-align: center;
    padding: 8px 20px 8px 36px;
    font-size: 15px;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
	background: url("../image/delete_black_20dp.png") no-repeat 14px/ 20px 20px; 
	width: 50px; 
	transition: .1s;
}
.del:hover{  border-color: #ff5cad; color: #ff5cad; background: url("../image/delete_pink_20dp.png") no-repeat 14px/ 20px 20px; }
.del.off{cursor: auto; opacity: 0.5;}
.del.off:hover{ color:#333; border: 1px solid #CCC; cursor: auto; background: url("../image/delete_black_20dp.png") no-repeat 14px/ 20px 20px;}

.control-view-r { float: right; margin-top: -8px;}
.pagetip{font-size: 12px; color:#99a2aa; padding: 0 10px;}
.page{ display: inline-block; text-align: right;}
.page ul {display: inline-block;}
.page ul li {
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0px;
}
.page ul li a,
.page ul li s{transition: .1s; color:#909090; letter-spacing: 0; padding: 3px 3px 3px 3px; display: inline-block; border: 1px solid #ddd;}
.page ul li a:hover{border-color: #ff5cad; color:#ff5cad;}

.page ul li s{ color: #022e4d; background: #eee; letter-spacing: 0; text-decoration: none;font-weight: 900;}

.mailicon-padding { padding-top:10px; padding-bottom: 10px;}
.row2 .news-text img { margin-bottom: 10px;}



/*******************************************************/
/*  帳號管理  */
#birth .form-control{ display:inline-block;}
#birthYear{width:120px;}
#birthMonth{width:70px;}
#birthDay{width:70px;}


/*******************************************************/
/*  變更密碼  */
#pw_resetForm .form1 .area_l{ width: 32%;}
#pw_resetForm .form1 .area_r{ width: 38%;}
#pw_resetForm .form1:nth-child(2){padding-top: 30px;}
#pw_resetForm .form1:nth-child(4){padding-bottom: 30px;}
#pw_resetForm .form1:nth-child(5){padding-bottom: 40px;}


/*******************************************************/
/*  密碼重置  */
#pw_reset_letterForm .form1 .area_l{ width: 32%;}
#pw_reset_letterForm .form1 .area_r{ width: 42%;}
#pw_reset_letterForm .form1:nth-child(3){padding-bottom: 30px;}
#pw_reset_letterForm .form1:last-child{padding-bottom: 40px;}
#pwr_letter_tologinbtn{ width: 200px; display: block; margin: 0 auto; color: #FFF; }



/*******************************************************/
/*  已綁定遊戲  */
.code-tit{ display:block;  color:#000; line-height: 1.5em;}
.code-text{ line-height: 1em; color: #ff1919; padding-left:10px; font-weight: 900;}
a.listing-btn { width: 100px; border: 1px solid #ff3399; border-radius: 27px; margin-left: auto; display: block; font-size: 16px; line-height: 33px; text-align: center; background: #ff3399; color:#FFF;}
a.listing-btn:hover{background: #ff5cad; color:#FFF; transition: .1s;}
.myGameboxinner{padding: 0px 30px 40px 30px;}
.myGame_list{ display: flex; display: -webkit-flex; flex-wrap: wrap; flex-grow:1;}
.myGame_list li{ flex-basis: 50%;}
.myGame_itembox{width:97%; border: 1px solid #777; margin-top: 20px; display: flex;}

.myGameIcon{flex-basis: 40%;}
.myGame-content{
	min-height: 80px;
	margin-top: 10px;
	font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 3;*/
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    line-height: initial;
}
.myGame-contentbox{
	flex-basis: 53%;
	margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;	
}

.title{
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.2em;
	font-weight: 900;
	line-height: initial;
	
}
.flex_pass{
	display: flex;
	align-items: center;
	/* justify-content: center; */
	position: relative;

}
.passeye{
	position: absolute;
	font-size: 18px !important;
	display: inline-block !important;
	right: 10px;
	top: 7px;
	/* margin-left: 5px; */
	opacity: 0.6;
}
.myGameIcon:before { display: inline-block; content: ""; width: 0; height: 100%; vertical-align: middle;}
.myGameIcon .myGameIcon-content {width: 95%; display: inline-block; vertical-align: middle;}

.no-myGame_list{ height: 600px;}
.no-myGame_list:before{ display:inline-block; content: ""; width: 0; height: 100%; vertical-align: middle; }
.msgbox{  width: 98%; margin:0 auto; display: inline-block; vertical-align: middle;}
.msg-content{ width: 500px; margin: 0 auto; border: 10px dashed #ff93bc; cursor: pointer;}
.msg-content .row2{margin: 18px 12px 50px;}
.msg-content .mainbtn{margin: 0 auto; margin: 20px}
.msg-content .mainbtn:hover{color:#FFF;}
.msg-content-text{text-align: center; font-size: 22px; font-weight: 900;padding: 50px 0px 30px 0px; line-height: 2em; }

/****************** mobile ******************/	
/*  mobile  */
@media only screen and (min-width: 1200px){
	.msgs-list .label {	width: auto;}
	.msgs-list .tit { width: 80%;}
	
}

@media (max-width: 1199px) {
	.msgs-list .tit { width: 77%;}
	.msgs_list.box.inner{ padding: 10px 40px 30px 40px }
	/*  綁定帳號  */
	.myGameboxinner{ padding: 0px 20px 40px 20px;}
	.title{font-size: 18px;}
	.myGame_list {width: 100%; margin: 0 auto; }
	.myGame_list li { flex-basis: 50%;}
	.myGameIcon { width: 35%; flex-basis: auto;}
	.myGame_itembox {width: 96%;}
	.myGame-content {min-height: 56px; height: auto; font-size:14px;}
	.myGame-contentbox { flex-basis: 56%; margin-bottom: 10px;}
	a.listing-btn {font-size: 15px; line-height: 28px;}
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
	#send_snsForm .area_l { width: 28%; }
}
@media (max-width: 992px) {
	
	
}
@media (max-width: 768px) {
	.inner { padding-top: 3vh; padding-bottom: 5vh;}
	.singup-Form .input-val { width: 50%;   }
	/*  帳號管理  */
	.tabs.inner { padding-top: 15px; padding-bottom: 10px;}
	.outer0{ margin:0;}
	#pw_resetForm .form1 .area_r { width: 50%;}

	/*  信箱認證  */
	#send_snsForm .area_l { width: 37%; }
	#send_snsForm .form1 .area_r { width: 50%;}
	.newletter .area_t{ padding-right: 1rem; }


	/*  密碼重置  */
	#pw_reset_letterForm .form1 .area_r { width: 50%;}

	/*  綁定帳號  */
	.title { font-size: 22px;}
	.myGameIcon { width: 29%;}
	.myGame_list li { flex-basis: 100%;}
	.myGame_itembox { width: 100%;}
	.myGame-content { min-height: 90px; height: auto; font-size: 16px;}
	.myGame-contentbox { flex-basis: 65%;}
	a.listing-btn {font-size: 20px; line-height: 40px;width: 150px;}
	
	.msg-content{width: 100%;}
}
@media (max-width: 767px) {
	/*  訊息  */
	.msgs-list .tit { width: 70%; margin-left: 0px; display: inline-block;}
	.msgs-list .time{ width: auto;}
	.msgs_list.box.inner{ padding: 10px 15px 30px 15px }
	#pw_resetForm .form1 { padding: 10px 10px;}
	
	/*  密碼重置  */
	#pwr_letter_tologinbtn { width: 50%; }
	#pw_reset_letterForm .form1 { padding: 10px 10px;}
	#send_snsForm .form1 .area_r.newletter {padding-top: 17px;}

	
}
@media (max-width: 480px) {
	.singup-Form .input-val { max-width: 100px;}
	/*  訊息  */
	.page{display: none;}
	.control-view-r{ margin-top: 0px;}
	.msgs-list .tit { width: 55%;}
	.msgs_list.box.inner{ padding: 10px 5px 30px 5px }
	/*  帳號管理  */
	.box.inner {padding: 0 0px 40px 0px;}
	#profileForm .form1 button { width: 100%;}
	#profileForm .form1 .area_l { text-align: left; margin-bottom: 5px; font-weight: 900; font-size: 1.1em;}
	#profileForm .form1 .area_l.sex {width:auto;}
	#profileForm .form1 .area_r { width: 100%;}
	#profileForm .form1 .area_r.sex {width:60%; margin-top: 5px;}
	#profileForm .form1 .area_r ul { margin-top: 0px;}
	
	
	#pw_resetForm .form1 { padding: 5px 10px;}
	#pw_resetForm .form1 .area_r { width: 100%;}
	#pw_resetForm .form1 .area_l { width: 50%; text-align: left;}
	#pw_resetForm .form1 button { width: 100%;}

	#birthYear,
	#birthMonth,
	#birthDay{margin-bottom: 10px;}
	
	/*  信箱認證  */
	#send_snsForm .form1 button { width: 100%;}
	#send_snsForm .form1 .area_l { text-align: left; margin-bottom: 5px; font-weight: 900; font-size: 1.1em;}
	#send_snsForm .form1 .area_l.newletter {width:auto;}
	#send_snsForm .form1 .area_r { width: 100%;}
	#send_snsForm .form1 .area_r.newletter {width:60%; margin-top: 5px;}
	#send_snsForm .form1 .area_r ul { margin-top: 0px;}
	#send_snsForm .form1 { padding: 5px 10px;}
	#send_snsForm .form1 .area_r { width: 100%;}
	#send_snsForm .form1 .area_l { width: 50%; text-align: left;}
	#send_snsForm .form1 .area_r.newletter {padding-top: 0px;}
	#send_snsForm .form1 button { width: 100%;}
	.newletter .area_t{ display: inline-block; padding-right: 0rem; }
	#send_snsForm .panel-body {	width: 100%; margin: 0 auto 30px auto; padding:20px 30px;}


	/*  密碼重置  */
	#pw_reset_letterForm .form1 button { width: 100%;}
	#pw_reset_letterForm .form1 .area_l { text-align: left; margin-bottom: 5px; font-weight: 900; font-size: 1.1em;}
	#pw_reset_letterForm .form1 .area_r { width: 100%;}
	#pw_reset_letterForm .form1 { padding: 5px 10px;}
	#pw_reset_letterForm .form1 .area_r { width: 100%;}
	#pw_reset_letterForm .form1 .area_l { width: 50%; text-align: left;}
	#pw_reset_letterForm .form1:first-child{ text-align: center; margin-bottom: 10px;}
	#pw_reset_letterForm .form1:first-child .area_l {float: none; width: auto; text-align: right; margin-left: auto; margin-right: auto; display: inline-block;}
	#pw_reset_letterForm .form1:first-child .area_r {float: none; width: auto; text-align: left;  margin-left: auto; margin-right: auto; display: inline-block;}
	#pw_reset_letterForm .form1 button { width: 100%;}
	.inner.inner-pw_reset_letter { padding: 20px 0px 20px 0px;	}
	#pw_reset_letterForm #account{ padding-left: 5px; padding-right: 5px; }
	#pwr_letter_tologinbtn { width: 100%; }
	.pwr-letter-success .text-center:last-child{ padding: 20px 10px 40px 10px;}
	

	/*  綁定帳號  */
	.title{ font-size: 1em; color: #000; line-height: 2em;}
	.code-tit{ display:block;  color:#000; line-height: 1.5em;}
	.code-text{ line-height: 1em;  padding-left:10px;}
	.myGame_list li{margin: 0 }
	.myGameboxinner { padding: 0px 0px 0px 0px;}
	.myGame_itembox { margin-top: 0px;margin-left: 0px; margin-right: 0px; width: 100%; border: 0px solid #777; border-bottom: 1px solid #777;}
	.myGameIcon { width: 28%;}
	.myGameIcon:before{ display:inline-block; content: ""; width: 0; height: 100%; vertical-align: middle;}
	.myGameIcon.outerS {margin-top:0px; margin-bottom: 0px; margin-left:5px;}
	.myGameIcon .myGameIcon-content { width:95%; display: inline-block; vertical-align: middle; /*margin-top: 14px;*/}
	.myGame-content{min-height: auto;font-size: 13px;margin-top: 0px;height: auto;margin-bottom: 8px;}
	.myGame-contentbox { flex-basis: 65%; margin-top: 10px; margin-bottom: 10px;}
	a.listing-btn {   width: 40%; border-radius: 30px; line-height: 26px; font-size:15px;}
	
	.msg-content-text {font-size: 1.2em;}
}
@media (max-width: 359px) {
	.singup-Form .code .refresh{ display:none;}
}