@charset "utf-8";

.obj-img > * {
  object-fit: cover;
}
.flag_box {
  position: absolute;
  left: 20px;
  top: 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 10px;
}

/* li-style-type */
li {
  list-style-type: none;
}

.list_style_disc {
  padding-left: 20px;
}

.list_style_disc > li {
  list-style-type: disc;
}

/* flex */
.tr-fx,
.tr-fx-c > *,
.tr-fx-cc > * > * {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.tr-fx-nw,
.tr-fx-nw-c > *,
.tr-fx-nw-cc > * > * {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.tr-fxstr,
.tr-fxstr-c > *,
.tr-fxstr-cc > * > * {
  align-items: stretch;
}

.tr-fxt,
.tr-fxt-c > *,
.tr-fxt-cc > * > * {
  align-items: flex-start;
}

.tr-fxb,
.tr-fxb-c > *,
.tr-fxb-cc > * > * {
  align-items: flex-end;
}

.tr-fxs,
.tr-fxs-c > *,
.tr-fxs-cc > * > * {
  justify-content: flex-start;
}

.tr-fxe,
.tr-fxe-c > *,
.tr-fxe-cc > * > * {
  justify-content: flex-end;
}

.tr-fxsa,
.tr-fxsa-c > *,
.tr-fxsa-cc > * > * {
  justify-content: space-around;
}

.tr-fxsb,
.tr-fxsb-c > *,
.tr-fxsb-cc > * > * {
  justify-content: space-between;
}

.tr-fxc,
.tr-fxc-c > *,
.tr-fxc-cc > * > * {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

/* els */
.tr-els-1,
.tr-els-2,
.tr-els-3,
.tr-els-4 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.tr-els-2 {
  -webkit-line-clamp: 2;
}
.tr-els-3 {
  -webkit-line-clamp: 3;
}
.tr-els-4 {
  -webkit-line-clamp: 4;
}

/* input, textarea, select 설정 */
input,
textarea {
  background: none;
}
input::placeholder,
textarea::placeholder{
  color: #cdcdcd;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/* 텍스트 구분선 */
.text_line::before {
  content: "";
  display: inline-block;
  width: calc(50% - 20px);
  border-bottom: 1px solid var(--color-gr5);
}

.text_line::after {
  content: "";
  display: inline-block;
  width: calc(50% - 20px);
  border-bottom: 1px solid var(--color-gr5);
}
.text_line.gray_line::before {
  border-bottom: 1px solid #ced1cc;
}
.text_line.gray_line::after {
  border-bottom: 1px solid #ced1cc;
}

.division_line_sm > *:not(:first-child) {
  padding-left: 5px;
  position: relative;
}
.division_line > *:not(:first-child) {
  padding-left: 10px;
  position: relative;
}
.division_line_lg > *:not(:first-child) {
  position: relative;
}
.division_line > *:not(:first-child)::before,
.division_line_sm > *:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
  border-right: 1px solid #d9d9d9;
}
.division_line_lg > *:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 32px;
  border-right: 1px solid rgba(108, 108, 108, 0.5);
}

/* 크기 조정 */
.max_width_100p {
  max-width: 100%;
}

/* border-radius 설정 */
.rnd-50p {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* swiper 설정 */
:root {
  --swiper-theme-color: var(--color-gr3);
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
}
.swiper-pagination-bullets {
  margin-top: 0;
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 10px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 10px)
  );
  display: inline-block;
  background: var(--swiper-pagination-bullet-inactive-color, #fff);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
  vertical-align: middle;
}

.swiper-pagination-bullet-active {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 30px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 10px)
  );
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--color-c1);
  border-radius: 10px;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px);
}
.comm_button_prev,
.swiper-rtl .comm_button_next {
  left: -60px;
  right: auto;
}
.comm_button_next,
.swiper-rtl .comm_button_prev {
  right: -60px;
  left: auto;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 580px;
  max-width: 100%;
  height: 2px;
  left: 50%;
  bottom: 10px;
  top: auto;
  transform: translateX(-50%);
  z-index: 1;
}

.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.comm_pagination_fraction {
  width: auto;
  left: -80px;
  bottom: 0;
  color: var(--color-gr4);
}
.comm_pagination_fraction .swiper-pagination-current {
  color: var(--color-gr1);
}

/* head_body_color.php */
body.login_body {
  background-color: var(--color-bg);
}
/* login_1.php */
.login_select_box {
  width: 200px;
  margin: 0 auto;
}
.login_select_box .custom-select-list {
  width: 200px;
}
.login_area {
  padding: 100px 60px;
}
.pw-view {
  background-image: url("../img/icon_eye.svg");
  background-size: contain;
}
.pw-view.on {
  background-image: url("../img/icon_eye_hidden.svg");
}

/* login_3.php */
.user_profile_box {
  border-radius: 50px;
}
.user_profile_box .user_profile {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}

/* login_4.php */
#register_form .ask_certi {
  width: 85px;
  min-width: 85px;
}
#register_form input[type="checkbox"] + label::before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: none;
  background-color: var(--color-gr5);
  color: #fff;
}

#register_form input[type="checkbox"] + label {
  line-height: 16px;
  padding-left: 20px;
}

#register_form input[type="checkbox"]:checked + label:before {
  background-color: var(--color-c1);
}

/* my_account.php */
.my_profile_pic_box {
  width: 150px;
  height: 150px;
}
.my_profile_pic_box .picture {
  border-radius: 40px;
  overflow: hidden;
}
.my_profile_pic_box .picture img {
  object-fit: cover;
}

.my_contents_menu input[type="radio"] + label:before {
  display: none;
}

input[type="radio"] + label {
  line-height: 30px;
  position: relative;
  padding: 0 20px;
  border: 1px solid var(--color-gr5);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}

input[type="radio"]:checked + label {
  color: #fff;
  background-color: var(--color-c1);
  border-color: var(--color-c1);
}

/* my_account.php */
.right_list .user_profile {
  width: 20px;
  height: 20px;
  min-width: 20px;
  overflow: hidden;
}
.paging_num {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

/* my_account_2.php */
.notie_set .notie_alert_box {
  width: 105px;
  height: 40px;
  border-radius: 10px;
  overflow: hidden;
}
.notie_set .notie_alert_box input#notie_alert {
  display: block;
  appearance: none;
  outline: none;
}
.notie_set .notie_alert_box input#notie_alert:checked{
  background-color:var(--color-c1);
}
.notie_set .notie_alert_box input#notie_alert::before{
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 500;
  transition: all 0.5s;
}
.notie_set .notie_alert_box input#notie_alert::before {
  content: "알림 꺼짐";
  left: 40px;
  color: var(--color-gr2);
}
.notie_set .notie_alert_box input#notie_alert:checked::before {
  content: "알림 켜짐";
  left: 10px;
  color: #fff;
}
.notie_set .notie_alert_box input#notie_alert + label {
  width: 30px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 5px;
  border-radius: 10px;
  padding:0;
}
.notie_set .notie_alert_box input#notie_alert + label::before {
  display: none;
}
.notie_set .notie_alert_box input#notie_alert:checked + label {
  left: calc(100% - 35px);
}
.notie_set .notie_alert_box input#notie_alert:checked::before,
.notie_set .notie_alert_box input#notie_alert:not(:checked)::after {
  color: #fff;
}
.notie_set input.notie_input + label::before {
  display: none;
}
.notie_set input.notie_input + label {
  padding: 10px 20px;
  background-color: #f5f5f5;
  border-radius: 50px;
  font-size: 16px;
  line-height: 14px;
  font-weight: 500;
  color: var(--color-gr2);
}
.notie_set input.notie_input:checked + label {
  background-color: var(--color-c1);
  color: #fff;
}
.notie_more {
  padding: 10px 20px;
  background-color: var(--color-c3);
  border-radius: 50px;
  font-size: 16px;
  line-height: 14px;
  font-weight: 500;
  color: var(--color-c1);
}

