@charset "utf-8";
/* CSS Document */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,a{margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0 none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none outside none;font-family:arial;}
li {list-style: none;}
caption, th {text-align: left;}
a:link{ text-decoration:none;}
a:hover{ color:#d70000;}
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#424242;}
tbody td{text-align:left;}
.f_r{ float:right;}
.footerBottom{width: 1200px; margin: 20px auto; padding: 20px 0; border-top: 1px solid #ccc;}
.preOrder-btn{background: #ee1a26; color: #fff;display: inline-block;border-radius:15px;}
.price{font-size: 14px;color: red; font-weight: bold; padding: 10px 0;}
.price span{color: #404040;}
.joinBtn{text-align: center; padding: 5px 0;}
.joinBtn form{display: inline-block; vertical-align: middle;}
.headNav .shareLink,.class-tab{display: flex;justify-content: flex-start;}
.headNav .shareLink a{color:#ffff;font-size:16px;width: 340px; font-weight: bold; text-align: center; position: relative; z-index: 2; padding: 2px 0; background-color: #ff7f26; margin: -2px 0 0 0!important;}
.headNav .shareLink a:last-child{background-color: #00a3e8;}
.headNav .shareLink a.tab2{background-color: #38b01d;;}
.headNav .shareLink a.tab3{background-color: blue; width: 380px;}
.headNav .shareLink a.tab4{background-color: green; width: 240px;}
.headNav .shareLink a.current{border: 2px solid #ee1a26; line-height: normal;}
.class-tab{border: 2px solid #4650a7; margin-top: 10px; }
.class-tab a{font-size: 14px;color: #4650a7;display: inline-block; padding: 4px 0px; flex: 1; text-align: center; border-right: 2px solid #4650a7; font-weight: bold;}
.class-tab a:last-child{color: #df8747;}
.class-tab a.cur{background-color:#ee1a26; color: #fff;}
#loginBox .classSignup p label{display: inline-block; width: 150px; text-align: right;}
#loginBox .classSignup p span input { height: 28px; padding: 3px 5px; border: 1px solid #e6e6e6; border-radius: 5px;}
#loginBox .classSignup p input#loginBtn,#createBox .classSignup p a#createBtn{display: inline-block; padding:8px 15px; cursor: pointer; border: 0 none;background: linear-gradient(to right top, rgb(93, 184, 124), rgb(138, 204, 122)); border-radius: 2px;color: rgb(255, 255, 255);}
a.forgotBtn{vertical-align: bottom; margin-left: 20px; text-decoration: underline;}
p.week{padding-top: 20px; text-align: center; font-weight: bold;}
#startDate{padding:5px 0;}
.halloween font.red{color: #ee1a26;}
.halloween font.green{color: #38b01d;}
@media only screen and (max-width: 1029px){
  .addbinding h2 a{background-size: contain !important;width: 1.5em !important; height: 1.5em !important;}
  .joinBtn input[type='image']{width: 20em;}
  html,.knowlebox-wrap,#TB_overlayBG{width: 1200px !important;}
  .class-info .info-left{width: 30% !important;font-size: 1.1em;}
  .addbinding{font-size: 2.6em !important;width: 1100px !important;}
  .class-info{width: 100% !important;}
  .addbinding h2{font-size: 1.3em !important; height: 2em !important; line-height: 2em !important;}
  #classDesc{font-size: 1.2em; line-height: 1.5;}
  .preOrder-btn {
    font-size: 1.5em;padding: 0.5em 1em;
  }
  .footerBottom{
    font-size: 2.2em;
    width: 100%;
  }
  .price{font-size: 1.6em; padding: 0.2em 0;}
  .joinBtn a.preOrder-btn{font-size: 2.6em;padding: 0.6em 1.2em;}
  .class-btn button{width: 8.5em !important;height:3em !important; font-size: 1.2em !important;}
  #loginBox .classSignup p input#loginBtn, #createBox .classSignup p a#createBtn,.classSignup p.btn button.signupBtn{padding: 0.6em 1em !important; font-size: 1.2em;}
  .classSignup{width: 100% !important; font-size: 1.2em;}
  #createBox .classSignup p a{font-size: 1.2em !important;}
  #loginBox .classSignup p label,.classSignup p label{ width: 40% !important; font-size: 1em !important;}
  #loginBox .classSignup p span input,.classSignup p span input, .classSignup p span select{ width: 50%; height: 1.6em !important; border-color: #333333; font-size: 1.3em; vertical-align: middle;}
  .classSignup p span select option{font-size: 0.3em !important;}
  .classSignup p.btn button.signupBtn,.classSignup p.btn a.addChild,.classSignup p.btn button{width: 7em !important; height: 2em !important; font-size: 1.2em !important; line-height: 2em !important; text-align: center; padding: 0 !important;}
  .classSignup p input[type='radio']{font-size: 0.5em; width: 2em; height: 2em;}
  .ui-datepicker{width: 25em !important; font-size: 3em !important;}
  .headNav .shareLink a{width:100% !important; box-sizing: border-box; font-size: 3.5em !important; padding: 0 !important; height: 2.3em !important; line-height: 2em !important; border: 0.2em solid #fff;}
  .headNav .shareLink a.current{border:0.2em solid #ee1a26 !important;}
  .class-tab a{border-bottom: 2px solid #4650a7; height: 2.5em; line-height: 2.5em; font-size: 2.6em; padding: 0; text-align: center; float: left; width: 50%; box-sizing: border-box;}
  .class-tab{display: block; overflow: hidden;border-bottom: 0 none;border-right: 0 none;}
}
@media only screen and (min-width: 1029px){
  .preOrder-btn {
    font-size: 14px;padding: 5px 15px;
  }
}
/*弹出全屏框样式*/
#TB_overlayBG{background-color:#666; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:100%; opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.5;}
.addbinding{position:absolute; left:50%; z-index:100; background-color:#fff; border:1px #999 solid;}
.addbinding h2{height:33px; font-size:14px; line-height:33px;background:blue; color: #fff; position:relative; padding-left:10px; border-bottom:1px #999 solid;}
.addbinding h2 a{position:absolute; right:7px; background:url('../images/addsort-close.jpg') no-repeat; width:19px; height:19px; top:7px;}
.addbinding{height:auto;}
.addbinding .mainlist{padding:16px;}