/* CSS Document */



/*sport体育*/

.sport-bg { width: 100%; height: 100%; background: #f5f5f5 url('../images/inside/sportbg.jpg') top center no-repeat;}
.sport-cont { margin: 0px auto 0px; overflow: hidden;padding: 20px; }
.saba_spo { width: 640px; height: 250px; background: url('../images/inside/sab_sports.jpg') no-repeat; position: relative; margin-bottom:10px; }
.saba_spo .link { position: absolute; top: 26px; left: 186px; width: 280px; }
.saba_spo .link a { background: url('../images/inside/sport-link.png') no-repeat; width: 110px; height: 90px; margin-bottom: 20px; margin-right: 20px; display: inline-block; float: left; }
.saba_spo .link a.btn1 { background-position: 0px 0px; }
.saba_spo .link a.btn2 { background-position: -130px 0px; }
.saba_spo .link a.btn3 { background-position: 0px -110px;  }
.saba_spo .link a.btn4 { background-position: -130px -110px;}
.saba_spo .link a:hover.btn1 { background-position: -390px 0px; }
.saba_spo .link a:hover.btn2 { background-position: -520px 0px; }
.saba_spo .link a:hover.btn3 { background-position: -390px -110px; }
.saba_spo .link a:hover.btn4 { background-position: -520px -110px; }
.im_spo{ width: 350px; height: 250px; background: url('../images/inside/im_sports.jpg') no-repeat; position: relative; margin-left: 10px;margin-bottom:10px; cursor:pointer}
.cmd368_spo { width: 350px; height: 250px; background: url('../images/inside/368_sports.jpg') no-repeat; position: relative; cursor:pointer}
.ag_spo { width: 640px; height: 250px; background: url('../images/inside/ag_sports.jpg') no-repeat; position: relative; margin-left: 10px; }
.ag_spo .link { position: absolute; top: 26px; left: 186px; width: 280px;}
.ag_spo .link a { background: url('../images/inside/sport-link.png') no-repeat; width: 110px; height: 90px; margin-bottom: 12px; margin-right: 10px; display: inline-block; float: left; }
.ag_spo .link a.btn1 { background-position: 0px 0px; }
.ag_spo .link a.btn2 { background-position: -130px 0px; }
.ag_spo .link a.btn3 { background-position: -260px 0px;  }
.ag_spo .link a.btn4 { background-position: -260px -110px;}
.ag_spo .link a:hover.btn1 { background-position: -390px 0px; }
.ag_spo .link a:hover.btn2 { background-position: -520px 0px; }
.ag_spo .link a:hover.btn3 { background-position: -650px 0px; }
.ag_spo .link a:hover.btn4 { background-position: -650px -110px; }


.form-group.btn-group { margin-top: 30px; margin-bottom: 30px; }
.form-group .form-btn { display: block; height: 44px; width: 310px; line-height: 44px; background-color: #06a7e2; color: #fff; outline: 0; border: 0; font-size: 14px; font-family: 'microsoft yahei'; border-radius: 2px; cursor: pointer; }
.form-group .form-btn.getCode-btn { width: 50px; height: 30px; line-height: 28px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #f4f4f4; color: #555; border: 1px solid #e1e1e1; border-left: 0; cursor: pointer; box-sizing: border-box; font-size: 12px; position: absolute; right: 0px; top: 0px; }
.form-group .form-btn.reset-btn { display: inline-block; width: 100px; height: 36px; line-height: 36px; color: #462205; font-size: 15px; margin: 0 10px; background: linear-gradient(90deg, #ffbe81 0, #f9f8a4);}
.form-group .form-btn.reset-btn:hover { background-color: #FEC36A; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFECCE), to(#ffca7b)); background-image: -webkit-linear-gradient(top, #fff0d9, #FEC36A); background-image: -o-linear-gradient(top, #fff0d9, #FEC36A); background-image: linear-gradient(to bottom, #fff0d9, #FEC36A); background-image: -moz-linear-gradient(top, #fff0d9, #FEC36A); background-repeat: repeat-x;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff0d9', endColorstr='#FEC36A', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.form-group .form-btn.regist-btn { display: inline-block; width: 100px; height: 36px; line-height: 36px; color: #fff; font-size: 15px; margin: 0 10px; background: linear-gradient(90deg, #DB242C 0, #8B0B12); }
.form-group .form-btn.regist-btn:hover { opacity: 1; background-color: #8B0B12; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f51b25), to(#8B0B12)); background-image: -webkit-linear-gradient(top, #f51b25, #8B0B12); background-image: -o-linear-gradient(top, #f51b25, #8B0B12); background-image: linear-gradient(to bottom, #f51b25, #8B0B12); background-image: -moz-linear-gradient(top, #f51b25, #8B0B12); background-repeat: repeat-x;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f51b25', endColorstr='#8B0B12', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#codeimg { width: 50px; height: 22px; line-height: 22px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #f4f4f4; color: #555; border: 1px solid #e1e1e1; border-left: 0; cursor: pointer; box-sizing: border-box; font-size: 12px; position: absolute; right: 1px; top: 1px; display: none; }
.result-tips { width: 380px; height: auto; margin: 0 auto; margin-top: 60px; }
.result-tips .errbox-wrap { position: relative; }
.result-tips .errbox-body .errbox-icon { float: left; width: 65px; height: 80px; }
.result-tips .errbox-body .errbox-cont { margin-left: 80px; line-height: 24px; }
.result-tips .errbox-body .errbox-cont h3 { font-size: 18px; font-weight: 400; margin: 0; }
.result-tips .errbox-body .errbox-cont p { margin: 0; margin-top: 15px; }
.result-tips .errbox-foot { clear: both; padding-left: 80px; margin-top: 10px; height: 24px; line-height: 24px; }
.emailist { border: 1px solid #bdbdbd; background-color: #fff; color: #666; font-size: 14px; list-style-type: none; padding: 0; margin: 0; overflow: hidden; }
.emailist li { padding: 4px 11px; cursor: pointer; }
.emailist .on, .emailist li:hover { background-color: #eee; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
 @-webkit-keyframes shake {  0%, 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
}
 @keyframes shake {  0%, 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateX(10px);
 -ms-transform: translateX(10px);
 transform: translateX(10px);
}
}
.shake { -webkit-animation-name: shake; animation-name: shake; }
 @-webkit-keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
 @-webkit-keyframes fadeOut {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 @-webkit-keyframes zoomIn {  0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.nmpd-wrapper { display: none; }
.nmpd-target { cursor: pointer; }
.nmpd-container { position: absolute !important; left: 50px; top: 50px; z-index: 5000; background-color: #fff; border: 1px solid #5084B0; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); }
.nmpd-dirtybox { background-color: #585858; padding: 6px 0 0 32px; height: 40px; text-align: center; }
.nmpd-dirtybox span { float: left; background-color: #EAEAEA; margin: 0 4px; border-radius: 99em; width: 26px; height: 26px; line-height: 26px; color: #585858; }
.nmpd-grid { border-collapse: collapse; -khtml-user-select: none; width: initial; }
.nmpd-grid td { cursor: pointer; padding: 0; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; text-align: center; width: 63px; height: 44px; font-size: 20px; color: #333; font-family: "Microsoft JhengHei", "微軟正黑體", arial, helvetica, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nmpd-grid td:hover { background-color: #EEE; }
.nmpd-overlay { z-index: 4999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; }
input.nmpd-display { text-align: right; }