/* my_account_6.php */
.filter_sel_box {
  width: 90px;
  height: 25px;
  border: 1px solid var(--color-gr5);
  border-radius: 50px;
}

/* my_account_8.php */
.filter_sel_box.border-rad-sm {
  border-radius: 5px;
}
.search_form_2 input {
  height: 25px;
}
.f_board_form .best_tag {
  width: 40px;
  min-width: 40px;
}
.f_board_form .edit_btn,
.f_board_form .del_btn {
  padding: 2px 10px;
  border-radius: 50px;
}
.f_board_form .edit_btn {
  background-color: var(--color-c3);
}
.f_board_form .del_btn {
  background-color: #ffebeb;
}

/* my_account_10.php */
.right_area .ask_certi {
  width: 85px;
  min-width: 85px;
}

/* my_account_12.php */
.right_area .follow_img {
  width: 100px;
  min-width: 100px;
  height: 100px;
  border-radius: 25px;
}

/* my_account_13.php */
.right_area .order_list {
  width: 120px;
  min-width: 120px;
  height: 80px;
}
.btn_style_0 {
  width: 90px;
  min-width: 90px;
  height: 25px;
}

/* my_account_14.php */
.right_area .deli_info_title {
  width: 80px;
  min-width: 80px;
}

/* my_account_15.php */
.right_area .coupon_btn {
  width: 90px;
  min-width: 90px;
}

/* sub_header_community */
.sub_header {
  padding-top: 80px;
}
/*
.sub_header:after{
  content: '';
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background-color:var(--color-b);
}
*/
.sub_header .sub_btn {
  color: var(--color-gr2);
  border-bottom: 3px solid rgba(255, 255, 255, 0);
}

.sub_header .sub_btn.on {
  font-weight: 700;
  color: var(--color-bk);
  border-color: var(--color-bk);
}

