@charset "UTF-8";
body { margin: 0px; padding: 0px; font-size: 12px; color: #4f4f4f; background: url(/lib/imleagues/images/main_bg.png?v=566) center top no-repeat; background-color: #063a6c; /*#F2F1F2;*/ font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei", "微软雅黑", SimSun, "宋体"; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

h1, h2, h3, h4, h5, h6 { font-family: SF,Roboto-Light,HelveticaNeue-Light,Helvetica,Arial,sans-serif; }

a { color: #5c96bf; }

input:-webkit-autofill, input::-webkit-autofill:focus, :focus, input:focus:-webkit-autofill, input:-webkit-autofill:focus, input:focus:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 100px white !important; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff !important; border: 0; background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2); background-size: 0 2px,100% 1px; }

.iml-mt-5 { margin-top: 5px; }

.iml-mt-30 { margin-top: 30px; }

.iml-mt-15- { margin-top: -15px; }

.iml-mb-15 { margin-bottom: 15px; }

.iml-mb-5 { margin-bottom: 5px; }

.iml-plr-10 { padding: 0 10px; }

.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); }

.iml-text-32 { font-size: 32px; }

.iml-rectangle-banner { display: block; margin: 0 auto; text-align: center; }

.iml-rectangle-banner img { max-width: 100%; }

.iml-square-banner { margin: 0 auto; width: 300px; min-height: 250px; }

.btn-create-account, .btn-facebook-login, .btn-google-login { padding: 8px 30px; margin: 5px 0; background: 0px 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; font-family: inherit; font-style: normal; font-size: 14px; line-height: 20px; border-radius: 5px; box-shadow: none; box-sizing: border-box; cursor: pointer; max-width: 350px; width: 100%; text-transform: none; }

