.sg-flex, .sg-flex-o { flex: 1; -webkit-flex: 1; box-flex: 1; -webkit-box-flex: 1; }
.sg-flex-o { overflow: hidden; }
.sg-df, .sg-df-p { display: -webkit-box; display: box; display: -webkit-flex; display: flex; }
.sg-df-p { position: relative; }
.sg-wao { -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; }
.sg-wal { -webkit-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
.sg-war { -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.sg-hao { -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; }
.sg-hal { -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.sg-har { -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
.sg-bob { box-sizing: border-box; }
.sg-cf { /*-webkit-box-direction:normal; box-direction:normal; */ -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.sg-jcb { -webkit-box-pack: justify; -webkit-justify-content: space-between; box-pack: justify; justify-content: space-between; }

.sg-ov-d { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sg-ov-2d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sg-ov-3d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.loginTab { width: 506px; border: 1px solid #623e93; margin: 0 auto 16px auto; max-width: 100%; }
.loginTabLi { font-size: 16px; color: #623e93; line-height: 39px; height: 40px; text-align: center; cursor: pointer; }
.loginTabLi:hover { background-color: #eee; }
.loginTabLi.cur { background: #623e93; color: #fff; }

.btnFaceBookLogin { background: #3a5691; background-position: 5%center; height: 36px; padding-top: 0; padding-bottom: 0; position: relative; background-image: url('../images/facebookicon.png'); background-size: 25px 25px; background-repeat: no-repeat; }
.btnLineLogin { background: #39ae37; background-position: 5%center; height: 36px; padding-top: 0; padding-bottom: 0; position: relative; background-image: url('../images/lineicon.png'); background-size: 25px 25px; background-repeat: no-repeat; }

.mobileLoginSelect .btn { width: 100%; text-align: left; }
.mobileLoginSelect .dropdown-menu { width: 100%; overflow-y: auto; height: 300px; }
.mobileLoginSelect .dropdown-menu::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0); border-left: 1px solid rgba(0,0,0,0); }

.mobileLoginSelect .dropdown-menu::-webkit-scrollbar { width: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mobileLoginSelect .dropdown-menu::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.5); background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 28px; }

.mobileLoginSelect .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }