/* 登录页
   ========================================================================== */
body { min-width:800px; min-height:563px;}

/**
 * Background
 ----------------------------------------------------------------------------*/
.container { position:fixed; top:0; right:0; left:0; bottom:0;}
.container_min { position:relative; width:1000px; height:563px;}

.loginBg { 
	background:url(../images/loginBg.png); background-position:center; background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/loginBg.png',  /* 注意：这里背景图片的路径，页面相对于图片的路径 */
    sizingMethod='scale')
}

.loginWave { position:fixed; left:0; right:0; bottom:0; z-index:1; height:135px; background-image:url(../images/loginWave.png); background-position:center top; background-size:cover;}


/**
 * Login box
 ----------------------------------------------------------------------------*/
.loginBox { position:absolute; top:50%; left:50%; width:440px; margin-left:-220px; margin-top:-250px; z-index:2; padding: 80px 0; background: rgba(255,255,255,.9); background: #fff\9; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.loginLogo { height:56px; margin-bottom:50px; background:url(../images/loginLogo.png) center top no-repeat;}
.loginWrap { margin: 0 80px;}


/* 报名页
   ========================================================================== */

/**
 * Base
 ----------------------------------------------------------------------------*/
/* colors */
.com_color { color:#c80032;}
.light { color:#c80032;} /* hover */
.lighter { color:#e67994;} /* border */
.lightest { color:#f7d0da;} /* shadow */
.dark { color: #19a687;}
.red { color:#f92f2f;}
.yellow { color:#feae01;}
.yellow_lighter { color:#fec501;}

/* frame */
body { background:#ededf0 url(../images/bg.png) center top no-repeat; background-attachment:fixed;}

.webWidth { width:1000px; margin:0 auto;}

.head { position:fixed; top:0; right:0; left:0; z-index:999; background:#2a2c2e; -webkit-box-shadow:0 0 8px rgba(0,0,0,.15); -moz-box-shadow:0 0 8px rgba(0,0,0,.15); -o-box-shadow:0 0 8px rgba(0,0,0,.15); box-shadow:0 0 8px rgba(0,0,0,.15);}
.headIn { height:60px;}

.regWidth1,
.regWidth2 { position:relative; margin:0 auto; padding-top:60px; padding-bottom:60px; background: #fff; -webkit-box-shadow:0 0 8px rgba(0,0,0,.15); -moz-box-shadow:0 0 8px rgba(0,0,0,.15); -o-box-shadow:0 0 8px rgba(0,0,0,.15); box-shadow:0 0 8px rgba(0,0,0,.15);}
.regWidth1 { width:800px;}
.regWidth2 { width:1000px;}
.regWidth1 .regForm { width:360px; margin:0 auto;}
.regWidth2 .regForm { width:800px; margin:0 auto;}

.regBox { position:relative; z-index:2; min-height:485px; background:#fff;}
.regBot { position:absolute; bottom:0; right:0; left:0; height:174px; background:url(../images/contBg.png) 0 0 repeat-x; z-index:1;}

.wave { position:fixed; width:100%; bottom:0; z-index:998; height:135px; background:url(../images/wave.png) center top no-repeat;}


/**
 * Details
 ----------------------------------------------------------------------------*/
.regBox_in { padding:40px 40px 10px 40px;}

/**
 * 主标题
 */
.regTitle { width:310px; height:150px; margin:-40px auto 40px auto; background-image:url(../images/title.png); background-repeat:no-repeat;}
.reg_welcome { background-position:0 0;}
.reg_finish { background-position:0 -200px;}
.reg_review { background-position:0 -400px;}


/**
 * 副标题
 */
.regSubtit { position:relative; margin-bottom:50px; border-top:1px #da3b60 solid;}
.regSubtit span { position:absolute; top:50%; left:50%; display:block; z-index:1; width:250px; height:44px; margin:-23px 0 0 -125px; background-color:#fff; background-image:url(../images/subtitle.png);}
.regSubtit_reg { background-position:-33px 0;}
.regSubtit .regSubtit_psn { width: 316px; margin-left: -158px; background-position:0 -44px;}
.regSubtit_prt { background-position:-33px -88px;}

/**
 * 详细信息
 */
   
/**
 * Form structure
 * Width of `.form_tit` + 10px(changable) = `padding-left` of `.form_con`
 * ------------------------------------------------------------
 */
.dform_row,
.dform_row_s { position:relative; min-height:40px; padding:5px 0;}
.dform_tit,
.dform_tit_s { position:absolute; top:5px; left:0; line-height:40px; text-align:right; font-weight:bold; font-size:14px; color:#999;}
.dform_tit { width:100px;}
.dform_tit b { margin-left:5px; font-size:18px; color:#f92f2f;}
.dform_con,
.dform_con_s { line-height:40px; font-size:14px;}
.dform_con { padding-left:120px;}

/* 身高体重 */
.dform_row2 { padding-left:32px;}
.dform_row_s { padding-left:88px;}
.dform_tit_s { width:68px;}
.dform_con_s { position:relative; padding:0 40px 0 5px; border:1px #dbdbdb solid; border-radius:4px; background:#fff;}

.dform_input_s { width:100%; font-size:14px; color:#222;}
.dform_unit { position:absolute; top:0; right:0; display:inline-block; width:40px; text-align:center; font-size:14px; color:#afafaf;}


/**
 * Form common style
 * ------------------------------------------------------------
 */

/* input & textarea */
.dform_input,
.dform_textarea { border:1px #dbdbdb solid; border-radius:4px; background:#fff; font-size:14px; color:#222;}

.dform_input { width:99.5%; height:38px; text-indent:5px;}
.dform_input { line-height:38px\9;} /* If IE8 */
.dform_input { *line-height:38px; *vertical-align:middle; *text-indent:0;} /* If IE7 */
.dform_input:focus,
.dform_textarea:focus { border-color:#e67994; -webkit-box-shadow:0 0 5px #f7d0da; -moz-box-shadow:0 0 5px #f7d0da; -o-box-shadow:0 0 5px #f7d0da; box-shadow:0 0 5px #f7d0da;}
.dform_input_tc { text-align:center; text-indent:0;}


/* radio & checkbox */
.dform_check,
.dform_radio { position:relative; *height:20px; padding:5px 0 5px 20px; cursor: pointer; line-height: 20px; font-size:14px; color:#666;}
.dform_check input, /* Hide native radio button or checkbox */
.dform_radio input { position: absolute; left:-9999px;} 
.dform_radiobtn, /* Custom default style */
.dform_checkbtn { position:absolute; top:7px; left:0; width:15px; height:15px; background:url(../images/loginCheck.png) no-repeat;}
.dform_radiobtn { background-position:0 0;}
.dform_checkbtn { background-position:0 -20px;}
.r_on .dform_radiobtn, /* Selected style */
.r_on:hover .dform_radiobtn { background-position:-20px 0;}
.c_on .dform_checkbtn,
.c_on:hover .dform_checkbtn { background-position:-20px -20px;}


/* buttons */
.submit_btn,
.yellow_btn { display:inline-block; width:160px; height:40px; border-radius:2px; line-height:40px; font-size:14px; color:#fff;}
.submit_btn { background:#da3b60;}
.yellow_btn { background:#fcad01;}
.submit_btn:hover,
.btn_sm:hover { background:#c80032; -webkit-box-shadow:0 2px 5px #e67994; -moz-box-shadow:0 2px 5px #e67994; -o-box-shadow:0 2px 5px #e67994; box-shadow:0 2px 5px #e67994;}
.yellow_btn:hover { background:#fdb901; -webkit-box-shadow:0 2px 5px #ffd996; -moz-box-shadow:0 2px 5px #ffd996; -o-box-shadow:0 2px 5px #ffd996; box-shadow:0 2px 5px #ffd996;}

.btn_sm { display: inline-block; height: 32px; margin: 4px 0; padding: 0 20px; border-radius: 2px; background:#da3b60; line-height: 32px; font-size: 12px; color: #fff;}


/* instructions */
.dform_con_txt { font-size:12px; color: #afafaf;}


/* drop */
.dform_drop { display: none; position: absolute; z-index: 10; top: 39px; left: 120px; right: 0; border: 1px #ccc solid; background-color: #fcfcfc; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.08); -o-box-shadow: 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 1px 3px rgba(0,0,0,.08);}
.dform_drop_li { vertical-align: bottom;}
.dform_drop_link { display: block; padding: 0 15px; line-height: 26px; font-size: 12px; color: #666;}
.dform_drop_link:hover { background-color:#e6fff9; color: #19a687;}

.dform_drop_liE { display: none; margin-top: -5px; padding: 0 15px 5px 15px; vertical-align: bottom;}
.dform_input_sm { width: 99%; border: 1px #ddd solid; background: #fff; height: 24px; text-indent:8px; font-size: 12px; color: #666;}
.dform_input_sm:focus { border-color:#c80032;}


/* photo */
.dform_photo { position:absolute; top: 0; right: -14px; width: 100px; height: 139px; border: 14px #fff solid; background-color:#fff; background-image: url(../images/portrait.png); background-repeat: no-repeat;}
.dform_photo_female { background-position:0 0;}
.dform_photo_male { background-position:-100px 0;}


/**
 * 表格
 */
/* regTable1 */
.regTable1 table { border-collapse:collapse; text-align:center;}
.regTable1 th { border-color:#ddd; background:#f9f9f9; line-height:50px; font-weight:normal; font-size:14px; color:#444;}
.regTable1 td { border-color:#ddd;}
.td_cur { background:#fffde5;}
.regTable1 input { height:40px; line-height:40px\9; *line-height:40px; text-align:center; font-size:12px; color:#888; background:none; outline:none;}

.regInfo { line-height:36px; font-size:12px; color:#999;}
.regInfo b { margin:0 5px; font-size:18px; color:#f92f2f; vertical-align:middle;}

/* regTable2 */
.regTable2 table { border-collapse:collapse; text-align:center;}
.regTable2 th { border-bottom:1px #ddd solid; font-weight:normal; font-size:14px; color:#444;}
.regTable2 th span { display:block; margin:13px 0; border-right:1px #eee solid; border-left:1px #eee solid; line-height:24px;}
.regTable2 td { border-bottom:1px #eee solid; line-height:40px; font-size:12px; color:#999;}

/* regTable3 */
.regTable3 { width: 65%; margin: 0 auto;}
.regTable3_row { padding:13px 0; border-bottom:1px #ddd solid; *vertical-align:bottom;}
/*.regTable3_row_l { border-right:1px #eee solid; *height:24px;}
.regTable3_row_r { border-left:1px #eee solid; *height:24px;}*/

.regTable3 .dform_row { min-height:inherit; margin-left:20px; padding:0;}
.regTable3 .dform_tit { top:0; line-height:24px;}
.regTable3 .dform_con { line-height:24px; color:#444;}


/* add */
.regTable_add { margin:20px 0 10px;}
.regTable_addBtn { display:inline-block; width: 80px; height: 30px; text-align: center; line-height: 28px; border: 1px #aaa dashed; font-size: 26px; color: #666;}
.regTable_addBtn:hover { border-color: #c80032; background: #f5fffd; color: #c80032;}


/**
 * 报名成功提示
 */
.regFinish_hint { margin-top:-20px; margin-bottom:60px; text-align:center;}
.regFinish_tit { font-size:18px; font-weight:bold; color:#444;}


/**
 * 等待审核 
 */
.regReview_txt1 { padding-top: 20px; text-align: center; font-size:28px; color:#da3b60;}
.regReview_txt2 { margin: 30px 0 60px; text-align: center; line-height: 32px; font-weight: bold;  font-size: 18px; color: #999;}


/* 弹出窗口
   ========================================================================== */
.overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; width: 100%;}

/* 信封样式窗口 */
.envelope { position: absolute; top: 50%; left: 50%; width: 551px; height: 590px; margin: -350px 0 0 -295px; z-index: 1; background: url(../images/envelope.png) 0 0 no-repeat; }
.envIn { position: relative; width: 426px; margin: 0 auto; padding-top: 47px;}

.env_shut { position: absolute; top: 23px; right: -30px; width: 16px; height: 16px; display: inline-block; background:url(../images/envelope.png) 0 -640px no-repeat;}
.env_shut:hover { background-position:-20px -640px;}

.env_tit { width: 278px; height: 48px; margin: 0 auto 20px auto; background:url(../images/envelope.png) 0 -590px no-repeat;}

.env_info { text-align: center; line-height: 24px; font-size: 14px; color: #666;}

.env_list { margin-top:25px; border-top: 1px #959595 solid;}
.env_li { border-bottom: 1px #ddd solid;}
.env_listTit,
.env_listCon { line-height: 40px; font-size: 14px;}
.env_listTit { width: 25%; text-align: right; color: #888;}
.env_listTit { width: 25%; text-align: right; color: #888;}
.env_listCon { width: 60%; color: #444;}

/* 普通提示窗口 */
.pop { position: absolute; top: 35%; left: 50%; width:328px; margin-left: -169px; border:1px #ccc solid; border-radius:4px; background:#fff; box-shadow:0 2px0 6px rgba(0,0,0,.1);}
.pop-head { position:relative; height:30px; border-bottom:1px #dbdbdb solid; border-top-left-radius:4px; border-top-right-radius:4px; background:#f8f8f8; text-align:center; line-height:30px; font-size:12px; color:#888;}
.pop-shut { display:inline-block; position:absolute; top:2px; right:2px; width:24px; height:24px; border-radius:3px; border:1px #f8f8f8 solid; background: url(../images/pop.png) 0 -30px no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pop-shut:hover { border-color:#d1d1d1; background-color:#fff;}
 
.pop-cont { padding:30px 40px;}
.pop-txt2 { margin:0; padding:0; line-height:24px; font-size:14px; color:#666;}
.pop-remind-ico { display:inline-block; width:28px; height:28px; margin-right:15px; background: url(../images/pop.png) 0 0 no-repeat; vertical-align:middle;}

 
.pop-bot { padding:0 10px 10px 10px; text-align:right;}
.pop-btn1,
.pop-btn2 { display:inline-block; width:88px; height:27px; border:1px solid; border-radius:3px; margin-left:10px; text-align:center; line-height:27px; font-size:12px; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pop-btn1:hover,
.pop-btn2:hover { box-shadow:0 1px 2px #ececec;}
.pop-btn1 { border-color:#19a687; background:#c80032; color:#fff;}
.pop-btn1:hover { background:#19a687;}
.pop-btn2 { border-color:#ccc; background:#f8f8f8; color:#666;}
.pop-btn2:hover { background:#c80032;}