/* community_1.php */
.sec_01 .comm_swiper {
  padding-bottom: 40px;
}
.sec_01 .comm_swiper .swiper-slide {
  width: 1080px;
  max-width: 100%;
  height: 540px;
  border-radius: 30px;
}
.sec_01 .comm_swiper .swiper-slide .slide-title {
  /* position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-120%); */
  margin: 130px 0 50px 50px;
}
.sec_01 .comm_swiper .swiper-slide .slide-title .user_profile {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.sec_01 .comm_swiper .swiper-slide .more_btn {
  display: inline-block;
  margin-left: 50px;
  padding: 10px 30px;
  border: 1px solid var(--color-gr4);
  border-radius: 25px;
  /* position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(50%); */
  font-size: 14px;
  color: #fff;
}
.sec_01 .comm_swiper .btn_area {
  width: 1080px;
}
.sec_01 .comm_swiper .pagination_area {
  width: 580px;
  max-width: 100%;
}
.sec_01 .comm_swiper .pagination_area .pause_btn {
  position: absolute;
  left: -40px;
  bottom: 0;
}

.sec_02 .comm_best_swiper .swiper-slide .best_img {
  height: 250px;
}
.sec_02 .comm_best_swiper .swiper-slide .best_img .user_profile {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.sec_03 .hot_img_lg {
  height: 520px;
}
.sec_03 .hot_img_lg .user_profile_area {
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.sec_03 .hot_img_lg .user_profile_area .user_profile {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.sec_03 .hot_img_sm .user_profile_area {
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.sec_03 .hot_img_sm .user_profile_area .user_profile {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.sec_04 .comm_review_swiper {
  padding-bottom: 40px;
}
.sec_04 .comm_review_swiper .swiper-slide {
  width: 320px;
  opacity: 0.6;
  transition: all 0.3s;
}
.sec_04 .comm_review_swiper .swiper-slide:hover {
  opacity: 1;
}
.sec_04 .comm_review_swiper .swiper-slide-active {
  opacity: 1;
}
.sec_04 .comm_review_swiper .swiper-slide .review_img {
  height: 220px;
}
.sec_04 .comm_review_swiper .swiper-slide .comm_review_more_img {
  height: 90px;
}
.sec_04 .comm_review_swiper .comm_review_button_next,
.sec_04 .comm_review_swiper .comm_review_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 65);
  height: calc(var(--swiper-navigation-size) / 44 * 65);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  color: var(--color-c1);
  background-color: #fff;
  border-radius: 50%;
}
.sec_04 .comm_review_swiper .comm_review_button_next::after,
.sec_04 .comm_review_swiper .comm_review_button_prev::after {
  font-size: 30px;
}

.sec_05 .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.sec_05 .free_img {
  width: 120px;
  min-width: 120px;
  height: 120px;
}

/* community_2.php */
/* .selectBoxList {
  display: flex;
  grid-gap: 10px;
} */
.selectBox2 {
  position: relative;
  height: 30px;
  z-index: 1;
  border-radius: 50px;
  border: 1px solid var(--color-gr5);
}

.selectBox2 .label {
  display: flex;
  align-items: center;
  width: inherit;
  height: 100%;
  padding: 0 15px;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
}

.selectBox2 .optionList {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  background: #fff;
  color: var(--color-gr2);
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in;
}

.selectBox2 .optionList::-webkit-scrollbar {
  width: 6px;
}
.selectBox2 .optionList::-webkit-scrollbar-track {
  background: transparent;
}
.selectBox2 .optionList::-webkit-scrollbar-thumb {
  background: #303030;
  border-radius: 45px;
}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.selectBox2.active {
  z-index: 10;
}

.selectBox2.active .optionList {
  max-height: 500px;
}

.selectBox2 .optionItem {
  font-size: 14px;
  color: var(--color-gr2);
  padding: 3px 0;
  transition: 0.1s;
}

.selectBox2 .optionItem:hover {
  background: var(--color-c1);
  color: #fff;
}

.selectBox2 .optionItem:last-child {
  border-bottom: 0 none;
}

.comm_pic_area .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.comm_travel_area .comm_travel_img {
  height: 250px;
}
.comm_travel_area .comm_travel_img .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.comm_review_area .comm_review_img {
  height: 220px;
}
.comm_review_area .comm_review_more_img {
  height: 90px;
}

/* community_5.php */
.left_area {
  width: 180px;
  min-width: 180px;
}

.right_area .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.right_area .free_img {
  width: 120px;
  min-width: 120px;
  height: 120px;
}

/* community_6.php */
.right_area .free_write .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}

.right_area .reply_area .user_profile {
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}

/* customer_1.php */
.customer_wrap .customer_form {
  width: 680px;
  max-width: 100%;
  margin: 0 auto 10px;
}
.customer_wrap .customer_form input[type="submit"] {
  width: 16px;
  height: 18px;
}
.customer_wrap
  .customer_form
  .customer_radio
  input[type="radio"]
  + label:before {
  display: none;
}
.customer_wrap .customer_form .customer_radio input[type="radio"] + label {
  font-size: 14px;
  color: var(--color-gr3);
  padding: 0 15px;
}
.customer_wrap
  .customer_form
  .customer_radio
  input[type="radio"]:checked
  + label {
  color: #fff;
}
.customer_wrap .icon_faq.on {
  transform: rotateX(180deg);
}
.customer_wrap .faq {
  max-height: 0;
}

/* customer_2.php */
.customer_wrap .icon_new {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
}

/* store_1.php */
.sec_01 .store_vis_swiper {
  height: 520px;
}
.sec_01 .store_vis_swiper .store_vis_btn_area {
  width: 1080px;
}
.sec_01 .store_vis_swiper .store_vis_btn_area .store_vis_button_next,
.sec_01 .store_vis_swiper .store_vis_btn_area .store_vis_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 65);
  height: calc(var(--swiper-navigation-size) / 44 * 65);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  color: var(--color-c1);
  background-color: #fff;
  border-radius: 50%;
}
.sec_01 .store_vis_swiper .store_vis_btn_area .store_vis_button_next::after,
.sec_01 .store_vis_swiper .store_vis_btn_area .store_vis_button_prev::after {
  font-size: 30px;
}
.sec_01 .store_vis_swiper .store_vis_pagination {
  bottom: 30px;
}

.sec_03 .store_deal_swiper .swiper-slide .deal_img {
  height: 250px;
}

.sec_04.add_plan_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.sec_05 .left_area {
}
.sec_05 .right_area .popular_img {
  height: 210px;
}
.sec_05 .right_area .popular_img .popular_num {
  width: 30px;
  border-radius: 0 0 10px 0;
}

.sec_06 .tour_wrap {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_06 .tour_wrap .tour_swiper .swiper-slide .circle {
  width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: var(--color-bg);
}

.sec_07 .new_goods_wrap {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_07 .new_goods_wrap .new_goods_img,
.sec_07 .new_goods_wrap .new_goods_swiper .swiper-slide .new_goods_img {
  height: 250px;
}

/* store_2.php */
.left_area .store_menu {
  max-height: 0;
}
.right_area .store_cate_img {
  height: 250px;
}

/* store_3.php */
.best_tour_wrap {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.best_tour_wrap .best_tour_swiper .swiper-slide .circle {
  width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: var(--color-bg);
}
.best_tour_img {
  height: 250px;
}
.best_tour_img .best_tour_num {
  width: 30px;
  border-radius: 0 0 10px 0;
}

.today_deal_img {
  height: 310px;
}

.plan_img {
  height: 260px;
}

/* store_6.php */
.buy_title_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.buy_title_area .payment_swiper_2 .swiper-slide {
  height: 500px;
}
.buy_title_area .payment_swiper_1 .swiper-slide {
  height: 120px;
  opacity: 0.4;
}
.buy_title_area .payment_swiper_1 .swiper-slide-thumb-active {
  opacity: 1;
}
.buy_title_area .payment_swiper_2 .btn_area {
  position: absolute;
  right: 55px;
  bottom: 30px;
}
.buy_title_area .payment_swiper_2 .btn_area .payment_button_prev,
.buy_title_area .payment_swiper_2 .btn_area .payment_button_next {
  width: calc(var(--swiper-navigation-size) / 44 * 36);
  height: calc(var(--swiper-navigation-size) / 44 * 36);
  color: var(--color-gr1);
  background-color: #fff;
  border-radius: 50%;
}
.buy_title_area .payment_swiper_2 .btn_area .payment_button_prev::after,
.buy_title_area .payment_swiper_2 .btn_area .payment_button_next::after {
  font-size: 16px;
}
.buy_title_area .payment_swiper_2 .btn_area .payment_button_prev {
  left: -40px;
}
.buy_title_area .payment_swiper_2 .btn_area .payment_button_next {
  right: -40px;
}
.buy_title_area .w-100 {
  width: 100px;
  min-width: 100px;
}
.buy_title_area .qtt_btn {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #fff;
}
.buy_review_area .bar_graph {
  width: 240px;
  min-width: 240px;
  height: 10px;
  border-radius: 50px;
  background-color: var(--color-gr5);
  position: relative;
  overflow: hidden;
}
.buy_review_area .buy_review_more {
  width: 150px;
  min-width: 150px;
  height: 150px;
}
.buy_review_area .buy_review_more .more_num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(30, 30, 30, 0.8);
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.buy_review_area .user_profile {
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.buy_review_area .w-150 {
  width: 150px;
  min-width: 150px;
}
.buy_review_area .buy_review_swiper .swiper-slide .buy_review_img {
  height: 240px;
}
.buy_review_area .review_left_area {
  width: 770px;
  min-width: 770px;
}
.buy_review_area .review_right_area {
  width: 280px;
  min-width: 280px;
}
.buy_review_area .review_right_area .qtt_btn {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #fff;
}

.cart_page input[type="checkbox"].cart_chk + label::before {
  left: 5px;
  top: 5px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: none;
  color: var(--color-gr4);
  background-color: #fff;
}
.cart_page input[type="checkbox"].cart_chk + label {
  padding-left: 0;
  width: 85px;
  height: 85px;
  border-radius: 10px;
}
.cart_page input[type="checkbox"].cart_chk:checked + label::before {
  color: #fff;
  background-color: var(--color-c1);
}
.cart_page .qtt_btn {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #fff;
}

/* store_7 */
.buy_review_area .review_left_area .w-100 {
  width: 100px;
  min-width: 100px;
}
.buy_review_area .review_left_area .order_img {
  width: 85px;
  min-width: 85px;
  height: 85px;
}
.buy_review_area .review_left_area .reserve_btn {
  width: 130px;
  min-width: 130px;
}
.buy_review_area
  .review_right_area
  input[type="checkbox"].pay_chk
  + label::before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: var(--color-gr4);
}
.buy_review_area .review_right_area input[type="checkbox"].pay_chk + label {
  padding-left: 25px;
  line-height: 14px;
}
.buy_review_area
  .review_right_area
  input[type="checkbox"].pay_chk:checked
  + label::before {
  border-color: var(--color-c1);
  background-color: var(--color-c1);
  color: #fff;
}

.address_page .w-80 {
  width: 80px;
  min-width: 80px;
}
.address_page input[type="radio"].address_chk + label::before {
  width: 15px;
  height: 15px;
  top: 8px;
}
.address_page input[type="radio"].address_chk + label {
  line-height: auto;
  padding: 0 0 0 25px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.address_page input[type="radio"].address_chk:checked + label::before {
  color: #fff;
  -webkit-box-shadow: inset 0 0px 0px 4px var(--color-c1);
  -moz-box-shadow: 0 0px 0px 4px inset var(--color-c1);
  box-shadow: 0 0px 0px 4px inset var(--color-c1);
}
.address_page input[type="radio"].address_chk:checked + label {
  color: var(--color-gr3);
  background: none;
  border: none;
}

/* store_8.php */

.comp_pay_area .order_img {
  width: 85px;
  min-width: 85px;
  height: 85px;
}

/* guide_1.php */
.sec_01 .guide_vis_area {
  height: 450px;
  overflow: hidden;
}

.sec_01 .guide_vis_area, .sec_01 .guide_vis_area .swiper-slide, .sec_01 .guide_vis_area .swiper-slide .ful.bw-img{
  -webkit-border-radius: 30px 0px 0px 30px;
  -moz-border-radius: 30px 0px 0px 30px;
  -o-border-radius: 30px 0px 0px 30px;
  border-radius: 30px 0px 0px 30px;
}

.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_button_next,
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_button_prev,
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_pagination_fraction,
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_pagination_progress {
  width: auto;
  position: static;
  color: #fff;
}
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_button_next::after,
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_button_prev::after {
  display: none;
}
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_button_next,
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 22);
  height: calc(var(--swiper-navigation-size) / 44 * 22);
  margin-top: 0;
  color: #fff;
}
.sec_01 .guide_vis_area .guide_vis_swiper .guide_vis_pagination_progress {
  width: 80%;
  max-width: 70%;
  transform: translateX(0);
  background-color: rgba(255, 255, 255, 0.5);
}
.sec_01
  .guide_vis_area
  .guide_vis_swiper
  .guide_vis_pagination_progress
  .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

.sec_02 .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.sec_02 .guide_left_area .guide_issue_swiper .swiper-slide {
  width: 210px;
}
.sec_02 .guide_right_area .guide_new_trip_img {
  width: 110px;
  min-width: 110px;
  height: 110px;
}

.sec_03 .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.sec_03 .guide_theme_wrap {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_03 .guide_theme_wrap .guide_theme_lg_img {
  height: 400px;
}

.sec_04 .guide_keyword_menu {
  font-size: 21px;
  font-weight: 600;
  color: var(--color-gr1);
  opacity: 0.4;
  padding: 10px 0;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
}
.sec_04 .guide_keyword_menu.on {
  color: var(--color-c1);
  border-color: var(--color-c1);
  opacity: 1;
}
.sec_04 .hot_contents .hot_bg {
  height: 360px;
  background: var(--color-c3);
}
.sec_04 .hot_contents .content_lg {
  height: 340px;
}
.sec_04 .hot_contents .content_sm {
  height: 150px;
}
.sec_04 .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}

.sec_05 .recommend_wrap {
  min-width: 1080px;
}
.sec_05 .recommend_wrap .recommend_bg {
  border-radius: 0 20px 20px 0;
}
.sec_05 .recommend_content .recommend_swiper .swiper-slide .recommend_img {
  height: 150px;
}
.sec_05 .recommend_content .recommend_swiper .swiper-slide .course_list {
  padding-left: 25px;
}
.sec_05 .recommend_content .recommend_swiper .swiper-slide .course_list li {
  position: relative;
}
.sec_05
  .recommend_content
  .recommend_swiper
  .swiper-slide
  .course_list
  li:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 40%;
  transform: translateX(50%);
  border-left: 1px solid var(--color-c1);
  width: 0;
  height: 100%;
}
.sec_05
  .recommend_content
  .recommend_swiper
  .swiper-slide
  .course_list
  li
  .course_title {
  position: relative;
}
.sec_05
  .recommend_content
  .recommend_swiper
  .swiper-slide
  .course_list
  li
  .course_title::before {
  content: "";
  display: block;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-c1);
  -webkit-box-shadow: inset 0 0px 0px 2px #d2d2d2;
  -moz-box-shadow: 0 0px 0px 2px inset #d2d2d2;
  box-shadow: 0 0px 0px 2px inset #d2d2d2;
  border: 1px solid var(--color-c1);
}

.sec_06 .local_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_06 .local_area .local_swiper .swiper-slide .local_img {
  height: 200px;
}
.sec_06 .local_area .local_button_next,
.sec_06 .local_area .local_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 36);
  height: calc(var(--swiper-navigation-size) / 44 * 36);
  background-color: #fff;
  border-radius: 50%;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
  top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
  margin-top:0;
}
.sec_06 .local_area .local_button_next {
  right: -18px;
}
.sec_06 .local_area .local_button_prev {
  left: -18px;
}
.sec_06 .local_area .local_button_next::after,
.sec_06 .local_area .local_button_prev::after {
  font-size: 16px;
}

