.table thead tr td, .table thead tr th, .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th {
  vertical-align: middle; }

.dataTables_wrapper .table tbody tr td:last-of-type .btn {
  margin-top: 3px;
  margin-bottom: 3px; }

.radio-text {
  display: inline;
  vertical-align: -webkit-baseline-middle; }

.rect_bg_image {
  height: 0px;
  padding-bottom: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.warning_color {
  color: #d64635; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

.align_center {
  text-align: center; }

.date_picker_container {
  width: 120px; }

.line_height_34 {
  line-height: 34px; }

.margin_0 {
  margin: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }

.margin_top_40 {
  margin-top: 40px; }

.margin_top_10 {
  margin-top: 10px; }

.margin_top_6 {
  margin-top: 6px; }

.margin_right_10 {
  margin-right: 10px; }

.margin_left_10 {
  margin-left: 10px; }

.margin_right_30 {
  margin-right: 30px; }

.margin_left_30 {
  margin-left: 30px; }

c-margin-t-10 {
  margin-top: 10px !important; }

.tooltip-inner {
  white-space: pre-wrap;
  text-align: left; }

.grid_small_space {
  padding-left: 5px;
  padding-right: 5px; }
  .grid_small_space .light_gray_border {
    border: 1px solid #eee; }

.list_style_btns.btn > i.fa {
  margin-right: 0px; }

.progress {
  height: 30px;
  border-radius: 15px;
  background-color: #dcdcdc;
  margin: 20px; }
  .progress .progress-bar {
    height: 30px; }
    .progress .progress-bar span {
      line-height: 30px;
      font-size: 16px; }
    .progress .progress-bar.progress-bar-success.yet {
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px; }
    .progress .progress-bar.progress-bar-yet {
      background-color: #dcdcdc;
      color: white; }

.progress-circle {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #5dc09c;
  border: 4px solid white;
  float: right; }

.s-title {
  font-size: 24px;
  text-align: center;
  color: #32c5d2;
  background-color: #32c5d2;
  margin: 20px;
  margin-top: 20px;
  height: 2px; }
  .s-title span {
    top: -20px;
    position: relative;
    background-color: white; }

.row-tracking {
  float: right; }

.c-btn-link {
  padding: 0px 10px;
  margin-right: 20px; }

.bg-blue-aliceblue {
  background-color: #f0f8ff; }

.fancybox-opened {
  z-index: 10300; }

.pagination-li {
  position: relative;
  z-index: 10;
  background-color: #fff; }

.c-content-store .c-label {
  display: inline-block;
  position: absolute;
  z-index: 9;
  bottom: 0px;
  right: 0px; }

.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > a {
  font-size: 14px; }

.no-border {
  border-width: 0px; }

.read .read_item {
  display: block; }
.read .unread_item {
  display: none; }

.unread .read_item {
  display: none; }
.unread .unread_item {
  display: block; }

@media (max-width: 991px) {
  .c-layout-footer-7 .c-head .c-right {
    margin-top: 0px; } }
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left; }

  .text-right-xs {
    text-align: right; } }
@keyframes v_rotate360 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(360deg); } }
.animate_v_rotate360:hover .animate_target {
  transform: rotateX(360deg);
  transition-duration: 0.4s; }

.hover_zoom {
  transition: 0.3s;
  transform: scale(1, 1); }
  .hover_zoom:hover {
    transition: 0.3s;
    transform: scale(1.2, 1.2); }

.animate_gray_to_color {
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  filter: grayscale(100%);
  transition-duration: 0.8s; }
  .animate_gray_to_color:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition-duration: 0.8s; }

