  .sm_common_tag.common_tag {
      cursor: pointer;
      color: #034694;
      padding: 4px 10px;
      text-align: center;
      display: inline-block;
      margin-right: 5px;
      border: 1px solid #034694;
      background: white;
  }
  
  #agt {
      margin-top: 0 !important;
  }
  
  hr {
      border-color: #000;
  }
  /************************************************************************/
  /* html, body {
width : 100%;
margin : 0;
padding : 0;
} */
  /************************************************************************/
  
  body {
      font: normal 16px 'Microsoft Jhenghei', Arial;
  }
  
  a:hover {
      text-decoration: none;
  }
  
  .pg_sub_tag {
      cursor: pointer;
      color: #29B5D8;
      padding: 10px;
      text-align: center;
      float: left;
      margin-right: 5px;
      border: 1px solid #29B5D8;
      border-top: 0;
  }
  
  .pg_sub_tag.active,
  .pg_sub_tag:hover {
      color: white;
      background: #29B5D8;
  }
  
  .clr {
      clear: both;
  }
  
  .iv {
      display: none;
  }
  
  .new_pg_tit {
      text-align: center;
      font-weight: bold;
      font-size: 32px;
      clear: both;
  }
  
  .stat_content {
      font-size: 16px;
      line-height: 20px;
      padding: 10px;
      margin-top: 40px;
      min-height: 500px;
  }
  
  .common_tag_parent>li {
      display: inline-block;
  }
  
  .common_tag,
  .common_tag_parent>li>a {
      cursor: pointer;
      color: #034694;
      padding: 12px 30px;
      text-align: center;
      display: inline-block;
      margin-right: 5px;
      border: 1px solid #034694;
      background: white;
  }
  
  .messageDiv table td {
      vertical-align: top;
  }
  
  select,
  input[type='file'] {
      max-width: 100%;
  }
  
  audio {
      max-width: 100%;
  }
  
  .resume_pg_tag li a {
      color: #034694;
  }
  
  .resume_pg_tag li.active a {
      color: white;
  }
  
  .god_resume_detail {
      width: 68%;
      float: left;
      padding-top: 30px;
  }
  
  .cd-timeline-content {
      opacity: 0.9;
      word-break: break-all;
  }
  
  .common_tag {
      font-weight: normal;
  }
  
  .ancestor_btn {
      font-size: 15px;
      margin-right: 0;
      margin-left: 5px;
  }
  
  .ancestor_item_name {
      line-height: 38px;
  }
  
  li.common_tag a {
      padding: 0;
      background: none;
  }
  
  li.common_tag.active a,
  li.common_tag a:hover,
  .common_tag:hover a {
      background: none;
      color: white;
  }
  
  .common_tag.active,
  .common_tag:hover,
  .common_tag.active,
  .common_tag:hover,
  .common_tag_parent>li>a:hover,
  .common_tag_parent>li.active>a {
      color: white;
      background: #034694;
  }
  
  .reply_time {
      min-width: 115px;
  }
  
  .show_zh,
  .show_en,
  .show_cn {
      display: none;
  }
  
  .new_btn_link {
      cursor: pointer;
      color: #034694;
      border-style: solid;
      border-width: 1px;
      border-color: #034694;
      padding: 12px 30px;
      background-color: white;
  }
  
  .new_btn_link:hover {
      background-color: #034694;
      color: white;
  }
  
  .godName {
      opacity: 0.8;
  }
  
  .godName:hover {
      opacity: 1;
  }
  
  .target_area {
      background: #FF6161;
      opacity: 0.5;
  }
  
  .notice_date {
      float: right;
  }
  
  #notice_menu_list {
      position: absolute;
      top: 34px;
      left: 12px;
      width: 500px;
      display: none;
      z-index: 999;
      border-radius: 0px 0px 5px 5px;
      max-height: 400px;
      overflow-y: auto;
  }
  
  .notice_item {
      padding: 8px 8px;
      font-size: 14px;
      line-height: 16px;
      cursor: pointer;
      margin-bottom: 3px;
      background: rgba(255, 255, 255, 0.85);
      color: black;
  }
  
  .notice_item a {
      color: black;
  }
  
  .notice_item.read a {
      color: white;
  }
  
  .notice_item.read {
      background: rgba(3, 70, 148, 0.85);
      color: white;
  }
  
  .notice_item:hover a {
      color: black;
  }
  
  .notice_item:hover {
      background: rgba(255, 255, 255, 0.85);
      color: black;
  }
  
  .header_rblock {
      width: 825px;
      float: right;
  }
  
  #notice_menu {
      float: right;
      line-height: 34px;
      padding: 0 12px;
      position: relative;
      cursor: pointer;
      color: #666666;
  }
  
  #notice_menu:hover {
      color: black;
  }
  
  .lunar_word {
      font-size: 12px;
      margin-top: 5px;
      text-shadow: 1px 1px 6px #000;
  }
  
  .txtalc {
      text-align: center;
  }
  
  .w62p {
      width: 64%;
  }
  
  .w32p {
      width: 32%;
  }
  
  .fl {
      float: left;
  }
  
  .fr {
      float: right;
  }
  
  .w48p {
      width: 48%;
  }
  
  .w68p {
      width: 68%;
  }
  
  .w28p {
      width: 28%;
  }
  
  .featured_item {
      width: 48%;
      display: inline-block;
      position: relative;
      height: 210px;
      overflow: hidden;
      margin-left: 1%;
  }
  
  .single_err_msg {
      background: #FFC2C2;
      padding: 3px 10px;
      color: red;
  }
  
  .single_success_msg {
      background: #B5F2B6;
      padding: 3px 10px;
      color: #1A861A;
  }
  
  .featured_tit {
      margin: 0 3%;
      border-bottom: 1px solid white;
      position: absolute;
      bottom: 50px;
      overflow: hidden;
      width: 94%;
      color: white;
      padding-bottom: 5px;
  }
  
  .featured_desc {
      margin: 0 3%;
      position: absolute;
      bottom: 5px;
      height: 40px;
      overflow: hidden;
      width: 94%;
      color: white;
  }
  
  .featured_desc b,
  .featured_desc p,
  .featured_desc span,
  .featured_desc a {
      font-size: 15px !important;
      line-height: 20px !important;
      font-weight: normal !important;
      color: white !important;
      cursor: normal !important
  }
  
  .featured_img {
      width: 100%;
      min-height: 100%;
  }
  
  .featured_item.new_featured {
      height: 425px;
      width: 100%;
      position: relative;
  }
  
  .featured_item.new_featured .featured_img_div {
      height: 100%;
      width: 100%;
  }
  
  .featured_img_div {
      height: 210px;
      overflow: hidden;
  }
  
  .featured_words {
      height: 75px;
      bottom: 10px;
      position: absolute;
      width: 100%;
  }
  
  .nw_readmore:hover {
      text-decoration: none;
      color: white;
  }
  
  .nw_readmore {
      margin-left: 15px;
      font-size: 16px;
      display: inline-block;
      background: #034694;
      color: white;
      padding: 3px 10px;
      cursor: pointer;
      text-decoration: none;
      float: right;
  }
  
  .nw_img {
      min-height: 100%;
      min-width: 100%;
  }
  
  .pop_thumb {
      width: 30%;
      height: 100px;
      overflow: hidden;
      float: left;
      position: relative;
  }
  
  .pop_thumb .original_tag {
      left: 0px;
      top: 0px;
      right: 0px;
      bottom: 0px;
      margin: auto;
  }
  
  .pop_tit {
      width: 65%;
      float: right;
      max-height: 100px;
  }
  
  .nw_desc {
      margin-top: 20px;
  }
  
  .nw_tit {
      font-size: 18px;
      padding-top: 8px;
      margin-bottom: 5px;
      float: right;
      width: 685px;
  }
  
  .new_sub_tit {
      color: #034694;
      margin-top: 0px;
      line-height: 20px;
      font-size: 20px;
      margin-bottom: 10px;
      font-weight: normal;
  }
  
  .pop_thumb .pop_img {
      height: 100%;
      width: auto;
      max-width: none;
      min-width: 100%;
  }
  
  .popular_item {
      color: black;
  }
  
  a:hover {
      text-decoration: none;
  }
  
  .admin_err_msg_block {
      background: #FFB0B0;
      color: white;
      padding: 5px;
      border: 1px solid #FF3D3D;
      margin: 20px 0;
  }
  
  .top_right_links {
      float: right;
  }
  
  .pg_top_sub_btn_holder {
      border-top: 1px solid black;
  }
  
  .tablet_item {
      cursor: pointer;
      background-color: white;
      margin: 10px;
      padding: 10px;
  }
  
  .tablet_item:hover {
      background: #034694;
      color: white;
  }
  
  .tablet_div {
      margin-top: 20px;
  }
  
  .iv_link {
      display: none;
  }
  
  .new_set_btn {
      cursor: pointer;
      color: black;
      border-style: solid;
      border-width: 1px;
      border-color: black;
      font-size: 10px;
      display: inline-block;
      line-height: 25px;
      vertical-align: middle;
      margin-left: 10px;
      background: url('../images/setting_btn_new.png') no-repeat -5px -7px;
      padding-left: 30px;
      padding-right: 10px;
  }
  
  .new_set_btn:hover {
      background-position: -5px -87px;
      background-color: white;
      color: #034694;
      border-color: #034694;
  }
  
  .new_set_btn.nback {
      background-image: url('../images/back_btn_new.png');
  }
  
  .new_set_btn.nedit {
      background-image: url('../images/edit_btn_new.png');
  }
  
  #mem_top_right_nav {
      overflow: hidden;
      height: 400px;
  }
  
  #mem_top_right_nav.en {
      overflow: hidden;
      height: 600px;
  }
  
  #mem_top_right_nav a {
      float: right;
  }
  
  #mem_top_right_nav.en a {
      float: right;
  }
  
  .setting_div {
      padding: 25px 40px;
      background: white;
      border: 1px solid black;
      border-radius: 4px;
  }
  
  .mybtn:hover {
      background: #eee;
  }
  
  .mediumButton {}
  
  .main .container {
      min-height: 600px;
  }
  
  .new_err_msg {
      border: 1px solid red;
      background: white;
      padding: 5px 15px;
      width: 960px;
      margin: 10px auto;
  }
  
  body .modal-body select {
      min-width: 100px !important;
  }
  
  body#page,
  .main,
  .main>.container,
  #content,
  #top>.container {
      min-width: 1170px !important;
      /* width : 100%;
max-width: 100%; */
  }
  
  #header>.container,
  #content>.content_wrapper,
  #footer {
      width: 100% !important;
      max-width: 1170px;
      position: relative;
  }
  
  #footer {
      z-index: 1;
  }
  
  #mem_top_right_nav {
      width: 1170px;
      margin-top: 25px;
  }
  
  #mem_top_right_nav.en {
      width: 1170px;
      margin-top: 25px;
  }
  
  button {
      text-shadow: none !important;
  }
  
  .side_menu_item {
      margin-bottom: 10px;
  }
  
  .side_menu_item.cur_page a {
      color: white;
  }
  
  .normal_table {
      width: 100%;
  }
  
  .w30 {
      width: 30px;
  }
  
  .w80 {
      width: 80px;
  }
  
  .w100 {
      width: 100px;
  }
  
  .w150 {
      width: 150px;
  }
  
  .filter-container select {
      padding: 0;
  }
  
  #footer {
      margin: 10px auto;
  }
  
  .membershipOptionsDiv {
      width: 95%;
      margin: 30px 220px 50px;
  }
  
  .user_setting_rblock {
      width: 80%;
      float: right;
  }
  
  .lawnresp {
      background-color: white;
      overflow-y: scroll;
      word-break: nowrap;
      position: relative;
      width: 375px;
      height: 170px;
      border: 1px solid black;
      padding: 5px;
  }
  
  .breadcrumbs {
      z-index: 1;
  }
  
  div.setting_div label {
      font-size: 16px;
      font-weight: bold;
  }
  
  .common_submit_btn {
      background: white;
      display: inline-block;
      border: 1px solid black;
      text-align: center;
      padding: 5px 0;
      min-width: 135px;
  }
  
  .window .name {
      background: white;
  }
  
  .window .death_date {
      background: white;
  }
  
  .fam_rel_name {
      min-height: 18px;
      font-size: 10px;
      background: white;
      width: 88px;
      margin: 5px auto 0;
      border: 1px solid white;
      min-height: 15px !important;
  }
  
  .common_list_lbl {
      width: 150px;
      float: left;
      text-align: right;
      font-weight: bold;
      padding-right: 20px;
      padding-bottom: 5px;
  }
  
  .common_list_val {
      width: 450px;
      float: left;
      padding-bottom: 5px;
  }
  
  .common_list_wrapper {
      background: #e0e0e0;
      padding: 15px 10px;
      margin-bottom: 10px;
  }
  
  .r_normal_table {
      margin-bottom: 15px;
  }
  
  .welcome_msg {
      font-size: 13px;
      color: #777;
      float: left;
      line-height: 40px;
  }
  
  .ancest_list_mwrapper {
      background: #F0F0F0;
      margin-bottom: 15px;
  }
  
  .ancestorDiv {
      padding-top: 10px;
  }
  
  .ance_form_block {
      padding: 15px;
      margin-top: 15px;
      background: white;
  }
  
  .ance_thumb {
      height: 175px;
      overflow: hidden;
  }
  
  .ance_thumb img {
      max-height: 100%;
      width: auto;
  }
  
  .ances_tit {
      padding: 5px 10px;
  }
  
  .ancestor_item {
      padding: 5px 10px;
  }
  
  .ancestor_item:hover {
      background: white;
  }
  
  .tree_err_msg {
      color: red;
      font-size: 12px;
      text-align: right;
  }
  
  .tree_mem_exlbl {
      display: inline-block;
      width: 130px;
      text-align: right;
      padding-right: 10px;
  }
  
  .tree_mem_lbl {
      display: inline-block;
      width: 85px;
      text-align: right;
      padding-right: 10px;
  }
  
  .familyHeadDiv {
      padding: 15px;
      background: #FFFFFF;
  }
  
  .familyMemberDiv {
      background: #F9FBFF;
      margin-left: 65px;
      padding: 15px;
      border-top: 2px dotted #034694;
  }
  
  .familyHeadImage,
  .familyMemberImage {
      cursor: pointer;
  }
  
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
      height: auto;
  }
  
  .r_row .r_row_lbl {
      width: 135px;
  }
  
  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
      width: 40%;
      padding: 0;
      margin-right: 3%;
  }
  
  .change_pic_text {
      text-align: center;
      padding-top: 10px;
      font-size: 15px;
      color: #545454;
  }
  
  .global_msg.success {
      background-color: #D2EDA1;
      color: #15560A;
  }
  
  .global_msg.error {
      background-color: #F4A8A8;
      color: red;
  }
  
  .global_msg {
      z-index: 999;
      position: fixed;
      width: 100%;
      text-align: left;
      max-width: 825px;
      margin: 0 auto;
      left: 0;
      right: 0;
      /* top: 50px; */
      top: 200px;
      text-align: center;
      padding: 6px 30px;
      font-weight: bold;
      border: 1px solid;
      opacity: 0.7;
      display: none;
  }
  
  .play_btn {
      width: 30% !important;
      z-index: 99;
  }
  
  .warning_msg {
      font-size: 14px;
      color: red;
      text-align: left;
  }
  
  .remove_message {
      cursor: pointer;
  }
  
  .remove_post {
      cursor: pointer;
  }
  
  .lastword_up {
      background: url("../images/memorialPage/graphic_up.png") no-repeat 50% 0;
      height: 68px;
      margin-top: 50px;
  }
  
  .lastword_mid {
      background: url("../images/memorialPage/frame.png") no-repeat 50% 0;
      height: 404px;
      padding: 85px 0;
  }
  
  .lastword_bottom {
      background: url("../images/memorialPage/graphic_down.png") no-repeat 50% 0;
      height: 48px;
  }
  
  .lastword_content_wrapper {
      width: 820px;
      margin: 0 auto;
      height: 400px;
      overflow-y: auto;
      text-align: center;
  }
  
  .bg_item_div img {
      height: 150px;
  }
  
  .bg_item_div {
      display: inline-block;
      cursor: pointer;
      margin-right: 15px;
      margin-bottom: 15px;
  }
  
  .passage_share_btn:hover {
      color: white;
  }
  
  .passage_share_btn {
      cursor: pointer;
      display: block;
      text-align: center;
      height: 25px;
      font-size: 13px;
      width: 115px;
      line-height: 25px;
      color: white;
      margin-bottom: 10px;
      background: #47639E url("../images/fb_icon.png") no-repeat 4px 5px;
      padding-left: 11px;
      float: left;
  }
  
  .passage_share_btn_2 {
      cursor: pointer;
      display: block;
      text-align: center;
      height: 25px;
      font-size: 13px;
      width: 115px;
      line-height: 25px;
      color: white;
      margin-bottom: 10px;
      background: #4EACDC url("../images/twitter_icon.png") no-repeat 4px 5px;
      padding-left: 11px;
      float: left;
      margin-left: 10px;
  }
  
  ol {
      list-style: decimal;
  }
  
  .religion_bg {
      display: none;
  }
  
  .religion_bg_active {
      display: block;
  }
  
  .worship_event_bg {
      display: inline-block;
      width: 650px;
      max-height: 340px;
      overflow-y: auto;
  }
  
  .footer_sitemap {
      float: left;
  }
  
  .footer_sitemap li {
      display: inline-block;
      float: left;
      padding-right: 8px;
      border-right: 1px solid #B3B3B3;
      margin-right: 8px;
      margin-bottom: 8px;
  }
  
  .footer_sitemap li.clr {
      margin-bottom: 0;
      padding: 0;
  }
  
  .footer_sitemap li a {
      color: #666;
      font-size: 14px;
  }
  
  .footer_sitemap li a:hover {
      color: black
  }
  
  .footer_sitemap {
      margin-left: 0;
  }
  
  #footer div.footer_subtit {
      font-size: 16px;
      text-align: left;
      padding: 0;
      font-weight: bold;
  }
  
  .lecture_row_thumb {
      float: left;
      width: 50px;
      height: 50px;
      margin-right: 10px;
      overflow: hidden;
      position: relative;
  }
  
  .lecture_row_thumb .original_tag {
      top: 0;
      right: 0;
  }
  
  .lecture_row {
      margin-bottom: 5px;
  }
  
  .lecture_detail_content {
      min-height: 300px;
      padding: 45px 0;
      margin-bottom: 40px;
  }
  /* Chatroom */
  
  .chat_list_user_status {
      background: url("../images/chatroom/status.png") no-repeat center top;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  .chat_list_user_status_active {
      background-position: center bottom;
  }
  
  .chat_list_user_name {
      position: relative;
      text-align: left;
      overflow: hidden;
      line-height: 60px;
      font-size: 12px;
      height: 60px;
  }
  
  .chat_list_user_new {
      position: relative;
      text-align: center;
      overflow: hidden;
      line-height: 60px;
      color: red;
  }
  
  .chat_room_user_toggle_button {
      float: right;
      text-align: center;
      cursor: pointer;
      border: solid #ddd 1px;
      border-width: 0px 1px 0px 1px;
      width: 250px;
      position: relative;
  }
  
  .chat_room_content_root {
      position: absolute;
      width: 250px;
      height: 300px;
      border: 1px solid #DDD;
      background-color: rgba(255, 255, 255, 1);
      right: 275px;
      bottom: 30px;
  }
  
  .chat_room_content {
      overflow-y: scroll;
      height: 270px;
      padding: 0px 2px;
  }
  
  .chat_room_msg {
      text-align: left;
      line-height: 20px;
      padding: 10px 5px;
  }
  
  .chat_list_user_button_item {
      width: 100%;
      height: 60px;
      cursor: pointer;
  }
  
  .chat_room_msg_from {
      text-align: right;
      color: #555;
      font-size: 13px;
      background: #FFF;
      border: 1px solid #DDD;
      border-radius: 5px;
      padding: 2px 9px;
      float: right;
      clear: both;
      margin-bottom: 5px;
      min-width: 40px;
      max-width: 210px;
      word-break: break-all;
      padding-bottom: 10px;
  }
  
  .chat_room_msg_to {
      text-align: left;
      color: black;
      font-size: 13px;
      background: #DBEDFE;
      border: 1px solid rgb(113, 113, 113);
      border-radius: 5px;
      padding: 2px 9px;
      float: left;
      clear: both;
      margin-bottom: 5px;
      min-width: 40px;
      max-width: 180px;
      word-break: break-all;
      padding-bottom: 10px;
  }
  
  .chat_list_container {
      position: absolute;
      z-index: 1;
      right: 0px;
      bottom: 30px;
      border: solid #ddd 1px;
      width: 275px;
      overflow-x: hidden;
      overflow-y: scroll;
      height: 300px;
      background-color: rgba(255, 255, 255, 1);
      display: none;
  }
  
  .chat_list_user_button_item_active {
      font-weight: bold;
      background-color: #50ABBE;
      color: white;
  }
  
  #chatting_username {
      float: left;
      width: 205px;
      overflow: hidden;
      height: 30px;
  }
  
  #chatting_close_btn {
      float: right;
      width: 30px;
      text-align: center;
      cursor: pointer;
  }
  
  .chat_room_user_toggle_button {
      display: none;
  }
  
  .no_read {
      font-weight: bold;
  }
  
  #chatroom_send_btn {
      display: inline-block;
      float: right;
      padding: 0px 10px;
      border-style: solid;
      border-color: rgb(221, 221, 221);
      -moz-border-top-colors: none;
      -moz-border-right-colors: none;
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      border-image: none;
      border-width: 0px 0px 0px 1px;
      cursor: pointer;
      height: 30px;
  }
  
  #chat_room_msg {
      width: 189px;
      border: none;
      padding: 0px;
      height: 30px;
      line-height: 30px;
      overflow-y: auto;
      float: left;
  }
  
  .chat_list_toggle_button {
      float: right;
      height: 30px;
      line-height: 30px;
      width: 275px;
      text-align: center;
      cursor: pointer;
      border: solid #ddd 1px;
      background-color: rgba(255, 255, 255, 1);
  }
  
  .chat_room_input_root {
      position: absolute;
      display: block;
      bottom: 0;
      height: 30px;
      right: 275px;
      width: 250px;
      border: 1px solid rgb(221, 221, 221);
      background: rgba(255, 255, 255, 1);
  }
  
  .chat_room_root {
      position: fixed;
      bottom: 0px;
      width: 275px;
      height: 30px;
      line-height: 30px;
      right: 0;
      z-index: 100;
  }
  
  .chat_room_content_toggle_element {
      display: none;
  }
  
  .chatroom_thumb_table {
      height: 60px;
      width: 40px;
      table-layout: fixed;
  }
  
  .chatroom_thumb_table td {
      vertical-align: middle;
      height: 60px;
      border: none;
      background: none;
  }
  
  .chatroom_thumb_table td:hover {
      background: none;
  }
  
  #chat_room_online_status_b {
      text-decoration: underline;
  }
  
  #chat_room_online_status_a {
      display: none;
  }
  
  .chat_room_group_user_name {
      text-decoration: underline;
      font-weight: bold;
  }
  
  .chat_list_container hr {
      margin: 0px 5px;
      border-color: #ddd;
  }
  
  .coblation_table td {
      padding-bottom: 15px;
      padding-right: 15px;
  }
  
  .coblation_form .row>label {
      width: 130px;
      display: inline-block;
      vertical-align: top;
      line-height: 40px;
  }
  
  .coblation_form input[type='text'] {
      width: 600px;
      padding-left: 3%;
      padding-right: 3%;
  }
  
  .coblation_form select {
      width: 650px;
      padding-left: 3%;
      padding-right: 3%;
  }
  
  .friend_item_img img,
  .anc_item_img img {
      min-height: 100%;
  }
  
  .music_sep {
      font-size: 10px;
      text-align: center;
      background-color: #990000;
      color: #FFF;
      pointer-events: none;
  }
  
  .reply_content {
      padding-top: 3px;
  }
  
  .reply_content,
  .message_content {
      word-break: break-all;
  }
  
  .hall_stand_hidden {
      opacity: 0;
      pointer-events: none;
  }
  
  .position_selection_box.occpuy {
      color: red;
  }
  
  .carousel-control.left {
      background: none;
      border: none;
      border-radius: 0;
      display: block;
      background: url('../images/public_previous_off.png') no-repeat center center;
      width: 66px;
      height: 132px;
      left: 0px;
  }
  
  .carousel-control.right {
      background: none;
      border: none;
      border-radius: 0;
      display: block;
      background: url('../images/public_next_off.png') no-repeat center center;
      width: 66px;
      height: 132px;
      right: 0px;
  }
  
  .carousel-control.left:hover {
      background-image: url('../images/public_previous.png');
  }
  
  .carousel-control.right:hover {
      background-image: url('../images/public_next.png');
  }
  
  .dailyNewsContent .bottom_col {
      bottom: 10px;
      position: absolute;
      width: 100%;
  }
  
  .aboutNianEnContent .bottom_col {
      bottom: 10px;
      position: absolute;
      /* width: 100%; */
      left: 20px;
      right: 20px;
      margin: auto;
  }
  
  .aboutNianEnContent {
      height: 450px;
  }
  
  .dailyNewsContent {
      height: 450px;
  }
  
  [class^="icon-"],
  [class*=" icon-"] {
      margin-right: 5px;
  }
  
  .hover_shadow,
  .hover_shadow_fix {
      width: 100%;
      height: 100%;
      /* background:url('../images/public_overlay.png') repeat-x 0 0; */
      position: absolute;
      top: 0;
      left: 0;
      background-size: auto 100%;
  }
  
  .hover_shadow:hover {
      display: block;
      background-image: url('../images/quick_link_mouseover.png');
  }
  
  .r_normal_table {
      width: 100%;
      table-layout: fixed;
      border: 0px solid;
      line-height: 30px;
  }
  
  .r_normal_table td {
      border-top: 1px solid #034694;
      padding: 5px 10px;
  }
  
  .r_normal_table tbody tr:hover td {
      background: rgba(255, 255, 255, 0.3);
  }
  
  .r_normal_table thead td {
      background: none;
  }
  
  .r_normal_table .odd td {
      background: none;
  }
  
  .r_normal_table .even td {
      background: none;
  }
  
  .small_button_ex {
      padding: 0;
      width: 104px !important;
      height: 35px;
      border: 3px solid #043694;
      border-radius: 50px;
      text-align: center;
      line-height: 35px;
      font-size: 12px;
      color: #043694;
      background: #FFF none repeat scroll 0% 0%;
      display: inline-block;
      transition: all 0.15s ease 0s;
      cursor: pointer;
      box-sizing: unset !important;
      outline: medium none;
  }
  
  .small_button {
      padding: 0;
      width: 144px !important;
      height: 57px;
      border: solid #043694 3px;
      border-radius: 50px;
      text-align: center;
      line-height: 57px;
      font-size: 16px;
      color: #043694;
      background: rgba(255, 255, 255, 1);
      display: inline-block;
      transition: all 0.15s ease 0s;
      cursor: pointer;
      box-sizing: unset !important;
      outline: none;
  }
  
  .large_button {
      padding: 0;
      width: 222px !important;
      height: 78px;
      border: 3px solid #043694;
      border-radius: 50px;
      text-align: center;
      line-height: 73px;
      font-size: 25px;
      color: #043694;
      background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%;
      transition: all 0.15s ease 0s;
      display: inline-block;
      cursor: pointer;
      font-family: "Microsoft Jhenghei";
      box-sizing: unset !important;
      outline: none;
  }
  
  .small_button:hover,
  .large_button:hover {
      color: white;
      background: #043694;
  }
  
  .imple_radio_btn {
      background: url('../images/payment/paymentMethods/selectbox.png') no-repeat center center;
      cursor: pointer;
      width: 38px;
      height: 38px;
      display: inline-block;
  }
  
  .imple_radio_btn.active {
      background-image: url('../images/payment/paymentMethods/selectbox_on.png');
  }
  
  #header .dropdown-menu {
      background: no-repeat;
      border: 0;
      box-shadow: none;
  }
  
  #header .dropdown-menu li {
      background-color: rgba(3, 70, 148, 0.85);
      background-color: rgb(3, 70, 148)\9;
      margin-bottom: 2px;
      text-align: center;
      padding-left: 20px;
      padding-right: 20px;
  }
  
  #header .dropdown-menu li a {
      padding: 8px 0px;
  }
  
  #header .dropdown-menu>li>a {
      color: white;
      background: none;
      background-image: url('../images/1trans.png');
      background-repeat: repeat;
  }
  
  #header .dropdown-submenu .dropdown-menu>li>a {
      color: white;
      background-image: url('../images/1trans.png');
      background-repeat: repeat;
  }
  
  #header .dropdown-menu li:hover {
      background-color: rgba(255, 255, 255, 0.85);
      background-color: rgb(3, 70, 148)\9;
  }
  
  #header .dropdown-menu li:hover>a {
      color: black;
  }
  
  #header .dropdown-menu {
      min-width: 180px;
  }
  
  #header .dropdown-menu ul {
      border-left: 3px transparent solid;
  }
  
  .yearlyContentItem {
      padding: 5px;
  }
  
  .dropdown-submenu>a::after {
      position: relative;
      left: -20px\9;
  }
  
  .original_tag {
      position: absolute;
      z-index: 1;
      background-color: #034694;
      width: 50px;
      height: 50px;
      line-height: 50px;
      border-radius: 25px;
      text-align: center;
      top: 10px;
      right: 10px;
      color: white;
      font-weight: bold;
  }
  
  .original_tag.transfer {
      background-color: #E9920C;
  }
  
  .lecture_tag {
      display: inline-block;
      color: white;
      background-color: #034694;
      text-align: center;
      margin-left: 15px;
      font-size: 16px;
      display: inline-block;
      background: #034694 none repeat scroll 0% 0%;
      color: #FFF;
      padding: 3px 10px;
  }
  
  #home_search_top_input_text {
      color: rgb(3, 70, 148);
      font-size: 14px;
      font-weight: normal;
      height: 20px;
      padding: 0px;
      margin: 0px;
      display: inline-block;
      width: 180px;
      border: none;
      -moz-box-shadow: 0px 0px 0px 0px #ccc;
      -webkit-box-shadow: 0px 0px 0px 0px #ccc;
      box-shadow: 0px 0px 0px 0px #ccc;
      box-sizing: unset;
  }
  
  #home_search_form {
      margin: 0;
  }
  
  #top_head_member_toggle_container {
      position: absolute;
      right: -15px;
      top: 40px;
      width: 310px;
      height: 180px;
      background: url('../images/user/user-profile-frame.png') no-repeat 0 0;
      z-index: 1001;
      padding-top: 25px;
      padding-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px;
      display: none;
      box-sizing: unset;
  }
  
  #top_head_member_toggle_container .common_tag {
      display: inline-block;
      width: 140px;
      padding: 10px 0px;
  }
  
  #top_head_member_toggle_container {
      color: #034694;
  }
  
  #top_head_member_toggle_container .name {
      font-weight: bold;
      font-size: 18px;
  }
  
  #top_head_member_toggle_container .email {
      font-size: 14px;
      line-height: 20px;
  }
  
  #top_head_member_toggle_container .point {
      font-size: 14px;
  }
  
  #top_head_member_toggle_container.active {
      display: block;
  }
  
  #top_head_member_toggle_handler {
      cursor: pointer;
  }
  
  .top_head_nav_list {
      margin-top: 5px;
  }
  
  .faq_item_container {
      color: #034694;
      background: white;
      border: solid #034694 1px;
      margin-bottom: 10px;
  }
  
  .faq_q {
      padding: 20px 10px;
      cursor: pointer;
      font-weight: bold;
      background: url("../images/arrow-down.png") no-repeat 850px center;
      padding-right: 50px;
  }
  
  .faq_q.active {
      background-image: url("../images/arrow-up.png");
  }
  
  .faq_a {
      padding: 20px 10px;
      border: solid #034694 0px;
      border-width: 1px 0 0 0;
      display: none;
      word-break: break-all;
  }
  
  .container {
      min-width: 1170px;
  }
  
  #mceu_32-body {
      display: none;
  }
  
  #fire-control-slider {
      width: 5px;
  }
  
  .ui-slider .ui-slider-handle {
      border-radius: 1.0em;
      width: 1.0em;
      height: 1.0em;
      border: none;
      background-image: url('../images/ancestorWorship/speed-circle.png');
      background-size: 100% 100%;
  }
  
  .show_list_btn {
      height: 26px;
      width: 40px;
      background-color: #FFF;
      display: inline-block;
      border-left: 1px solid #580000;
      color: #990000;
      text-align: center;
      line-height: 28px;
      position: relative;
      left: -4px;
      top: 2.2px;
      cursor: pointer;
      box-sizing: unset;
      border: none;
  }
  
  .show_list_btn {
      height: 26px;
      width: 40px;
      background-color: #FFF;
      display: inline-block;
      border-left: 1px solid #580000;
      color: #990000;
      text-align: center;
      line-height: 28px;
      position: relative;
      left: -4px;
      top: 2.2px;
      cursor: pointer;
      box-sizing: unset;
      border: none;
  }
  
  #bgm_control_container {
      border: solid #990000 1px;
      background-color: #FFF;
      padding-bottom: 2px;
  }
  
  #music_list {
      position: absolute;
      min-height: 100px;
      max-height: 250px;
      height: auto;
      bottom: 31px;
      width: 336.5px;
      right: -0.5px;
      overflow-y: scroll !important;
      background-color: #FFF;
      color: #990000;
      display: none;
      border: solid #990000 1px;
  }
  
  .music_btn {
      display: block;
      padding: 1px;
      border: solid #990000 0px;
      border-width: 0px 0px 1px 0px;
      cursor: pointer;
      font-size: 12px;
  }
  
  .music_btn:hover {
      background-color: rgba(255, 0, 0, 0.2);
  }
  
  .mbMiniPlayer {
      display: inline-block;
  }
  /*  Input range */
  
  input[type=range] {
      -webkit-appearance: none;
      margin: 18px 0;
      width: 100%;
  }
  
  input[type=range]:focus {
      outline: none;
  }
  
  input[type=range]::-webkit-slider-runnable-track {
      width: 100%;
      height: 100%;
      cursor: pointer;
      animate: 0.2s;
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      background: #3071a9;
      border-radius: 1.3px;
      border: 0.2px solid #010101;
  }
  
  input[type=range]::-webkit-slider-thumb {
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      border: 1px solid #000000;
      height: 36px;
      width: 16px;
      border-radius: 3px;
      background: #ffffff;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -14px;
  }
  
  input[type=range]:focus::-webkit-slider-runnable-track {
      background: #367ebd;
  }
  
  input[type=range]::-moz-range-track {
      width: 100%;
      height: 100%;
      cursor: pointer;
      animate: 0.2s;
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      background: #3071a9;
      border-radius: 1.3px;
      border: 0.2px solid #010101;
  }
  
  input[type=range]::-moz-range-thumb {
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      border: 1px solid #000000;
      height: 36px;
      width: 16px;
      border-radius: 3px;
      background: #ffffff;
      cursor: pointer;
  }
  
  input[type=range]::-ms-track {
      width: 100%;
      height: 100%;
      cursor: pointer;
      animate: 0.2s;
      background: transparent;
      border-color: transparent;
      border-width: 16px 0;
      color: transparent;
  }
  
  input[type=range]::-ms-fill-lower {
      background: #2a6495;
      border: 0.2px solid #010101;
      border-radius: 2.6px;
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  }
  
  input[type=range]::-ms-fill-upper {
      background: #3071a9;
      border: 0.2px solid #010101;
      border-radius: 2.6px;
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  }
  
  input[type=range]::-ms-thumb {
      box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      border: 1px solid #000000;
      height: 36px;
      width: 16px;
      border-radius: 3px;
      background: #ffffff;
      cursor: pointer;
  }
  
  input[type=range]:focus::-ms-fill-lower {
      background: #3071a9;
  }
  
  input[type=range]:focus::-ms-fill-upper {
      background: #367ebd;
  }
  
  .ui-timepicker-div dl dd {
      margin: -25px 0 10px 75px;
  }
  
  .passage_share_btn_2:hover {
      color: white;
  }
  
  #ierange {
      display: none\9;
      /* IE6, IE7, IE8, IE9 */
  }
  
  .ie_display_only {
      display: none;
      display: block\9;
  }
  
  .ie_display_only_inline {
      display: none;
      display: inline-block\9;
  }
  
  .familyHeadDiv>.pull-left>img {
      max-width: 200px;
  }
  
  .familyDiv>.pull-left>img {
      max-width: 200px;
  }
  
  .familyMemberImageDiv>img {
      max-width: 200px;
  }
  
  .cms_page .refresh_btn {
      cursor: pointer;
      display: inline-block;
      border: 1px solid rgb(221, 221, 221);
      padding: 5px 10px;
  }
  
  .cms_page .refresh_btn:hover {
      background-color: #ddd;
  }
  
  .public_left50_block {
      width: 48%;
      float: left;
  }
  
  .public_right50_block {
      width: 48%;
      float: right;
  }
  
  .public_detail_row {
      margin-bottom: 10px;
      padding: 10px;
  }
  
  .public_left50_block img {
      width: 100%;
  }
  
  .public_right50_block img {
      width: 100%;
  }
  
  .m5px_wrapper {
      margin: 5px;
  }
  
  #popup_adv {
      display: none;
      width: 100%;
      max-width: 1050px;
      position: absolute;
      z-index: 1050;
      margin: auto;
      left: 0;
      right: 0;
      top: 30%;
      bottom: 0;
  }
  /*==================*/
  
  .family_item {
      width: 675px;
      text-align: center;
  }
  
  .head_family_item {
      height: 240px;
      z-index: 2;
      position: relative;
      width: 120px;
      text-align: center;
      float: left;
      padding: 5px;
  }
  
  .member_family_item {
      height: 240px;
      position: relative;
      z-index: 2;
      width: 120px;
      text-align: center;
      float: left;
      padding: 5px;
      margin-left: 20px;
  }
  
  #add_normal {
      cursor: pointer;
      border: 1px solid;
      padding: 10px;
      text-align: center;
      width: 90px;
  }
  
  .gender_male {
      background: #37bee2;
  }
  
  .gender_female {
      background: #ff8d8d;
  }
  
  .isDead {
      background: #bababa;
  }
  
  .gender_male.isDead {
      background: black;
  }
  
  .family_item_thumb {
      height: 110px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      background: white;
  }
  
  .family_item_thumb img {
      position: absolute;
      top: -100px;
      bottom: -100px;
      margin: auto;
      left: 0;
      right: 0;
      display: block;
      max-height: 100%;
  }
  
  .has_member_0 .head_family_item {
      float: none;
      margin: 0 auto;
  }
  
  .family_item_wrapper {
      position: relative;
  }
  
  .hori_line {
      position: absolute;
      height: 2px;
      width: 38.5%;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #034694;
      left: 0;
      right: 0;
  }
  
  .vert_line {
      display: none;
      position: absolute;
      height: 100%;
      width: 2px;
      top: 0;
      margin: auto;
      background: #034694;
      left: -1px;
      right: 0;
  }
  
  .has_children0 .vert_line {
      height: 50%;
  }
  
  .has_member_0 .hori_line {
      display: none;
  }
  
  .family_item_info {
      background: white;
      padding: 5px;
      margin-top: 5px;
      height: 115px;
  }
  
  .family_item_wrapper.has_member_1 {
      margin-left: 270px;
  }
  
  .family_item_wrapper.has_member_2 {
      margin-left: 270px;
      width: 430px;
  }
  
  .family_item_wrapper.has_member_3 {
      margin-left: 270px;
      width: 585px;
  }
  
  .family_item_wrapper.has_member_3 .hori_line {
      width: 60%;
  }
  
  input[type=range].vertical {
      writing-mode: bt-lr;
      -webkit-appearance: initial;
      width: 200px;
      height: 0px;
      padding: 0 5px;
      margin-bottom: 10px;
      margin-top: 100px;
      transform: rotate(90deg);
      margin-left: -100px;
  }
  
  .small_map_wrapper {
      position: relative;
      height: 100%;
      width: 100%;
  }
  
  .small_map_wrapper .family_item_info {
      display: none;
  }
  
  .small_map_wrapper .family_item_thumb {
      display: none;
  }
  
  .small_map_wrapper .family_item {
      pointer-events: none;
  }
  
  #small_map {
      z-index: 9;
      width: 300px;
      position: absolute;
      right: 25px;
      top: 10px;
      background: #f7fbfc;
      border-radius: 10px;
      border: 1px solid #b4dae3;
      overflow: hidden;
      display: none;
  }
  
  #map_handler {
      background: rgba(154, 182, 212, 0.4);
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
  }
  
  .tree_control_panel {
      position: absolute;
      z-index: 9;
      height: 395px;
      width: 15px;
      /*background: rgba(159, 208, 219,0.3);*/
      border-radius: 10px;
      top: 175px;
      padding-left: 10px;
      padding-top: 12px;
      right: 15px;
      display: none;
  }
  
  .tree_control_panel_wrapper {
      position: relative;
      height: 380px;
  }
  
  .tree_control_panel_wrapper .zoom-in {
      background: url('../images/newTree/zoom-in.png');
      width: 32px;
      height: 34px;
      cursor: pointer;
      bottom: 0;
      position: absolute;
      right: 33px;
  }
  
  .tree_control_panel_wrapper .zoom-out {
      background: url('../images/newTree/zoom-out.png');
      width: 32px;
      height: 34px;
      cursor: pointer;
      top: 98px;
      position: absolute;
      right: 33px;
  }
  
  input[type=range].vertical.zoom-range {
      margin-right: -97px;
      margin-left: 0;
      transform: rotate(270deg);
      -moz-transform: rotate(270deg);
  }
  
  .tree_control_panel_wrapper .zoom-range {
      position: absolute;
      top: 137px;
      right: 43px;
  }
  
  .tree_control_panel_wrapper .zoom-self {
      position: absolute;
      top: 40px;
      right: 25px;
      background: url('../images/newTree/zoom-self.png');
      width: 46px;
      height: 45px;
      cursor: pointer;
  }
  
  .tree_control_panel_wrapper .zoom-up {
      position: absolute;
      top: 0px;
      right: 38px;
      background: url('../images/newTree/zoom-up.png');
      width: 19px;
      height: 16px;
      cursor: pointer;
      display: none;
  }
  
  .tree_control_panel_wrapper .zoom-down {
      position: absolute;
      top: 77px;
      right: 38px;
      background: url('../images/newTree/zoom-down.png');
      width: 19px;
      height: 16px;
      cursor: pointer;
      display: none;
  }
  
  .tree_control_panel_wrapper .zoom-left {
      position: absolute;
      top: 35px;
      right: 0px;
      background: url('../images/newTree/zoom-left.png');
      width: 16px;
      height: 19px;
      cursor: pointer;
      display: none;
  }
  
  .tree_control_panel_wrapper .zoom-right {
      position: absolute;
      top: 35px;
      right: 78px;
      background: url('../images/newTree/zoom-right.png');
      width: 16px;
      height: 19px;
      cursor: pointer;
      display: none;
  }
  
  .family_item_bDay {
      background: url('../images/newTree/bday.png') no-repeat 25px 50%;
      font-size: 12px;
      margin-top: 5px;
      padding-left: 15px;
  }
  
  .family_item_dDay {
      background: url('../images/newTree/dday.png') no-repeat 25px 50%;
      padding-left: 15px;
      font-size: 12px;
      margin-top: 5px;
  }
  
  .family_item_info {
      position: relative;
  }
  
  .family_item_info .add_member {
      position: absolute;
      bottom: -15px;
      left: 0px;
      right: 0;
      margin: auto;
      width: 27px;
      height: 27px;
      cursor: pointer;
      background: url('../images/newTree/familytree_btn_add.png') no-repeat;
  }
  
  .r_row_val {
      width: 250px;
      float: left;
  }
  
  #popup_profile .r_row .r_row_lbl {
      float: left;
      margin-right: 10px;
      text-align: right;
  }
  
  #add_mem_panel {
      width: 850px;
      height: 750px;
      position: relative;
  }
  
  #add_mem_panel .add_ancestor_brosis {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      bottom: 20%;
      left: 0;
      font-size: 12px;
      margin: auto;
  }
  
  #add_mem_panel .add_brosis {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      top: 20%;
      left: 0;
      margin: auto;
  }
  
  #add_mem_panel .add_ancestor_child {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      bottom: 10px;
      left: 30%;
      right: 0;
      margin: auto;
  }
  
  #add_mem_panel .add_child {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 30%;
      margin: auto;
  }
  
  #add_mem_panel .member_family_item {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
      bottom: 0;
  }
  
  #add_mem_panel .add_parent {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      top: 10px;
      left: 30%;
      right: 0;
      margin: auto;
  }
  
  #add_mem_panel .add_ancestor_parent {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      top: 10px;
      left: 0;
      right: 30%;
      margin: auto;
  }
  
  #add_mem_panel .add_marriage {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      bottom: 20%;
      right: 10px;
      margin: auto;
  }
  
  #add_mem_panel .add_ancestor_marriage {
      width: 100px;
      height: 160px;
      text-align: center;
      position: absolute;
      top: 20%;
      right: 10px;
      margin: auto;
  }
  
  .addm_btn span {
      display: block;
      padding-top: 5px;
  }
  
  .addm_btn {
      cursor: pointer;
      background: #034694;
      color: white;
      padding: 5px;
      line-height: 20px;
      padding-top: 5px;
      z-index: 9;
  }
  
  #popup_profile {
      padding: 25px;
      background: white;
  }
  
  .cen_hori_line {
      height: 2px;
      background: #034694;
      width: 85%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  .cen_vert_t_line {
      width: 2px;
      background: #034694;
      height: 30%;
      position: absolute;
      bottom: 43%;
      top: 0;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  .cen_vert_b_line {
      width: 2px;
      background: #034694;
      height: 30%;
      position: absolute;
      top: 43%;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  .l_vert_line {
      width: 2px;
      background: #034694;
      height: 30%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 62px;
  }
  
  .r_vert_line {
      width: 2px;
      background: #034694;
      height: 30%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 62px;
  }
  
  .t_hori_line {
      height: 2px;
      background: #034694;
      width: 30%;
      position: absolute;
      top: 100px;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  .b_hori_line {
      height: 2px;
      background: #034694;
      width: 30%;
      position: absolute;
      bottom: 100px;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  div.breadcrumbs {
      float: none;
      position: static;
      width: 1170px;
      margin: 0 auto;
      font-size: 15px;
  }
  
  #bb_wrapper a {
      color: white;
      /*  */
      color: black;
  }
  
  #bb_wrapper a:hover {
      color: #034694;
  }
  
  #bb_wrapper {
      background: #9FD0DB;
      padding: 7px 0;
      /*     color: white; */
      color: black;
  }
  
  div.breadcrumbs span {
      font-weight: normal;
      color: #034694;
  }
  
  #search_tree {
      float: right;
      width: 200px;
      border-radius: 20px;
      border: 0;
      color: #034694;
      padding-left: 35px;
  }
  
   ::-webkit-input-placeholder {
      /* Chrome */
      color: #034694;
  }
  
   :-ms-input-placeholder {
      /* IE 10+ */
      color: #034694;
  }
  
   ::-moz-placeholder {
      /* Firefox 19+ */
      color: #034694;
      opacity: 1;
  }
  
   :-moz-placeholder {
      /* Firefox 4 - 18 */
      color: #034694;
      opacity: 1;
  }
  
  .tree_search_icon {
      background: url('../images/newTree/familytree_btn_search.png') no-repeat;
      width: 17px;
      height: 17px;
      cursor: pointer;
      position: absolute;
      right: 220px;
      top: 20px;
  }
  
  .tree_search_row {
      position: relative;
      padding: 10px 0 0;
  }
  
  .head_target {
      background: #ffd600 !important;
  }
  
  .search_target {
      background: #70ff58 !important;
  }
  
  .edit_tree_item {
      position: absolute;
      right: 0;
      bottom: 0;
      cursor: pointer;
      background: url('../images/newTree/familytree_btn_edit.png') no-repeat;
      width: 27px;
      height: 27px;
      z-index: 2;
  }
  
  #add_empty_ancestor {
      position: absolute;
      top: 145px;
      width: 285px;
      font-size: 100px;
      border: 2px dashed;
      color: #034694;
      text-align: center;
      cursor: pointer;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 99;
  }
  
  #search_count {
      position: absolute;
      right: 10px;
      top: 21px;
      font-size: 12px;
  }
  
  #tree_to_aws_link {
      float: right;
      margin-left: 10px;
      display: none;
  }
  
  #tree_to_aws_link.active {
      display: inline-block;
  }
  
  .operDiv,
  .family {
      overflow: hidden;
  }
  
  .original_tag {
      display: none;
  }
  
  #page.loading {
      position: relative;
  }
  
  #page.loading:before {
      content: '';
      width: 100%;
      height: 100%;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.3);
      display: block;
      z-index: 99;
      position: absolute;
      background-image: url("../images/loading_icon.gif");
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  #content #grid_list_container .grid_link_grid {
      width: 24%;
      margin-left: 0.5%;
      margin-right: 0.5%;
  }
  
  .lang_switch {
      float: right;
      width: 50px;
      padding-left: 24px;
      background: url(../images/lang_switch.png) no-repeat 0 50%;
      background-size: 24px;
      padding-top: 6px;
      margin-left: 10px;
  }
  
  .lang_switch select {
      background: none;
      border: 0;
  }
  
  @media screen and (max-width: 768px) {
      .anws_as_thumb_multiple_container_9_12 .ancestor-name {
          line-height: 12px;
      }
      .lunar_word {
          margin-top: 0px;
      }
  }
  
  #footer {
      text-align: left;
  }
  
  #footer .wechat_popup {
      display: none;
      width: 240px;
      height: 301px;
      padding: 10px;
      border: 3px solid #d8d8d8;
      background: #fff;
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 11001;
      margin: -150px 0 0 -130px;
      _position: absolute;
      border-radius: 10px;
  }
  
  #footer .wechat_popup .wechat_popup_close {
      font-weight: bold;
      width: 5%;
      float: right;
      cursor: pointer;
      font-size: 1.2em;
  }
  
  #footer .wechat_popup .qrcode_description {
      color: #2520bb;
      text-align: center;
  }
  
  #footer .sitemap_social {
      width: 100%;
      clear: both;
      padding: 0;
      margin: 0 auto;
  }
  
  #footer .sitemap_social div {
      padding: 0;
  }
  
  #footer .social_block {
      text-align: right;
      display: inline-block;
      width: 50%;
      margin: 0 0 auto auto;
      vertical-align: top;
      float: right;
  }
  
  #footer .sitemap_block {
      width: 50%;
      display: inline-block;
      float: left;
  }
  
  #footer .social_block .social_icon {
      display: inline-block;
      width: 25%;
  }
  
  #footer .social_block .social_icon.facebook {
      width: 8.5%;
  }
  
  #footer .social_block .social_icon.wechat {
      width: 8.5%;
      cursor: pointer;
  }
  
  #footer .social_block .social_icon a {
      border: none;
      display: inline-block;
      width: 100%;
  }
  
  #footer .social_block .social_icon img {
      width: 100%;
      max-width: 100%;
  }
  
  #footer .social_block .social_icon .wechat_icon_container {
      /* width: 46%; */
  }
  
  #footer .social_block .social_icon img.android {
      /* width:125px; */
      /* float:right; */
      /* margin-right:30px; */
  }
  
  #footer .social_block .social_icon img.ios {
      /* width:125px; */
      /* float:right; */
      /* margin-right:15px; */
  }
  
  #footer .social_block .social_icon img.facebook {}
  
  #reg_form .reg_pg {
      display: none;
  }
  
  #reg_form .reg_pg.active,
  #reg_form .reg_pg.sms {
      display: block;
  }
  
  #reg_form .reg_pg .alternative_reg_method_block {
      text-align: center;
  }
  
  #reg_form .reg_pg a.use_email_registration,
  #reg_form .reg_pg a.use_sms_registration {
      cursor: pointer;
      display: inline-block;
      margin: 0 auto;
      color: #034694;
      font-weight: bold;
      text-decoration: none;
  }
  
  #reg_form .reg_pg .next_step_sms_block {
      clear: both;
      margin-top: 2em;
  }
  
  #reg_form .reg_pg .inputLabel.sms_password_hint {
      text-align: left;
      font-size: 0.8em;
      margin: 0 auto;
      float: none;
      width: 25%;
      font-style: italic;
      color: #801313;
  }
  
  #reg_form .reg_pg.sms select#mobile_number_prefix {
      width: 15%;
      height: 30px;
  }
  
  #reg_form .reg_pg.sms #sms_mobile_number {
      width: 15%;
  }
  
  #reg_form .reg_pg .section_sub_title {
      font-weight: bold;
      font-size: 1.5em;
      color: #034694;
  }
  
  #reg_form .reg_pg.sms.step_one {
      display: block;
  }
  
  #reg_form .reg_pg.sms.step_two {
      display: none;
  }
  
  #reg_form .reg_pg .errorMessage.sms {
      clear: both;
  }
  
  .m5px_wrapper.video {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      margin: 0;
  }
  
  .m5px_wrapper.video iframe.embedded_video,
  .m5px_wrapper.video .tecentPlayer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .event_create_page a.small_button {
      width: 100% !important;
  }
  
  .row.center-block .g-recaptcha {
      margin: 0 auto;
      text-align: center;
  }
  
  .row.center-block .g-recaptcha div {
      display: inline-block;
      width: 50% !important;
  }
  
  .stat_content .terms_of_service_body_container,
  .stat_content .privacy_policy_body_container {
      text-align: justify;
  }
  /*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body#page,
.main,
.main>.container,
#content,
#top>.container,
body#page .main .container {
  min-width: 1024px !important;
}
}
*/
  
  .stat_content.tutorial a.popupYouku,
  .stat_content.tutorial a.popupYoutube,
  .stat_content.tutorial a.popupTudou,
  .stat_content.tutorial a.popupQQ {
      /* display: none; */
  }
  
  .main .container.aboutUs .public_detail_row video {
      width: 100%;
  }