.sec_07 .ebook_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_07 .ebook_area .ebook_swiper .swiper-slide .ebook_img {
  height: 350px;
}

/* guide_2.php */
.detail_vis_area {
  height: 300px;
}
.detail_area .user_profile {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.detail_area .detail_img {
  height: 500px;
}
.detail_area .tag_swiper .swiper-slide {
  width: auto;
}
.detail_area .bar_graph {
  width: 240px;
  min-width: 240px;
  height: 10px;
  border-radius: 50px;
  background-color: var(--color-gr5);
  position: relative;
  overflow: hidden;
}
.detail_area .bar_graph::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  height: 100%;
  background-color: var(--color-c1);
}
.detail_area .reply_area .user_profile {
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.detail_area .reply_area .detail_review_more {
  width: 150px;
  min-width: 150px;
  height: 150px;
}
.detail_area .reply_area .detail_review_more .more_num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(30, 30, 30, 0.8);
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.detail_area .course_area,
.detail_area .goods_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.detail_area .course_area .detail_course_swiper .swiper-slide .course_img,
.detail_area .theme_area .detail_theme_swiper .swiper-slide .theme_img {
  height: 170px;
}
.detail_area .goods_area .detail_goods_swiper .swiper-slide .goods_img {
  height: 250px;
}
.detail_area .local_info_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.detail_area .local_info_area .local_info_swiper .swiper-slide .local_info_img {
  height: 200px;
}
.detail_area .local_info_area .local_button_next,
.detail_area .local_info_area .local_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 36);
  height: calc(var(--swiper-navigation-size) / 44 * 36);
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #cdcdcd;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}
.detail_area .local_info_area .local_info_button_next {
  right: -30px;
}
.detail_area .local_info_area .local_info_button_prev {
  left: -30px;
}
.detail_area .local_info_area .local_info_button_next::after,
.detail_area .local_info_area .local_info_button_prev::after {
  font-size: 16px;
}

/* guide_3.php */
.issue_vis_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.issue_vis_area .issue_vis_num {
  width: 25px;
  height: 25px;
  border-radius: 0 0 10px 0;
}
.issue_vis_area .vis_left_area {
  width: 240px;
}
.issue_vis_area .vis_md_area {
  width: 510px;
}
.issue_vis_area .vis_md_area .issue_md_img {
  height: 375px;
}
.issue_vis_area .vis_right_area {
  width: 290px;
}
.issue_vis_area .vis_right_area .issue_right_img {
  width: 90px;
  min-width: 90px;
  height: 90px;
}
.issue_vis_area
  .issue_vis_swiper_area
  .issue_vis_swiper
  .swiper-slide
  .issue_vis_img {
  height: 200px;
}
.issue_vis_area .issue_vis_swiper_area .issue_vis_swiper .issue_vis_button_next,
.issue_vis_area .issue_vis_swiper_area .issue_vis_swiper .issue_vis_button_prev,
.issue_vis_area
  .issue_vis_swiper_area
  .issue_vis_swiper
  .issue_vis_pagination_fraction {
  width: auto;
  position: static;
  color: #fff;
}
.issue_vis_area
  .issue_vis_swiper_area
  .issue_vis_swiper
  .issue_vis_button_next::after,
