﻿/*reset start*/
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-size:12px;line-height:1.5;font-family:Tahoma,Simsun,sans-serif;color:#333;background-color:#fff;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{color:#06c;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
dfn{font-style:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button:focus{outline:none;}
/*reset end*/

/*common start*/

/*clearfix*/
.clearfix:after{content:"";display:block;clear:both;height:0;}
.clearfix{zoom:1;}

/*box left center right*/
.box_left{text-align:left !important;}
.box_center{text-align:center !important;}
.box_right{text-align:right !important;}
/*common end*/

/*spirit start*/
.login_hd .lang .ico_arrows,
.box_login .form .ico_warn,
.box_verify .verify_tips .ico_warn{background:url(//pic.c-ctrip.com/ebooking/web/v2_base.png) no-repeat;}
/*spirit end*/

/*Login Start*/
#login_hd{background-color:#2b3541;}
.login_hd{position:relative; z-index:10; max-width:1180px; min-width:980px; _width:980px; height:80px; margin:0 auto;}
.login_hd_logo a{display:block; width:240px; height:80px; text-indent:-9999px; background:url(//pic.c-ctrip.com/ebooking/web/v2_logo.png) no-repeat;}
.login_hd .lang{position:absolute; top:30px; right:10px; width:80px; height:24px; border:1px solid #acacac; background-color:#2b3541; overflow:hidden;}
.login_hd .lang a{display:block; height:24px; line-height:24px; padding:0 10px; color:#fff; font-size:14px; overflow:hidden;}
.login_hd .lang a:hover{text-decoration:none; background-color:#2d517c;}
.login_hd .lang .ico_arrows{position:absolute; top:10px; right:5px; width:9px; height:6px; background-position:0 -120px; overflow:hidden;}
.login_hd .lang_hove{height:96px;}
.login_hd .lang_hove .ico_arrows{background-position:-15px -120px;}

.login_middle{height:485px; margin-bottom:20px; overflow:hidden;}
.box_banner{position:relative; width:100%; height:485px; min-width:980px; overflow:hidden;}
.box_banner .banner_pics li{position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:485px;}
.box_banner .banner_btns{position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
.box_banner .banner_btns a{display:inline-block; width:13px; height:13px; margin:0 5px; cursor:pointer; border:2px solid #ff8a00; border-radius:50%; background-color:#fff; overflow:hidden;}
.box_banner .banner_btns a:hover,
.box_banner .banner_btns .current{background-color:#ff8a00;}
.box_login{position:relative; width:980px; height:0; margin:0 auto;}
.box_login .login_box_bg{position:absolute; top:-445px; right:0; padding:7px; background-color:rgba(0,0,0,.5);}
.box_login .login_box_form{width:350px; padding:30px 0; background-color:#fff; overflow:hidden;}
.box_login .form .form_item{clear:both; *zoom:1; margin-bottom:15px; overflow:hidden;}
.box_login .form .text_label{float:left; width:80px; height:32px; line-height:32px; margin-bottom:3px; padding-right:10px; text-align:right; font-size:14px; overflow:hidden; white-space:nowrap;}
.box_login .form .input_login_text, .box_login .form .input_login_text_short{float:left; width:178px; height:22px; line-height:22px; padding:4px; border:1px solid #999;}
.box_login .form .input_login_text_short{width:100px; margin-right:10px;}
.box_login .form .forget, .box_login .form .btn_switch{float:left; margin-left:10px; line-height:32px; color:#06c; cursor:pointer; white-space:nowrap;}
.box_login .form .login_tips{clear:left; width:176px; margin-left:90px; padding:2px 5px; border:1px solid #d6c197; background-color:#fffcd8;}
.box_login .form .ico_warn{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-right:5px; background-position:-195px 0; overflow:hidden;}
.box_login .form img{float:left; width:68px; height:32px;}
.box_login .form .auto_login{padding-left:90px;}
.box_login .form .auto_login input{vertical-align:middle;}
.box_login .form .btn_wrap{margin-top:20px; padding-left:90px;}
.box_login .form .btn_login_submit{display:inline-block; width:188px; height:35px; line-height:35px; cursor:pointer; text-align:center; color:#fff; font-size:14px; font-weight:bold; border:none; background-color:#ff9125;}
.box_login .form .btn_login_submit:hover{background-color:#ff8400;}
.box_login .form .box_join{margin:30px 20px 0 20px; padding:15px 0 0 70px; border-top:1px solid #bcbcbc;}
.box_login .form .btn_hotel_join{display:inline-block; width:186px; height:29px; line-height:29px; text-align:center; color:#666; font-weight:bold; border:1px solid #999; background-color:#fff;}
.box_login .form .btn_hotel_join:hover{text-decoration:none;}


.login_txt_box{width:980px; margin:0 auto 20px;}
.login_notice{float:left; width:480px; overflow:hidden;}
.login_notice h2{font-size:20px; font-family:"Microsoft YaHei";}
.login_notice li{height:26px; line-height:26px; color:#333; overflow:hidden;}
.login_notice li a{color:#333;}
.login_notice li span{color:#06c;}
.login_notice li img{vertical-align:middle;}

.mobile_download{float:left; width:500px;}
.mobile_download h4{margin-bottom:10px; font-size:20px; font-family:"Microsoft YaHei";}
.mobile_download div{margin-left:-25px;}
.mobile_download .item{float:left; width:98px; height:38px; margin-left:25px; padding:1px; cursor:pointer; border:1px solid #ccc; background-color:#fff; overflow:hidden; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s;}
.mobile_download .item:hover{text-decoration:none; border-color:#09c; background-color:#09c;}
.mobile_download .inner{display:block; width:58px; height:38px; padding-left:40px; background:#fff url(//pic.c-ctrip.com/ebooking/web/download_btn.png) no-repeat;}
.mobile_download .apple{background-position:7px -248px;}
.mobile_download .android{background-position:7px -295px;}
.mobile_download .wechat{background-position:4px -340px;}
.mobile_download .mobile{background-position:11px -386px;}
.mobile_download .md_info{display:block; padding-top:4px; line-height:1; color:#666;}

.box_service{width:980px; margin:0 auto 20px;}
.box_service h4{font-size:20px; font-family:"Microsoft YaHei";}
.service_list{float:left; margin-right:30px;}
.service_list dt, .service_list dd{line-height:22px; color:#666;}
.service_list dt{font-weight:bold;}

.other_ebk{width:980px; margin:0 auto;}
.other_ebk h2{margin-bottom:10px; font-size:20px; font-family:"Microsoft YaHei";}
.other_ebk li{float:left; width:98px; height:36px; margin-right:10px; border:1px solid #ccc; overflow:hidden;}
.other_ebk li img{display:block; width:98px; height:36px;}

.login_ft{width:100%; padding:20px 0; margin-top:30px; text-align:center; color:#666; background-color:#ededed;}


/*popup*/
.box_popup{position:relative; width:350px; padding:10px; border:5px solid #5f666f; background-color:#fff;}
.box_popup .popup_title{font-size:14px;}
.box_popup .btn_close{position:absolute; top:10px; right:10px; line-height:1; text-decoration:none; color:#666; font-size:20px; font-weight:bold; font-family:"Simsun";
	-webkit-transition:-webkit-transform .8s;
  	-moz-transition: -moz-transform .8s;
  	-ms-transition: -ms-transform .8s;
  	transition: transform .8s;}
.box_popup .btn_close:hover{color:#06c;
	-webkit-transform: rotate(360deg);
  	-moz-transform: rotate(360deg);
  	-ms-transform: rotate(360deg);
  	transform: rotate(360deg);
}
.box_popup .btn{display:inline-block; height:32px; line-height:32px; padding:0 10px; cursor:pointer; color:#fff; font-weight:bold; border:0 none; background-color:#f7941d;}
.box_verify{padding:15px 0;}
.box_verify .verify_info{font-size:14px;}
.box_verify .verify_info .btn_send, .box_verify .verify_info .disabled{margin-left:10px; vertical-align:middle;}
.box_verify .verify_info .disabled{cursor:default; color:#f8f8f8; background-color:#999;}
.box_verify .verify_form{margin-top:20px;}
.box_verify .verify_form .in-text{display:inline-block; width:200px; height:20px; line-height:20px; padding:5px; border:1px solid #ccc;}
.box_verify .verify_form .btn_sure{width:50px; margin-left:10px; background-color:#0a9dd4;}
.box_verify .verify_tips{width:200px; margin-top:5px; padding:5px; color:#4d4d4d; font-size:12px; border:1px solid #d6c197; background-color:#fffcd8;}
.box_verify .verify_tips .ico_warn{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-right:5px; vertical-align:middle; background-position:-195px 0; overflow:hidden;}

.box_risk{padding:20px;}
.box_risk h3{margin-bottom:10px; font-size:14px;}
.box_risk .box_button{padding-top:20px; text-align:center;}


@media \0screen\,screen\9 {
  .box_login .login_box_bg{filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#66000000', endColorstr = '#66000000' );}
}

/*Login End*/



/* 20140507 Quick Response code pop */
.QR_pop{width: 424px; height: 304px; padding: 0 19px; border: 2px solid #4bbce9; background:#fff;}
.QR_hd{position: relative; width: 410px; height: 40px; padding-left: 15px; margin: 19px auto 10px; font: normal 20px/40px "Microsoft yahei"; background-color: #f6f6f6;}
.QR_hd .QR_close{position: absolute; width: 20px; height: 18px; right: 15px; background: url(//pic.c-ctrip.com/ebooking/web/download_btn.png) 0 -109px no-repeat; top: 12px; color: #333;
  -webkit-transition: -webkit-transform .8s;
  -moz-transition: -moz-transform .8s;
  -ms-transition: -ms-transform .8s;
  transition: transform .8s;
}
.QR_hd .QR_close:hover{
   -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.QR_tips{height: 30px; line-height: 30px; margin-bottom: 8px; padding-left: 15px; font-size: 14px; color: #666;}
.QR_handle{}
.single_img{padding-top: 16px; text-align: center;}
.word{padding: 18px 0 0 15px; font-size: 40px; color: #666;}
.QR_handle .scan{float: left; width: 144px; overflow: hidden; margin-left: 42px; padding-right: 20px; border-right: 1px solid #c9c9c9;}
.QR_handle .scan img{height: 144px; width: 144px;}
.QR_handle .scan p{padding-top: 4px; font: bold 13px/1.5 Microsoft yahei; white-space: nowrap;}
.QR_handle .download{float: left; padding-left: 20px;}
.QR_handle .download .apple_btn,.QR_handle .download .android_btn{display: block; width: 99px; height: 59px; padding-left: 75px; background: url(//pic.c-ctrip.com/ebooking/web/download_btn.png) 0 0 no-repeat #4bbce9; color: #fff; font-family: Microsoft yahei;}
.QR_handle .download .apple_btn:hover,.QR_handle .download .android_btn:hover{background-color: #35acda; text-decoration: none;}
.QR_handle .download .apple_btn{background-position: 20px 7px;}
.QR_handle .download .apple_btn:hover{background-position: 20px -135px;}
.QR_handle .download .apple_btn span{display: block; font-size: 18px; line-height: 20px;}
.QR_handle .download .apple_btn .fl{padding-top: 9px; font-family: Tahoma;}
.QR_handle .download .android_btn{line-height: 59px; background-position: 23px -45px; font-size: 18px;}
.QR_handle .download .android_btn:hover{background-position: 23px -187px;}


/*Notice Start*/
.impt_header{max-width:1180px; min-width:980px; _width:980px; margin:50px auto 0;}
.impt_title{height:48px; line-height:48px; text-align:center; background-color:#e3e3e3;}
.impt_title span{font-size:24px; font-family:"Microsoft yahei";}
.impt_date{width:980px; margin:40px auto 0; text-align:right;}
.impt_cont, .impt_tool{width:980px; margin:0 auto; overflow:hidden;}
.impt_cont{font-size:14px;}
.impt_tool{padding-top:20px; text-align:center;}
.impt_tool .btn_blue{display:inline-block; height:32px; padding:0 20px; line-height:32px; cursor:pointer; color:#fff; font-size:14px; border:none; background-color:#19b4ee;}
.impt_tool .btn_blue:hover{background-color:#0a9dd4;}


.login_hd .icon-unfold,.login_hd .icon-fold{background: url(//pic.c-ctrip.com/ebooking/web/v2_base.png) no-repeat; position:absolute; top:10px; right:10px; width:9px; height:6px; overflow:hidden;}
.login_hd .icon-unfold{background-position:0 -60px;}
.login_hd .icon-fold{background-position:-20px -60px;}
/*Notice End*/