.btn-create-account { border: 1px solid #e67e15; color: #e67e15 !important; }

.btn-create-account:hover { background: #e67e15 !important; outline: none; color: #fff !important; }

.btn-facebook-login { border: 1px solid rgba(16, 48, 119, 0.96); color: rgba(16, 48, 119, 0.96) !important; padding: 8px 0px; }

.btn-facebook-login:hover { background: rgba(16, 48, 119, 0.96) !important; outline: none; color: #fff !important; }

.btn-google-login { border: 1px solid #2D85F0; color: #2D85F0 !important; padding: 8px 0px; }

.btn-google-login:hover { background: #2D85F0 !important; outline: none; color: #fff !important; }

.btn-gray { border: 1px solid #8e98a2; border-radius: 5px; padding: 8px 30px; background-color: white; width: 350px; max-width: 100%; text-transform: none; }

.btn-gray:hover { background-color: #8e98a2 !important; color: white !important; }

.btn-green { border: 1px solid #5cb85c; border-radius: 5px; padding: 8px 30px; background-color: white; width: 350px; max-width: 100%; text-transform: none; color: #5cb85c !important; }

.btn-green:hover { background-color: #5cb85c !important; color: white !important; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: default; opacity: 0.45; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; border: 1px solid #8e98a2; border-radius: 5px; padding: 8px 30px; background-color: #8e98a2 !important; width: 350px; max-width: 100%; text-transform: none; color: #fff !important; }

.btn.disabled:hover { background-color: #8e98a2 !important; color: #fff !important; }

/*hide hate ad link for account pages*/
.hate-ad { display: none; }

.iml-roll-up { position: relative; overflow-y: hidden; height: 100px; }

.iml-roll-up > .iml-toggle-more { display: none; position: absolute; bottom: 0px; left: 0; right: 0; background-color: #A7ADB6; color: #ffffff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.iml-roll-up:hover > .iml-toggle-more { display: block; }

#imlAccount { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }

#imlAccount a, #imlAccount button, #imlAccount img, #imlAccount span, #imlAccount .control-label, #imlAccount .terms, #imlAccount .empty, #imlAccount .floating-label { -webkit-filter: brightness(1); }

#imlAccount .empty { color: #bdbdbd !important; }

#imlAccount .container { width: 758px; }

#imlAccount .iml-account-logo { margin-bottom: 15px; }

#imlAccount .register-form { padding: 10px 0; }

#imlAccount .register-form #messageBoxDiv { z-index: 9999; position: fixed; top: 10px; right: 10px; width: 300px; }

#imlAccount .register-form .school-form { background: #fff; padding: 20px 40px; }

#imlAccount .register-form .school-form select { -moz-appearance: none; -webkit-appearance: none; }

#imlAccount .register-form .school-form #spanRecaptcha { margin: 0 29% !important; }

#imlAccount .register-form .school-form .separator { height: 0; margin: 5px 30px; overflow: hidden; border-bottom: 1px solid #e3e3e5; }

#imlAccount .register-form .school-form .school-logo { position: relative; z-index: 5; }

#imlAccount .register-form .school-form .school-logo img { max-width: 100%; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; }

#imlAccount .register-form .school-form .checkbox { margin-bottom: 0; padding-top: 0px; }

#imlAccount .register-form .school-form .checkbox label { line-height: 20px; padding: 5px 0; }

#imlAccount .register-form .school-form .control-label { padding: 10px 0; color: #9ca7b3; }

#imlAccount .register-form .school-form .floating-label { padding: 0 5px; }

#imlAccount .register-form .school-form .select-arrow select { font-size: 14px; color: #bdbdbd; }

#imlAccount .register-form .school-form .select-arrow select.form-control { cursor: pointer; }

#imlAccount .register-form .school-form .select-arrow select.form-control.disabled { color: #bdbdbd !important; }

#imlAccount .register-form .school-form .select-arrow select:after { width: 0; height: 0; border-style: solid; border-width: 6px 3px 0 3px; border-color: #888 transparent transparent transparent; content: ""; position: absolute; right: 5px; top: 50%; margin-top: -2px; }

#imlAccount .register-form .school-form .customselect .dropdown-menu { width: 100%; }

#imlAccount .register-form .school-form .customselect .dropdown-menu li a { overflow: hidden; text-overflow: ellipsis; }

#imlAccount .register-form .school-form .customselect > button { color: #9CA7B3 !important; background: white; border: 1px solid #dce4ec; padding: 8px 10px; }

#imlAccount .register-form .school-form .customselect > button.btn { text-transform: none; }

#imlAccount .register-form .school-form .customselect > button:hover, #imlAccount .register-form .school-form .customselect > button:focus, #imlAccount .register-form .school-form .customselect > button:active { background-color: #798d8f !important; border-color: #74898a; color: #ffffff !important; }

#imlAccount .register-form .school-form .terms { color: #9ca7b3; }

#imlAccount .register-form .school-form .modal .modal-header { min-height: 16.43px !important; padding: 15px !important; border-bottom: 1px solid #e5e5e5 !important; }

#imlAccount .register-form .school-form .modal .modal-content .modal-footer { border-top: 1px solid #e5e5e5; }

#imlAccount .register-form .school-form .modal .modal-content .modal-footer button { margin-top: 10px; }

#imlAccount .register-form .school-form .modal button.list-group-item { width: 100%; text-align: left; }

#imlAccount .register-form .school-form .modal button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; }

#imlAccount .sso-redirect-area { border-right: solid 1px #eee; padding-right: 10px; }

#imlAccount .sso-redirect-area .sso-redirect { margin: 10px; font-size: 16px; }

#imlAccount .sso-redirect-area .sso-redirect .f-or { font-size: 48px; color: rgba(0, 0, 0, 0.075); margin-bottom: 0px; text-align: center; }

#imlAccount .sso-redirect-area .sso-redirect .btn { width: 100%; font-size: 18px; }

#imlAccount .sso-redirect-area .sso-redirect-top { text-align: center; border-bottom: solid 1px #eee; padding-bottom: 6px; margin-bottom: 10px; }

#imlAccount .invalid .form-control { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#f44336, #f44336) !important; box-shadow: none !important; }

#imlAccount .invalid .control-label, #imlAccount .invalid .floating-label { color: #f44336 !important; }

#imlAccount .checkbox input[type="checkbox"]:checked + .checkbox-material .check { color: #E67E15; }

#imlAccount .checkbox input[type="checkbox"]:checked + .checkbox-material .check:before { color: #E67E15; }

#imlAccount .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before { -webkit-animation: rippleOff 0ms; animation: rippleOff 0ms; }

#imlAccount .checkbox .checkbox-material .check:before { -webkit-animation: checkbox-off 0ms; animation: checkbox-off 0ms; }

#imlAccount .form-group .form-control:focus { background-image: linear-gradient(#E67E15, #E67E15), linear-gradient(#d2d2d2, #d2d2d2); }

#imlAccount .form-group input.form-control:focus ~ .floating-label { color: #E67E15; }

#imlAccount .form-group .form-control-wrapper .form-control:not(.empty):invalid ~ .floating-label, #imlAccount .form-group .form-control-wrapper .form-control.focus:invalid ~ .floating-label { color: #E67E15; }

#imlAccount #accountFooter .iml-links { padding: 20px 0px 10px 0px; text-align: center; color: #a6a6a6; font-size: 14px; }

#imlAccount #accountFooter .iml-links .top { padding-bottom: 10px; margin-bottom: 0px; }

#imlAccount #accountFooter .iml-links .top a { margin: 0px 10px; color: #fff; }

#imlAccount #accountFooter .iml-links .copy { padding-top: 5px; text-align: center; }

#imlAccount #accountFooter .solial-media { width: 310px; margin: 0 auto; }

#imlAccount #accountFooter .solial-media ul { padding: 0px; overflow: hidden; }

#imlAccount #accountFooter .solial-media ul li { list-style: none; float: left; margin-right: 5px; }

#imlAccount #accountFooter .solial-media ul li a .fa-circle { color: #8b8b8b; opacity: 0.2; }

#imlAccount #accountFooter .solial-media ul li .fa-twitter { color: #232323; }

#imlAccount #accountFooter .solial-media ul li .fa-facebook { color: #232323; }

#imlAccount #accountFooter .solial-media ul li:hover .fa-circle { opacity: 0.5; }

#imlAccount #accountFooter .solial-media ul li:hover .fa-twitter { color: #fff; }

#imlAccount #accountFooter .solial-media ul li:hover .fa-facebook { color: #fff; }

#imlAccount #accountFooter .solial-media .addFan { font-size: 11px; color: #8a8a8a; }

#imlAccount #accountFooter .solial-media iframe { width: 49px; height: 20px !important; margin: 10px 0 0 0px; }

.iml-front-video-container { display: none; }

body.iml-video-moved .iml-front-video-container { display: block; position: absolute; top: 100px; left: 45%; max-height: 250px; }

body.iml-video-moved .register-form.willHasVideo { padding-top: 250px !important; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (display: flow-root) { .checkbox input[type="checkbox"]:checked + .checkbox-material .check:before { content: "_" !important; } } }

body.bracketChallengeSpecialOffer, body.bracketChallengeNormalOffer { background-repeat: no-repeat !important; background-position: center top !important; background-color: #BFC6AA; background-size: cover; background-attachment: fixed; background-image: url("/PromotionBracket/FutureCard_Pageskin_v3.jpg?v=566") !important; cursor: pointer; }

@media (aspect-ratio: 16 / 9) { body.bracketChallengeSpecialOffer, body.bracketChallengeNormalOffer { background-image: url("/PromotionBracket/FutureCard_Pageskin_low_v3.jpg?v=566") !important; } }

.im-freestar-video-container { width: 320px; height: 180px; position: fixed; right: 6px; bottom: 95px; z-index: 50; }

#pmLink { visibility: hidden; }

#pmLink:hover { visibility: visible; }