﻿@charset "utf-8";
/* CSS Document  */
@import url(reset.css);

/*公共样式*/
@font-face {
    font-family: 'lsansuni';
    src: url("font/lsansuni.eot");
    src: url("font/lsansuni.eot?#iefix") format("embedded-opentype"),url("font/lsansuni.ttf") format("ttf"),url("font/lsansuni.woff") format("woff");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Adamina';
    src: url("font/adamina-regular-webfont.eot");
    src: url("font/adamina-regular-webfont.eot?#iefix") format("embedded-opentype"),url("font/adamina-regular-webfont.woff2") format("woff2"),url("font/adamina-regular-webfont.woff") format("woff"),url("font/adamina-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Lato';
    src: url("font/lato-light-webfont.eot");
    src: url("font/lato-light-webfont.eot?#iefix") format("embedded-opentype"),url("font/lato-light-webfont.woff2") format("woff2"),url("font/lato-light-webfont.woff") format("woff"),url("font/lato-light-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}
* {
	  -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
}

.theme_color,.checked .pe_booking_tab4,li.checked .pe_booking_tab4 i{color: #0c2c84;}
.notice_list:hover a, .notice_list:hover{color: #0c2c84;}
.theme_bg,.slimScrollRail,.slimScrollBar {background-color: #0c2c84 ;}
			
			
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.scoring{
    margin-right: -0.7em;
    margin-left: -0.7em;
	}
.them_color{color:#0c2c84;}
.border_t_b{border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd; padding: 5px 0;}
.border_r_b{ padding: 14px 0;}
.border_t{border-top: 1px solid #cdcdcd;}
.font_20{ font-size: 20px;}
a:hover, a:focus {    color: #0c2c84;
    text-decoration: none;}
a{color: #151515;}
hr {
	border: 0px;
	border-top: 1px solid #ccc;
}
p{ margin:0px;}
h1, h2, h3, h4, h5, h6{ font-family: "Adamina",Arial,"Microsoft JhengHei",sans-serif;}

body {
		background-color:#ffffff;
    font-family: "Adamina",Arial,sans-serif;
    color: #666;
    line-height: 25px;
    min-width: 1024px;


}

.padding_0{ padding: 0px;}.pub_line{ border-bottom: 1px solid #dddddd;} .pub_padding_top15{ padding-top: 15px;} .padding_10{ padding-top: 10px;}.pe_padding_bottom20{ padding-bottom: 20px;} .margin_6{margin: 6px;} .padding_40{ padding: 0 40px;}
.pub_bg{ background-color: #ffffff;}
.navbar-header{ height: 100px;}
.nav li{float: left; font-size: 18px;color: #151515;letter-spacing: -0.53px;line-height: 25px; min-width: 90px; margin: 0 5px;}
.nav li a{color: #151515; padding: 8px;}
.nav>li>a:focus, .nav>li>a:hover {  text-decoration: none;  background-color:transparent; }
.nav .current a {background:transparent;color: #0c2c84;}
.navbar_change .nav .current a {background:transparent;color: #0c2c84;}
.nav_t{ padding-top: 8px; margin-left: 30px;}
.nav_b_line{position: absolute; bottom: 4px; left: 2px; right: 2px; height: 2px; display: none;}
.hover .nav_b_line,.nav li:hover .nav_b_line{display: block;}
.index_user{ margin: 14px 8px 0 0; line-height: 25px; font-size: 16px; position: relative; }
.index_user span {position: absolute; top: -8px; left: -44px;width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 17px;}
.index_user span img{ width:34px; height:34px;}
.login_out{ padding-top: 10px; color: #333;white-space: nowrap; position:relative;}
.login_out_body{ padding-right: 8px;}
.login_out_body a:hover {  color:#0c2c84;}
.navbar-fixed-top {
    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 1260px) {
.login_out_en{ padding-top: 0px; color: #333;white-space: nowrap; position:relative;}
}
.pe_login_out_con{ position:absolute; right:10px;}
.pe_logout_btn{ background: transparent; border: 0px solid transparent;}
.main_Bg{height: 100%; height: calc(100vh); width: 100%; /*background-image: url(../Content/img/main_bg.jpg);*/ background-size:cover;}
.login_bg{ background-image: url(../img/login_bg.png);}
.main_table{ display: table; vertical-align: middle; height: 100%; width: 100%;}
.main_table_cell{ display:table-cell; vertical-align: middle; height: 100%; text-align: center;}
.main_table_cell1{ display:table-cell; vertical-align: middle; height: 100%; text-align: center;}
.hidden_o {
    overflow: hidden;
}
@keyframes animatedBackground {
  from {background-color: #ffffff;}
  to {background-color:transparent;}
}
@keyframes animatedBackground2 {
  from {background-color: transparent;}
  to {background-color:#fff;}
}
.bg_white{background-color: #ffffff;/* animation: animatedBackground2 0.6s linear; border-bottom: 1px solid #cdcdcd;*/    border-bottom: 0px solid #e3e3e3;}
.pub_shadow{background: #ffffff;box-shadow: 0 2px 14px 0 rgba(165,172,161,0.5); position: relative;}
.navbar_change .bg_white{background-color:transparent;animation: animatedBackground 0s linear;  border-bottom: 1px solid transparent;}

.bg_white .logo_white{ display: none;}
.bg_white .logo_color{ display: /*block;animation: animatedBackground2 0.6s linear;*/}
.navbar_change .bg_white .logo_white{display: block;}
.navbar_change .bg_white .logo_color{display: none;}

.pe_language{ color: #fff; margin-top: 40px;font-size: 29px;;}
.pe_language a{ color: #fff; }
.pe_m_top{ margin-top: 30px;}
.pe_m_bottom{ margin-bottom: 84px;}
.pe_main_title{font-size: 34px;color: #666666;letter-spacing: -1px; padding: 20px 0;;}

.pe_tower img{ width: 100%;}
.pe_booking_list img{ width: 100%;}
.pe_booking_tip span{ color: #fff;border-radius: 8px; padding: 5px 10px;}
.pe_booking_tip .pe_booking_no{background: #AEAEAE;}
.pe_booking_tip .pe_booking_yes{background: #0c2c84;}
.border_bottom{ border-bottom:1px solid #cdcdcd;;}
.pe_table{ display: table;}
.pe_table_cell{position:absolute; bottom: 0px; right: 0px;left: 0px;  min-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);}
.pe_link{margin-left: 30px; cursor: pointer; padding-right: 10px;}
.pe_link i{ position: absolute; left: -30px; top: 3px;}
.border_r_b .pe_link{ display: block; position: relative;}
.pe_margin_top10{ margin-top: 10px;}
.pe_about_body{ padding-bottom: 22px; min-height:400px;}
.pe_booking_list{ overflow: hidden;} .pe_booking_list a{display: inline-block; width: 100%;position: absolute;z-index: 10;}
.pe_list_pane{    position: relative; height: 400px;}
.full-height-scroll{ overflow: hidden;}
.full-width-scroll{ overflow: hidden;}
.pub_position{ position: relative; opacity: 0;}
.pub_position #tab_2,.pub_position #tab_3,.pub_position #tab_4,.pub_position #tab_5{position: absolute; top: -84px;}

.pub_position #tab_2{position: absolute; top: -84px;}
.pub_position #tab_1{position: absolute; top: -400px;}


.pe_booking_name{position: absolute; bottom: 10px; left: 10px;}
.pe_booking_name a{ color: #fff;}
.pe_booking_tip{ position: absolute;right: 10px;bottom: 10px; text-align: right;}
.pe_booking_tip img{/* width: 70%;*/}
.tp_position{ position: relative;}
.notic_time{ padding-right: 20px;}
.nav-brand{ float:left;    margin: 10px;}
.nav-brand img{ max-height:80px !important;}
/*通告*/
.show_pdf{ margin-top: 20px; position:relative}
.block_a a {
    display: block;
    padding: 15px 0;
}
.notic_time{
    display: block;
    padding: 15px 15px 15px 0;
}
/*課程*/
.pe_kecheng_content{ padding: 20px 0 0px 0; margin-bottom: 20px; overflow:hidden; margin-top:20px;}
.pe_kecheng_tit{font-size: 20px;color: #666666;letter-spacing: -1.06px; padding: 20px 0 40px 0;}
.pe_kecheng_tit0{font-size: 36px;color: #666666;letter-spacing: -1.06px; padding: 20px 0 40px 0;}
.pe_circle{ position:relative; margin: 0 auto; color: #fff;display:block;text-align: center; border-radius: 4px; width: 120px;  margin-bottom: 15px; padding: 0px 20px; }
.pe_circle i{ font-style:normal; }
.pe_circle i.WeekOfDate{ color:#fff;}
.pe_kecheng{ text-align: center; margin-bottom: 12px;} 
.pe_kecheng_name{font-size: 20px;color: #0c2c84;letter-spacing: -0.82px; margin-bottom: 5px;}
.pe_kecheng a{ color: #666;}
.pub_table tr{background-color: #f8f8f8;}
.pub_table tr:nth-child(2n){background-color: #e3e3e3}
.pe_kecheng_border td{ /*border-bottom: 1px solid  #cbcbcb; border-right: 1px solid #cbcbcb;*/ padding: 10px 0; }
.pe_kecheng_border td:last-child{ border-right: 0px solid #fff;}
.pe_kecheng_border:last-child td{ border-bottom: 0px solid #fff;}

.notice_list{ /*padding: 15px 0;*/}
.notice_list:hover a, .notice_list:hover{ color: #0c2c84;}
.notice_list img{ margin-left: 10px;}
.pe_notice_body{ padding-bottom: 30px;}
.pe_notice_pane{ position: relative; height: 400px;  padding-right: 10px;    
height: -webkit-calc(100vh - 156px);
height: -moz-calc(100vh - 156px);
height: calc(100vh - 156px);}

/*會所預訂*/
.pe_time_tit{text-align: center;/* color: #0c2c84; */font-weight: bold;}
.pe_booking_content{ text-align: center;}
.pe_booking_option{ margin: 0 auto; /*width:130px; text-align: left;*/}
.pe_booking_option span{margin: 0 5px;}
.pe_booking_tab1{  color: #adadad;}
.pe_booking_tab2{ color: #BE6F4B;}
.pe_booking_tab3{  color: #333;}
.pe_booking_tab4{  color: #0c2c84;}

li .pe_booking_tab1{/* background-color:#adadad; */color: #D2D2D2; text-align: center;    padding: 4px 3px; min-width: 100px; overflow: hidden;}
li .pe_booking_tab2{/* background-color:#406674 ;*/ color: #B3B3B3 ; text-align: center; position: relative; /*cursor: pointer; */ overflow: hidden;  padding: 4px 3px;  min-width: 100px;}
li .pe_booking_tab3{/* background-color:#333 ; */color: #000 ; ; text-align: center;   padding: 4px 3px;  min-width: 100px;overflow: hidden;}
li .pe_booking_tab4{/* background-color:#0c2c84  ;*/ color: #000; ; text-align: center;    padding: 4px 3px;  min-width: 100px;overflow: hidden;}

li .pe_booking_tab1 i{/* position: absolute; right: 5px; top: 16px;*/ opacity: 1; margin-left: 10px;}
li .pe_booking_tab2 i{ /*position: absolute; right: 5px; top: 10px;*/ opacity: 1; margin-left: 10px;color: #b3b3b3;}
li .pe_booking_tab3 i{ /*position: absolute; right: 5px; top: 16px; */opacity: 0; margin-left: 10px;}
li .pe_booking_tab4 i{/* position: absolute; right: 5px; top: 16px;*/ opacity: 1; margin-left: 10px;color: #b3b3b3;}

li.checked .pe_booking_tab1 i{  opacity: 0;}
li.checked .pe_booking_tab2 i{  opacity: 1;}
li.checked .pe_booking_tab3 i{  opacity: 0;}
li.checked .pe_booking_tab4 i{ opacity: 1;}

li:hover .pe_booking_tab4 i{ opacity: 0.5;}
li.checked:hover .pe_booking_tab4 i{ opacity: 1;}

li .pe_booking_tab2 .pub_tips{ opacity: 0; position: absolute; left: 3px; right: 0px; }
li .pe_booking_tab2 .pub_tips a{ color:#fff;}
li .pe_booking_tab2:hover .pe_time_slot{ opacity: 0; }
li .pe_booking_tab2:hover .pub_tips{ opacity: 1;}

.pe_booking_tab1,.pe_booking_tab2,.pe_booking_tab3,.pe_booking_tab4{ padding: 4px 0;}
.pe_booking_tab4{ cursor: pointer;}
.pe_booking_option .pe_booking_tab2,.pe_booking_option .pe_booking_tab3{ cursor:auto;}
.pe_booking_con td{ vertical-align: top;    padding: 0px 0;}
.checked .pe_booking_tab3{ background-color: #333; color: #fff;}
.checked .pe_booking_tab4{ /*background-color: #0c2c84 ; color: #fff ;*/}
.pe_list_select{ /*padding: 8px;*/}
.pe_list_select:hover{ background-color: rgba(142,195,185,0.29);}
.pe_list_select li{/* padding: 4px 0;*/ position:relative; background-color: #f8f8f8;}
.pe_list_select li:nth-child(2n) { background-color: #e3e3e3;}

.pe_time_slot{ text-align: left; padding-left: 0px;}
.pe_time_state{/*float: right; */padding-right: 0px;}
.pe_booking_tab2 .pe_time_state,.checked .pe_time_state{/*float: right; padding-right: 17px;*/}
li:hover .pe_time_state{/*float: right; padding-right: 17px;*/}
li .pe_booking_tab1  .pe_time_state{/*float: right; */padding-right: 0px;}

.pe_booking_tab_bg1,.pe_booking_tab_bg2,.pe_booking_tab_bg3,.pe_booking_tab_bg4,.pe_booking_tab_bg5{ /*padding: 4px 5px;*/ margin-right: 10px; color: #fff; display: inline-block; height: 33px;}
.pe_booking_tab_bg1{color:#b3b3b3}
.pe_booking_tab_bg2{ color:#b3b3b3}
.pe_booking_tab_bg3{ background-color:#333 ; width: 120px;}
.pe_booking_tab_bg4{}
.pe_booking_tab_bg5{ background-color: #0c2c84 ; border:0px solid transparent; padding: 8px 20px; border-radius: 4px; height: 42px; color: #fff;}
.pe_booking_detail_name{font-size: 25px; padding: 14px 0; color: #333;}
.padding10{ padding: 10px 0;}
.pe_booking_detail_tip span{ margin-left:3%;display: inline-block; width: 30%;}
.pe_booking_detail_tip span img{max-width: 100%;}
.pe_booking_detail_content{ margin-top: 10px;}
.main_small_Bg{ height:100px;}
.cp_tip{ color: #333;}
.cp_tip li {/*clear: both; */line-height: 33px; margin-bottom: 8px; overflow: hidden; float: left; margin-right: 20px;}
.cp_tip li span{ float:left;}

.pe_my_booking_t th{color: #fff;  font-weight: bold; text-align: center; padding: 20px 0;}
.pe_my_booking_btn{ padding: 4px 8px; background: #6E6E6E ; color: #fff; border-radius: 4px; cursor: pointer;white-space: nowrap; display:inline-block; }
.pe_my_booking_btn a{ color:#fff; }
.pe_booking_tab6{ color: #000000;}
.pe_facility_name{ font-size: 1.3em;}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
	top:5px;
}
.pe_date{ background: url(../img/pe_date.png) no-repeat right; border:1px solid #ccc; width: 280px; padding:5px 40px 5px 10px ; font-size: 16px;}
.pe_my_booking_t{ font-size: 1.2em;}
.pub_bg2{background:#0c2c84 ;}
.them_color_main a{color: #fff;}
.table_l{ border-left:2px solid #d8d8d8;}
.border-r{ border-radius:20px;}
/*登入*/
.margin_800{ margin: 0 auto;width: 800px;}
.pe_login_user1,.pe_login_user2,.pe_login_user3{ margin: 0 auto ;width: 450px;}
.text{ padding: 0 20px 0 50px; margin-bottom: 12px; height: 50px; width: 450px; border: 1px solid #6E6E6E; border-radius: 6px; }
.text_user{ background: url(../img/pe_login_user.png) no-repeat 10px 5px;}
.text_pws{ background: url(../img/pe_login_lock.png) no-repeat 10px 5px;}
.text_user3{ width: 225px; background-color: transparent;    padding: 0 10px;}
.text_login_btn{ margin-bottom: 12px; margin-top: 24px; border-radius: 6px; height:50px; line-height: 50px; color: #fff; background-color: #0c2c84 ; border:0px solid transparent; width: 100%; font-size: 20px;}
.pub_tit { padding: 10px 15px;  font-size: 24px;  background: #0c2c84  ;  color: #fff;  position: relative; cursor:pointer;}
.pub_tit2 { background: #0c2c84;   color: #fff;border-bottom: 1px solid #f1f1f1;}
.pe_login_body{ padding: 0 0 20px 0; /*overflow:hidden; */}


/*聯絡我們*/
.pe_contact_body1,.pe_contact_body2{ padding-top: 20px;}
.pe_contact_body1 h4,.pe_contact_body2 h4{ font-size: 1.6em; color: #0c2c84; position: relative; padding-bottom: 8px;}
.pe_contact_body2 h4{ margin-bottom: 10px;}
.pe_contact_body2 input{ width: 100%;}
.pe_contact_body2 input.text_login_btn{ width: 50%;}
.text_phone{ background: url(../img/pe_contact_phone.png)no-repeat 10px 10px;}
.text_textarea{ width: 100%; padding: 0 20px 0 20px;  height: 6em; background-color: transparent;}

/*动画需要重置样式*/
.pe_about_body, .elm_animate,.notice_list { opacity: 0; overflow: hidden;}

.full_zone_10{ position: absolute; left: 0 ; top: 0; right: 0; bottom: 0; z-index: 10;}
.booking_btn {
    background-color: #fff ;
    border: 0px solid transparent;
    padding: 12px 16px;
    border-radius: 25px;
    color: #000;
}
.booking_btn:hover{ color: #fff;}
.booking_btn:focus{ color: #fff;}
.margin-r{ margin-right: 5px;}
.desclaimer{ text-decoration: underline;}
.margin_15{ margin:0 -15px;}
/*意見回饋*/
/*去除苹果浏览器按钮input[type="submit"]和input[type="reset"]的默认样式*/
input[type="submit"], input[type="reset"], input[type="button"], button ,textarea{ -webkit-appearance: none; }
.cont_body{ padding-top: 1em; margin-bottom: 4.2em;}
.conment_s{ display: inline-block; width: 2.5em; height: 2.5em; background-size: 100%; margin: 0.5em 0.5em 1.4em 0.5em; background-repeat: none;}
.s_item1{ background-image:url(../img/01off.png);}
.s_item2{ background-image:url(../img/02off.png);}
.s_item3{ background-image:url(../img/03off.png);}
.s_item4{ background-image:url(../img/04off.png);}
.curr1 .s_item1{ background-image:url(../img/01on.png);}
.curr2 .s_item2{ background-image:url(../img/02on.png);}
.curr3 .s_item3{ background-image:url(../img/03on.png);}
.curr4 .s_item4{ background-image:url(../img/04on.png);}

.item_font{ font-size: 1.15em;}
.s_item_text{ width: 100%; height: 6em; border: 1px solid #0c2c84; border-radius: 0.4em; margin-top: 0.5em; padding:8px;}
.a_block{ display: block; background-color: #0c2c84; padding: 0.5em; font-size: 1.3em; color: #fff; border-radius: 0.4em;}
.thanks{ padding: 1em 0 4em;}
.theme_color{ color: #0c2c84;}
.ok_right{ font-size: 6em; padding-top: 0.2em;}
.btn_a{ display: block; text-align: center; background-color: #0c2c84; color: #fff; padding: 0.5em; font-size: 1.4em; position: fixed; bottom: 0; right: 0; left: 0px; width:100%; border:0 solid #000;  }
textarea:focus{ outline:none; border: 1px solid #0c2c84; border-radius: 0.4em;}
.c_9 {
    color: #999;
}

.header_bg
{background-image:url(../img/login_bg.png);
 background-size: cover;
    }
.header_bg3{
    background-color: transparent;}
.header_bg2{
    background: transparent;}
    
.detail_tit {
    background: transparent;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
}

/*mtr 样式*/
footer{height:60px;background:rgba(173,33,58,1); color: #fff; line-height: 60px; position: fixed; bottom: 0px;left: 0px; right: 0px; padding-right: 15px;;}
footer a{ color: #fff;;}
.section {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.hv100{height:calc(100vh);}
.padding10_lr{ padding: 0 10px !important;}
.clear{clear: both;}
.section_activate2,.section_activate3{ display: none;}
.MTRPROPERTYM_LOGO img{ max-width: 90%;}
.red_mtr{color: #AD213A;}
.green_mtr{background-color: #13A438;}
.login_tit{ font-size: 30px; margin-bottom: 40px;}
.login_middle_line{ position: fixed; left: 50%; top: 110px; bottom: 110px; width:1px;background-color: #707070;}
.red{ color: #AD213A;}
.VerificationCode{width:174px;height:50px;background:rgba(179,179,179,1);color: #fff;border-radius:6px;}
/*mtr 关于屋苑*/
.estate_body{height: calc(100vh - 100px);} .padding30{padding: 30px;}
.pub_bg_estate{
background:rgba(255,255,255,0.3);
box-shadow:0px 3px 6px rgba(0,0,0,0.16);
margin:  0 160px;
padding: 30px;
width: 84%;
}
.show_right{ display: none;}
.theme_color .show_down{ display: none;}
.theme_color .show_right{ display: block;}

/*更改密码*/
.hv-147{height:calc(100vh - 147px);}
.change_middle_line{ top:257px;}
/*會所預訂*/
.booking_icon{ margin-right: 5px;}
.padding_100{ padding: 40px 100px;}
.bg_6e{ background-color: #6e6e6e !important;}
.red_booking{color:#FF4A4A;}

select {
  border: solid 1px #6E6E6E;
  border-radius: 6px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  height: 50px;
  padding-left: 10px;

  background: url("../img/drop_down.png") no-repeat scroll right center transparent;

  padding-right: 44px;
}
/*单选框，复选框*/
.checkbox, .radio {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 10px;
    min-width: 74px;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 8px; 
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.radio input[type="radio"],.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}
 .radio-inline, .checkbox-inline{cursor: pointer;
/*    //background: #f1f1f1;
    //background: rgba(0,0,0,.06);*/
    border: none;
    transition: background .2s ease-in-out;
    padding: 8px;
    display: block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #6E6E6E;
    color: #6E6E6E;
}   
.radio label::before, .checkbox label::before  {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio input[type="radio"]:checked + label, .checkbox input[type="checkbox"]:checked + label {
       background-color: #6E6E6E;
       color: #fff;
}
.note-editable ol, .note-editable ul {
    padding-left: 28px;
}
.note-editable ol li {
    list-style: decimal;
}
.note-editable ul li {
    list-style: disc;
}

/*
新用户*/
.tab_w{width:450px; }
.tab_w li{width:223px; margin: 0px; text-align: center;}
.nav-tabs {
    border-bottom: 2px solid #6e6e6e;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 2px solid  transparent;
    border-bottom-color: #13A438;
    margin:0px;
    margin-bottom: -2px;
}
.nav-tabs>li>a:hover {
    border-color: transparent;
}
.login_line{ width:45px; height: 2px; display: inline-block;background-color: #666; margin-bottom: 5px;}
.font16{ font-size: 16px;}
.next_login_btn{ margin-bottom: 12px; margin-top: 24px; border-radius: 6px; height:50px; line-height: 50px; color: #fff; background-color: #0c2c84 ; border:0px solid transparent; width: 100%; font-size: 20px;}
.emaillogin{ padding: 0 10px;}
.tab_w{ position: relative;    font-weight: bold;}
.tab_w:after{ content: " "; width:2px; height: 30px; background-color: #666; position: absolute; left: 50%; bottom: 3px; margin-left: -3px;}
.tab1_1,.tab1_2,.tab1_3,.tab1_4{ display: none;}


/*电子账单*/
.margin_b15{ margin-bottom: 15px;}
.margin_b8{ margin-bottom: 8px;}
.relative{position:relative;}
.curr_acc{ padding: 30px 0; text-align: center;}
.curr_acc1{font-size: 20px;}
.curr_acc2{ font-size: 30px;  font-weight:bold; margin-top: 20px;}
a.pe_booking_tab_bg5:hover, a.pe_booking_tab_bg5:focus { cursor: pointer;
    color: #fff;
    text-decoration: none;
}