.issue_vis_area
  .issue_vis_swiper_area
  .issue_vis_swiper
  .issue_vis_button_prev::after {
  display: none;
}
.issue_vis_area .issue_vis_swiper_area .issue_vis_swiper .issue_vis_button_next,
.issue_vis_area
  .issue_vis_swiper_area
  .issue_vis_swiper
  .issue_vis_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 22);
  height: calc(var(--swiper-navigation-size) / 44 * 22);
  margin-top: 0;
  color: #fff;
}
.issue_vis_area .issue_vis_swiper_area .issue_vis_swiper .btn_area {
  bottom: 66px;
}
.issue_area .issue_list .issue_list_img {
  height: 180px;
}

/* guide_4.php */
.theme_vis_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.theme_vis_area .theme_img {
  height: 400px;
}
.theme_area .theme_list_img {
  height: 290px;
}
.theme_vis_area .theme_title_area,
.theme_area .theme_list_title_area {
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* guide_5.php */
.guide_course_area .guide_course_img {
  height: 220px;
}
.guide_course_area .course_list {
  padding-left: 25px;
}
.guide_course_area .course_list li {
  position: relative;
}
.guide_course_area .course_list li:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 40%;
  transform: translateX(50%);
  border-left: 1px solid var(--color-c1);
  width: 0;
  height: 100%;
}
.guide_course_area .course_list li .course_title {
  position: relative;
}
.guide_course_area .course_list li .course_title::before {
  content: "";
  display: block;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-c1);
  -webkit-box-shadow: inset 0 0px 0px 2px #d2d2d2;
  -moz-box-shadow: 0 0px 0px 2px inset #d2d2d2;
  box-shadow: 0 0px 0px 2px inset #d2d2d2;
  border: 1px solid var(--color-c1);
}

/* guide_6.php */
.detail_area .order_theme_list .order_theme_list_img {
  height: 180px;
}

.detail_area .course_detail_day .course_detail_list {
}
.detail_area .course_detail_day .course_detail_list li {
  position: relative;
  margin-top:30px;
}
.detail_area .course_detail_day .course_detail_list li:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateY(-50%);
  border-bottom: 1px solid var(--color-c1);
  width: calc(100% + 20px);
  height: 0;
}
.detail_area .course_detail_day .course_detail_list li .course_detail_title {
  position: relative;
}
.detail_area
  .course_detail_day
  .course_detail_list
  li
  .course_detail_title::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -35px;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-c1);
  -webkit-box-shadow: inset 0 0px 0px 2px #d2d2d2;
  -moz-box-shadow: 0 0px 0px 2px inset #d2d2d2;
  box-shadow: 0 0px 0px 2px inset #d2d2d2;
  border: 1px solid var(--color-c1);
}

/* schedule_1.php */
.sec_02 .schedule_sec_02,
.sec_03 .sch_menu_wrap {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_02 .schedule_sec_02 .schedule_ad_swiper .swiper-slide .schedule_ad_img {
  height: 290px;
}
.sec_02 .schedule_sec_02 .schedule_ad_swiper .swiper-pagination-bullet,
.sec_08 .hot_top10_swiper .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, var(--color-gr5));
}
.sec_02 .schedule_sec_02 .schedule_ad_swiper .swiper-pagination-bullet-active,
.sec_08 .hot_top10_swiper .swiper-pagination-bullet-active {
  background: var(--color-c1);
}
.sec_02
  .schedule_sec_02
  .schedule_ad_swiper
  .swiper-slide
  .schedule_ad_img
  .schedule_ad_title {
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.sec_03 .sch_menu_wrap .sch_menu_swiper .swiper-slide .circle {
  width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: var(--color-bg);
}
.sec_05 .local_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_05 .local_area .local_swiper .swiper-slide .local_img {
  height: 200px;
}
.sec_05 .local_area .local_button_next,
.sec_05 .local_area .local_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 36);
  height: calc(var(--swiper-navigation-size) / 44 * 36);
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #cdcdcd;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}
.sec_05 .local_area .local_button_next {
  right: -30px;
}
.sec_05 .local_area .local_button_prev {
  left: -30px;
}
.sec_05 .local_area .local_button_next::after,
.sec_05 .local_area .local_button_prev::after {
  font-size: 16px;
}

.sec_06 .sch_tag_swiper .swiper-slide {
  width: auto;
}

.sec_07 .recommend_local_area,
.sec_09 .recommend_local_area,
.sec_10 .train_swiper_area {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sec_08 .hot_top10_swiper .swiper-slide {
  width: 255px;
  opacity: 0.4;
}
.sec_08 .hot_top10_swiper .swiper-slide-active,
.sec_08 .hot_top10_swiper .swiper-slide-prev,
.sec_08 .hot_top10_swiper .swiper-slide-next {
  opacity: 1;
}

/* schedule_2.php */
.sch_plan_area .user_profile {
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}

/* schedule_4.php */
.sch_review_area .user_profile {
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.sch_review_area .sch_review_img {
  width: 140px;
  min-width: 140px;
  height: 140px;
}

/* schedule_5.php */
.sch_plan_map_box {
  height: 520px;
}

.sch_plan_box {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.sch_plan_box
.user_profile {
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.sch_plan_box
.sch_plan_list {
  padding-left: 30px;
}
.sch_plan_box
.sch_plan_list
li {
  position: relative;
}
.sch_plan_box
.sch_plan_list
li:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: 20px;
  transform: translateX(-50%);
  border-left: 1px solid var(--color-c1);
  width: 0;
  height: calc(100% + 20px);
}
.sch_plan_box
.sch_plan_list
li::after {
  content: "";
  display: block;
  position: absolute;
  left: -36px;
  top: 20px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-c1);
  -webkit-box-shadow: inset 0 0px 0px 2px #d2d2d2;
  -moz-box-shadow: 0 0px 0px 2px inset #d2d2d2;
  box-shadow: 0 0px 0px 2px inset #d2d2d2;
  border: 1px solid var(--color-c1);
}
.sch_plan_swiper_area .sch_plan_swiper .sch_plan_button_next,
.sch_plan_swiper_area .sch_plan_swiper .sch_plan_button_prev {
  width: auto;
  position: static;
  color: #fff;
}
.detail_area
  .sch_plan_swiper_area
  .sch_plan_swiper
  .sch_plan_button_next::after,
.detail_area
  .sch_plan_swiper_area
  .sch_plan_swiper
  .sch_plan_button_prev::after {
  display: none;
}

.sch_plan_swiper_area .sch_plan_swiper .swiper-slide {
  width: 360px;
  opacity: 0.6;
}
.sch_plan_swiper_area .sch_plan_swiper .swiper-slide-active {
  opacity: 1;
}

.sch_plan_swiper_area .sch_plan_swiper .sch_plan_button_next,
.sch_plan_swiper_area .sch_plan_swiper .sch_plan_button_prev {
  width: calc(var(--swiper-navigation-size) / 44 * 22);
  height: calc(var(--swiper-navigation-size) / 44 * 22);
  margin-top: 0;
  color: var(--color-gr3);
}
.sch_plan_swiper_area .sch_plan_swiper .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, var(--color-gr5));
}
.detail_area
  .sch_plan_swiper_area
  .sch_plan_swiper
  .swiper-pagination-bullet-active {
  background: var(--color-c1);
}
.sch_plan_swiper_area .my_plan_btn {
  width: 360px;
  max-width:100%;
  height: 45px;
  margin: 0 auto 10px;
  border-radius: 50px;
}