.slide_carousel {
  position: relative;
  background: linear-gradient(to bottom, #1e5799 0%, #2989d8 60%, #207cca 51%, #7db9e8 100%); }
  .slide_carousel .slide_pagination {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 100; }
    .slide_carousel .slide_pagination .slide_pagination_btn {
      background-color: #ccc;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px;
      box-shadow: 2px 2px 2px;
      cursor: pointer; }
      .slide_carousel .slide_pagination .slide_pagination_btn.active, .slide_carousel .slide_pagination .slide_pagination_btn:hover {
        background-color: #0000ff; }
  .slide_carousel .slide_container {
    z-index: 0; }
    .slide_carousel .slide_container .slide_item {
      position: absolute;
      height: 10%;
      transition-duration: 0.6s;
      transition-timing-function: ease-in;
      margin: auto;
      top: 0px;
      bottom: 0px;
      cursor: pointer; }
      .slide_carousel .slide_container .slide_item.hidden_prev {
        left: 0%;
        width: 10%;
        height: 20%;
        opacity: 0;
        z-index: 7; }
      .slide_carousel .slide_container .slide_item.prev2 {
        left: 5%;
        width: 30%;
        height: 40%;
        opacity: 0.5;
        z-index: 8; }
      .slide_carousel .slide_container .slide_item.prev {
        left: 10%;
        width: 45%;
        height: 60%;
        opacity: 1;
        z-index: 9; }
      .slide_carousel .slide_container .slide_item.active {
        left: 20%;
        width: 60%;
        height: 80%;
        opacity: 1;
        z-index: 10; }
      .slide_carousel .slide_container .slide_item.next {
        left: 45%;
        width: 45%;
        height: 60%;
        opacity: 1;
        z-index: 9; }
      .slide_carousel .slide_container .slide_item.next2 {
        left: 65%;
        width: 30%;
        height: 40%;
        opacity: 0.5;
        z-index: 8; }
      .slide_carousel .slide_container .slide_item.hidden_next {
        left: 90%;
        width: 10%;
        height: 20%;
        opacity: 0;
        z-index: 7; }
      .slide_carousel .slide_container .slide_item img {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0; }

/*#7761fa*/
/*#7761fa*/
/*#7761fa*/
/*#cba0ff*/
.input-warning {
  color: #f0ad4e; }

/*
::-webkit-scrollbar { 
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin:0px 0 5px 0;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgb(219,219,219);
}
*/
html, body {
  font-size: 16px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  /*height: 100%;
  min-height: 650px; 
  */
  color: #646464;
  /*background: url('../images/img_ks_web_bg.png');*/
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  -webkit-overflow-scrolling: touch; }

.container-fluid {
  padding: 0; }

.c-layout-breadcrumbs-1 .c-page-breadcrumbs {
  padding-left: 15px; }

.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li, .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a {
  color: #ff8383;
  vertical-align: middle; }

.info_modal .modal-dialog .modal-content .modal-header .modal-audio .player-play {
  background-image: url("../images/btn_play_s.png");
  background-repeat: no-repeat;
  width: 28px;
  height: 28px; }
.info_modal .modal-dialog .modal-content .modal-header .modal-audio .player-pause {
  background-image: url("../images/btn_pause_s.png");
  background-repeat: no-repeat;
  width: 28px;
  height: 28px; }
.info_modal .modal-dialog .modal-content .modal-body {
  line-height: 30px; }
  .info_modal .modal-dialog .modal-content .modal-body img {
    padding: 10px 0; }
  .info_modal .modal-dialog .modal-content .modal-body .religion_panel .info_panel {
    box-shadow: 0px 8px 8px 2px #00000000;
    padding: 0;
    height: auto; }

#share_fb_link {
  color: white;
  background-color: #4267b2;
  padding: 3px;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
  width: 80px; }
  #share_fb_link .fa-facebook-square {
    font-size: 25px;
    padding-left: 3px; }

#share_line_link {
  cursor: pointer; }

.main-page {
  margin-top: 60px;
  margin-bottom: 0px; }

.main {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .main .site-info {
    padding: 20px; }
    .main .site-info ol {
      font-size: 20px;
      font-weight: 400;
      line-height: 35px;
      padding-left: 0px;
      counter-reset: item;
      content: counters(item,"."); }
    .main .site-info li {
      font-size: 18px;
      display: block; }
      .main .site-info li .sub {
        margin: 0px 0 10px 25px;
        font-weight: 300; }
      .main .site-info li a {
        color: #6a6a6a;
        padding-left: 10px; }
      .main .site-info li a:hover {
        color: #ff8383; }
    .main .site-info li:before {
      content: counters(item,"-") " ";
      counter-increment: item; }

.owl-carousel .owl-stage-outer {
  margin-top: 60px; }

.owl-theme .owl-dots {
  width: 100%;
  position: absolute;
  bottom: 15px; }
  .owl-theme .owl-dots .owl-dot {
    zoom: 2; }
    .owl-theme .owl-dots .owl-dot span {
      background: white;
      border: 1px solid #ff8383; }
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff8383;
    border: 1px solid white; }

#navbar {
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 0px; }

.nav-padding {
  margin-right: 0px;
  margin-top: 25px; }

.pagination {
  padding-left: 15px; }
  .pagination li a {
    color: black; }
  .pagination li a:hover {
    color: #ff8383; }
  .pagination li a.active {
    color: #ff8383;
    font-weight: 600; }

.page-header.navbar {
  width: 100%;
  margin: 0;
  border: 0px;
  filter: none;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background-color: #ff8383;
  z-index: 999; }
  .page-header.navbar .top-menu {
    margin: 0;
    padding: 0;
    padding-top: 5px; }
    .page-header.navbar .top-menu .top-logo {
      width: 100%;
      margin-bottom: -5px; }
      .page-header.navbar .top-menu .top-logo img {
        padding-right: 5px; }
      .page-header.navbar .top-menu .top-logo .str-hello {
        font-size: 20px;
        margin-top: -5px;
        color: #fff; }
    .page-header.navbar .top-menu ul li :hover {
      cursor: pointer;
      background: transparent; }
    .page-header.navbar .top-menu .lang-str {
      font-size: 16px;
      color: #fff; }

.page-sidebar-web {
  color: white;
  position: fixed;
  width: calc(100% / 12 * 2 + 10px); }
  .page-sidebar-web .page-side-menu {
    width: 100%; }
    .page-sidebar-web .page-side-menu .str-hello {
      font-size: 18px;
      text-align: center;
      padding-bottom: 25px; }
    .page-sidebar-web .page-side-menu .side-menu {
      display: inline-grid;
      width: 100%; }
      .page-sidebar-web .page-side-menu .side-menu .menu-selected {
        background-color: white;
        color: #ff8383; }
      .page-sidebar-web .page-side-menu .side-menu a {
        color: white;
        font-size: 22px;
        padding: 5px calc(100% / 8);
        margin: 3px;
        text-indent: calc(100% / 5); }
      .page-sidebar-web .page-side-menu .side-menu a:hover {
        color: #ff8383; }
      .page-sidebar-web .page-side-menu .side-menu .submenu {
        display: inline-grid;
        padding: 10px calc(100% / 8);
        text-indent: calc(100% / 5); }
        .page-sidebar-web .page-side-menu .side-menu .submenu .subtitle {
          font-size: 12px; }
        .page-sidebar-web .page-side-menu .side-menu .submenu a {
          margin: 0px; }

.page-sidebar-website {
  font-size: 18px;
  color: black;
  background-color: #ff8383;
  height: 60px; }
  .page-sidebar-website .page-side-menu {
    background-color: white;
    text-align: center;
    font-weight: 400;
    height: 60px;
    border-bottom: 1px solid #f1f1f1; }
    .page-sidebar-website .page-side-menu .navbar-nav li a {
      height: 60px;
      padding: 20px 40px;
      color: black; }
      .page-sidebar-website .page-side-menu .navbar-nav li a .logout {
        font-size: 14px; }
    .page-sidebar-website .page-side-menu .navbar-nav li a:hover {
      color: #ff8383 !important;
      cursor: pointer;
      background-color: white; }
      .page-sidebar-website .page-side-menu .navbar-nav li a:hover span {
        color: #ff8383;
        text-shadow: 0 0 0.2em #e3e3e3; }
    .page-sidebar-website .page-side-menu .navbar-nav li .btn-logout {
      margin-top: -5px;
      border: 1px solid #e3e3e3; }
    .page-sidebar-website .page-side-menu .navbar-nav li:hover {
      background-color: white;
      color: #ff8383; }
    .page-sidebar-website .page-side-menu .str-hello {
      font-weight: 400;
      color: #ff8383; }
    .page-sidebar-website .page-side-menu .side-menu {
      padding: 30px; }
      .page-sidebar-website .page-side-menu .side-menu .menu-selected {
        background-color: #ff8383;
        color: white; }
      .page-sidebar-website .page-side-menu .side-menu a {
        color: black;
        font-size: 20px;
        padding: 5px calc(100% / 20);
        margin: 5px 0; }
      .page-sidebar-website .page-side-menu .side-menu a:hover {
        color: #cba0ff; }
      .page-sidebar-website .page-side-menu .side-menu .submenu {
        display: inline-grid;
        padding: 10px calc(100% / 8); }
        .page-sidebar-website .page-side-menu .side-menu .submenu .subtitle {
          font-size: 22px; }
        .page-sidebar-website .page-side-menu .side-menu .submenu a {
          font-size: 18px;
          padding: 10px 0px;
          text-indent: 15%;
          list-style: circle; }
        .page-sidebar-website .page-side-menu .side-menu .submenu a.menu-selected {
          list-style: inherit; }
        .page-sidebar-website .page-side-menu .side-menu .submenu li {
          font-weight: 300;
          font-size: 14px; }
          .page-sidebar-website .page-side-menu .side-menu .submenu li span {
            font-size: 18px;
            position: relative;
            left: -10px; }

.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
  list-style: none;
  display: block;
  border: 0px;
  font-size: 22px;
  font-weight: 200;
  text-align: left;
  padding: 10px 15px;
  margin: 3px; }
  .page-sidebar .page-sidebar-menu .menu-selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .menu-selected {
    color: #ff8383;
    background-color: white; }
    .page-sidebar .page-sidebar-menu .menu-selected a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .menu-selected a {
      color: #ff8383; }
  .page-sidebar .page-sidebar-menu .str-hello, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .str-hello {
    font-size: 20px;
    text-align: center;
    padding-bottom: 25px; }
  .page-sidebar .page-sidebar-menu a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu a {
    color: #fff; }
    .page-sidebar .page-sidebar-menu a :hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu a :hover {
      color: #000; }
  .page-sidebar .page-sidebar-menu a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu a:hover {
    color: #ff8383; }
  .page-sidebar .page-sidebar-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li {
    padding: 5px; }
    .page-sidebar .page-sidebar-menu li .subtitle, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .subtitle {
      font-size: 14px;
      color: white; }
    .page-sidebar .page-sidebar-menu li #submenu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li #submenu {
      list-style: none;
      padding: 10px;
      line-height: 40px; }

.header-front {
  line-height: 50px;
  padding: 0px 25px; }
  .header-front .header-menu {
    font-size: 16px;
    color: #fff; }
  .header-front .logout {
    padding: 11px 15px; }
  .header-front .bar-menu {
    font-size: 18px;
    text-align: center; }
  .header-front .header-logo {
    height: 50px;
    padding: 5px 0px; }

.padding-header {
  padding-top: 40px; }

.padding-top {
  padding-top: 60px; }

.padding-10 {
  padding: 10px; }

.c-bg-white {
  background-color: #fff; }

.c-border {
  border: 1px solid #e7e7e7; }

.sidenav {
  height: 100%;
  position: fixed;
  z-index: 1;
  overflow-x: hidden; }

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block; }

.sidenav a:hover {
  color: #f1f1f1; }

.alert-block {
  padding-top: 100px;
  text-align: center;
  line-height: 40px; }
  .alert-block .content {
    font-size: 20px; }

.main-banner {
  padding: 0px 25px; }

.main-page-adjust {
  margin: 30px 0; }

.main {
  padding: 0px 30px; }
  .main .religion {
    display: none; }
  .main .religion-content {
    line-height: 25px;
    margin-left: 15px;
    margin-bottom: 5px;
    width: calc(100% - 30px);
    background: white; }
    .main .religion-content .maparea {
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
      overflow-x: auto;
      background-color: #eeeae7;
      margin-left: 0px;
      margin-right: 0px; }
  .main .flow-block {
    padding: 15px; }
    .main .flow-block .content {
      padding: 10px 20px;
      line-height: 30px; }
  .main .vertical-align {
    display: flex;
    align-items: center; }
  .main .trafficinfo-block .content {
    margin: 10px 0px;
    padding: 10px;
    border-radius: 10px;
    background: white;
    height: 135px;
    border: 1px solid #cdcdcd;
    box-shadow: 4px 4px 4px #00000052; }
    .main .trafficinfo-block .content .img-panel {
      width: 100%;
      height: 100px; }
    .main .trafficinfo-block .content .img-radius {
      border-radius: 5px;
      height: 100%; }
    .main .trafficinfo-block .content .title {
      font-weight: 500;
      position: absolute;
      right: 30px;
      bottom: 15px; }
    .main .trafficinfo-block .content .title-bg {
      height: 0;
      width: 80px;
      border-left: 15px solid transparent;
      border-bottom: 30px solid #FFF;
      position: absolute;
      right: 25px;
      bottom: 11px; }
  .main .religion_img_panel {
    width: 100%;
    height: 350px; }
    .main .religion_img_panel .favorate_list {
      position: absolute;
      z-index: 99;
      bottom: 0px;
      width: 100%;
      margin-left: 15px;
      padding-right: 60px; }
      .main .religion_img_panel .favorate_list .area-line {
        color: white;
        padding: 15px;
        font-size: 22px;
        font-weight: 200;
        background-repeat: repeat-x;
        background: -webkit-linear-gradient(bottom, #000, #00000000);
        background: -o-linear-gradient(top, #000, #00000000);
        background: -moz-linear-gradient(top, #000, #00000000);
        background: linear-gradient(to top, #000, #00000000); }
        .main .religion_img_panel .favorate_list .area-line span {
          font-size: 30px;
          font-weight: 500; }
        .main .religion_img_panel .favorate_list .area-line .fav {
          float: right;
          padding-top: 15px;
          text-align: right; }
      .main .religion_img_panel .favorate_list .icon-line {
        padding: 10px 35px 10px 0px;
        background: black;
        height: 60px;
        text-align: center; }
  .main .triplist-block:hover {
    border: 1px solid #ff8383;
    box-shadow: 0px 0px 3px 1px #ff8383; }
  .main .triplist-block {
    border: 1px solid #e3e3e3;
    height: 250px;
    margin: 10px 0;
    padding: 10px; }
    .main .triplist-block .img-radius {
      border-radius: 5px; }
    .main .triplist-block .title {
      font-size: 28px;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 50px; }
    .main .triplist-block .title-bg {
      height: 0;
      width: 140px;
      border-left: 15px solid transparent;
      border-bottom: 30px solid #FFF;
      position: absolute;
      right: 25px;
      bottom: 20px; }
    .main .triplist-block .sub-block {
      height: 40px;
      line-height: 40px;
      overflow-x: auto;
      overflow-y: hidden; }
      .main .triplist-block .sub-block .sub-title {
        font-size: 20px;
        font-weight: 400;
        float: left;
        padding-left: 5px; }
      .main .triplist-block .sub-block .sub-more {
        display: inline-flex;
        font-size: 18px;
        padding-right: 10px;
        float: right; }
        .main .triplist-block .sub-block .sub-more a {
          color: #ff8383; }
        .main .triplist-block .sub-block .sub-more a:hover {
          text-shadow: 0 0 0.2em #e3e3e3; }
    .main .triplist-block .edit-block {
      display: inline-flex;
      padding: 5px;
      width: 100%; }
      .main .triplist-block .edit-block .edit-title {
        width: 50%;
        font-weight: 500; }
      .main .triplist-block .edit-block .btn-block {
        width: 50%;
        text-align: right; }
        .main .triplist-block .edit-block .btn-block label {
          padding: 5px;
          cursor: pointer; }
    .main .triplist-block .bg-img {
      height: 28vh; }
  .main .mytrip-block {
    height: 40vh;
    margin: 10px 0; }
    .main .mytrip-block .img-radius {
      border-radius: 5px; }
    .main .mytrip-block .title {
      font-size: 28px;
      font-weight: 500; }
    .main .mytrip-block .title-bg {
      height: 0;
      width: 140px;
      border-left: 15px solid transparent;
      border-bottom: 30px solid #FFF;
      position: absolute;
      right: 25px;
      bottom: 20px; }
    .main .mytrip-block .sub-block {
      padding-top: 10px;
      height: 40px;
      line-height: 40px; }
      .main .mytrip-block .sub-block .sub-title {
        font-size: 20px;
        font-weight: 400;
        float: left;
        padding-left: 5px; }
      .main .mytrip-block .sub-block .sub-more {
        float: right;
        padding-right: 5px; }
    .main .mytrip-block .btn-block {
      position: absolute;
      top: 25vh;
      padding: 10px;
      color: white;
      font-size: 26px; }
      .main .mytrip-block .btn-block .fa {
        padding: 5px;
        cursor: pointer; }
    .main .mytrip-block .edit-block {
      padding: 5px 0; }
      .main .mytrip-block .edit-block .edit-title {
        font-size: 22px;
        font-weight: 500;
        word-break: break-all; }
    .main .mytrip-block .bg-img {
      height: 30vh;
      border: 1px solid #e3e3e3; }
    .main .mytrip-block .bg-img:hover {
      border: 1px solid #ff8383;
      box-shadow: 0px 0px 3px 1px #ff8383; }
  .main .mastertrip-block {
    height: 40vh;
    margin: 10px 0; }
    .main .mastertrip-block .master-img {
      height: 30vh;
      border: 1px solid #e3e3e3; }
    .main .mastertrip-block .master-img:hover {
      border: 1px solid #ff8383;
      box-shadow: 0px 0px 3px 1px #ff8383; }
    .main .mastertrip-block .master-block {
      width: 100%;
      display: inline-flex;
      margin-top: calc(-5vh);
      padding: 0 10px;
      font-size: 25px;
      color: white;
      cursor: pointer;
      text-shadow: gray 0.1em 0.1em 0.1em; }
      .main .mastertrip-block .master-block .like {
        font-weight: 500;
        width: 50%; }
        .main .mastertrip-block .master-block .like i {
          color: grey; }
      .main .mastertrip-block .master-block .active i {
        color: red; }
      .main .mastertrip-block .master-block .share {
        width: 50%;
        text-align: right;
        padding-top: 10px; }
    .main .mastertrip-block .master-title {
      font-size: 22px;
      font-weight: 500;
      word-break: break-all;
      padding: 5px 0; }
    .main .mastertrip-block .points {
      font-size: 16px;
      font-weight: 400; }
  .main .trip-day {
    width: 100%;
    height: 65px;
    margin: 5px 0; }
    .main .trip-day #dropday button span {
      color: #646464;
      font-size: 14px; }
    .main .trip-day .btn-day, .main .trip-day .btn-day-edit, .main .trip-day .btn-day-save, .main .trip-day .btn-day-cancel {
      padding: 5px 8px;
      border-radius: 20px;
      margin: 0px;
      border: 1px solid #ff8383;
      color: #ff8383;
      background-color: #fff; }
      .main .trip-day .btn-day i, .main .trip-day .btn-day-edit i, .main .trip-day .btn-day-save i, .main .trip-day .btn-day-cancel i {
        margin-right: 0; }
    .main .trip-day .btn-day.active {
      border: 1px solid #fff;
      color: #fff;
      background-color: #ff8383; }
    .main .trip-day .departure-time {
      line-height: 35px; }
      .main .trip-day .departure-time span {
        padding: 5px 0;
        color: #ff8383; }
      .main .trip-day .departure-time .time-picker {
        height: 30px;
        width: 65px;
        font-size: 16px;
        font-weight: 400;
        border: 0px solid #6a6a6a;
        border-bottom: 1px solid #6a6a6a;
        background-color: #f3f3f3; }
  .main .bg-block {
    padding: 20px; }
    .main .bg-block .trip-block {
      line-height: 25px;
      height: calc(100vh - 220px);
      overflow: auto;
      padding: 10px;
      margin-right: 0px;
      color: #999999;
      background-color: #f3f3f3; }
      .main .bg-block .trip-block .tc-block {
        margin: -10px -10px 10px -10px;
        height: 160px; }
        .main .bg-block .trip-block .tc-block .tc-title {
          position: relative;
          top: 105px;
          width: calc(100%);
          padding: 0 10px;
          overflow-x: auto;
          background-repeat: repeat-x;
          background: -webkit-linear-gradient(bottom, #00000099, #00000000);
          background: -o-linear-gradient(top, #00000099, #00000000);
          background: -moz-linear-gradient(top, #00000099, #00000000);
          background: linear-gradient(to top, #00000099, #00000000); }
          .main .bg-block .trip-block .tc-block .tc-title span {
            font-size: 18px;
            font-weight: 400;
            color: white; }
          .main .bg-block .trip-block .tc-block .tc-title .views-desc {
            float: right;
            text-align: right;
            font-size: 14px;
            font-weight: 300; }
          .main .bg-block .trip-block .tc-block .tc-title .img-camera {
            float: right;
            font-size: 22px;
            cursor: pointer; }
      .main .bg-block .trip-block .time-line {
        font-size: 14px;
        text-align: center;
        padding: 10px 0px;
        white-space: nowrap; }
        .main .bg-block .trip-block .time-line .icon-line {
          background-image: url("../images/icon/trip_icon_b.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          font-size: 12px;
          font-weight: 500;
          color: #ff8383;
          padding-bottom: 5px; }
      .main .bg-block .trip-block .splite-line {
        color: #999999;
        text-align: center;
        line-height: 40px; }
      .main .bg-block .trip-block .btn-point-add {
        width: 100%;
        text-align: center; }
        .main .bg-block .trip-block .btn-point-add .btn-day {
          padding: 5px 8px;
          border-radius: 20px;
          margin: 0px;
          border: 1px solid #ff8383;
          color: #ff8383;
          background-color: #fff; }
      .main .bg-block .trip-block .item-line {
        display: flex;
        padding: 10px;
        border-radius: 5px;
        color: #6a6a6a;
        background-color: #fff;
        box-shadow: 0px 2px 2px 1px #00000052; }
        .main .bg-block .trip-block .item-line .time {
          font-size: 14px; }
        .main .bg-block .trip-block .item-line .info {
          padding-left: 10px;
          white-space: nowrap;
          overflow: hidden; }
          .main .bg-block .trip-block .item-line .info .title {
            font-size: 16px;
            font-weight: 400;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .main .bg-block .trip-block .item-line .info .desc {
            font-size: 14px; }
          .main .bg-block .trip-block .item-line .info .stay {
            font-size: 14px;
            color: #ff8383; }
        .main .bg-block .trip-block .item-line .edit-trip {
          position: absolute;
          right: 25px;
          top: 60px; }
          .main .bg-block .trip-block .item-line .edit-trip label {
            cursor: pointer; }
        .main .bg-block .trip-block .item-line .fa-bars {
          position: absolute;
          right: 30px; }
      .main .bg-block .trip-block .traffic-line {
        padding: 15px;
        font-size: 14px; }
  .main .view-block {
    padding-bottom: 10px; }
    .main .view-block .search-block .col-lg-3, .main .view-block .search-block .col-sm-6, .main .view-block .search-block .col-sm-1 {
      display: inline-flex;
      padding: 0 5px; }
    .main .view-block .search-block label {
      width: 100px;
      padding: 5px 0;
      text-align: center; }
    .main .view-block .search-block .btn-search {
      height: 35px;
      margin: 0 5px;
      padding-top: 4px; }
  .main .traffic-block {
    padding-top: 30px;
    width: 100%; }
    .main .traffic-block .content {
      width: 100%;
      font-size: 18px;
      font-weight: 500;
      border: 1px solid #e7e7e7;
      padding: 15px; }
    .main .traffic-block .nearby-info {
      width: 100%;
      font-size: 18px;
      font-weight: 400;
      border: 1px solid #e7e7e7;
      text-align: center;
      cursor: pointer;
      margin-top: -20px; }
      .main .traffic-block .nearby-info .mode_list, .main .traffic-block .nearby-info .mode_map {
        border: 1px solid #f1f1f1;
        line-height: 40px; }
      .main .traffic-block .nearby-info .mode_list.active {
        background: #ff8383; }
      .main .traffic-block .nearby-info .mode_map.active {
        background: #f0ad4e; }
      .main .traffic-block .nearby-info .mode_list.active, .main .traffic-block .nearby-info .mode_map.active {
        color: #fff; }
      .main .traffic-block .nearby-info .mode_map:hover {
        background: #f0ad4e; }
      .main .traffic-block .nearby-info .mode_list:hover {
        background: #ff8383; }
    .main .traffic-block .map-block {
      width: 100%;
      display: inline-flex; }
      .main .traffic-block .map-block .btn-area {
        width: 100px;
        padding-top: 10px; }
        .main .traffic-block .map-block .btn-area .btn-side {
          height: 120px;
          padding: 35px 0px;
          text-align: center;
          cursor: pointer;
          border-top: 0px;
          border-left: 0px;
          border-right: 0px;
          border-bottom: 1px solid white;
          color: #cdcdcd;
          background-color: #f0ad4e; }
        .main .traffic-block .map-block .btn-area .active {
          color: white;
          font-weight: 600;
          background-color: #f0ad4e; }
        .main .traffic-block .map-block .btn-area a:hover {
          background-color: darkorange; }
      .main .traffic-block .map-block .map-area {
        width: 100%; }
      .main .traffic-block .map-block .map-list {
        padding-top: 10px;
        width: 100%; }
  .main .nearby-block {
    padding-top: 30px;
    width: 100%; }
    .main .nearby-block .map-block {
      width: 100%;
      display: inline-flex;
      margin: -10px 0px 0px 1px; }
      .main .nearby-block .map-block .btn-area {
        width: 100px;
        padding-top: 10px; }
        .main .nearby-block .map-block .btn-area .btn-side-nearby {
          height: 90px;
          padding: 25px 0px;
          text-align: center;
          cursor: pointer;
          border-top: 0px;
          border-left: 0px;
          border-right: 0px;
          border-bottom: 1px solid white;
          color: #cdcdcd;
          background-color: #f0ad4e; }
        .main .nearby-block .map-block .btn-area .active {
          color: white;
          font-weight: 600;
          background-color: #f0ad4e; }
        .main .nearby-block .map-block .btn-area a:hover {
          background-color: darkorange; }
      .main .nearby-block .map-block .map-area {
        width: 100%; }

.marker-content {
  width: 100%;
  padding: 0px 10px 10px 0px;
  display: inline-flex;
  text-align: left;
  font-size: 10px; }
  .marker-content .img {
    width: 50px;
    height: 50px; }
  .marker-content .desc {
    padding: 0px 5px;
    display: inline-block; }
    .marker-content .desc .title {
      color: purple;
      font-weight: 600;
      font-size: 14px; }
    .marker-content .desc .fav {
      color: red; }

.map-cbike-content {
  text-align: left;
  padding: 0px 20px 10px 10px; }

.map-parking-content {
  padding: 0px 20px 10px 10px; }

.footer {
  padding: 10px 25px;
  color: white;
  background-color: #ff8383;
  text-align: center; }
  .footer .fix {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .footer .footer-inner {
    font-size: 14px;
    padding: 10px 0px 0px 15px;
    line-height: 25px; }
    .footer .footer-inner a {
      color: darkblue; }
    .footer .footer-inner a:hover {
      color: white; }

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 30px;
  padding: 10px;
  color: white;
  background-color: #ff8383;
  display: none; }

.back-to-top:hover {
  color: #ff8383;
  background-color: white;
  border: 1px solid #ff8383; }

/* religion_list */
.rl_title {
  font-size: 28px;
  font-weight: 500; }

.rl_area {
  font-size: 20px;
  font-weight: 400; }

.objective {
  padding: 15px 0px; }
  .objective .col-xs-4 {
    padding-left: 0px; }
  .objective .img-line {
    display: inline-flex; }
    .objective .img-line img {
      padding-top: 5px;
      width: 84px;
      height: 32px; }

.religionlist-block:hover {
  border: 1px solid #ff8383;
  box-shadow: 0px 0px 3px 1px #ff8383; }

.religionlist-block {
  padding: 0px;
  margin: 10px 0px;
  border: 1px solid #e3e3e3; }
  .religionlist-block a {
    color: #000; }
  .religionlist-block .religion_list_panel {
    height: 430px;
    color: #6a6a6a; }
    .religionlist-block .religion_list_panel .title {
      padding: 5px;
      font-size: 28px;
      font-weight: 500; }
    .religionlist-block .religion_list_panel .area_name {
      padding: 5px;
      font-size: 20px;
      font-weight: 400; }
    .religionlist-block .religion_list_panel .intro {
      padding: 5px; }
      .religionlist-block .religion_list_panel .intro label {
        font-size: 10px; }
    .religionlist-block .religion_list_panel .objective {
      padding: 5px; }
      .religionlist-block .religion_list_panel .objective .col-xs-4 {
        padding-left: 0px; }
      .religionlist-block .religion_list_panel .objective .img-line {
        display: inline-flex; }
        .religionlist-block .religion_list_panel .objective .img-line img {
          padding-top: 5px;
          width: 70px;
          height: 30px; }

.padding-0 {
  padding: 0; }

.padding-5 {
  padding: 5px 0; }

.bg-Wealth {
  background-color: #f0ad4e; }

.bg-Child {
  background-color: #ff3399; }

.bg-Love {
  background-color: #cc3300; }

.bg-Peace {
  background-color: #009999; }

.bg-Career {
  background-color: #0033cc; }

.bg-Health {
  background-color: #009933; }

/* religion data */
.arrow {
  height: 0;
  width: 0px;
  border-left: 30px solid transparent;
  border-top: 30px solid #FFF;
  position: absolute;
  left: -5px; }

.religion_panel {
  line-height: 35px; }
  .religion_panel .icon-line {
    text-align: center;
    padding: 20px 0; }
  .religion_panel .favorate_list {
    font-size: 26px;
    color: #cc3300;
    padding: 20px 0; }
  .religion_panel .info_panel {
    font-size: 20px;
    font-weight: 300;
    color: #646464; }
    .religion_panel .info_panel .img-addr {
      width: 22px;
      margin: 9px 19px; }
    .religion_panel .info_panel .img {
      width: 40px;
      margin: 0px 10px; }
    .religion_panel .info_panel .objective {
      padding: 10px 0 0 10px; }
      .religion_panel .info_panel .objective .img-line {
        display: inline-flex; }
        .religion_panel .info_panel .objective .img-line img {
          width: 70px;
          height: 28px; }

.religion_btn_panel {
  padding: 10px 15px 0px 15px; }
  .religion_btn_panel .col-xs-2, .religion_btn_panel .col-xs-3 {
    padding: 0px; }
  .religion_btn_panel .btn-list {
    line-height: 30px;
    height: 100%;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid white;
    padding-top: 4px; }
  .religion_btn_panel .btn-exh {
    background: #7762fa; }
  .religion_btn_panel .btn-flow {
    background: #ff6161; }
  .religion_btn_panel .btn-intro {
    background: #26bec3; }
  .religion_btn_panel .btn-miracle {
    background: #6497ff; }
  .religion_btn_panel .btn-traffic {
    background: #ffa264; }
  .religion_btn_panel .btn-nearby {
    background: #c564ff; }
  .religion_btn_panel a:hover {
    font-weight: 600; }

/* religion_exh */
#map {
  text-align: center; }

.play-title {
  color: #3f444a;
  font-size: 20px;
  font-weight: 400; }
  .play-title .player {
    display: inline-flex; }
    .play-title .player .player-play {
      background-image: url("../images/btn_play_w.png");
      background-repeat: no-repeat;
      width: 28px;
      height: 28px; }
    .play-title .player .player-pause {
      background-image: url("../images/btn_pause_w.png");
      background-repeat: no-repeat;
      width: 28px;
      height: 28px; }

.exh_list .exh_panel {
  padding: 10px;
  margin: 0 20px;
  border-bottom: 1px solid #4c000033; }
  .exh_list .exh_panel .title {
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0; }
    .exh_list .exh_panel .title .player {
      display: inline-flex;
      line-height: 35px;
      height: 35px;
      vertical-align: middle;
      cursor: pointer; }
      .exh_list .exh_panel .title .player .player-play {
        background-image: url("../images/btn_play_w.png");
        background-repeat: no-repeat;
        width: 28px;
        height: 28px; }
      .exh_list .exh_panel .title .player .player-pause {
        background-image: url("../images/btn_pause_w.png");
        background-repeat: no-repeat;
        width: 28px;
        height: 28px; }
  .exh_list .exh_panel .img {
    padding: 15px; }
  .exh_list .exh_panel .intro {
    font-size: 20px;
    line-height: 30px; }

.info_modal .view_list .c-bg-img-center {
  box-shadow: 0px 0px 0px; }
.info_modal .view_list .info {
  box-shadow: 0px 0px 0px; }

.trip_modal .view-block .myfav {
  width: 25px;
  height: 15px; }
.trip_modal .view-block .search-block {
  padding: 20px 0;
  display: inline-flex; }
  .trip_modal .view-block .search-block .col-sm-5, .trip_modal .view-block .search-block .col-sm-1 {
    display: inline-flex;
    padding: 0 5px;
    float: right; }
  .trip_modal .view-block .search-block label {
    width: 100px;
    padding: 5px; }
  .trip_modal .view-block .search-block .btn-search {
    height: 35px;
    margin: 0 5px;
    padding-top: 4px; }

.view_list:hover {
  border: 1px solid #ff8383;
  box-shadow: 0px 0px 3px 1px #ff8383; }

.view_list {
  margin: 10px 0px;
  border: 1px solid #e3e3e3; }
  .view_list .c-bg-img-center .title {
    padding: 10px;
    position: relative;
    top: 202px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: white;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .view_list .c-bg-img-center .title .add-fav {
      position: absolute;
      top: 10px;
      right: 10px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 30px;
      padding: 5px;
      cursor: pointer; }
  .view_list .info {
    height: 95px;
    padding: 5px 10px;
    background-color: #fff;
    font-size: 16px;
    overflow: auto;
    border: 1px solid #e3e3e3; }
    .view_list .info .gscore {
      color: gold; }

.loading {
  padding: 20px 0; }

@media (max-width: 1199px) {
  .page-header.navbar .top-menu .top-logo {
    padding-right: 10px; }
    .page-header.navbar .top-menu .top-logo .str-hello {
      font-size: 18px; }

  .page-sidebar-web .page-side-menu .str-hello {
    font-size: 14px; }
  .page-sidebar-web .page-side-menu .side-menu a {
    font-size: 18px;
    padding: 5px calc(100% / 9);
    margin: 3px;
    text-indent: calc(100% / 7); }
  .page-sidebar-web .page-side-menu .side-menu .submenu {
    padding: 10px calc(100% / 9);
    text-indent: calc(100% / 7); }
    .page-sidebar-web .page-side-menu .side-menu .submenu .subtitle {
      font-size: 8px; }

  .page-sidebar-website .page-side-menu .navbar-nav li a {
    padding: 20px 25px; }
  .page-sidebar-website .page-side-menu .side-menu a {
    font-size: 18px;
    padding: 5px calc(100% / 9);
    margin: 3px 0; }
  .page-sidebar-website .page-side-menu .side-menu .submenu {
    padding: 10px calc(100% / 9); }
    .page-sidebar-website .page-side-menu .side-menu .submenu .subtitle {
      font-size: 18px; }
    .page-sidebar-website .page-side-menu .side-menu .submenu a {
      font-size: 16px;
      text-indent: calc(100% / 7); }
    .page-sidebar-website .page-side-menu .side-menu .submenu li {
      font-size: 12px; }
      .page-sidebar-website .page-side-menu .side-menu .submenu li span {
        font-size: 16px; }

  .religion_panel .info_panel .objective {
    padding: 5px 0 0 10px; }
    .religion_panel .info_panel .objective .img-line img {
      width: 55px;
      height: 25px; }

  .main .religion-content {
    width: calc(100% - 30px); }
  .main .triplist-block {
    height: 280px; }
    .main .triplist-block .edit-block .edit-title {
      font-size: 14px; }
    .main .triplist-block .edit-block .btn-block .label .en {
      display: none; } }
@media (max-width: 991px) {
  .owl-carousel .owl-stage-outer {
    margin-top: 10px; }

  .main-page {
    margin-top: 0px; }

  .religion_btn_panel {
    padding: 0px 15px 0px 15px; }

  .page-sidebar-website .page-side-menu {
    margin-left: 0px;
    margin-right: 0px;
    height: 45px;
    background-color: #ff8383; }
    .page-sidebar-website .page-side-menu .navbar-nav li a {
      color: white;
      padding-top: 15px; }
    .page-sidebar-website .page-side-menu .side-menu a {
      font-size: 16px;
      padding: 5px calc(100% / 10);
      margin: 3px 0; }
    .page-sidebar-website .page-side-menu .side-menu .submenu {
      padding: 10px calc(100% / 10); }
      .page-sidebar-website .page-side-menu .side-menu .submenu .subtitle {
        font-size: 16px; }
      .page-sidebar-website .page-side-menu .side-menu .submenu a {
        font-size: 14px;
        text-indent: calc(100% / 8); }
      .page-sidebar-website .page-side-menu .side-menu .submenu li {
        font-size: 12px; }
        .page-sidebar-website .page-side-menu .side-menu .submenu li span {
          font-size: 14px; }
    .page-sidebar-website .page-side-menu .str-hello {
      color: #fff; }
    .page-sidebar-website .page-side-menu a.lang-str {
      color: #fff;
      float: right;
      padding-right: 10px; }

  .main .religion-content {
    width: calc(100% - 30px); }
  .main .religion_img_panel .info-icon {
    position: absolute;
    top: 10px;
    right: 30px;
    color: white; }
  .main .vertical-align {
    display: inline-block; }
  .main .bg-block .trip-block {
    height: 100%;
    margin-right: -20px; }
  .main .triplist-block {
    height: 240px; }
    .main .triplist-block .edit-block .edit-title {
      font-size: 14px; }
    .main .triplist-block .edit-block .btn-block .label .en {
      display: initial; }
  .main .view-block .search-block {
    padding-top: 10px; } }
@media (max-width: 767px) {
  html, body {
    background-size: cover;
    background-position: 100%; }

  .c-layout-breadcrumbs-1 .c-page-breadcrumbs {
    padding-left: 0px; }

  .main-banner {
    padding: 0px; }

  .religion_btn_panel {
    padding: 0px 5px 0px 5px; }

  .page-sidebar-website .page-side-menu .str-hello {
    display: none !important; }

  .main {
    padding: 10px; }
    .main .religion-content {
      width: 100%;
      margin-left: 0px;
      padding: 0px 15px 0px 15px;
      box-shadow: 4px 4px 4px #00000000; }
      .main .religion-content .maparea {
        margin-left: -15px;
        margin-right: -15px; }
    .main .religion_img_panel .bg-img {
      margin: -10px; }
    .main .religion_img_panel .info-icon {
      top: -10px;
      right: 20px; }
    .main .religion_img_panel .favorate_list {
      margin-left: 5px;
      padding-right: 40px; }
      .main .religion_img_panel .favorate_list .area-line {
        color: white;
        padding: 10px 35px 5px 30px;
        font-size: 20px;
        font-weight: 200;
        background-repeat: repeat-x;
        background: -webkit-linear-gradient(bottom, #000, #00000022);
        background: -o-linear-gradient(top, #000, #00000022);
        background: -moz-linear-gradient(top, #000, #00000022);
        background: linear-gradient(to top, #000, #00000022); }
        .main .religion_img_panel .favorate_list .area-line .fav {
          float: right;
          padding-top: 5px; }
      .main .religion_img_panel .favorate_list .icon-line {
        padding: 10px 35px 10px 0px;
        background: #000;
        height: 55px;
        text-align: center; }
    .main .view-block .search-block {
      display: block;
      height: 90px; }
      .main .view-block .search-block label {
        width: 90px;
        font-size: 16px; }
      .main .view-block .search-block .btn-search {
        float: right; }
    .main .triplist-block {
      height: 360px; }
      .main .triplist-block .title-bg {
        width: 130px; }
      .main .triplist-block .bg-img {
        height: 25vh; }
      .main .triplist-block .master-img {
        height: 25vh; }
      .main .triplist-block .master-block {
        font-size: 20px;
        padding: 0 5px; }
    .main .nearby-block .map-area {
      width: 100%; }

  .top-menu {
    float: right; }

  .nav > li > a {
    padding: 0px; }

  .navbar-collapse {
    border-top: 0px; }

  .religionlist-block .religion_list_panel {
    overflow: visible;
    height: 100%; }
    .religionlist-block .religion_list_panel .intro {
      font-size: 14px; }

  .religion_btn_panel .col-xs-2, .religion_btn_panel .col-xs-3 {
    padding: 0px; }
  .religion_btn_panel .btn-list {
    line-height: 30px;
    height: 100%;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500; }

  .religion_panel {
    line-height: 50px;
    margin-top: 40px; }

  .page-header.navbar .top-menu .navbar-nav {
    display: inline-block;
    margin-top: -20px; }
    .page-header.navbar .top-menu .navbar-nav li {
      margin: 0px;
      padding: 0px 2px;
      height: 50px;
      display: inline-block; }

  .page-header.navbar .page-logo {
    padding: 3px 0px;
    float: left;
    margin-left: -15px; }

  .page-sidebar {
    position: fixed;
    width: 100%;
    z-index: 999;
    background-repeat: repeat-y;
    background: -webkit-linear-gradient(top, #c69cff, #ff8383);
    background: -o-linear-gradient(bottom, #c69cff, #ff8383);
    background: -moz-linear-gradient(bottom, #c69cff, #ff8383);
    background: linear-gradient(to bottom, #c69cff, #ff8383); } }
@media (max-width: 479px) {
  .page-header.navbar .top-menu .lang-str {
    font-size: 16px; }

  .main .religion_img_panel .favorate_list .area-line {
    padding: 10px 35px 5px 0px; }
  .main .religion_img_panel .favorate_list .icon-line {
    padding: 10px 35px 10px 5px; }
  .main .triplist-block {
    height: 280px; }
    .main .triplist-block .bg-img {
      height: 22vh; }
    .main .triplist-block .master-img {
      height: 22vh; }
    .main .triplist-block .edit-block .edit-title {
      font-size: 14px; }
    .main .triplist-block .edit-block .btn-block .label .en {
      display: none; }
    .main .triplist-block .sub-block .sub-more {
      font-size: 16px;
      padding-right: 5px; }
  .main .bg-block .trip-block .item-line .edit-trip .label .en {
    display: none; }

  .header-front .logout {
    padding: 0px; }

  .page-header.navbar .top-menu .navbar-nav li {
    font-size: 12px; }

  .religionlist-block .religion_list_panel .title .area_name {
    font-size: 10px; }
  .religionlist-block .religion_list_panel .intro label {
    font-size: 8px; }
  .religionlist-block .religion_list_panel .objective .img-line img {
    width: 65px;
    height: 30px; }

  .footer .footer-inner {
    font-size: 12px;
    padding: 5px 0px;
    line-height: 20px; } }
/* iphone 6/7/8 */
@media (max-width: 375px) {
  .page-sidebar-website {
    font-size: 18px;
    color: black; }
    .page-sidebar-website .page-side-menu .str-hello {
      display: none !important; }

  .religionlist-block .religion_list_panel .objective .img-line img {
    width: 56px;
    height: 27px; }

  .main .triplist-block {
    height: 250px; } }
@media (max-width: 320px) {
  .main .triplist-block {
    height: 240px; }
    .main .triplist-block .bg-img {
      height: 20vh; }
    .main .triplist-block .master-img {
      height: 20vh; }
    .main .triplist-block .edit-block .edit-title {
      font-size: 12px; } }

/*# sourceMappingURL=front.css.map */