@charset "utf-8";
/*------------------------ Elements & tools class ------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button { margin:0; padding:0; }
body{font:12px/1.5 Simsun,sans-serif;color:#333;background:url(http://pic.c-ctrip.com/recruit110620/bg_body.png) 0 0 #FFF repeat-x;}
img, fieldset { border:0; margin:0; padding:0; }
input, textarea { font-size:12px; vertical-align:middle;}
input { padding:1px 2px;}
table { border-collapse:collapse; }
a{color:#0053AA;text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5 ,h6 { font-family:Simsun, sans-serif; }
ul, li { list-style: none; }
dfn{font-style:normal;font-family:Arial;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.base_label { _padding-bottom: 1px; *display: inline-block; border-bottom:1px solid transparent; _border-bottom:none; _font-family:Simsun; cursor: pointer; }
.base_label:hover { border-bottom: 1px dashed #aaa; }
.base_label input { margin: -4px 3px 0 0; *margin-top: -2px; width: 12px; height: 12px; overflow:hidden; border: none; font-family:Arial; vertical-align: middle; }
/*pic_sprite*/
.btn,.btn:hover,
.nav_l,.nav_c,.nav_r,
.menu li a:hover,.menu li a:hover span,.menu li.click a,.menu li.click a span,
.question_answer_list .question,
.dot_list li,
.comment_list .discuss .info,
.myself_reply .info,
.page_list li a,.page_list li span,.page_list li a:hover,.page_list li a:hover span,
.ico_porp,.ico_drop,.remind,.ico_warn_l
{background:url(http://pic.c-ctrip.com/recruit110620/pic_sprite.png?20130626.png) no-repeat;}
.btn_01{width:115px;height:32px;padding-bottom:1px;padding-top:4px\9;margin:10px 0 30px 90px;border:0 none;text-align:center;cursor:pointer;color:#fff;font-size:14px;font-weight:bold;background-position:0 0;}
.btn_01:hover{background-position:0 -32px;}
.btn_02{width:72px;height:20px;padding-bottom:1px;padding-top:4px\9;margin:4px 0 0 -164px;*margin-top:-4px;border:0 none;text-align:center;cursor:pointer;color:#fff;font-size:12px;background-position:0 -128px;}
.btn_02:hover{background-position:0 -148px;}
.btn_03{width:85px;height:27px;padding-bottom:1px;padding-top:4px\9;border:0 none;text-align:center;cursor:pointer;color:#333;font-size:14px;font-weight:bold;background-position:0 -195px;}
.btn_03:hover{background-position:0 -168px;}
.btn_04{width:85px;height:27px;padding-bottom:1px;padding-top:4px\9;border:0 none;text-align:center;cursor:pointer;color:#333;font-size:14px;font-weight:bold;background-position:0 -249px;}
.btn_04:hover{background-position:0 -249px;}
/*----------------*/
.content{position:relative;width:970px;margin:0 auto;padding-top:28px;}
.main{position:relative;width:950px;padding:0 10px;}
.main_left{float:left;width:630px;margin:6px 0 0 -5px;_display:inline;padding:12px 10px 0;background:url(http://pic.c-ctrip.com/recruit110620/bg_pic01.png) no-repeat;min-height:500px;_height:500px;}
.mian_right{float:right;width:300px;padding-top:10px;}
.col_mian{float:right;width:744px;padding-right:30px;}
.col_sub{float:left;width:140px;}
.porp{ position:absolute;top:239px;left:506px; z-index:-1; background:url(http://pic.c-ctrip.com/recruit110620/porp.jpg) no-repeat; width:575px; height:308px;margin-right:-200px;}
.together01,.together02,.together03{position:absolute;z-index:1;width:333px;height:200px;overflow:hidden;top:28px;left:616px;}
.together01 img{ }
.together02 img{ margin-top:-250px;}
.together03 img{ margin-top:-480px;}
/*box*/
.box .hd{border-bottom:1px solid #B8B8B8;}
.box .hd h3{float:left;height:26px;margin-bottom:-1px;font-size:18px;font-family:"Microsoft YaHei";color:#0053AA;border-bottom:3px solid #66A1E3;line-height:26px;overflow:hidden;_position:relative;line-height:30px\0;line-height:28px\9;}
.box .hd h4{font-size:14px;}
.box .hd .more{float:right;height:26px;padding-right:10px;line-height:32px;overflow:hidden;}
/*dot_list*/
.dot_list li{height:18px;padding-left:15px;line-height:18px;background-position:-170px -195px;overflow:hidden;}


/*=logo=*/
.logo{padding:20px 10px 10px;}
.ctrip_logo{display:inline-block;width:144px;height:52px;background:url(http://pic.c-ctrip.com/recruit110620/logo.png?120228.png) no-repeat;}
.ue_logo{display:inline-block;width:194px;height:52px;background:url(http://pic.c-ctrip.com/recruit110620/logo.png?120228.png) no-repeat -144px 0;}
/*=crumb=*/
.crumb{margin:10px 16px 0 16px;}
.crumb .back{float:right;}
/*=site_nav=*/
.site_nav{position:absolute;right:10px;top:10px;overflow:hidden;}
.site_nav li{float:left;}
.site_nav li.line{width:2px;margin:0 10px 0 6px;_margin:0px 6px 0 6px;}
.site_nav li a{float:left;}

/*=nav=*/
.nav{width:950px;height:36px;padding:0 10px;}
.nav_l,.nav_c,.nav_r{float:left;height:26px;padding:5px 0;}
.nav_l{width:5px;background-position:-100px -128px;}
.nav_c{width:940px;background-repeat:repeat-x;background-position:0 -276px;}
.nav_r{width:5px;background-position:-105px -128px;}
.menu li{float:left;height:26px;margin-right:10px;line-height:28px;overflow:hidden;}
.menu li a{display:block;font-weight:bold;color:#FFF;padding-left:15px;font-size:14px;text-decoration:none;}
.menu li span{display:block;padding-right:15px;}
.menu li a:hover{color:#FFFFFF;text-decoration:none;background-position:0 -364px;}
.menu li a:hover span{display:block;background-position:100% -390px;}
.menu li.click a{color:#0053AA;background-position:0 -312px;}
.menu li.click a span{background-position:100% -338px;}
.menu li.click a:hover{color:#0053AA;_background-position:0 -312px;}
.menu li.click a:hover span{_background-position:100% -338px;}
.nav_c .back{float:right;padding-right:10px;font-size:14px;color:#FFF;line-height:26px;font-weight:normal;}

/*== slide_show ==*/
.slide_show{position:relative;width:630px;height:240px;overflow:hidden;}
.slide_show_list li img{width:630px;height:240px;vertical-align:middle;}
.slide_page_list{position:absolute;right:10px;bottom:10px;}
.slide_page_list li{float:left;width:26px;height:26px;}
.slide_page_list li a{float:left;width:18px;height:18px;margin:3px;line-height:18px;color:#FFF;text-align:center;border:1px solid #FFF;background-color:#888;}
.slide_page_list li a:hover,.slide_page_list li.current a{width:22px;height:22px;margin:1px;line-height:22px;background-color:#FFAA63;text-decoration:none;}

/*== function_suggestion ==*/
.function_suggestion{padding:10px;}
.function_suggestion h3{width:250px;}
.function_suggestion .bd{width:610px;overflow:hidden;}
.function_suggestion_list{margin-right:-60px;padding:10px 0;}
.function_suggestion_list li{width:268px;float:left;line-height:2;margin-right:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.function_suggestion_list li span{padding-right:4px;color:#0053AA;}
.question_answer_list{border-top:1px solid #B8B8B8;}
.question_answer_list li{padding-top:10px;}
.question_answer_list .question{padding-left:15px;background-position:-170px -182px;}
.question_answer_list .question i{font-style:normal;padding-left:10px;color:#656565;}
.question_answer_list .answer{position:relative;margin:8px 0 0 15px;padding:5px 10px;background-color:#FFFAE4;border:1px solid #D8D6D7;*zoom:1;}
.arrow_out,.arrow_in{position:absolute;width:0;height:0;overflow:hidden;}
.arrow_out{top:-9px;left:55px;border-width:8px;border-color:transparent transparent #D8D6D7;border-style:none dotted solid;border-style:none solid solid\0;}
.arrow_in{top:-8px;left:55px;border-width:8px;border-color:transparent transparent #FFFAE4;border-style:none dotted solid;border-style:none solid solid\0;}

/*== news ==*/
.news .dot_list{padding:10px 0;}
.news .dot_list li{padding-bottom:2px;}

/*== join ==*/
.join{width:300px;height:461px;background:url(http://pic.c-ctrip.com/recruit110620/bg_pic02.png) no-repeat center 20px;}
.join p{text-align:center;}
.join .text1{padding-top:105px;}

/*=== common_question ===*/
.common_question{padding:40px 20px 0;}
.common_question .dot_list{padding:10px 0;}
.common_question .dot_list li{padding-bottom:2px;}

/*suggest_detail*/
#suggest_detail .main{width:934px;min-height:461px;_height:461px;margin-left:8px;background:url(http://pic.c-ctrip.com/recruit110620/bg_pic03.png) no-repeat;}
.article{padding:30px 20px 0;}
.article .info{color:#9A9A9A;}
.article .info i{font-style:normal;}
.article .text{padding:4px 0 10px;}
.article_content{width:894px;overflow:hidden;}
.myself_reply{margin-top:20px;padding:10px 15px;background-color: #FFFAE4;border: 1px solid #D8D6D7;}
.myself_reply dt{font-size:14px;font-weight:bold;color:#0055AA;border-bottom:1px solid #B8B8B8;}
.myself_reply dd{padding:10px 0;}
.myself_reply .info{padding-left:15px;background-position: -166px -166px;}
.myself_reply .text{text-indent:1em;padding:0;}

/*== comment_list ==*/
.comment_list{margin-top:10px;}
.comment_list li{padding:5px 0 15px;border-top:1px solid #B8B8B8;}
.comment_list .info em{font-style:normal;float:right;padding-right:4px;}
.comment_list .text{text-indent:15px;padding:0;}
.comment_list .discuss{margin:4px 0 0 12px;padding:5px 10px;background-color: #FFFAE4;border: 1px solid #D8D6D7;}
.comment_list .discuss .info{padding-left:15px;background-position: -166px -166px;}

/*== page ==*/
.page{float:right;padding:40px 20px 0 0;}
.page_list{float:right;}
.page_list li{float:left;margin:0 1px;}
.page_list li a{float:left;padding-left:7px;background-position:-171px 0;}
.page_list li span{float:left;height:20px;line-height:22px;padding-right:7px;background-color:#FFF;background-position:right -20px;color:#333;cursor:pointer;overflow:hidden;}
.page_list li a:hover{background-position:-171px -40px;text-decoration:none;}
.page_list li a:hover span{background-position: right -60px;}
.page_list .current a,.page_list .current a:hover{background-position:-171px -120px;font-weight:bold;}
.page_list .current span,.page_list .current a:hover span{background-position:right -140px;color:#FFF;}
.page_list .nocurrent a,.page_list .nocurrent a:hover{background-position:-171px -80px;cursor:default;}
.page_list .nocurrent span,.page_list .nocurrent a:hover span{background-position:right -100px;color:#999;cursor:default;}
.base_page_submit{width:55px;height:20px;padding-bottom: 1px;line-height:22px;background-position:-85px -196px;border: 0 none;font-weight:normal;color: #333333;cursor:pointer;}
.base_page_submit:hover{background-position:-85px -196px;}

/*== inputarea ==*/
.inputarea{float:left;margin:90px 0 100px 20px;display:inline;*padding-bottom:100px;}
.inputarea input{float:right;width:66px;height:22px;padding:2px 6px;background:#C0C0C0;border-width:1px;border-style:solid;border-color:#E9E9E9 #333 #333 #E9E9E9;cursor:pointer;}
.inputarea p{width:600px;color:#B9B9B9;}
.inputarea .p1{text-align:right;}
.inputarea .p2{text-align:left;padding-top:10px;}
.inputarea .p2 span{float:left;}
.inputarea .editor{max-width:590px;min-width:590px;width:590px;height:70px;padding:5px;word-wrap:break-word;}
.inputarea .checkout{position:absolute;padding:5px 9px;background-color:#FFF5D1;border:1px solid #FFB533;color:#333;}

/*suggest_list*/
#suggest_list .main,#activity .main,#fb121009 .main,.main_body{width:914px;min-height:441px;_height:441px;margin:10px 0 0 8px;padding:20px 20px 0;background:url(http://pic.c-ctrip.com/recruit110620/bg_pic03.png) no-repeat;}
#suggest_list .page{padding:40px 20px 120px 0;}
.top_info{padding-bottom:10px;font-weight:bold;text-align:left;}
.top_info .btn_02{float:right;width:72px;height:20px;padding-bottom:1px;padding-top:4px\9;border:0 none;text-align:center;cursor:pointer;color:#fff;font-size:12px;background-position:0 -128px;}
.top_info .btn_02:hover{background-position:0 -148px;}
.suddest_nav dd{padding-top:2px;}
.suddest_nav .current a{background-color:#EBEBEB;color:#333;}
.suddest_nav a{display:block;padding-left:25px;width:85px;height:26px;line-height:26px;font-size:14px;}
.suddest_nav a:hover{background-color:#EBEBEB;text-decoration:none;color:#333;}
.suddest_content_list li{padding-bottom:30px;}
.suddest_content_list li h4{font-size:14px;}
.suddest_content_list li .info{color:#9A9A9A;}
.suddest_content_list li .info em,.suddest_content_list li .info i{font-style:normal;}

/*feedback*/
#feedback .main_left{float:none;_float:left;margin-top:0;}
#feedback .notice,#fb121009 .notice{margin:0 10px;padding:10px 0px 0 20px;}
#feedback .notice a,#fb121009 .notice a{float:right;}
#feedback .info{height:25px;padding:10px 15px;}
#feedback .info span{float:right;font-size:12px;font-weight:normal;}
#feedback .ico_porp,#fb121009 .ico_porp{display:inline-block;width:13px;height:13px;background-position:-85px -168px}

/*joinus*/
#joinus .main_left{float:none;_float:left;width:610px;padding:20px 20px 0;}
#joinus .join_plan p{padding-top:14px;}
#joinus .ico_porp{display:inline-block;width:13px;height:13px;background-position:-85px -168px}
#joinus .device_list{padding:20px 0 20px 20px;}
.joinus_content .hd span{float:right;margin-top:4px;}
.joinus_content .hd .ico_porp{margin-top:6px;}
.joinus_content .bd{padding-top:10px;}
.tips_grey{position:relative;margin-top:8px;display:inline-block;*display:inline;*zoom:1;height:28px;line-height:28px;padding:0 8px;font-weight:normal;color:#999;background-color:#FFF5D1;border:1px solid #FFB533;}
.tips_grey .arrow_out{border-bottom-color:#FFB533;left:10px;}
.tips_grey .arrow_in{border-bottom-color:#FFF5D1;left:10px;}
/*question*/
#question .main_left{float:none;_float:left;width:600px;padding:28px 25px 0;}
.question_list{width: 601px;}
.question_list .qanda_header{float:none;width:601px;height:10px;background: url("http://pic.c-ctrip.com/recruit110620/pic_question.png") no-repeat 0 0;}
.question_list .qanda_tail{float:none;width:601px;height: 11px;background: url("http://pic.c-ctrip.com/recruit110620/pic_question.png") no-repeat 0 -10px;}
.question_list .qanda_main{padding:10px 0;border-width:0 1px;border-style:solid;border-color:#DBDDDE;background-color:#FFFFFF;}
.qanda_main li{float:left;width:278px;margin-left:20px;_display:inline;}
.question_explain dt{margin:30px 0 5px;line-height:28px;font-size:14px;font-weight:bold;color:#0053AA;border-bottom:1px solid #B8B8B8;}

/*able_style1*/
.table_style1{width:100%;}
.table_style1 th { font-size: 12px; font-weight: normal; text-align: right; width: 80px; padding: 15px 4px; vertical-align: top;}
.table_style1 td { vertical-align: top; padding: 15px 4px; }
.table_style1 td select { width: 188px; }
.table_style1 td textarea { width:446px; max-width:446px; min-width:446px; height:176px; padding: 2px; }
.table_style1 .table_style1_textarea{width:788px;max-width:788px;min-width:788px;border:1px solid #b4b4b4;box-shadow:1px 1px 3px #ddd inset;}
.bds01{border:1px solid #A0C3EB;}
.table_style1 .bds01{margin-right:20px;padding:0 12px;}
.base_dl{padding:5px 0 10px;border-bottom:1px dashed #D7D7D7;overflow:hidden;zoom:1;}
.base_dl_no{border-bottom:none;}
.base_dl dt{padding:3px 0 10px;font-weight:bold;clear:both;}
.base_dl dd{float:left;width:100px;margin-bottom:5px;}

/*table_style2*/
.table_style2 { margin-left: 15px; }
.table_style2 th ,.table_style2 td { vertical-align: middle; padding: 8px 4px; }
.table_style2 th { font-size: 12px; font-weight: normal; text-align: right;  width: 104px; }
.table_style2 th .tips { color: #f00; padding-right: 6px; }
.table_style2 input { width: 173px; padding-left: 2px; }
.table_style2 label input { width: auto; padding-right: 5px; padding-left: 2px; }
.table_style2 td select { width: 90px; }
.table_style2 td textarea { width:446px; height:176px; padding: 2px; }

/*r_apllaylist*/
.r_apllaylist { margin: 25px 0  30px;padding-top: 25px;border: 1px dotted #cccccc; border-width:1px 0;  }
.r_apllaylist li { margin: 0 15px 30px; }
.r_apllaylist dt { font-weight: bold; margin-bottom: 10px; }
.r_apllaylist dd { padding-top: 4px; padding-bottom: 4px; padding-left: 7px; }
.r_apllaylist table { margin-left: 12px; }
.r_apllaylist td { text-align: right; width:110px; padding-top: 3px; padding-right: 25px; padding-bottom: 3px; }
.r_apllaylist li label {margin-right: 5px;}
.r_apllaylist td input { width: 23px; margin-right: 4px; margin-left: 8px; padding-left: 2px; }
.r_apllaylist dd select { width: 180px; margin-right: 40px; } 
.r_apllaylist .show{ background-color:#f1f1f1; padding:10px 0 10px 7px;}
.r_apllay_massage label { width: 42px; padding-left: 5px; display: block; }
.r_apllay_massage textarea { width: 452px; max-width:452px; min-width:452px; height:105px; margin-top: -20px; margin-left: 56px; padding: 2px; }
.r_apllay_block label{ float:left; width:88px; line-height:22px;}

/*------------------------ The footer ------------------------*/
.footer{clear: both;margin-top:30px;padding-top:18px;border-top:1px solid #95BEDE;font-family:verdana;}
.footer p{text-align:center; }

/*sucess*/
.tip_sucessbox{margin: 120px 100px;text-align: center;}
.tip_sucess_icon{height:48px;width:100px;margin: 20px auto;padding-left:58px;line-height:48px;font-size: 18px;font-weight: bold;background: url("http://pic.c-ctrip.com/recruit110620/ico_hook.png") no-repeat 0 0;}

/*activity*/
.activity_table{text-align:left;color:#666;}
.activity_table th{padding:2px 10px;background-color:#F1F1F1;font-weight:normal;}
.activity_table td{padding:20px 10px;border-bottom:1px dashed #CACACA}
.activity_table .title{font-weight:bold;}
.activity_table .btn_03,.activity_table .btn_04{font-weight:normal;}
.activity_table .btn_04{cursor:default;color:#999;}

/* suggestion_home */
.tit_suggest{font-size:16px;}
.tit_suggest span{font-size:12px;}
.s_input{height:23px;line-height:23px;border:1px solid #b4b4b4;box-shadow:1px 1px 3px #ddd inset;}
.category{position:relative;padding:0 10px;border:1px solid #a0c3eb;overflow:hidden;zoom:1;}
.category .close{position:absolute;top:5px;right:5px;width:15px;height:15px;border:1px solid #ccc;text-align:center;line-height:15px;font-weight:bold;}
.category .close:hover{text-decoration:none;}
.cate_dl{padding:10px 0;margin-bottom:-1px;border-bottom:1px dashed #d7d7d7;overflow:hidden;zoom:1;}
.cate_dl dt{padding:0 0 5px 5px;font-weight:bold;clear:both;}
.cate_dl dd{float:left;display:inline;margin:0 20px 5px 0;white-space:nowrap;}
.cate_dl dd a{display:block;padding:3px 5px;}
.cate_dl dd a:hover{background-color:#eaf4ff;text-decoration:none;}
.scroll_tip{padding:5px 12px;margin:-5px -10px 0 -10px;background-color:#EAF5FF;text-align:center;color:#666;}
.ico_drop{width:164px;padding-right:21px;background-position:right -428px;cursor:pointer;}
.tb1 th{vertical-align:middle;}
.tb1 th.vtop{vertical-align:top;}
.tb1 .table_style1_textarea{width:480px;max-width:480px;min-width:480px;}
.tb1 img,.reg_info{vertical-align:middle;}
.remind_box{padding:10px 10px 10px 60px;margin:10px 10px 0 10px;border:1px solid #d6c39d;background-color:#fffcd8;}
.ico_warn_l{float:left;width:32px;height:32px;margin:2px 0 0 -40px;background-position:-100px -230px;}
.remind_box .t{margin-bottom:5px;font-size:14px;font-weight:bold;}