/* schedule_6.php */
.detail_area .sch_img_box0 {
  height: 500px;
}
.detail_area .sch_img_box1 {
  height: 450px;
}
.detail_area .w-70 {
  width: 70px;
  min-width: 70px;
}

/* footer */
#footer .icon_footer_box {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 10px;
}

#footer .footer_menu > * {
  width: 180px;
  min-width: 180px;
}

#footer .footer_menu .footer_menu_title {
  font-size: 18px;
}

#footer .footer_menu .footer_menu_desc {
  color: rgba(255, 255, 255, 0.7);
}

#footer .copyright {
  color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1200px) {
  .sub_header{padding-top:60px;}
  /* flex */
  .tr-fx-md,
  .tr-fx-c-md > *,
  .tr-fx-cc-md > * > * {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .tr-fx-nw-md,
  .tr-fx-nw-c-md > *,
  .tr-fx-nw-cc-md > * > * {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .tr-fx-rv-md,
  .tr-fx-rv-c-md > *,
  .tr-fx-rv-cc-md > * > * {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .tr-fxstr-md,
  .tr-fxstr-c-md > *,
  .tr-fxstr-cc-md > * > * {
    align-items: stretch;
  }

  .tr-fxt-md,
  .tr-fxt-c-md > *,
  .tr-fxt-cc-md > * > * {
    align-items: flex-start;
  }

  .tr-fxb-md,
  .tr-fxb-c-md > *,
  .tr-fxb-cc-md > * > * {
    align-items: flex-end;
  }

  .tr-fxs-md,
  .tr-fxs-c-md > *,
  .tr-fxs-cc-md > * > * {
    justify-content: flex-start;
  }

  .tr-fxe-md,
  .tr-fxe-c-md > *,
  .tr-fxe-cc-md > * > * {
    justify-content: flex-end;
  }

  .tr-fxsa-md,
  .tr-fxsa-c-md > *,
  .tr-fxsa-cc-md > * > * {
    justify-content: space-around;
  }

  .tr-fxsb-md,
  .tr-fxsb-c-md > *,
  .tr-fxsb-cc-md > * > * {
    justify-content: space-between;
  }

  .tr-fxc-md,
  .tr-fxc-c-md > *,
  .tr-fxc-cc-md > * > * {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  .tr-fxc-rv-md,
  .tr-fxc-c-rv-md > *,
  .tr-fxc-cc-rv-md > * > * {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .tr-els-2-md {
    -webkit-line-clamp: 2;
  }

  .division_line_sm_md > *:not(:first-child) {
    padding-left: 5px;
    position: relative;
  }
  .division_line_md > *:not(:first-child) {
    padding-left: 10px;
    position: relative;
  }
  .division_line_md > *:not(:first-child)::before,
  .division_line_sm_md > *:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    border-right: 1px solid #d9d9d9;
  }
  .division_line_n_md > *:not(:first-child),
  .division_line_sm_n_md > *:not(:first-child),
  .division_line_lg_n_md > *:not(:first-child) {
    padding-left: 0;
  }
  .division_line_n_md > *:not(:first-child)::before,
  .division_line_sm_n_md > *:not(:first-child)::before,
  .division_line_lg_n_md > *:not(:first-child)::before {
    display: none;
  }
  /* swiper */
  :root {
    --swiper-theme-color: var(--color-c1);
  }
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  .swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 5px;
    bottom: 0;
  }

  /* header */

  /* head_body_color.php */
  body.login_body {
    background-color: #fff;
  }
  body.my_profile_body {
    background-color: var(--color-bg);
  }

  /* login_1.php */
  .login_select_box {
    width: 130px;
  }
  .login_select_box .custom-select {
    border: 1px solid var(--color-gr5);
  }
  .login_select_box .custom-select-list {
    width: 130px;
  }
  .login_area {
    padding: 40px 60px;
  }

  /* my_account.php */
  .my_profile_left {
    background: none;
    border-radius: 0;
  }
  .my_profile_left .sec_01 > *:not(:last-child) {
    border-bottom: 1px solid var(--color-gr5);
  }
  .my_profile_left .sec_01,
  .my_profile_left .sec_02,
  .my_profile_left .sec_03 {
    border: none;
    border-radius: 10px;
    overflow: hidden;
  }

  /* my_account_2.php */
  .right_area {
    border-radius: 0;
  }

  /* my_account_6.php */
  .filter_sel_box {
    width: 110px;
    height: 35px;
    border: 1px solid var(--color-gr5);
    border-radius: 50px;
  }
  .filter_sel_box.border-rad-md {
    border-radius: 50px;
  }

  /* my_account_8.php */
  .f_board_form {
    border-top: 1px solid var(--color-gr5);
  }

  /* my_account_9.php */
  .els-n-md {
    white-space: break-spaces;
  }

  /* my_account_10.php */
  .right_area .input_area {
    position: static;
    transform: translate(0, 0);
  }

  /* my_account_13.php */
  .btn_style_0 {
    width: 50%;
  }
  .right_area .order_list {
    width: 80px;
    min-width: 80px;
  }
  .right_area .more_btn {
    bottom: -100%;
    margin-bottom: 30px;
  }

  /* community_1.php */
  .sec_01 .comm_swiper {
    padding-bottom: 5px;
  }
  .sec_01 .comm_swiper .swiper-slide {
    height: 450px;
    border-radius: 0;
  }
  .sec_01 .comm_swiper .swiper-slide .slide-title {
    position: absolute;
    margin: 0;
    left: 20px;
    bottom: 20px;
  }
  .sec_01 .comm_swiper .swiper-slide .more_btn {
    padding: 5px 20px;
    border: none;
    position: absolute;
    /* left: auto; */
    right: 15px;
    top: 15px;
    /* transform: translateY(0); */
    background-color: rgba(30, 30, 30, 0.2);
  }
  .sec_01 .comm_swiper .comm_pagination_fraction {
    left: auto;
    right: 40px;
    bottom: 20px;
    color: #fff;
  }
  .sec_01 .comm_swiper .comm_pagination_fraction .swiper-pagination-current {
    color: #fff;
    font-weight: 600;
  }
  .sec_01 .comm_swiper .pause_btn {
    position: absolute;
    right: 15px;
    bottom: 20px;
    color: #fff;
    z-index: 1;
  }
  .sec_01 .comm_swiper .btn_area {
    display: none;
  }
  .sec_01 .comm_swiper .pagination_area {
    width: 100%;
    max-width: 100%;
  }
  .sec_01 .comm_swiper .pagination_area .comm_pagination_fraction {
    display: none;
  }
  /* .comm_pagination_fraction {
    width: auto;
    left: -80px;
    bottom: 0;
    color: var(--color-gr4);
  } */

  .sec_02 .comm_best_swiper .swiper-slide {
    width: 220px;
  }
  .sec_02 .comm_best_swiper .swiper-slide .best_img {
    height: 190px;
  }

  .sec_03 .hot_img_lg {
    height: 200px;
  }

  .sec_03 .hot_img_sm .user_profile_area .user_profile {
    width: 18px;
    min-width: 18px;
    height: 18px;
  }

  .sec_04 {
    padding: 50px 0;
  }
  .sec_04.p-n {
    padding: 0;
  }
  .sec_04 .comm_review_swiper {
    padding-bottom: 30px;
  }
  .sec_04 .comm_review_swiper .swiper-slide {
    width: 260px;
  }
  .sec_04 .comm_review_swiper .swiper-slide .review_img {
    height: 200px;
  }
  .sec_04 .comm_review_swiper .swiper-slide .comm_review_more_img {
    width: 60px;
    height: 60px;
  }
  .sec_04 .comm_review_swiper .comm_review_button_next,
  .sec_04 .comm_review_swiper .comm_review_button_prev {
    width: calc(var(--swiper-navigation-size) / 44 * 65);
    height: calc(var(--swiper-navigation-size) / 44 * 65);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    color: var(--color-c1);
    background-color: #fff;
    border-radius: 50%;
  }
  .sec_04 .comm_review_swiper .comm_review_button_next::after,
  .sec_04 .comm_review_swiper .comm_review_button_prev::after {
    font-size: 30px;
  }

  .sec_05 .free_img {
    width: 100px;
    min-width: 100px;
    height: 100px;
  }

  /* community_4.php */
  .comm_review_area .comm_review_more_img {
    width: 60px;
    height: 60px;
  }

  /* community_5.php */
  .left_area {
    width: 100%;
  }

  .right_area .user_profile {
    width: 14px;
    min-width: 14px;
    height: 14px;
  }
  .right_area .free_img {
    width: 95px;
    min-width: 95px;
    height: 95px;
  }

  /* community_6.php */
  .right_area .reply_area .reply_btn_area {
    position: static;
  }
  .right_area .reply_area .reply_user_profile {
    width: 25px;
    min-width: 25px;
    height: 25px;
  }

  /* store_1.php */
  .sec_01 .store_vis_swiper {
    height: 400px;
  }

  .sec_03 .store_deal_swiper .swiper-slide {
    width: 240px;
  }
  .sec_03 .store_deal_swiper .swiper-slide .deal_img {
    height: 200px;
  }

  .sec_04 .add_plan_swiper .add_plan_img {
    border-radius: 0;
  }

  .sec_05 .right_area .popular_img {
    height: 150px;
  }

  .sec_06 .tour_wrap .tour_swiper .swiper-slide {
    width: 80px;
  }
  .sec_06 .tour_wrap .tour_swiper .swiper-slide .circle {
    width: 100%;
    min-width: 80px;
    height: 80px;
    padding: 0 20px;
  }
  .sec_07 .new_goods_wrap .new_goods_swiper .swiper-slide {
    width: 240px;
  }
  .sec_07 .new_goods_wrap .new_goods_swiper .swiper-slide .new_goods_img {
    height: 200px;
  }

  /* store_2.php */
  .right_area .store_cate_img {
    height: 150px;
  }

  /* store_3.php */
  .best_tour_wrap .best_tour_swiper .swiper-slide {
    width: 80px;
  }
  .best_tour_wrap .best_tour_swiper .swiper-slide .circle {
    width: 100%;
    min-width: 80px;
    height: 80px;
    padding: 0 20px;
  }
  .plan_img {
    height: 190px;
  }

  /* store_6.php */
  .buy_title_area .payment_swiper_2 {
    border-radius: 0;
  }
  .buy_title_area .payment_swiper_2 .swiper-slide {
    height: 320px;
  }
  .buy_review_area .buy_review_more .more_num {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: rgba(30, 30, 30, 0.8);
    position: static;
  }
  .buy_review_area .buy_review_swiper .buy_review_img {
    height: 200px;
  }
  .buy_review_area .review_left_area {
    width: 1080px;
    min-width: 100%;
    max-width: 100%;
  }
  .buy_review_area .w-40 {
    width: 40px;
    min-width: 40px;
  }
  .buy_review_area .bar_graph {
    width: 100%;
    min-width: 200px;
    height: 10px;
  }
  .buy_review_area .buy_review_more {
    width: auto;
    min-width: 90px;
    height: 90px;
  }
  .buy_review_area .buy_review_more .more_num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(30, 30, 30, 0.8);
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .buy_review_area .buy_review_more2 {
    height: 150px;
  }
  .buy_review_area .buy_review_swiper .swiper-slide {
    width: 240px;
  }
  .buy_review_area .buy_review_swiper .swiper-slide .buy_review_img {
    height: 200px;
  }

  /* store_7 */
  .buy_review_area .review_left_area .wful-md {
    width: 100%;
    min-width: 0;
  }
  .buy_review_area .review_left_area .order_price {
    position: static;
  }
  .buy_review_area .review_right_area {
    width: 100%;
    min-width: 280px;
  }

  /* store_8.php */
  .comp_pay_area .order_price {
    position: static;
  }

  /* guide_1.php */
  .sec_01 .guide_vis_area {
    width: calc(100% - 20px);
    height: 260px;
  }
  .sec_02 .guide_right_area .guide_new_trip_img {
    width: 100px;
    min-width: 100px;
    height: 100px;
  }
  .sec_03 .guide_theme_wrap .guide_theme_lg_img {
    height: 220px;
    border-radius: 0;
  }
  .sec_03 .guide_theme_wrap .guide_theme_desc {
    position: static;
  }
  .sec_04 .guide_keyword_menu {
    font-size: 14px;
    padding: 2px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
  }
  .sec_04 .hot_contents .hot_bg {
    height: 360px;
    background: var(--color-c3);
  }
  .sec_04 .hot_contents .content_lg {
    height: 220px;
  }
  .sec_04 .hot_contents .content_md {
    height: 150px;
  }
  .sec_04 .hot_contents .content_sm {
    height: 130px;
  }
  .sec_05 .recommend_wrap {
    min-width: auto;
  }
  .sec_05 .recommend_wrap .recommend_bg {
    border-radius: 0;
    height: 190px;
  }
  .sec_05 .recommend_content .recommend_title {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
  .sec_05 .recommend_content .recommend_swiper .swiper-slide {
    width: 210px;
    border: 1px solid var(--color-gr5);
    border-radius: 20px;
    overflow: hidden;
  }
  .sec_05 .recommend_content .recommend_swiper .swiper-slide .recommend_img {
    border-radius: 0;
  }
  .sec_05 .recommend_content .recommend_swiper .swiper-slide .recommend_img {
    height: 150px;
  }
  .sec_06 .local_area .local_swiper .swiper-slide {
    width: 150px;
  }
  .sec_06 .local_area .local_swiper .swiper-slide .local_img {
    height: 150px;
  }
  .sec_07 .ebook_area .ebook_swiper .swiper-wrapper {
    align-items: center;
    height: 260px;
  }
  /* .sec_07 .ebook_area .ebook_swiper .swiper-wrapper .swiper-slide */
  .sec_07 .ebook_area .ebook_swiper .swiper-wrapper .swiper-slide .ebook_img {
    margin-top: 30px;
    height: 150px;
  }
  .sec_07
    .ebook_area
    .ebook_swiper
    .swiper-wrapper
    .swiper-slide-active
    .ebook_img {
    height: 210px;
    margin-top: 0;
  }
  .sec_07 .ebook_area .ebook_swiper .swiper-wrapper .swiper-slide .ebook_title {
    display: none;
  }
  .sec_07
    .ebook_area
    .ebook_swiper
    .swiper-wrapper
    .swiper-slide-active
    .ebook_title {
    display: flex;
  }

  /* guide_2.php */
  .detail_vis_area {
    height: 200px;
  }
  .detail_area .detail_img {
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
  }
  .detail_area .reply_area .reply_btn_area {
    position: static;
  }
  .detail_area .reply_area .reply_user_profile {
    width: 25px;
    min-width: 25px;
    height: 25px;
  }
  .detail_area .w-30 {
    width: 30px;
    min-width: 30px;
  }
  .detail_area .bar_graph {
    width: 100%;
    min-width: 200px;
    height: 10px;
  }
  .detail_area .detail_review_more {
    height: 90px;
  }
  .detail_area .detail_review_more2 {
    height: 150px;
  }
  .detail_area .course_area .detail_course_swiper .swiper-slide,
  .detail_area .theme_area .detail_theme_swiper .swiper-slide {
    width: 250px;
  }
  .detail_area .course_area .detail_course_swiper .swiper-slide .course_img {
    height: 170px;
  }
  .detail_area .theme_area .detail_theme_swiper .swiper-slide .theme_img {
    height: 150px;
  }
  .detail_area .goods_area .detail_goods_swiper .swiper-slide .goods_img {
    height: 180px;
  }
  .detail_area .goods_area .detail_goods_swiper .swiper-slide {
    width: 180px;
  }
  .detail_area .local_info_area .local_info_swiper .swiper-slide {
    width: 150px;
  }
  .detail_area
    .local_info_area
    .local_info_swiper
    .swiper-slide
    .local_info_img {
    height: 150px;
  }
  .issue_area .issue_list {
    border: 1px solid var(--color-gr5);
    border-radius: 20px;
    overflow: hidden;
  }
  .issue_area .issue_list .issue_list_img {
    height: 200px;
    border-radius: 0;
  }

  /* guide_4.php */
  .theme_vis_area .theme_img {
    border-radius: 0;
  }
  .theme_area .theme_list_img {
    height: 360px;
  }

  /* guide_6.php */
  .detail_area .order_theme_list .order_theme_list_img {
    height: 150px;
  }

  /* guide_7.php */
  .detail_area .course_detail_day .course_detail_list {
    padding-left: 25px;
  }
  .detail_area .course_detail_day .course_detail_list li{margin-top:0px;}
  .detail_area
    .course_detail_day
    .course_detail_list
    li:not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 10px;
    transform: translateX(50%);
    border-left: 1px solid var(--color-c1);
    width: 0;
    height: calc(100% + 20px);
  }
  .detail_area
    .course_detail_day
    .course_detail_list
    li
    .course_detail_title::before {
    content: "";
    display: block;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-c1);
    -webkit-box-shadow: inset 0 0px 0px 2px #d2d2d2;
    -moz-box-shadow: 0 0px 0px 2px inset #d2d2d2;
    box-shadow: 0 0px 0px 2px inset #d2d2d2;
    border: 1px solid var(--color-c1);
  }

  /* schedule_1.php */
  .sec_02 .schedule_sec_02 .schedule_ad_swiper .swiper-slide {
    width: 220px;
  }
  .sec_02 .schedule_sec_02 .schedule_ad_swiper .swiper-slide .schedule_ad_img {
    height: 150px;
  }
  .sec_03 .sch_menu_wrap .sch_menu_swiper .swiper-slide {
    width: 80px;
  }
  .sec_03 .sch_menu_wrap .sch_menu_swiper .swiper-slide .circle {
    width: 100%;
    min-width: 80px;
    height: 80px;
    padding: 0 20px;
  }
  .sec_05 .local_area .local_swiper .swiper-slide {
    width: 150px;
  }
  .sec_05 .local_area .local_swiper .swiper-slide .local_img {
    height: 150px;
  }

  .sec_07 .recommend_local_area .recommend_local_swiper .swiper-slide,
  .sec_09 .recommend_local_area .recommend_local_swiper .swiper-slide {
    width: 200px;
  }
  .sec_08 .hot_top10_swiper .swiper-slide-prev,
  .sec_08 .hot_top10_swiper .swiper-slide-next {
    opacity: 0.4;
  }
  .sec_10 .train_swiper_area .train_swiper .swiper-slide {
    width: 240px;
  }

  /* schedule_3.php */
  .local_insert_btn {
    border-radius: 5px;
    height: 40px;
  }

  /* schedule_5.php */
  .sch_plan_swiper_area .sch_plan_swiper .swiper-slide {
    width: 290px;
  }
  .sch_plan_map_box {
    height: 300px;
  }
  .sch_plan_box
  .sch_plan_list {
    padding-left: 20px;
  }
  .sch_plan_box
  .sch_plan_list
  li:not(:last-child)::before {
    left: -15px;
  }
  .sch_plan_box
  .sch_plan_list
  li::after {
    left: -21px;
  }

  /* schedule_7.php */
  .detail_area .sch_img_box0 {
    height: 280px;
  }
  .detail_area .sch_img_box1 {
    height: 300px;
  }

  /* footer.php */
  #footer .footer_menu > * {
    width: 100%;
  }

  #footer .footer_menu .footer_menu_title {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .sec_03 .hot_img_sm:first-child{
    grid-row: span 2;
    grid-column: span 2;
  }
}
@media screen and (max-width: 768px) {
  /* flex */
  .tr-fx-sm,
  .tr-fx-c-sm > *,
  .tr-fx-cc-sm > * > * {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .tr-fx-nw-sm,
  .tr-fx-nw-c-sm > *,
  .tr-fx-nw-cc-sm > * > * {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .tr-fxstr-sm,
  .tr-fxstr-c-sm > *,
  .tr-fxstr-cc-sm > * > * {
    align-items: stretch;
  }

  .tr-fxt-sm,
  .tr-fxt-c-sm > *,
  .tr-fxt-cc-sm > * > * {
    align-items: flex-start;
  }

  .tr-fxb-sm,
  .tr-fxb-c-sm > *,
  .tr-fxb-cc-sm > * > * {
    align-items: flex-end;
  }

  .tr-fxs-sm,
  .tr-fxs-c-sm > *,
  .tr-fxs-cc-sm > * > * {
    justify-content: flex-start;
  }

  .tr-fxe-sm,
  .tr-fxe-c-sm > *,
  .tr-fxe-cc-sm > * > * {
    justify-content: flex-end;
  }

  .tr-fxsa-sm,
  .tr-fxsa-c-sm > *,
  .tr-fxsa-cc-sm > * > * {
    justify-content: space-around;
  }

  .tr-fxsb-sm,
  .tr-fxsb-c-sm > *,
  .tr-fxsb-cc-sm > * > * {
    justify-content: space-between;
  }

  .tr-fxc-sm,
  .tr-fxc-c-sm > *,
  .tr-fxc-cc-sm > * > * {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  .tr-fxc-rv-sm,
  .tr-fxc-c-rv-sm > *,
  .tr-fxc-cc-rv-sm > * > * {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* login_1.php */
  .login_area {
    padding: 0;
  }

  /* login_3.php */
  .login_area.login_img {
    padding: 20px;
  }

  /* my_account_5.php */
  .tr-els-4-sm {
    -webkit-line-clamp: 4;
  }
}