.btn_cancel1,.btn_cancel2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9b9b9b), color-stop(1, #707070));
	background: -moz-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: -webkit-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: -o-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: -ms-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: linear-gradient(to bottom, #9b9b9b 5%, #707070 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b9b9b', endColorstr='#707070', GradientType=0);
	background-color: #9b9b9b;}
.btn_cancel1:hover,.btn_cancel2:hover  {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #707070), color-stop(1, #9b9b9b));
	background: -moz-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: -webkit-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: -o-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: -ms-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: linear-gradient(to bottom, #707070 5%, #9b9b9b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#9b9b9b', GradientType=0);
	background-color: #707070;}
.login_btfb {
	width: 32%;
	float: left;
	margin-right: 1%;
	border: 1px solid #bfbfbf;
	padding-left: 1%;}
.login_btfb:hover {
	color: #FFFFFF;
	background-color: #ffffff;
	border: 1px solid #333333;}
.login_btfblogo {
	background-image: url(../img/icon_squarefb.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 25%;
	height: 40px;
	float: left;
	margin-right: 0%;
}
.login_btfblogo:hover {
	background-color: #bfbfbf00;}
.btn_cancel3 {
	width: 75%;
    height: 40px;
    font-size: 15px;
    padding: 0px 0px;
    color: #000000;
    float: left;
    text-align: center;
    background-color: #ffffff;}
.btn_cancel3:hover {
	color: #000000;
	background-color: #e1e1e1;}
.btn_cancel3:active {
	top: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: iinset 0 0px 0px rgba(0,0,0,0);
	color: #000000;
	background-color: #b2b2b2;}
.login_btgoogle {
	width: 32%;
	float: right;
	margin-right: 1%;
	border: 1px solid #bfbfbf;
	padding-left: 1%;}
.login_btgoogle:hover {
	color: #FFFFFF;
	background-color: #ffffff;
	border: 1px solid #333333;}
.login_btgooglelogo {
	background-image: url(../img/icon_squaregoogle.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 25%;
	height: 40px;
	float: left;
	margin-right: 0%;
}
.btn_cancel4{
	width: 75%;
    height: 40px;
    font-size: 15px;
    padding: 0px 0px;
    color: #000000;
    float: left;
    text-align: center;
    background-color: #ffffff;}
.btn_cancel4:hover {
	color: #000000;
	background-color: #e1e1e1;}
.btn_cancel4:active {
	top: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: iinset 0 0px 0px rgba(0,0,0,0);
	color: #000000;
	background-color: #b2b2b2;}
.login_btline {
	width: 32%;
	float: right;
	border: 1px solid #06c755;
	padding-left: 1%;
}
.login_btline:hover {
	color: #FFFFFF;
	background-color: #ffffff;
	border: 1px solid #333333;
}
.login_btlinelogo {
	background-image: url(../img/icon_c3.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 25%;
	height: 40px;
	float: left;
	margin-right: 0%;
}
.btn_cancel5 {
	width: 75%;
	height: 40px;
	font-size: 15px;
	padding: 0px 0px;
	color: #ffffff;
	float: left;
	text-align: center;
	background-color: #06c755;}
.btn_cancel5:hover {
	color: #ffffff;
	background-color: #05a847;}
.btn_cancel5:active {
	top: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	color: #ffffff;
	background-color: #06c755;}
.btn_checknews {
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 20px;
    border: 0px solid;
	font-weight: bold;
    text-decoration: none;
    border-radius: 0;
	-moz-box-shadow: inset 0px 1px 0px 0px #fe9f1a;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fe9f1a;
    box-shadow: inset 0px 1px 0px 0px #fe9f1a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbc00), color-stop(1, #e18600));
    background: -moz-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: -webkit-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: -o-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: -ms-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: linear-gradient(to bottom, #ffbc00 5%, #e18600 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc00', endColorstr='#e18600', GradientType=0);}
.btn_checknews:hover {
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF9800), color-stop(1, #FFC107));
    background: -moz-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: -webkit-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: -o-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: -ms-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: linear-gradient(to bottom, #FF9800 5%, #FFC107 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FFC107', GradientType=0);
	background-color: #FF9800;}

.btn_login_full { display:block!important;width:100%!important;padding:0px!important;margin-bottom:4px!important;background-color:#2563eb!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:18px!important;font-weight:bold!important;cursor:pointer!important; }
.btn_login_full:hover { background-color:#1d4ed8!important;color:#fff!important; }
.login_bttext_v2 { display:flex!important;justify-content:flex-end!important;gap:20px!important;margin:6px 0 4px!important;font-size:13px!important; }
.login_bttext_v2 a { color:#666!important;text-decoration:none!important; }
.login_or_sep { display:flex!important;align-items:center!important;margin:14px 0!important; }
.login_or_line { flex:1!important;height:1px!important;background:#ddd!important; }
.login_or_text { padding:0 14px!important;color:#999!important;font-size:13px!important; }
.modal_Otherlogin_v2 { display:flex!important;gap:8px!important;margin-bottom:14px!important; }
.btn_social_v2 { flex:1!important;padding:10px 4px!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:17px!important;font-weight:bold!important;cursor:pointer!important; }
.btn_social_fb { background-color:#3b5998!important; } .btn_social_fb:hover { background-color:#2d4373!important;color:#fff!important; }
.btn_social_google { background-color:#dd4b39!important; } .btn_social_google:hover { background-color:#c23321!important;color:#fff!important; }
.btn_social_line { background-color:#06c755!important; } .btn_social_line:hover { background-color:#05a847!important;color:#fff!important; }
.login_bttext_join { text-align:center!important;font-size:13px!important;color:#666!important;margin-top:4px!important; }
.login_bttext_join a { color:#2563eb!important; }
.soc-bind-row { display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0;min-height:50px; }
.soc-bind-row:last-child { border-bottom:none; }
.soc-bind-name { display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:34px;padding:0 16px;border-radius:17px;color:#fff!important;font-size:14px;font-weight:bold;flex-shrink:0;box-sizing:border-box; }
.soc-line { background-color:#06c755; } .soc-google { background-color:#dd4b39; } .soc-facebook { background-color:#3b5998; }
.soc-bound   { color:#28a745;font-size:14px;line-height:34px;flex-shrink:0; }
.soc-unbound { color:#6c757d;font-size:14px;line-height:34px;flex-shrink:0; }
.soc-email   { color:#888;font-size:13px;line-height:34px;flex-shrink:0; }
.soc-btn-unbind { background:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:17px;padding:6px 14px;font-size:14px;line-height:1.42857;cursor:pointer;flex-shrink:0;height:34px;box-sizing:border-box; }
.soc-btn-unbind:hover { background:#dc3545;color:#fff; }
.soc-btn-bind-line { background:#06c755;border:none;color:#fff;border-radius:17px;padding:6px 14px;font-size:14px;line-height:1.42857;cursor:pointer;flex-shrink:0;height:34px;box-sizing:border-box; }
.soc-btn-bind-line:hover { background:#05a847;color:#fff; }
.soc-btn-bind-google { background:#dd4b39;border:none;color:#fff;border-radius:17px;padding:6px 14px;font-size:14px;line-height:1.42857;cursor:pointer;flex-shrink:0;height:34px;box-sizing:border-box; }
.soc-btn-bind-google:hover { background:#c23321;color:#fff; }
.soc-btn-bind-fb { background:#3b5998;border:none;color:#fff;border-radius:17px;padding:6px 14px;font-size:14px;line-height:1.42857;cursor:pointer;flex-shrink:0;height:34px;box-sizing:border-box; }
.soc-btn-bind-fb:hover { background:#2d4373;color:#fff; }
@media (max-width:767px) {
  .soc-bind-row { gap:8px;padding:8px 0; }
  .soc-bind-name { min-width:80px; }
}

.modal-footerjoin {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: -30px;}
.modal-content>.modal-footer {
    text-align: left;}	
.btn_cancel3join {
	border: 3px solid #fff;
	width: 32.3%;
    text-align: center;
    float: left;
    margin-right: 1%;
	height: 70px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6387d3), color-stop(1, #2a4d87));
	background: -moz-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: -webkit-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: -o-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: -ms-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: linear-gradient(to bottom, #6387d3 5%, #2a4d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6387d3', endColorstr='#2a4d87', GradientType=0);
	background-color: #6387d3;}
.btn_cancel3join:hover {
	border: 3px solid #cfcfcf;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a4d87), color-stop(1, #6387d3));
	background: -moz-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: -webkit-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: -o-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: -ms-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: linear-gradient(to bottom, #2a4d87 5%, #6387d3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4d87', endColorstr='#6387d3', GradientType=0);
	background-color: #2a4d87;}
.btn_cancel4join {
	border: 3px solid #fff;
	width: 31.3%;
    text-align: center;
	margin: 0 auto;
	margin: 0 1% 0 1%;
	height: 70px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e76b64), color-stop(1, #d2352c));
	background: -moz-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: -webkit-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: -o-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: -ms-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: linear-gradient(to bottom, #e76b64 5%, #d2352c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76b64', endColorstr='#d2352c', GradientType=0);
	background-color: #e76b64;}
.btn_cancel4join:hover {
	border: 3px solid #cfcfcf;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d2352c), color-stop(1, #e76b64));
	background: -moz-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: -webkit-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: -o-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: -ms-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: linear-gradient(to bottom, #d2352c 5%, #e76b64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2352c', endColorstr='#e76b64', GradientType=0);
	background-color: #d2352c;}
.btn_cancel5join {
	border: 3px solid #fff;
	width: 32.3%;
    text-align: center;
    float: right;
    margin-left: 1% !important;
	height: 70px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #57cc57), color-stop(1, #00b900));
	background: -moz-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: -webkit-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: -o-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: -ms-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: linear-gradient(to bottom, #57cc57 5%, #00b900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57cc57', endColorstr='#00b900', GradientType=0);
	background-color: #57cc57;}
.btn_cancel5join:hover {
	border: 3px solid #cfcfcf;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b900), color-stop(1, #57cc57));
	background: -moz-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: -webkit-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: -o-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: -ms-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: linear-gradient(to bottom, #00b900 5%, #57cc57 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b900', endColorstr='#57cc57', GradientType=0);
	background-color: #00b900;}
.friendslist_box {
	padding: 40px 30px 30px 30px;}
.friendsp{
	text-align: left;
	font-size: 1.6rem;
	line-height: 2.2rem;}
.bt_deletelist {
	font-weight: 900;
	color:#000000;
    background-color: #9ac5ff;
    line-height: 30px !important;
    padding: 3px 30px;
    text-align: center;
    display: table-cell;}
.bt_delete {
	width: 100%;
	height: 40px;
	margin: 40px 0px 0px 0px;}
.bt_deletecancel {
	width: 48%;
	float: left;
	font-weight: 900;
    background-color: #a7a7a7;
	line-height:30px !important;}
.bt_deletecancel:hover {
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #333333;}
.bt_deleteconfirm {
	width: 48%;
	float: right;
	font-weight: 900;
    background-color: #9ac5ff;
	line-height:30px !important;}
.bt_deletelist:hover,.bt_deleteconfirm:hover {
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #3d669c;}
.bt_addconfirm {
	width: 48%;
	float: right;
	font-weight: 900;
    background-color: #ffb548;
	line-height:30px !important;}
.bt_addconfirm:hover{
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #ff8800;}
.bt_deletelist:hover,.bt_deleteconfirm:hover{
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #3d669c;}
.bt_deletelist:active,.bt_deleteconfirm:active,.bt_addconfirm:active {
	position: relative;
    top: 2px;}
@media only screen and (max-width:800px) {
.bt_deletelist {
	padding: 3px 19px;}
}	
@media only screen and (max-width:642px) {
.btn_cancel3,.btn_cancel4,.btn_cancel5 {
	font-size: 1.5rem;
    /*padding: 0px;*/}
.btn_cancel3join,.btn_cancel4join,.btn_cancel5join {
	height: 70px;
	font-size: 1.7rem;
    padding: 0px;}
.modal-footerjoin {
	margin-bottom: -40px;}
.bt_deletelist {
	padding: 3px 30px;}
.form-horizontal{
	padding: 10px 0px;
    /*display: block;*/}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
    }
/*.btn_cancel {
    width: 46%;
    margin: 0 2%;
    float: left;
    }*/
}
@media only screen and (max-width:420px) {
.bt_deletelist {
	padding: 3px 40px;}
.login_btfb {
    width: 49%;
	margin-right: 1%;
	padding-left: 0%;}
.login_btgoogle {
    width: 49%;
	margin-left: 1%;}
.login_btfblogo {
	width: 22%;
	height: 40px;
	margin-top: -1px;
	margin-right: 0%;}
.btn_cancel3{
	width: 78%;}	
.login_btgoogle {
    width: 49%;
	margin-left: 1%;
	padding-left: 0%;}
.login_btgooglelogo {
	width: 22%;
	height: 40px;
	margin-top: -1px;
	margin-right: 0%;}
.btn_cancel4{
	width: 78%;}	
.check-group {
    width: 92%;}
} 
@media only screen and (max-width:322px) {
.btn_cancel3, .btn_cancel4 {
	font-size: 12px;}
.login_btfblogo {
	width: 25%;
	height: 36px;
	margin-top: 2px;}
.btn_cancel3{
	width: 75%;}
.login_btgooglelogo {
	width: 25%;
	height: 36px;
	margin-top: 2px;}
.btn_cancel4{
	width: 75%;}
.check-group {
    width: 90%;}
}