@charset "utf-8";
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box; font-family: "NotoSansCJKkr", 微软雅黑, MS Gothic, Segoe UI, Helvetica, sans-serif; line-height: 1; color: #000; letter-spacing: -0.5px;}
select::-ms-expand{ display:none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ overflow: hidden;}
p{margin-bottom:0}

.fontTEE{ font-family: 'TourEasyE';}
.fontTET{ font-family: 'TourEasyT';}


body.CN .fontTEE{ font-family: "微软雅黑"; font-weight: bold;}
body.CN .fontTET{ font-family: "微软雅黑"; font-weight: bold;}
body.CN *{ font-family: "微软雅黑";}

body.JP .fontTEE{ font-family: "微软雅黑"; font-weight: bold;}
body.JP .fontTET{ font-family: "微软雅黑"; font-weight: bold;}
body.JP *{ font-family: "微软雅黑";}

body.VN .fontTEE{ font-family: "Segoe UI"; font-weight: bold;}
body.VN .fontTET{ font-family: "Segoe UI"; font-weight: bold;}
body.VN *{ font-family: "Segoe UI";}


.material-symbols-outlined{ font-family: "Material Symbols Outlined" !important;}


.br_pc{ display: block;}
.br_pad{ display: none;}
.br_m{ display: none;}
@media(max-width: 1400px){
    .br_pc{ display: none;}
    .br_pad{ display: block;}
    .br_m{ display: none;}
}
@media(max-width: 767px){
    .br_pc{ display: none;}
    .br_pad{ display: none;}
    .br_m{ display: block;}
}


.type_full{ padding-right: 50px !important; padding-left: 50px !important;}
.type_row{ margin: 0 auto !important; max-width: 1300px; width: 100%;}
.type_cb{ clear: both;}
@media(max-width: 1400px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .type_full{ padding-right: 15px !important; padding-left: 15px !important;}
}




.header_banner{ overflow: hidden; height: 0; opacity: 0;}
.header_banner .type_row{ display: flex; justify-content: center; align-items: center; position: relative; height: 80px;}
.header_banner .banner{ display: flex; justify-content: center; align-items: center; cursor: pointer;}
.header_banner .banner p{ font-size: 18px; font-weight: 300; color: rgba(255 255 255/70%);}
.header_banner .banner p.t2{ margin: 0 5px; font-weight: 500; color: #FFF;}
.header_banner .banner i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255 255 255/50%); font-size: 12px; color: #FFF;}
.header_banner .close{ display: flex; align-items: center; position: absolute; top: 25px; right: 0; height: 30px; cursor: pointer;}
.header_banner .close span{ font-size: 24px; color: rgba(255 255 255/50%);}
.header_banner .close:hover span{ color: #FFF;}
.header_banner.on{ height: 80px; opacity: 1;}
@media(max-width: 767px){
    .header_banner .banner{ flex-wrap: wrap;}
    .header_banner .banner p{ padding: 5px 0; font-size: 14px;}
    .header_banner .banner p.t1{}
    .header_banner .banner p.t2{ margin: 0 0 0 5px; width: 50%;}
    .header_banner .banner p.t3{}
    .header_banner .banner i{ margin: 0 0 0 5px; width: 20px; height: 20px; font-size: 10px;}
}


.header{ position: relative; z-index: 100; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header .top{}
.header .top .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.header .top .fl{ display: flex; align-items: center;}
.header .top .fr{ display: flex; justify-content: flex-end; align-items: center;}
.header .top .logo{ display: block; height: 40px;}
.header .top .logo img{ display: block; width: auto; height: 100%;}
.header .top .search{ position: relative; margin: 0 0 0 50px; width: 400px;}
.header .top .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 2px solid #000; background: none; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.header .top .search span{ position: absolute; z-index: 10; top: 0; right: 20px; height: 50px; display: flex; align-items: center; font-size: 24px; color: #000; cursor: pointer;}
.header .top .visitLogo{margin-left:30px}
.header .top .visitLogo a > img{height:60px}
.header .top .visitLogo_m{display:none}
.header .top .hot{ position: relative; margin: 0 0 0 50px; width: 120px;}
.header .top .hot .rolling{ overflow: hidden; height: 40px;}
.header .top .hot .rolling .swiper-slide{ display: flex; align-items: center;}
.header .top .hot .rolling .swiper-slide a{ display: flex; align-items: center;}
.header .top .hot .rolling .swiper-slide a span{ flex: 0 0 35px; display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 35px; height: 20px; border-radius: 5px 0 5px 5px; border: 1px solid #F00;}
.header .top .hot .rolling .swiper-slide a span font{ font-size: 13px; color: #F00; transform: scale(.8);}
.header .top .hot .rolling .swiper-slide a p{ width: 100%; font-size: 12px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.header .top .hot .list{ display: none; position: absolute; z-index: 1; top: 0; left: -20px; width: 160px; border-radius: 5px; background: #FFF; box-shadow: 0 0 1px 1px rgba(0 0 0/15%);}
.header .top .hot .list .head{ display: flex; align-items: center; padding: 0 20px; height: 40px; border-bottom: 1px solid #DDD;}
.header .top .hot .list .head span{ display: flex; justify-content: center; align-items: center; width: 35px; height: 20px; border-radius: 5px 0 5px 5px; border: 1px solid #F00;}
.header .top .hot .list .head span font{ font-size: 13px; color: #F00; transform: scale(.8);}
.header .top .hot .list .head p{ margin: 0 0 0 5px; font-size: 12px; color: #666;}
.header .top .hot .list .body{ padding: 10px 0;}
.header .top .hot .list .body ul{}
.header .top .hot .list .body ul li{}
.header .top .hot .list .body ul li a{ display: block; padding: 0 20px; line-height: 25px; font-size: 13px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; cursor: pointer;}
.header .top .hot .list .body ul li a:hover{ color: #000; text-decoration: underline;}
.header .top .hot:hover .list{ display: block;}

.header .top .menu{ position: relative; z-index: 9999;}
.header .top .menu > ul{ display: flex; align-items: center;}
.header .top .menu > ul > li{ position: relative; margin: 0 0 0 20px;}
.header .top .menu > ul > li > span{ display: block; width: 1px; height: 12px; background: #CCC;}
.header .top .menu > ul > li > a{ display: flex; align-items: center; height: 20px; cursor: pointer;}
.header .top .menu > ul > li > a p{ font-size: 14px; color: #666;}
.header .top .menu > ul > li > a span{ font-size: 18px; color: #999;}
.header .top .menu > ul > li > a:hover p{ text-decoration: underline; color: #000;}
.header .top .menu > ul > li ul{ display: none; position: absolute; top: 20px; right: 0; padding: 10px 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 1px 1px rgba(0 0 0/15%);}
.header .top .menu > ul > li ul > li{}
.header .top .menu > ul > li ul > li a{ display: block; padding: 7px 20px; font-size: 13px; color: #666;}
.header .top .menu > ul > li ul > li.on a{ font-weight: 300; color: #25acdc;}
.header .top .menu > ul > li:hover ul{ display: block;}

.header .top .all_menu_btn{ display: none; justify-content: center; align-items: center; position: relative; margin: 0 0 0 20px; cursor: pointer;}
.header .top .all_menu_btn span{ font-size: 34px; color: #000;}

.header .bottom{ position: relative; border-top: 1px solid #DDD;}
.header .bottom .type_row{ display: flex; align-items: center;}
.header .bottom .menu{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
.header .bottom .menu div > ul{ display: flex; margin: 0 -15px;}
.header .bottom .menu div > ul > li{}
.header .bottom .menu div > ul > li .top.pc_only{display:block}
.header .bottom .menu div > ul > li .top.m_only{display:none}
.header .bottom .menu div > ul > li .top{ position: relative;}
.header .bottom .menu div > ul > li .top > a.link{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; }
.header .bottom .menu div > ul > li .top > a{ display: flex; align-items: center; position: relative; height: 60px; padding: 0 15px; cursor: pointer;}
.header .bottom .menu div > ul > li .top > a p{ font-size: 16px; color: #000; margin-bottom:0;}
.header .bottom .menu div > ul > li .top > a i{ display: none;}

.header .bottom .menu div > ul > li .hover{ display: none; position: absolute; z-index: 999; right: 0; left: 0;}
.header .bottom .menu div > ul > li .hover .type_row{ flex-wrap: wrap; align-items: flex-start; padding: 15px 0px 15px 0;}
.header .bottom .menu div > ul > li .hover dl{ margin: 0 55px 0 0; padding: 15px 0; width:calc(100% / 10)}
.header .bottom .menu div > ul > li .hover dl dt{}
.header .bottom .menu div > ul > li .hover dl dt a{ line-height: 30px; font-size: 18px; font-weight: 500; color: rgba(255 255 255/100%); cursor: pointer;}
.header .bottom .menu div > ul > li .hover dl dt a i{ display: none;}
.header .bottom .menu div > ul > li .hover dl dd{ padding: 10px 0 0 0;}
.header .bottom .menu div > ul > li .hover dl dd ul{}
.header .bottom .menu div > ul > li .hover dl dd ul li{}
.header .bottom .menu div > ul > li .hover dl dd ul li a{ display: block; line-height: 30px; font-size: 16px; color: rgba(255 255 255/50%); cursor: pointer;}
.header .bottom .menu div > ul > li .hover dl dd ul li a:hover{ color: #FFF; text-decoration: underline !important;}

.header .bottom .menu .bg{ display: none; position: absolute; top: 60px; right: 0; left: 0; background: #06f;}
.header .bottom .menu .bg .type_row{ display: none; justify-content: flex-end;}
.header .bottom .menu .bg a{ display: block; position: relative; z-index: 20;}
.header .bottom .menu .bg a img{ display: block;}

.header .bottom .menu div > ul > li:hover > a:before{ content: ""; display: block; position: absolute; right: 15px; bottom: 0; left: 15px; height: 3px; background: #000;}
/*
.header .bottom .menu div > ul > li:hover .hover{ display: block;}
.header .bottom .menu div > ul > li:hover .bg{ display: block;}
*/
.header .bottom .menu div > ul > li.on .hover{display:block}
.header .bottom .menu div > ul > li.on .bg{display:block}

.header .bottom .btn_calendar_search{ flex: 0 0 160px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 30px; height: 36px; border-radius: 20px; background: #000; cursor: pointer;}
.header .bottom .btn_calendar_search p{ font-size: 14px; color: #FFF; text-align:center;}

.EN .header .bottom .btn_calendar_search{ flex: 0 0 200px;}
.EN .header .bottom .btn_calendar_search p{ font-size: 13px; margin-bottom:0}
@media(max-width: 1400px){
    .header .top .search{ margin: 0 0 0 30px; width: 300px;}
    .header .top .hot{ margin: 0 0 0 30px;}
    .header .top .all_menu_btn{ display: flex;}
    .header .bottom .menu div > ul > li .hover{ display: none !important;}
    .header .bottom .menu div > ul > li .bg{ display: none !important;}
}
@media(max-width: 1025px){
    .header .top .type_row{ flex-direction: column-reverse; align-items: flex-start; padding: 20px 0;}
    .header .top .fr{ padding: 0 0 20px 0; width: 100%;}
    .header .top .menu > ul{ justify-content: flex-end;}
    .header .top .search{ width: 300px;}
    .header .bottom{ overflow: hidden; height: 60px;}
    .header .bottom .type_row{ align-items: flex-start; height: 60px;}
    .header .bottom .all_menu_btn{ margin: 0;}
    .header .bottom .menu{ overflow: auto; text-align: left; white-space: nowrap; display: block; margin: 0 0 0 -50px; padding: 0 30px 0 50px; height: 90px;}
    .header .bottom .menu > div{ display: inline-block; vert-align: top;}
    .header .bottom .menu .fr{ margin: 0 0 0 30px;}
    .header .bottom .btn_calendar_search{ margin: 12px 0 0 20px;}
}
@media(max-width: 767px){
    .header .top .type_row{ padding: 15px 0 20px 0;}
    .header .top .fl{ width: 100%; justify-content:space-between;}
    .header .top .fr{ padding: 0 0 10px 0; justify-content:space-between}

    .header .top .logo{ flex: 0 0 40px;  margin: 0 15px 0 0; width: 40px; height: 30px;}
    .header .top .logo img{ height: 30px;}
    .header .top .search{ margin: 0; width: 60%;}
    .header .top .search input{ padding: 0 10px; height: 35px; border: 1.5px solid #000; font-size: 13px;}
    .header .top .search span{ right: 10px; height: 35px; font-size: 18px;}
    .header .top .hot{ flex: 0 0 95px; margin: 0 0 0 15px;}
    .header .top .hot .rolling{ height: 35px;}
    .header .top .hot .rolling .swiper-slide a span{ flex: 0 0 30px; width: 30px; height: 18px;}
    .header .top .hot .rolling .swiper-slide a span font{ font-size: 8px; transform: scale(1);}
    .header .top .hot .rolling .swiper-slide a p{ font-size: 11px;}
    .header .top .hot .list{ left: -10px; width: 110px;}
    .header .top .hot .list .head{ padding: 0 10px; height: 35px;}
    .header .top .hot .list .head span{ width: 30px; height: 18px;}
    .header .top .hot .list .head span font{ font-size: 8px; transform: scale(1);}
    .header .top .hot .list .head p{ font-size: 11px;}
    .header .top .hot .list .body{ padding: 10px 0;}
    .header .top .hot .list .body ul li a{ padding: 0 10px; font-size: 11px;}
	.header .top .visitLogo{display:none}
	.header .top .visitLogo_m{display:block}
	.header .top .visitLogo_m a > img{height:30px}
    .header .top .menu > ul > li{ margin: 0 0 0 5px;}
    .header .top .menu > ul > li > a p{ font-size: 12px;}
    .header .top .menu > ul > li ul > li a{ font-size: 12px;}

    .header .top .all_menu_btn{ margin: 0 0 0 0;}
    .header .top .all_menu_btn span{ font-size: 30px;}

    .header .bottom{ height: 45px;}
    .header .bottom .type_row{ height: 45px;}
    .header .bottom .menu{ margin: 0 0 0 -15px; padding: 0 20px 0 15px; height: 90px;}
    .header .bottom .menu .fl{ margin: 0 0 0 10px;}
    .header .bottom .menu .fr{ margin: 0 0 0 20px; padding: 0 0 0 20px;}
	.header .bottom .menu div > ul > li .top.pc_only{display:none}
	.header .bottom .menu div > ul > li .top.m_only{display:block}
    .header .bottom .menu div > ul > li .top > a{ padding: 0 5px; height: 45px;}
    .header .bottom .menu div > ul > li .top > a p{ font-size: 14px;}

    .header .bottom .btn_calendar_search{ flex: 0 0 120px; margin: 6px 0 0 10px; height: 30px; border-radius: 5px;}
    .header .bottom .btn_calendar_search p{ font-size: 12px;}

    .EN .header .bottom .btn_calendar_search{ flex: 0 0 140px;}
    .EN .header .bottom .btn_calendar_search p{ font-size: 10px;}
}


.all_menu{ position: fixed; z-index: 3000; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/70%); transition: opacity .3s;}
.all_menu > .type_row{ overflow: auto; position: fixed; top: 0; left: -400px; bottom: 0; width: 400px; background: #FFF; opacity: 0; transition: all .5s;}
.all_menu .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 400px; background: rgba(0 0 0/0.00001%);}
.all_menu .close span{ display: block; position: absolute; top: 30px; right: 30px; font-size: 34px; color: #FFF;}

.all_menu .menu{}
.all_menu .menu div > ul{}
.all_menu .menu div > ul > li{ border-bottom: 1px solid rgba(0 0 0/15%);}
.all_menu .menu div > ul > li .top{}
.all_menu .menu div > ul > li .top > a.link{ display: none;}
.all_menu .menu div > ul > li .top > a{ display: flex; justify-content: space-between; align-items: center; position: relative; height: 60px; padding: 0 50px; cursor: pointer;}
.all_menu .menu div > ul > li .top > a p{ font-size: 18px; font-weight: 700; color: #000;}
.all_menu .menu div > ul > li .top > a i{ font-size: 16px; color: rgba(0 0 0/50%); transition: all .5s;}

.all_menu .menu div > ul > li.on .top > a i{ transform: rotate(180deg);}

.all_menu .menu div > ul > li .hover{ display: none; border-top: 1px solid rgba(0 0 0/10%); background: #f0f0f0;}
.all_menu .menu div > ul > li .hover .type_row{ display: block; padding: 0;}
.all_menu .menu div > ul > li .hover dl{}
.all_menu .menu div > ul > li .hover dl dt{}
.all_menu .menu div > ul > li .hover dl dt a{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 50px; line-height: 50px; font-size: 16px; font-weight: 500; color: rgba(0 0 0/100%); cursor: pointer;}
.all_menu .menu div > ul > li .hover dl dt a i{ font-size: 20px; color: rgba(0 0 0/30%);}
.all_menu .menu div > ul > li .hover dl dd{ padding: 0 0 20px 0; border-bottom: 1px solid rgba(255 255 255/10%);}
.all_menu .menu div > ul > li .hover dl:last-child dd{ border: 0;}
.all_menu .menu div > ul > li .hover dl dd ul{ margin: 0 50px; padding: 10px 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/5%);}
.all_menu .menu div > ul > li .hover dl dd ul li{}
.all_menu .menu div > ul > li .hover dl dd ul li a{ display: block; position: relative; padding: 0 50px; line-height: 40px; font-size: 14px; color: rgba(0 0 0/70%); cursor: pointer;}
.all_menu .menu div > ul > li .hover dl dd ul li a:before{ content: ""; display: block; position: absolute; top: 50%; left: 30px; width: 8px; height: 1px; background: rgba(0 0 0/20%);}

.all_menu .bg{ display: none !important;}
.all_menu > .type_row > .bg{ display: block !important;}
.all_menu > .type_row > .bg .type_row{}
.all_menu > .type_row > .bg a img{ display: block; width: 100%; height: auto;}

.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .type_row{ left: 0; opacity: 1;}
@media(max-width: 767px){
    .all_menu > .type_row{ width: 300px;}
    .all_menu .close{ left: 300px;}
    .all_menu .menu div > ul > li .top > a{ padding: 0 30px;}
    .all_menu .menu div > ul > li .hover dl dt a{ padding: 0 30px;}
    .all_menu .menu div > ul > li .hover dl dd ul{ margin: 0 30px;}

    .all_menu > .type_row > .bg{ display: none !important;}
}


.m_gnb{ display: none; position: fixed; z-index: 2000; right: 0; bottom: 0; left: 0; background: #FFF; box-shadow: 0 0 5px 1px rgba(0 0 0/15%);}
.m_gnb ul{ display: flex;}
.m_gnb ul li{ width: 25%;}
.m_gnb ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 70px;}
.m_gnb ul li a span{ font-size: 24px; color: #999;}
.m_gnb ul li a p{ margin: 7px 0 0 0; font-size: 12px; font-weight: 300; color: #999;}
.m_gnb ul li.on a span{ color: #000;}
.m_gnb ul li.on a p{ font-weight: 700; color: #000;}
@media(max-width: 767px){
    .m_gnb{ display: block;}
}


.footer{ margin: 120px 0 0 0; border-top: 1px solid rgba(0 0 0/15%);}
.footer .top{ padding: 80px 0; background: #;}
.footer .top .type_row{ display: flex;}
.footer .top .notice{ padding: 0 50px 0 0; width: 50%;}
.footer .top .notice .head{ display: flex; justify-content: space-between; align-items: flex-end;}
.footer .top .notice .head p{ font-size: 40px;}
.footer .top .notice .head a{ display: flex; align-items: center;}
.footer .top .notice .head a p{ font-size: 16px;}
.footer .top .notice .head a span{ margin: 0 0 0 5px; font-size: 20px;}
.footer .top .notice .list{ margin: 50px 0 0 0;}
.footer .top .notice .list ul{}
.footer .top .notice .list ul li{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #DDD;}
.footer .top .notice .list ul li a{ width: 100%; line-height: 60px; font-size: 16px; cursor: pointer;}
.footer .top .notice .list ul li p{ flex: 0 0 90px; text-align: right; font-size: 14px; color: #999;}
.footer .top .notice .list ul li:hover a{ text-decoration: underline;}
.footer .top .cs{ padding: 0 0 0 50px; width: 50%;}
.footer .top .cs .head{}
.footer .top .cs .head p{ font-size: 40px;}
body.JP .footer .top .cs .head p{ font-family: MS Gothic; font-weight: bold;}
.footer .top .cs .tel{ margin: 40px 0 0 0;}
.footer .top .cs .tel .tit{ font-size: 18px; color: #000;}
.footer .top .cs .tel .number{ margin: 15px 0 0 0;}
.footer .top .cs .tel .number p{ font-size: 40px;}
.footer .top .cs .tel .txt{ display: flex; align-items: center; margin: 15px 0 0 0;}
.footer .top .cs .tel .txt span{ margin: 0 5px 0 0; font-size: 24px; color: #999;}
.footer .top .cs .tel .txt span:nth-child(3){ margin: 0 5px 0 30px;}
.footer .top .cs .tel .txt p{ font-size: 18px;}
.footer .top .cs .tel .info{ margin: 10px 0 0 0; font-size: 14px; color: #ff0000;}
.footer .top .cs .btn{ margin: 40px 0 0 0;}
.footer .top .cs .btn ul{ display: flex; margin: 0 -5px;}
.footer .top .cs .btn ul li{ width: 33.333%;}
.footer .top .cs .btn ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 80px; border: 1px solid #DDD;}
.footer .top .cs .btn ul li a span{ font-size: 30px; color: #000;}
.footer .top .cs .btn ul li a p{ margin: 0 0 0 10px; font-size: 16px;}

.footer .middle{ border-top: 1px solid #000;}
.footer .middle .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.footer .middle .type_row .menu{}
.footer .middle .type_row .menu ul{ display: flex;}
.footer .middle .type_row .menu ul li{ margin: 0 30px 0 0;}
.footer .middle .type_row .menu ul li a{ font-size: 16px; color: #333;}
.footer .middle .type_row .sns{}
.footer .middle .type_row .sns ul{ display: flex;}
.footer .middle .type_row .sns ul li{ margin: 0 0 0 15px;}
.footer .middle .type_row .sns ul li a{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; background: #000;}
.footer .middle .type_row .sns ul li a i{ font-size: 18px; color: #FFF;}

.footer .bottom{ border-top: 1px solid #DDD;}
.footer .bottom .type_row{ display: flex; flex-wrap: wrap; padding: 50px 0 0 0;}
.footer .bottom .fl{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; }
.footer .bottom .fr{ width: 100%;}
.footer .bottom .logo_wrap {width:100%; text-align:center;}
.footer .bottom .logo{ display: inline-block; height: 40px; opacity: 0.5;}
.footer .bottom .logo img{ display: block; width: auto; height: 100%; filter: grayscale(100%);}
.footer .bottom .txt{ margin: 30px 0 0 0; line-height: 1.5; font-size: 13px; color: #959595; text-align:center; font-weight:300; letter-spacing:1px;}
.footer .bottom .text{ display: flex; flex-wrap: wrap; margin: 30px 0 0 0; justify-content:center;}
.footer .bottom .text p{ padding: 5px 0; line-height: 15px; font-size: 13px; color: #666; margin-bottom:0}
.footer .bottom .text p font{ margin: 0 0 0 5px; cursor: pointer;}
.footer .bottom .text span{ display: block; margin: 5px 15px; width: 1px; height: 15px; background: #DDD;}
.footer .bottom .copy{ margin: 50px 0 0 0; padding: 30px 0; width: 100%; border-top: 1px solid #DDD;}
.footer .bottom .copy p{ text-align: center; font-size: 12px; color: #999;}
@media(max-width: 1400px){
    .footer{ margin: 80px 0 0 0;}
}
@media(max-width: 1025px){
    .footer .top{ padding: 80px 0;}
    .footer .top .type_row{ display: block;}
    .footer .top .notice{ padding: 0 0 50px 0; width: 100%;}
    .footer .top .notice .head p{ font-size: 35px;}
    .footer .top .cs{ padding: 0; width: 100%;}
    .footer .top .cs .head p{ font-size: 35px;}

    .footer .middle .type_row{ flex-direction: column; justify-content: center;}
    .footer .middle .type_row .sns{ margin: 20px 0 0 0;}

    .footer .bottom .type_row{ display: block;}
    .footer .bottom .fl{ flex-direction: column; justify-content: center; align-items: center; width: 100%;}
    .footer .bottom .fr{ padding: 50px 0 0 0; width: 100%;}
    .footer .bottom .logo{ display: block; height: 40px; opacity: 0.5;}
    .footer .bottom .logo img{ display: block; width: auto; height: 100%; filter: grayscale(100%);}
    .footer .bottom .txt{ text-align: center;}
    .footer .bottom .text{ justify-content: center;}
}
@media(max-width: 767px){
    .footer{ margin: 60px 0 0 0;}
    .footer .top{ padding: 40px 0;}
    .footer .top .notice{ padding: 0 0 40px 0;}
    .footer .top .notice .head p{ font-size: 25px;}
    .footer .top .notice .head a p{ font-size: 14px;}
    .footer .top .notice .head a span{ font-size: 16px;}
    .footer .top .notice .list{ margin: 30px 0 0 0;}
    .footer .top .notice .list ul li a{ line-height: 45px; font-size: 14px;}
    .footer .top .notice .list ul li p{ font-size: 12px;}
    .footer .top .cs .head p{ font-size: 25px;}
    .footer .top .cs .tel{ margin: 30px 0 0 0;}
    .footer .top .cs .tel .tit{ font-size: 14px;}
    .footer .top .cs .tel .number{ margin: 10px 0 0 0;}
    .footer .top .cs .tel .number p{ font-size: 35px;}
    .footer .top .cs .tel .txt{ margin: 10px 0 0 0;}
    .footer .top .cs .tel .txt span{ margin: 0 2px 0 0; font-size: 20px;}
    .footer .top .cs .tel .txt span:nth-child(3){ margin: 0 2px 0 20px;}
    .footer .top .cs .tel .txt p{ font-size: 13px;}
    .footer .top .cs .tel .info{ font-size: 13px;}
    .footer .top .cs .btn{ margin: 30px 0 0 0;}
    .footer .top .cs .btn ul li a{ flex-direction: column; align-items: center; height: 80px;}
    .footer .top .cs .btn ul li a span{ font-size: 24px;}
    .footer .top .cs .btn ul li a p{ margin: 5px 0 0 0; text-align: center; line-height: 1.2; font-size: 12px;}

    .footer .middle .type_row .menu ul{ flex-wrap: wrap; justify-content: center; align-items: center;}
    .footer .middle .type_row .menu ul li{ margin: 5px;}
    .footer .middle .type_row .menu ul li a{ font-size: 13px;}

    .footer .bottom .type_row{ padding: 30px 0 0 0;}
    .footer .bottom .fr{ padding: 0;}
    .footer .bottom .logo{ height: 30px;}
    .footer .bottom .txt{ margin: 30px 0 0 0; font-size: 12px;}
    .footer .bottom .text{ margin: 30px 0 0 0;}
    .footer .bottom .text p{ padding: 4px 8px; text-align: center; line-height: 15px; font-size: 12px;}
    .footer .bottom .text p font{ margin: 0 0 0 3px;}
    .footer .bottom .text span{ display: none; margin: 5px 0;}
    .footer .bottom .copy{ margin: 30px 0 0 0; padding: 25px 0 100px 0;}
    .footer .bottom .copy p{ font-size: 11px;}
}


.scroll_top{ position: fixed; z-index: 110; right: 50px; bottom: 50px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #000; opacity: 0; transition: all .5s; cursor: pointer;}
.scroll_top i{ font-size: 20px; color: #FFF;}
.scroll_top.scroll{ bottom: 60px; opacity: 1;}
@media(max-width: 767px){
    .scroll_top{ right: 15px; bottom: 30px; width: 40px; height: 40px;}
    .scroll_top i{ font-size: 18px;}
    .scroll_top.scroll{ bottom: 90px;}
}


.visual{ position: relative; padding: 50px 0 0 0;}
.visual .rolling_max{ position: relative; margin: 0 auto;}
.visual .rolling_max .swiper-slide{ margin: 0;}
.visual .rolling_max .swiper-slide a{ overflow: hidden; display: block; position: relative; margin: 0 auto; height: 600px; border-radius: 20px;}
.visual .rolling_max .swiper-slide a .text{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 0 100px 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/40%));}
.visual .rolling_max .swiper-slide a .text .t1{ text-align: center; line-height: 80px; font-family: 'TourEasyT' 微软雅黑; font-size: 60px; font-weight: bold; color: #FFF;}
.visual .rolling_max .swiper-slide a .text .t2{ margin: 30px 0 0 0; text-align: center; font-size: 18px; font-weight: 300; color: #FFF;}


.visual .rolling_max .swiper-button-prev{ display: block; position: absolute; top: 50%; left: 50px; width: auto; height: auto; text-align: left;}
.visual .rolling_max .swiper-button-prev:after{ display: none;}
.visual .rolling_max .swiper-button-prev p{ font-size: 20px; color: #FFF;}
.visual .rolling_max .swiper-button-prev span{ padding: 10px 0 0 0; font-size: 30px; color: #FFF;}
.visual .rolling_max .swiper-button-next{ display: block; position: absolute; top: 50%; right: 50px; width: auto; height: auto; text-align: right;}
.visual .rolling_max .swiper-button-next:after{ display: none;}
.visual .rolling_max .swiper-button-next p{ font-size: 20px; color: #FFF;}
.visual .rolling_max .swiper-button-next span{ padding: 10px 0 0 0; font-size: 30px; color: #FFF;}

/*
.visual .rolling_min{ overflow: visible; position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; height: 100px; border-top: 1px solid rgba(255 255 255/20%);}
.visual .rolling_min .swiper-wrapper{ display: flex; justify-content: center; align-items: flex-end;}
.visual .rolling_min .swiper-slide{ margin: 0 !important; width: auto !important;}
.visual .rolling_min .swiper-slide a{ display: block; position: relative; z-index: 1; margin: -1px 0 0 0; padding: 0 40px; border-top: 2px solid rgba(255 255 255/0); cursor: pointer; transition: all .5s;}
.visual .rolling_min .swiper-slide a span{ display: block; padding: 15px 0 0 0; font-size: 18px; color: #FFF; opacity: 0.5; transition: all .5s;}
.visual .rolling_min .swiper-slide.swiper-slide-thumb-active a{ border-color: rgba(255 255 255/100%);}
.visual .rolling_min .swiper-slide.swiper-slide-thumb-active a span{ opacity: 1;}
*/

.visual .rolling_min{ overflow: visible; position: absolute; z-index: 10; right: 0; bottom: -40px; left: 0;}
.visual .rolling_min .swiper-wrapper{ display: flex; justify-content: center; align-items: flex-end;}
.visual .rolling_min .swiper-slide{ margin: 0 5px; width: auto !important;}
.visual .rolling_min .swiper-slide a{ overflow: hidden; display: block; position: relative; width: 120px; border-radius: 10px; cursor: pointer; opacity: 1; transition: all .5s;}
.visual .rolling_min .swiper-slide a span{ display: block; position: absolute; z-index: 20; top: 20px; right: 15px; left: 15px; line-height: 1.2; font-size: 14px; font-weight: 400; color: #FFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s;}
.visual .rolling_min .swiper-slide a .bg{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/30%), rgba(0 0 0/0%)); transition: all .5s;}
.visual .rolling_min .swiper-slide a img{ display: block; width: 100%;}
.visual .rolling_min .swiper-slide.swiper-slide-thumb-active a{ box-shadow: 0 10px 30px 0 rgba(0 0 0/30%); opacity: 1;}
.visual .rolling_min .swiper-slide.swiper-slide-thumb-active a:before{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px;}
.visual .rolling_min .swiper-slide.swiper-slide-thumb-active a span{ color: #FFF;}
.visual .rolling_min .swiper-slide.swiper-slide-thumb-active a .bg{ background: linear-gradient(180deg, rgba(0 0 0/70%), rgba(0 0 0/50%));}

@media(max-width: 1400px){
    .visual .rolling_max .swiper-slide a{ height: 450px;}
    .visual .rolling_max .swiper-slide a .text{ padding: 0 0 80px 0;}
    .visual .rolling_max .swiper-slide a .text .t1{ line-height: 50px; font-size: 40px;}
    .visual .rolling_max .swiper-slide a .text .t2{ margin: 20px 0 0 0; font-size: 16px;}
    .visual .rolling_max .swiper-button-prev{ display: none;}
    .visual .rolling_max .swiper-button-next{ display: none;}
	/*
    .visual .rolling_min{ height: 80px;}
    .visual .rolling_min .swiper-slide a{ padding: 0 25px;}
    .visual .rolling_min .swiper-slide a span{ font-size: 14px;}
	*/
}
@media(max-width: 767px){
    .visual{ padding: 30px 0 0 0;}
    .visual .rolling_max .swiper-slide a{ height: 300px; border-radius: 10px;}
    .visual .rolling_max .swiper-slide a .text{ padding: 0 15px 70px 15px;}
    .visual .rolling_max .swiper-slide a .text .t1{ line-height: 40px; font-size: 30px;}
    .visual .rolling_max .swiper-slide a .text .t2{ margin: 15px 0 0 0; font-size: 14px;}
	/*
    .visual .rolling_min{ height: 70px;}
    .visual .rolling_min .swiper-slide a{ padding: 0 10px; width: 80px; text-align: center;}
    .visual .rolling_min .swiper-slide a span{ padding: 10px 0 0 0; line-height: 14px; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	*/
	.visual .rolling_min{ bottom: -20px;}
    .visual .rolling_min .swiper-slide{ margin: 0 2.5px !important;}
    .visual .rolling_min .swiper-slide a{ width: 60px; border-radius: 5px;}
    .visual .rolling_min .swiper-slide a span{ top: 10px; right: 10px; left: 10px; font-size: 10px;}
}


.visual_sub{ position: relative; padding: 50px 0 0 0;}
.visual_sub .rolling_max{ position: relative; margin: 0 auto;}
.visual_sub .rolling_max .swiper-slide{ margin: 0;}
.visual_sub .rolling_max .swiper-slide a{ overflow: hidden; display: flex; justify-content: center; position: relative; padding: 0 50px; height: 600px; border-radius: 20px;}
.visual_sub .rolling_max .swiper-slide a .text{ display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 20; padding: 0 0 120px 0; max-width: 1300px; width: 100%;}
.visual_sub .rolling_max .swiper-slide a .text .t0{ font-family: 'TourEasyT'; font-size: 25px; color: #FFF;}
.visual_sub .rolling_max .swiper-slide a .text .t1{ line-height: 80px; font-family: 'TourEasyT' 微软雅黑, MS Gothic; font-weight: bold; font-size: 60px; color: #FFF;}
.visual_sub .rolling_max .swiper-slide a .text .t2{ margin: 30px 0 0 0; font-size: 18px; font-weight: 300; color: #FFF;}
.visual_sub .rolling_max .swiper-slide a .bg{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/50%), rgba(0 0 0/0%), rgba(0 0 0/0%));}

.visual_sub .rolling_max .swiper-button-prev{ display: block; position: absolute; top: 50%; left: 50px; width: auto; height: auto; text-align: left;}
.visual_sub .rolling_max .swiper-button-prev:after{ display: none;}
.visual_sub .rolling_max .swiper-button-prev p{ font-size: 20px; color: #FFF;}
.visual_sub .rolling_max .swiper-button-prev span{ padding: 10px 0 0 0; font-size: 30px; color: #FFF;}
.visual_sub .rolling_max .swiper-button-next{ display: block; position: absolute; top: 50%; right: 50px; width: auto; height: auto; text-align: right;}
.visual_sub .rolling_max .swiper-button-next:after{ display: none;}
.visual_sub .rolling_max .swiper-button-next p{ font-size: 20px; color: #FFF;}
.visual_sub .rolling_max .swiper-button-next span{ padding: 10px 0 0 0; font-size: 30px; color: #FFF;}

.visual_sub .rolling_min{ overflow: visible; position: absolute; z-index: 10; right: 0; bottom: -40px; left: 0;}
.visual_sub .rolling_min .swiper-wrapper{ display: flex; justify-content: center; align-items: flex-end;}
.visual_sub .rolling_min .swiper-slide{ margin: 0 5px; width: auto !important;}
.visual_sub .rolling_min .swiper-slide a{ overflow: hidden; display: block; position: relative; width: 120px; border-radius: 10px; cursor: pointer; opacity: 1; transition: all .5s;}
.visual_sub .rolling_min .swiper-slide a span{ display: block; position: absolute; z-index: 20; top: 20px; right: 15px; left: 15px; line-height: 1.2; font-size: 14px; font-weight: 400; color: #FFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s;}
.visual_sub .rolling_min .swiper-slide a .bg{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/30%), rgba(0 0 0/0%)); transition: all .5s;}
.visual_sub .rolling_min .swiper-slide a img{ display: block; width: 100%;}
.visual_sub .rolling_min .swiper-slide.swiper-slide-thumb-active a{ box-shadow: 0 10px 30px 0 rgba(0 0 0/30%); opacity: 1;}
.visual_sub .rolling_min .swiper-slide.swiper-slide-thumb-active a:before{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px;}
.visual_sub .rolling_min .swiper-slide.swiper-slide-thumb-active a span{ color: #FFF;}
.visual_sub .rolling_min .swiper-slide.swiper-slide-thumb-active a .bg{ background: linear-gradient(180deg, rgba(0 0 0/70%), rgba(0 0 0/50%));}
@media(max-width: 1400px){
    .visual_sub .rolling_max .swiper-slide a{ height: 450px;}
    .visual_sub .rolling_max .swiper-slide a .text{ padding: 0 0 95px 0;}
    .visual_sub .rolling_max .swiper-slide a .text .t0{ font-size: 20px;}
    .visual_sub .rolling_max .swiper-slide a .text .t1{ line-height: 50px; font-size: 40px;}
    .visual_sub .rolling_max .swiper-slide a .text .t2{ margin: 20px 0 0 0; font-size: 16px;}
    .visual_sub .rolling_max .swiper-button-prev{ display: none;}
    .visual_sub .rolling_max .swiper-button-next{ display: none;}

    .visual_sub .rolling_min .swiper-slide a{ width: 100px;}
}
@media(max-width: 767px){
    .visual_sub{ padding: 30px 0 0 0;}
    .visual_sub .rolling_max .swiper-slide a{ padding: 0 30px; height: 300px; border-radius: 10px;}
    .visual_sub .rolling_max .swiper-slide a .text{ padding: 0 0 60px 0;}
    .visual_sub .rolling_max .swiper-slide a .text .t0{ font-size: 18px;}
    .visual_sub .rolling_max .swiper-slide a .text .t1{ line-height: 40px; font-size: 30px;}
    .visual_sub .rolling_max .swiper-slide a .text .t2{ margin: 15px 0 0 0; font-size: 14px;}

    .visual_sub .rolling_min{ bottom: -20px;}
    .visual_sub .rolling_min .swiper-slide{ margin: 0 2.5px !important;}
    .visual_sub .rolling_min .swiper-slide a{ width: 60px; border-radius: 5px;}
    .visual_sub .rolling_min .swiper-slide a span{ top: 10px; right: 10px; left: 10px; font-size: 10px;}
}


.home_hot{ padding: 120px 0;}
.home_hot .head{ padding: 0 0 60px 0;}
.home_hot .head p{ text-align: center; font-size: 40px;}
.home_hot .rolling{ position: relative; margin: 0 -10px;}
.home_hot .rolling .slick-list{}
.home_hot .rolling .slide{}
.home_hot .rolling .slide a{ display: block; margin: 0 10px; border-radius: 10px; background: rgba(0 0 0/10%); cursor: pointer;}
.home_hot .rolling .slide a .img{ border-radius: 10px 10px 0 0;}
.home_hot .rolling .slide a .img img{ display: block; width: 100%; height: auto;}
.home_hot .rolling .slide a .text{ overflow: hidden; padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD; border-top: 0; background: #FFF;}
.home_hot .rolling .slide a .text .t1{ line-height: 22px; font-size: 20px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_hot .rolling .slide a .text .t2{ margin: 10px 0 0 0; min-height: 36px; line-height: 18px; font-size: 14px; font-weight: 400; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_hot .rolling .slide a .text .t3{ position: relative; padding: 0 0 0 25px; line-height: 16px; font-size: 12px; color: #666;}
.home_hot .rolling .slide a .text .t3 span{ position: absolute; left: 0; line-height: 16px; font-size: 20px; color: #666;}
.home_hot .rolling .slide a .text .t4{ position: relative; margin: 10px 0 0 0; padding: 0 0 0 25px; line-height: 16px; font-size: 12px; color: #666;}
.home_hot .rolling .slide a .text .t4 span{ position: absolute; left: 0; line-height: 16px; font-size: 20px; color: #666;}
.home_hot .rolling .slide a .text .price{ margin: 30px 0 0 0; font-size: 12px;}
.home_hot .rolling .slide a .text .price span{ margin: 0 2px 0 0; font-size: 24px;}
.home_hot .rolling .slide a .text .fb{ margin: 30px -30px -30px -30px; padding: 20px 30px; border-top: 1px solid #e9e9e9; background: #fafafa;}
.home_hot .rolling .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.home_hot .rolling .btn_prev:hover{ background: rgba(255 255 255/100%);}
.home_hot .rolling .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.home_hot .rolling .btn_next:hover{ background: rgba(255 255 255/100%);}
@media(max-width: 1400px){
    .home_hot{ padding: 80px 0;}
    .home_hot .head{ padding: 0 0 50px 0;}
    .home_hot .head p{ font-size: 35px;}
}
@media(max-width: 767px){
    .home_hot{ margin: 0 -15px; padding: 60px 0;}
    .home_hot .head{ padding: 0 0 30px 0;}
    .home_hot .head p{ font-size: 25px;}
    .home_hot .rolling{ margin: 0;}
    .home_hot .rolling .slide a{ margin: 0 5px;}
    .home_hot .rolling .slide a .text{ padding: 20px;}
    .home_hot .rolling .slide a .text .t1{ line-height: 20px; font-size: 18px;}
    .home_hot .rolling .slide a .text .t2{ min-height: 36px; line-height: 18px; font-size: 14px;}
    .home_hot .rolling .slide a .text .price{ margin: 20px 0 0 0;}
    .home_hot .rolling .slide a .text .price span{ font-size: 17px;}
    .home_hot .rolling .slide a .text .fb{ margin: 20px -20px -20px -20px; padding: 20px;}
    .home_hot .rolling .btn_prev{ display: none !important;}
    .home_hot .rolling .btn_next{ display: none !important;}
}


.home_best{ padding: 120px 0; background: #f5f5f5;}
.home_best .head{ padding: 0 0 60px 0;}
.home_best .head p{ text-align: center; font-size: 40px;}
.home_best .rolling{ position: relative; margin: 0 -10px;}
.home_best .rolling .slick-list{}
.home_best .rolling .slide{}
.home_best .rolling .slide a{ display: block; margin: 0 10px; border-radius: 10px; background: rgba(0 0 0/10%); cursor: pointer;}
.home_best .rolling .slide a .img{ border-radius: 10px 10px 0 0;}
.home_best .rolling .slide a .img img{ display: block; width: 100%; height: auto;}
.home_best .rolling .slide a .text{ overflow: hidden; padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD; border-top: 0; background: #FFF;}
.home_best .rolling .slide a .text .t1{ line-height: 22px; font-size: 20px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_best .rolling .slide a .text .t2{ margin: 10px 0 0 0; min-height: 36px; line-height: 18px; font-size: 14px; font-weight: 400; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_best .rolling .slide a .text .t3{ position: relative; padding: 0 0 0 25px; line-height: 16px; font-size: 12px; color: #666;}
.home_best .rolling .slide a .text .t3 span{ position: absolute; left: 0; line-height: 16px; font-size: 20px; color: #666;}
.home_best .rolling .slide a .text .t4{ position: relative; margin: 10px 0 0 0; padding: 0 0 0 25px; line-height: 16px; font-size: 12px; color: #666;}
.home_best .rolling .slide a .text .t4 span{ position: absolute; left: 0; line-height: 16px; font-size: 20px; color: #666;}
.home_best .rolling .slide a .text .price{ margin: 30px 0 0 0; font-size: 12px;}
.home_best .rolling .slide a .text .price span{ margin: 0 2px 0 0; font-size: 24px;}
.home_best .rolling .slide a .text .fb{ margin: 30px -30px -30px -30px; padding: 20px 30px; border-top: 1px solid #e9e9e9; background: #fafafa;}
.home_best .rolling .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.home_best .rolling .btn_prev:hover{ background: rgba(255 255 255/100%);}
.home_best .rolling .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.home_best .rolling .btn_next:hover{ background: rgba(255 255 255/100%);}
@media(max-width: 1400px){
    .home_best{ padding: 80px 0;}
    .home_best .head{ padding: 0 0 50px 0;}
    .home_best .head p{ font-size: 35px;}
}
@media(max-width: 767px){
    .home_best{ margin: 0 -15px; padding: 60px 0;}
    .home_best .head{ padding: 0 0 30px 0;}
    .home_best .head p{ font-size: 25px;}
    .home_best .rolling{ margin: 0;}
    .home_best .rolling .slide a{ margin: 0 5px;}
    .home_best .rolling .slide a .text{ padding: 20px;}
    .home_best .rolling .slide a .text .t1{ line-height: 20px; font-size: 18px;}
    .home_best .rolling .slide a .text .t2{ min-height: 36px; line-height: 18px; font-size: 14px;}
    .home_best .rolling .slide a .text .price{ margin: 20px 0 0 0;}
    .home_best .rolling .slide a .text .price span{ font-size: 17px;}
    .home_best .rolling .slide a .text .fb{ margin: 20px -20px -20px -20px; padding: 20px;}
    .home_best .rolling .btn_prev{ display: none !important;}
    .home_best .rolling .btn_next{ display: none !important;}
}


.home_theme{ padding: 120px 0;}
.home_theme .head{ padding: 0 0 60px 0;}
.home_theme .head p{ text-align: center; font-size: 40px;}
.home_theme .rolling{ position: relative; margin: 0 -10px;}
.home_theme .rolling .slick-list{}
.home_theme .rolling .slide{}
.home_theme .rolling .slide a{ display: block; margin: 0 10px; border-radius: 10px; background: rgba(0 0 0/10%); cursor: pointer;}
.home_theme .rolling .slide a .img{ border-radius: 10px 10px 0 0;}
.home_theme .rolling .slide a .img img{ display: block; width: 100%; height: auto;}
.home_theme .rolling .slide a .text{ overflow: hidden; padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD; border-top: 0; background: #FFF;}
.home_theme .rolling .slide a .text .t1{ line-height: 22px; font-size: 20px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_theme .rolling .slide a .text .t2{ margin: 10px 0 0 0; min-height: 36px; line-height: 18px; font-size: 14px; font-weight: 400; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_theme .rolling .slide a .text .t3{ position: relative; padding: 0 0 0 25px; line-height: 16px; font-size: 12px; color: #666;}
.home_theme .rolling .slide a .text .t3 span{ position: absolute; left: 0; line-height: 16px; font-size: 20px; color: #666;}
.home_theme .rolling .slide a .text .t4{ position: relative; margin: 10px 0 0 0; padding: 0 0 0 25px; line-height: 16px; font-size: 12px; color: #666;}
.home_theme .rolling .slide a .text .t4 span{ position: absolute; left: 0; line-height: 16px; font-size: 20px; color: #666;}
.home_theme .rolling .slide a .text .price{ margin: 30px 0 0 0; font-size: 12px;}
.home_theme .rolling .slide a .text .price span{ margin: 0 2px 0 0; font-size: 24px;}
.home_theme .rolling .slide a .text .fb{ margin: 30px -30px -30px -30px; padding: 20px 30px; border-top: 1px solid #e9e9e9; background: #fafafa;}
.home_theme .rolling .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.home_theme .rolling .btn_prev:hover{ background: rgba(255 255 255/100%);}
.home_theme .rolling .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.home_theme .rolling .btn_next:hover{ background: rgba(255 255 255/100%);}
@media(max-width: 1400px){
    .home_theme{ padding: 80px 0;}
    .home_theme .head{ padding: 0 0 50px 0;}
    .home_theme .head p{ font-size: 35px;}
}
@media(max-width: 767px){
    .home_theme{ margin: 0 -15px; padding: 60px 0;}
    .home_theme .head{ padding: 0 0 30px 0;}
    .home_theme .head p{ font-size: 25px;}
    .home_theme .rolling{ margin: 0;}
    .home_theme .rolling .slide a{ margin: 0 5px;}
    .home_theme .rolling .slide a .text{ padding: 20px;}
    .home_theme .rolling .slide a .text .t1{ line-height: 20px; font-size: 18px;}
    .home_theme .rolling .slide a .text .t2{ min-height: 36px; line-height: 18px; font-size: 14px;}
    .home_theme .rolling .slide a .text .price{ margin: 20px 0 0 0;}
    .home_theme .rolling .slide a .text .price span{ font-size: 17px;}
    .home_theme .rolling .slide a .text .fb{ margin: 20px -20px -20px -20px; padding: 20px;}
    .home_theme .rolling .btn_prev{ display: none !important;}
    .home_theme .rolling .btn_next{ display: none !important;}
}



.type_mt_120{ margin-top: 120px;}
.type_mt_100{ margin-top: 100px;}
.type_mt_80{ margin-top: 80px;}
.type_mt_60{ margin-top: 60px;}
.type_mt_40{ margin-top: 40px;}
.type_mt_20{ margin-top: 20px;}

.type_pt_120{ padding-top: 120px;}
.type_pt_100{ padding-top: 100px;}
.type_pt_80{ padding-top: 80px;}
.type_pt_60{ padding-top: 60px;}
.type_pt_40{ padding-top: 40px;}
.type_pt_20{ padding-top: 20px;}

.type_pb_120{ padding-bottom: 120px;}
.type_pb_100{ padding-bottom: 100px;}
.type_pb_80{ padding-bottom: 80px;}
.type_pb_60{ padding-bottom: 60px;}
.type_pb_40{ padding-bottom: 40px;}
.type_pb_20{ padding-bottom: 20px;}
@media(max-width: 1400px){
    .type_mt_120{ margin-top: 80px;}
    .type_mt_100{ margin-top: 70px;}
    .type_mt_80{ margin-top: 60px;}
    .type_mt_60{ margin-top: 50px;}
    .type_mt_40{ margin-top: 40px;}
    .type_mt_20{ margin-top: 20px;}

    .type_pt_120{ padding-top: 80px;}
    .type_pt_100{ padding-top: 70px;}
    .type_pt_80{ padding-top: 60px;}
    .type_pt_60{ padding-top: 50px;}
    .type_pt_40{ padding-top: 40px;}
    .type_pt_20{ padding-top: 20px;}

    .type_pb_120{ padding-bottom: 80px;}
    .type_pb_100{ padding-bottom: 70px;}
    .type_pb_80{ padding-bottom: 60px;}
    .type_pb_60{ padding-bottom: 50px;}
    .type_pb_40{ padding-bottom: 40px;}
    .type_pb_20{ padding-bottom: 20px;}
}
@media(max-width: 767px){
    .type_mt_120{ margin-top: 60px;}
    .type_mt_100{ margin-top: 50px;}
    .type_mt_80{ margin-top: 40px;}
    .type_mt_60{ margin-top: 30px;}
    .type_mt_40{ margin-top: 20px;}
    .type_mt_20{ margin-top: 10px;}

    .type_pt_120{ padding-top: 60px;}
    .type_pt_100{ padding-top: 50px;}
    .type_pt_80{ padding-top: 40px;}
    .type_pt_60{ padding-top: 30px;}
    .type_pt_40{ padding-top: 20px;}
    .type_pt_20{ padding-top: 10px;}

    .type_pb_120{ padding-bottom: 60px;}
    .type_pb_100{ padding-bottom: 50px;}
    .type_pb_80{ padding-bottom: 40px;}
    .type_pb_60{ padding-bottom: 30px;}
    .type_pb_40{ padding-bottom: 20px;}
    .type_pb_20{ padding-bottom: 10px;}
}


.type_guide{ padding: 60px 0; text-align: center;}
.type_guide .tit{ font-size: 40px; font-weight: 700;}
.type_guide .txt{ margin: 30px 0 0 0; font-size: 16px; color: #999;}
@media(max-width: 1400px){
    .type_guide{ padding: 60px 0; text-align: center;}
    .type_guide .tit{ font-size: 35px;}
}
@media(max-width: 767px){
    .type_guide{ padding: 30px 0;}
    .type_guide .tit{ font-size: 25px;}
    .type_guide .txt{ margin: 20px 0 0 0; font-size: 14px;}
}


.type_title{ text-align: center;}
.type_title .t1{ font-size: 40px; color: #000;}
.type_title .tag{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.type_title .tag p{ margin: 0 10px; font-size: 25px; color: #999; cursor: pointer;}
.type_title .tag p.on{ font-weight: 900; color: #000;}
.type_title .search{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.type_title .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 400px; height: 50px; border-radius: 0; border: 1px solid #CCC; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.type_title .search .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 50px; height: 50px; background: #000; cursor: pointer;}
.type_title .search .btn i{ font-size: 20px; color: #FFF;}
@media(max-width: 1400px){
    .type_title .t1{ font-size: 35px;}
    .type_title .tag p{ font-size: 20px;}
}
@media(max-width: 767px){
    .type_title .t1{ font-size: 25px;}
    .type_title .tag{ margin: 20px 0 0 0;}
    .type_title .tag p{ margin: 0 5px; font-size: 15px;}
    .type_title .search{ margin: 20px 0 0 0;}
    .type_title .search input{ padding: 0 10px; width: 240px; height: 40px; font-size: 14px;}
    .type_title .search .btn{ width: 40px; height: 40px;}
    .type_title .search .btn i{ font-size: 16px;}
}


.type_tour_list{ position: relative;}
.type_tour_list ul{ display: flex; flex-wrap: wrap; margin: -20px -10px 0 -10px;}
.type_tour_list ul li{ margin: 20px 0 0 0; width: 25%;}
.type_tour_list ul li a{ display: block; margin: 0 10px; border-radius: 10px; background: rgba(0 0 0/10%); cursor: pointer;}
.type_tour_list ul li a .img{ border-radius: 10px 10px 0 0;}
.type_tour_list ul li a .img img{ display: block; width: 100%; height: auto;}
.type_tour_list ul li a .text{ padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD; border-top: 0; background: #FFF;}
.type_tour_list ul li a .text .t1{ line-height: 24px; font-size: 18px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height:48px}
.type_tour_list ul li a .text .t2{ margin: 10px 0 0 0; min-height: 40px; line-height: 20px; font-size: 14px; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_tour_list ul li a .text .star{ display: flex; align-items: center; margin: 20px 0 0 0;}
.type_tour_list ul li a .text .star i{ margin: 0 5px 0 0; font-size: 18px; color: #ffd800;}
.type_tour_list ul li a .text .star p{ font-size: 14px; color: #888;}
.type_tour_list ul li a .text .price{ margin: 30px 0 0 0; font-size: 14px;}
.type_tour_list ul li a .text .price span{ margin: 0 3px 0 0; font-size: 22px;}
@media(max-width: 1400px){
    .type_tour_list ul li a .text .price span{ font-size: 18px;}
}
@media(max-width: 1025px){
    .type_tour_list ul li{ width: 33.333%;}
}
@media(max-width: 767px){
    .type_tour_list ul li{ width: 50%;}
    .type_tour_list ul{ margin: -10px -5px 0 -5px;}
    .type_tour_list ul li{ margin: 10px 0 0 0;}
    .type_tour_list ul li a{ margin: 0 5px;}
    .type_tour_list ul li a .text{ padding: 20px 15px;}
    .type_tour_list ul li a .text .t1{ line-height: 20px; font-size: 16px;}
    .type_tour_list ul li a .text .t2{ min-height: 16px; line-height: 18px; font-size: 13px;}
    .type_tour_list ul li a .text .star{ margin: 15px 0 0 0;}
    .type_tour_list ul li a .text .star i{ font-size: 16px;}
    .type_tour_list ul li a .text .star p{ font-size: 12px;}
    .type_tour_list ul li a .text .price{ margin: 20px 0 0 0; font-size: 12px;}
    .type_tour_list ul li a .text .price span{ font-size: 16px;}

}


.type_tour_list_rolling{ margin: 0;}
.type_tour_list_rolling .slide{}
.type_tour_list_rolling .slide a{ display: block; margin: 0 10px; cursor: pointer;}
.type_tour_list_rolling .slide a .img{ border-radius: 10px 10px 0 0;}
.type_tour_list_rolling .slide a .img img{ display: block; width: 100%; height: auto;}
.type_tour_list_rolling .slide a .text{ padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD; border-top: 0; background: #FFF;}
.type_tour_list_rolling .slide a .text .t1{ line-height: 24px; font-size: 18px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_tour_list_rolling .slide a .text .t2{ margin: 10px 0 0 0; min-height: 40px; line-height: 20px; font-size: 14px; font-weight: 300; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_tour_list_rolling .slide a .text .star{ display: flex; align-items: center; margin: 20px 0 0 0;}
.type_tour_list_rolling .slide a .text .star i{ margin: 0 5px 0 0; font-size: 18px; color: #ffd800;}
.type_tour_list_rolling .slide a .text .star p{ font-size: 14px; color: #888;}
.type_tour_list_rolling .slide a .text .price{ margin: 30px 0 0 0; font-size: 14px;}
.type_tour_list_rolling .slide a .text .price span{ margin: 0 3px 0 0; font-size: 22px;}
.type_tour_list_rolling .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.type_tour_list_rolling .btn_prev:hover{ background: rgba(255 255 255/100%);}
.type_tour_list_rolling .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
.type_tour_list_rolling .btn_next:hover{ background: rgba(255 255 255/100%);}
@media(max-width: 1400px){
    .type_tour_list_rolling .btn_prev{ display: none !important;}
    .type_tour_list_rolling .btn_next{ display: none !important;}
}
@media(max-width: 767px){
    .type_tour_list_rolling{ margin: 0 -15px;}
    .type_tour_list_rolling .slide a{ margin: 0 5px;}
    .type_tour_list_rolling .slide a .text{ padding: 20px;}
    .type_tour_list_rolling .slide a .text .t1{ line-height: 22px; font-size: 18px;}
    .type_tour_list_rolling .slide a .text .t2{ min-height: 36px; line-height: 18px; font-size: 14px;}
    .type_tour_list_rolling .slide a .text .star{ margin: 15px 0 0 0;}
    .type_tour_list_rolling .slide a .text .star i{ font-size: 16px;}
    .type_tour_list_rolling .slide a .text .star p{ font-size: 12px;}
    .type_tour_list_rolling .slide a .text .price{ margin: 20px 0 0 0; font-size: 12px;}
    .type_tour_list_rolling .slide a .text .price span{ font-size: 18px;}
    .type_tour_list_rolling .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
    .type_tour_list_rolling .btn_prev:hover{ background: rgba(255 255 255/100%);}
    .type_tour_list_rolling .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #000; cursor: pointer;}
    .type_tour_list_rolling .btn_next:hover{ background: rgba(255 255 255/100%);}
}


.type_tour_banner{ display: flex; justify-content: center; align-items: center; height: 160px; cursor: pointer;}
.type_tour_banner .row{ display: flex; justify-content: center; align-items: center;}
.type_tour_banner .row p{ font-size: 18px; font-weight: 300; color: rgba(255 255 255/70%);}
.type_tour_banner .row p.t2{ margin: 0 5px; font-weight: 500; color: #FFF;}
.type_tour_banner .row i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255 255 255/50%); font-size: 12px; color: #FFF;}
@media(max-width: 767px){
    .type_tour_banner{ height: 100px;}
    .type_tour_banner .row{ flex-wrap: wrap;}
    .type_tour_banner .row p{ padding: 5px 0; font-size: 14px;}
    .type_tour_banner .row p.t1{}
    .type_tour_banner .row p.t2{ margin: 0 0 0 5px; width: 50%;}
    .type_tour_banner .row p.t3{}
    .type_tour_banner .row i{ margin: 0 0 0 5px; width: 20px; height: 20px; font-size: 10px;}

}


.tour_list{}
.tour_list .list{}
.tour_list .list ul{ border-top: 2px solid #000;}
.tour_list .list ul li{ border-bottom: 1px solid #CCC;}
.tour_list .list ul li dl{}
.tour_list .list ul li dl dt{ display: flex; padding: 30px 0;}
.tour_list .list ul li dl dt .img{ flex: 0 0 340px; border-radius: 15px;}
.tour_list .list ul li dl dt .img img{ display: block; width: 100%; height: auto;}
.tour_list .list ul li dl dt .fr{ padding: 40px 50px; width: 100%;}
.tour_list .list ul li dl dt .fr .code{ font-size: 18px;}
.tour_list .list ul li dl dt .fr .t1{ margin: 20px 0 0 0; font-size: 24px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tour_list .list ul li dl dt .fr .t2{ margin: 20px 0 20px 0; line-height: 20px; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tour_list .list ul li dl dt .fr .t3{ display: flex; align-items: center; padding: 5px 0;}
.tour_list .list ul li dl dt .fr .t3 span{ font-size: 20px; color: #000;}
.tour_list .list ul li dl dt .fr .t3 .tit{ margin: 0 10px 0 5px; font-size: 14px; font-weight: 700;}
.tour_list .list ul li dl dt .fr .t3 .txt{ font-size: 14px; color: #666;}
.tour_list .list ul li dl dt .fr .fb{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;}
.tour_list .list ul li dl dt .fr .fb .star{ display: flex; align-items: center;}
.tour_list .list ul li dl dt .fr .fb .star i{ margin: 0 3px 0 0; font-size: 18px; color: #ffd800;}
.tour_list .list ul li dl dt .fr .fb .star p{ font-size: 14px; color: #666;}
.tour_list .list ul li dl dt .fr .price{ font-size: 14px;}
.tour_list .list ul li dl dt .fr .price span{ margin: 0 3px 0 0; font-size: 30px;}
.tour_list .list ul li dl dt .fr .btn{ display: flex; align-items: center; padding: 0 30px; height: 45px; border-radius: 30px; border: 2px solid #000; cursor: pointer;}
.tour_list .list ul li dl dt .fr .btn p{ font-size: 15px;}
.tour_list .list ul li dl dt .fr .btn i{ margin: 0 0 0 10px; font-size: 15px;}
.tour_list .list ul li dl dt .fr .btn.on{ background: #000;}
.tour_list .list ul li dl dt .fr .btn.on p{ color: #FFF;}
.tour_list .list ul li dl dt .fr .btn.on i{ color: #FFF; transform: rotate(180deg);}
.tour_list .list ul li dl dd{ display: none; padding: 50px; border-top: 1px solid #DDD; background: #fafafa;}
.tour_list .list ul li dl dd .option{ display: flex; justify-content: space-between; align-items: center;}
.tour_list .list ul li dl dd .option .fl{ display: flex; align-items: center;}
.tour_list .list ul li dl dd .option .fl .check{ display: flex; align-items: center; cursor: pointer;}
.tour_list .list ul li dl dd .option .fl .check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #000;}
.tour_list .list ul li dl dd .option .fl .check p{ margin: 0 0 0 5px; font-size: 15px;}
.tour_list .list ul li dl dd .option .fl .check.on i{ border-color: #000; background: #000; color: #FFF;}
.tour_list .list ul li dl dd .option .fl .tag{ display: flex; margin: 0 0 0 30px;}
.tour_list .list ul li dl dd .option .fl .tag span{ display: flex; align-items: center; margin: 0 5px 0 0; padding: 0 8px; height: 22px; border: 1px solid #CCC; background: #FFF; font-size: 12px;}
.tour_list .list ul li dl dd .option .fr{}
.tour_list .list ul li dl dd .option .fr select{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 200px; height: 45px; border-radius: 0; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 15px; color: #000; outline: none; -webkit-appearance: none;}
.tour_list .list ul li dl dd .list{}
.tour_list .list ul li dl dd .list .item{ margin: 20px 0 0 0; padding: 50px; border: 1px solid #DDD; background: #FFF;}
.tour_list .list ul li dl dd .list .item .tag{ display: flex;}
.tour_list .list ul li dl dd .list .item .tag span{ display: flex; align-items: center; margin: 0 5px 0 0; padding: 0 8px; height: 22px; border: 1px solid #CCC; background: #FFF; font-size: 12px;}
.tour_list .list ul li dl dd .list .item .t1{ margin: 20px 0 15px 0; line-height: 24px; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tour_list .list ul li dl dd .list .item .t2{ display: flex; align-items: center; margin: 0 10px 0 5px; font-size: 14px;}
.tour_list .list ul li dl dd .list .item .t2 span{ margin: 0 10px 0 0; font-size: 20px; color: #000;}
.tour_list .list ul li dl dd .list .item .t2 font{ display: block; margin: 0 0 0 5px; font-size: 14px; color: #0a7345;}
.tour_list .list ul li dl dd .list .item .fb{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;}
.tour_list .list ul li dl dd .list .item .fb .price{ font-size: 14px;}
.tour_list .list ul li dl dd .list .item .fb .price span{ margin: 0 3px 0 0; font-size: 30px;}
.tour_list .list ul li dl dd .list .item .fb .btn{ display: flex; align-items: center; padding: 0 30px; height: 45px; background: #000; cursor: pointer;}
.tour_list .list ul li dl dd .list .item .fb .btn p{ font-size: 15px; color: #FFF;}
.tour_list .list ul li dl dd .list .more{ display: flex; justify-content: center; align-items: center; margin: 30px auto 0 auto;}
.tour_list .list ul li dl dd .list .more p{ font-size: 15px; color: #666; cursor: pointer;}
.tour_list .list ul li dl dd .list .more i{ margin: 0 0 0 10px; font-size: 12px; color: #666; cursor: pointer;}
@media(max-width: 1025px){
    .tour_list .list ul li dl dt .img{ flex: 0 0 220px;}
}
@media(max-width: 767px){
    .tour_list .list ul li dl dt{ display: block; padding: 20px 0;}
    .tour_list .list ul li dl dt .img{ flex: initial; height: 180px; border-radius: 10px;}
    .tour_list .list ul li dl dt .fr{ padding: 20px 0 0 0;}
    .tour_list .list ul li dl dt .fr .code{ font-size: 12px;}
    .tour_list .list ul li dl dt .fr .t1{ margin: 10px 0 0 0; font-size: 18px;}
    .tour_list .list ul li dl dt .fr .t2{ margin: 10px 0 10px 0; line-height: 20px; font-size: 14px;}
    .tour_list .list ul li dl dt .fr .fb{ margin: 20px 0 0 0;}
    .tour_list .list ul li dl dt .fr .price{ font-size: 12px;}
    .tour_list .list ul li dl dt .fr .price span{ margin: 0 2px 0 0; font-size: 20px;}
    .tour_list .list ul li dl dt .fr .btn{ padding: 0 20px; height: 35px;}
    .tour_list .list ul li dl dt .fr .btn p{ font-size: 13px;}

    .tour_list .list ul li dl dd{ padding: 20px;}
    .tour_list .list ul li dl dd .option{ display: block;}
    .tour_list .list ul li dl dd .option .fl{ display: block;}
    .tour_list .list ul li dl dd .option .fl .tag{ margin: 15px 0 0 0;}
    .tour_list .list ul li dl dd .option .fl .tag span{ display: flex; align-items: center; margin: 0 5px 0 0; padding: 0 8px; height: 22px; border: 1px solid #CCC; background: #FFF; font-size: 12px;}
    .tour_list .list ul li dl dd .option .fr{ margin: 15px 0 0 0;}
    .tour_list .list ul li dl dd .option .fr select{ padding: 0 10px; width: 100%; height: 40px; font-size: 14px;}
    .tour_list .list ul li dl dd .list .item{ padding: 30px;}
    .tour_list .list ul li dl dd .list .item .t1{ margin: 15px 0 10px 0; line-height: 20px; font-size: 16px;}
    .tour_list .list ul li dl dd .list .item .t2{ margin: 0; font-size: 12px;}
    .tour_list .list ul li dl dd .list .item .t2 span{ margin: 0 5px 0 0; font-size: 16px;}
    .tour_list .list ul li dl dd .list .item .t2 font{ font-size: 12px;}
    .tour_list .list ul li dl dd .list .item .fb{ margin: 20px 0 0 0;}
    .tour_list .list ul li dl dd .list .item .fb .price{ font-size: 12px;}
    .tour_list .list ul li dl dd .list .item .fb .price span{ margin: 0 2px 0 0; font-size: 17px;}
    .tour_list .list ul li dl dd .list .item .fb .btn{  padding: 0 15px; height: 35px;}
    .tour_list .list ul li dl dd .list .item .fb .btn p{ font-size: 13px;}
    .tour_list .list ul li dl dd .list .more{ margin: 20px auto 0 auto;}
    .tour_list .list ul li dl dd .list .more p{ font-size: 14px;}
}


.tour_detail{ margin: 60px 0 0 0;}
.tour_detail .top_head{ border-bottom: 2px solid #000;}
.tour_detail .top_head .tag{ display: flex;}
.tour_detail .top_head .tag span{ display: flex; align-items: center; margin: 0 5px 0 0; padding: 0 8px; height: 22px; border: 1px solid #CCC; background: #FFF; font-size: 12px;}
.tour_detail .top_head .tit{ padding: 10px 0 15px 0; line-height: 1.4; font-size: 30px; font-weight: 700;}
.tour_detail .bottom_body{ position: relative; padding: 0 400px 0 0;}
@media(max-width: 1400px){
    .tour_detail .bottom_body{ padding: 0 300px 0 0;}
}
@media(max-width: 1025px){
    .tour_detail .bottom_body{ padding: 0;}
}
@media(max-width: 767px){
    .tour_detail{ margin: 30px 0 0 0;}
    .tour_detail .top_head .tit{ line-height: 1.4; font-size: 20px;}
}


.tour_detail_left{ margin: 0 50px 0 0; padding: 30px 0 0 0;}
.tour_detail_left .rolling_img{ margin: 0;}
.tour_detail_left .rolling_img .slide{}
.tour_detail_left .rolling_img .slide a{ display: block;}
.tour_detail_left .rolling_img .slide a img{ display: block; width: 100%; height: auto;}
.tour_detail_left .rolling_img .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 30px; width: 60px; height: 60px; border-radius: 50%; background: rgba(0 0 0/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #FFF; transition: all .5s; cursor: pointer;}
.tour_detail_left .rolling_img .btn_prev:hover{ background: rgba(0 0 0/100%);}
.tour_detail_left .rolling_img .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: 30px; width: 60px; height: 60px; border-radius: 50%; background: rgba(0 0 0/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 25px; color: #FFF; transition: all .5s; cursor: pointer;}
.tour_detail_left .rolling_img .btn_next:hover{ background: rgba(0 0 0/100%);}
.tour_detail_left .rolling_img .slick-dots{ display: flex; justify-content: center; align-items: flex-end; bottom: 0; padding: 0 0 30px 0; height: 100px; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/50%));}
.tour_detail_left .rolling_img .slick-dots li{ margin: 0 5px; padding: 0; width: 10px; height: 10px; border-radius: 50%; background: rgba(255 255 255/20%); transition: all .5s;}
.tour_detail_left .rolling_img .slick-dots li:before{ display: none;}
.tour_detail_left .rolling_img .slick-dots li button{ display: none;}
.tour_detail_left .rolling_img .slick-dots li button:before{ display: none;}
.tour_detail_left .rolling_img .slick-dots li.slick-active{ background: #FFF;}
@media(max-width: 1025px){
    .tour_detail_left{ margin: 0;}
}
@media(max-width: 767px){
    .tour_detail_left .rolling_img .btn_prev{ display: none !important;}
    .tour_detail_left .rolling_img .btn_next{ display: none !important;}
    .tour_detail_left .rolling_img .slick-dots{ padding: 0 0 15px 0;}
}


.tour_detail_left .tour_info{ padding: 50px 0;}
.tour_detail_left .tour_info .line{ margin: 50px 0; border-top: 1px solid #DDD;}
.tour_detail_left .tour_info .title{ padding: 0 0 20px 0; font-size: 20px; font-weight: 700;}
.tour_detail_left .tour_info ul{}
.tour_detail_left .tour_info ul li{ position: relative; padding: 0 0 0 150px;}
.tour_detail_left .tour_info ul li .tit{ position: absolute; top: 10px; left: 0; line-height: 20px; font-size: 15px; color: #000;}
.tour_detail_left .tour_info ul li .txt{ padding: 10px 0; line-height: 20px; font-size: 15px; color: #666;}
.tour_detail_left .tour_info ul li .txt i{ margin: 0 10px; color: #8acc7d;}
.tour_detail_left .tour_info ul li .txt font{ color: #2c8dfb;}
.tour_detail_left .tour_info table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.tour_detail_left .tour_info table thead{}
.tour_detail_left .tour_info table thead tr{}
.tour_detail_left .tour_info table thead tr td{ padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; background: #fafafa; text-align: center;}
.tour_detail_left .tour_info table thead tr td:first-child{ border-left: 0;}
.tour_detail_left .tour_info table thead tr td p{ font-size: 16px; font-weight: 700; color: #000;}
.tour_detail_left .tour_info table thead tr td p span{ display: block; padding: 5px 0 0 0; font-size: 14px; font-weight: 400; color: #999;}
.tour_detail_left .tour_info table tbody{}
.tour_detail_left .tour_info table tbody tr{}
.tour_detail_left .tour_info table tbody tr td{ padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: center;}
.tour_detail_left .tour_info table tbody tr td:first-child{ border-left: 0;}
.tour_detail_left .tour_info table tbody tr td p{ line-height: 1.4; font-size: 14px; color: #666;}
.tour_detail_left .tour_info table tbody tr td p span{ font-size: 20px; font-weight: 700; color: #000;}
.tour_detail_left .tour_info .text{ margin: 10px 0 0 0;}
.tour_detail_left .tour_info .text p{ position: relative; padding: 5px 0 5px 15px; line-height: 18px; font-size: 13px; color: #666;}
.tour_detail_left .tour_info .text p:before{ content: ""; display: block; position: absolute; top: 14px; left: 0; width: 7px; height: 1px; background: #999;}
@media(max-width: 767px){
    .tour_detail_left .tour_info{ padding: 30px 0;}
    .tour_detail_left .tour_info .line{ margin: 30px 0;}
    .tour_detail_left .tour_info .title{ padding: 0 0 20px 0; font-size: 20px; font-weight: 700;}
    .tour_detail_left .tour_info ul li{ padding: 0 0 0 60px;}
    .tour_detail_left .tour_info ul li .tit{ top: 5px; font-size: 13px;}
    .tour_detail_left .tour_info ul li .txt{ padding: 5px 0; font-size: 13px;}
    .tour_detail_left .tour_info table thead tr td{ padding: 10px 5px;}
    .tour_detail_left .tour_info table thead tr td p{ font-size: 14px; font-weight: 500;}
    .tour_detail_left .tour_info table thead tr td p span{ font-size: 12px;}
    .tour_detail_left .tour_info table tbody tr td{ padding: 10px 5px;}
    .tour_detail_left .tour_info table tbody tr td p{ font-size: 12px;}
    .tour_detail_left .tour_info table tbody tr td p span{ font-size: 16px; font-weight: 500;}
}


.tour_detail_left .tour_tab .shopping_detail_tab_menu{}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul{ display: flex; position: relative; padding: 0 0 0 1px;}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul:before{ content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #000;}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul li{ width: 25%;}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; height: 70px; border: 1px solid #DDD; cursor: pointer;}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul li a p{ font-size: 16px; color: #666; text-align:center;}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul li.on{}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul li.on a{ position: relative; z-index: 1; border-color: #000; background: #000;}
.tour_detail_left .tour_tab .shopping_detail_tab_menu ul li.on a p{ font-weight: 700; color: #FFF;}
.tour_detail_left .tour_tab .shopping_detail_tab{ padding: 0 0 50px 0;}
.tour_detail_left .tour_tab .shopping_detail_tab .title{ padding: 50px 0 0 0; font-size: 30px; font-weight: 700;}
@media(max-width: 767px){
    .tour_detail_left .tour_tab .shopping_detail_tab_menu ul li a{ height: 50px;}
    .tour_detail_left .tour_tab .shopping_detail_tab_menu ul li a p{ font-size: 14px;}
    .tour_detail_left .tour_tab .shopping_detail_tab_menu ul li.on a p{ font-weight: 500;}
    .tour_detail_left .tour_tab .shopping_detail_tab{ padding: 0 0 30px 0;}
    .tour_detail_left .tour_tab .shopping_detail_tab .title{ padding: 30px 0 0 0; font-size: 20px;}
}


.tour_tab_point{}
.tour_tab_point ul{ margin: 30px 0 0 0; border-top: 1px solid #000;}
.tour_tab_point ul li{ border-bottom: 1px solid #DDD;}
.tour_tab_point ul li a{ display: block; position: relative; padding: 0 0 0 220px;}
.tour_tab_point ul li a .head{ display: flex; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; padding: 0 0 0 50px; width: 220px;}
.tour_tab_point ul li a .head span{ margin: 0 10px 0 0; font-size: 24px;}
.tour_tab_point ul li a .head p{ font-size: 16px; color: #000;}
.tour_tab_point ul li a .body{ padding: 20px 0 20px 50px; border-left: 1px solid #DDD;}
.tour_tab_point ul li a .body .tt{ padding: 25px 0 5px 0; font-size: 16px; font-weight: 700; color: #000;}
.tour_tab_point ul li a .body .t1{ position: relative; padding: 3px 0 3px 15px; line-height: 18px; font-size: 14px; color: #666;}
.tour_tab_point ul li a .body .t1:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 7px; height: 1px; background: #999;}
.tour_tab_point ul li a .body .t2{ line-height: 24px; font-size: 14px; color: #000;}
@media(max-width: 767px){
    .tour_tab_point ul li a{ padding: 0 0 0 100px;}
    .tour_tab_point ul li a .head{ padding: 0; width: 100px;}
    .tour_tab_point ul li a .head span{ margin: 0 5px 0 0; font-size: 18px;}
    .tour_tab_point ul li a .head p{ font-size: 14px;}
    .tour_tab_point ul li a .body{ padding: 15px 0 15px 20px;}
    .tour_tab_point ul li a .body .tt{ font-size: 14px; font-weight: 500;}
    .tour_tab_point ul li a .body .t1{  font-size: 12px;}
    .tour_tab_point ul li a .body .t2{ line-height: 20px; font-size: 12px;}
}


.tour_tab_date_info{}
.tour_tab_date_info .t1{ margin: 30px 0 0 0; font-size: 18px; font-weight: 700;}
.tour_tab_date_info .t2{ margin: 30px 0 0 0; font-size: 16px;}
.tour_tab_date_info table{ border-collapse: collapse; border-spacing: 0; margin: 30px 0 0 0; width: 100%;}
.tour_tab_date_info table tbody{}
.tour_tab_date_info table tbody tr{}
.tour_tab_date_info table tbody tr td{ padding: 15px; border-top: 1px solid #000; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: left;}
.tour_tab_date_info table tbody tr td:first-child{ border-left: 0;}
.tour_tab_date_info table tbody tr td p{ line-height: 1.4; font-size: 14px;}
.tour_tab_date_info .t3{ margin: 30px 0 0 0;}
.tour_tab_date_info .t3 span{ display: block; position: relative; padding: 3px 0 3px 15px; line-height: 18px; font-size: 14px;}
.tour_tab_date_info .t3 span:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 7px; height: 1px; background: #999;}
.tour_tab_date_info .t4{ display: flex; align-items: center; padding: 25px 0 15px 0; font-size: 16px; font-weight: 700; color: #F00;}
.tour_tab_date_info .t4 span{ margin: 0 5px 0 0; font-size: 24px; color: #F00;}
.tour_tab_date_info .map{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0; padding: 30px; border: 1px solid #DDD;}
.tour_tab_date_info .map .fl{ display: flex; align-items: center;}
.tour_tab_date_info .map .fl .m1{ font-size: 20px; font-weight: 700;}
.tour_tab_date_info .map .fl .m2{ margin: 0 0 0 30px; font-size: 16px; color: #666;}
.tour_tab_date_info .map .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 50px; border: 1px solid #DDD; cursor: pointer;}
.tour_tab_date_info .map .btn span{ margin: 0 5px 0 0; font-size: 24px;}
.tour_tab_date_info .map .btn p{ font-size: 16px;}
@media(max-width: 767px){
    .tour_tab_date_info .t1{ margin: 15px 0 0 0; line-height: 1.2; font-size: 16px; font-weight: 500;}
    .tour_tab_date_info .t2{ margin: 15px 0 0 0; font-size: 14px;}
    .tour_tab_date_info table{ margin: 20px 0 0 0;}
    .tour_tab_date_info table tbody tr td{ padding: 10px 5px;}
    .tour_tab_date_info table tbody tr td p{ font-size: 12px;}
    .tour_tab_date_info .t3{ margin: 20px 0 0 0;}
    .tour_tab_date_info .t3 span{ font-size: 12px;}
    .tour_tab_date_info .t4{ line-height: 16px; font-size: 12px; font-weight: 500;}
    .tour_tab_date_info .t4 span{ font-size: 20px;}
    .tour_tab_date_info .map{ display: block; padding: 20px;}
    .tour_tab_date_info .map .fl .m1{ font-size: 14px; font-weight: 500;}
    .tour_tab_date_info .map .fl .m2{ margin: 0 0 0 10px; font-size: 12px;}
    .tour_tab_date_info .map .btn{ margin: 15px 0 0 0; padding: 0; height: 40px; border: 1px solid #DDD; cursor: pointer;}
    .tour_tab_date_info .map .btn span{ margin: 0 5px 0 0; font-size: 24px;}
    .tour_tab_date_info .map .btn p{ font-size: 16px;}
}


.tour_tab_date{ margin: 50px 0 0 0;}
.tour_tab_date dl{ margin: -1px 0 0 0; border: 1px solid #CCC;}
.tour_tab_date dl dt{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 70px; background: #f5f5f5; cursor: pointer;}
.tour_tab_date dl dt .fl{ display: flex; align-items: center;}
.tour_tab_date dl dt .fl .t1{ width: 100px; font-size: 20px; font-weight: 700;}
.tour_tab_date dl dt .fl .t2{ font-size: 18px;}
.tour_tab_date dl dt span{ font-size: 24px; color: #666;}
.tour_tab_date dl.on dt span{ transform: rotate(180deg);}
.tour_tab_date dl dd{ display: none; padding: 50px; border-top: 1px solid #CCC;}
@media(max-width: 767px){
    .tour_tab_date{ margin: 30px 0 0 0;}
    .tour_tab_date dl dt{ padding: 0 20px; height: 50px;}
    .tour_tab_date dl dt .fl .t1{ width: 80px; font-size: 16px; font-weight: 500;}
    .tour_tab_date dl dt .fl .t2{ font-size: 16px;}
    .tour_tab_date dl dt span{ font-size: 18px;}
    .tour_tab_date dl dd{ padding: 30px 20px;}
}


.tour_tab_date_feiji{ display: flex; align-items: center; margin: 0 0 50px 0; padding: 30px; border: 1px solid #DDD;}
.tour_tab_date_feiji .fl{ width: 30%; text-align: center;}
.tour_tab_date_feiji .fl .t1{ font-size: 30px;}
.tour_tab_date_feiji .fl .t2{ margin: 10px 0 0 0; line-height: 18px; font-size: 14px; color: #666;}
.tour_tab_date_feiji .fc{ width: 40%; text-align: center;}
.tour_tab_date_feiji .fc span{ font-size: 40px;}
.tour_tab_date_feiji .fc .t1{ padding: 5px 0; font-size: 20px;}
.tour_tab_date_feiji .fc .t2{ font-size: 14px; color: #666;}
.tour_tab_date_feiji .fc .line{ position: relative; margin: 10px 0 0 0; height: 1px; background: #000;}
.tour_tab_date_feiji .fc .line:before{ content: ""; display: block; position: absolute; top: -5px; left: 0; width: 11px; height: 11px; border-radius: 50%; background: #F00;}
.tour_tab_date_feiji .fc .line:after{ content: ""; display: block; position: absolute; top: -5px; right: 0; width: 11px; height: 11px; border-radius: 50%; background: #F00;}
.tour_tab_date_feiji .fr{ width: 30%; text-align: center;}
.tour_tab_date_feiji .fr .t1{ font-size: 30px;}
.tour_tab_date_feiji .fr .t2{ margin: 10px 0 0 0; line-height: 18px; font-size: 14px; color: #666;}
@media(max-width: 767px){
    .tour_tab_date_feiji{ margin: 0 0 30px 0; padding: 20px 5px;}
    .tour_tab_date_feiji .fl{ width: 35%;}
    .tour_tab_date_feiji .fl .t1{ font-size: 18px;}
    .tour_tab_date_feiji .fl .t2{ line-height: 16px; font-size: 12px;}
    .tour_tab_date_feiji .fc{ width: 30%;}
    .tour_tab_date_feiji .fc span{ font-size: 30px;}
    .tour_tab_date_feiji .fc .t1{ font-size: 16px;}
    .tour_tab_date_feiji .fc .t2{ font-size: 12px;}
    .tour_tab_date_feiji .fr{ width: 35%;}
    .tour_tab_date_feiji .fr .t1{ font-size: 18px;}
    .tour_tab_date_feiji .fr .t2{ line-height: 16px; font-size: 12px;}
}


.tour_tab_date_text{}
.tour_tab_date_text ul{}
.tour_tab_date_text ul li{ position: relative; margin: 50px 0 0 0; padding: 0 0 0 50px;}
.tour_tab_date_text ul li:first-child{ margin: 0;}
.tour_tab_date_text ul li:before{ content: ""; display: block; position: absolute; z-index: 10; top: 5px; left: 0; width: 11px; height: 11px; border-radius: 50%; background: #F00;}
.tour_tab_date_text ul li:after{ content: ""; display: block; position: absolute; top: 5px; bottom: -55px; left: 5px; width: 1px; background: #DDD;}
.tour_tab_date_text ul li:last-child:after{ display: none;}
.tour_tab_date_text ul li .t1{ display: flex; align-items: center; padding: 0 0 15px 0; font-size: 20px; font-weight: 700;}
.tour_tab_date_text ul li .t1 span{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 0 8px; height: 22px; border: 1px solid #8acc7d; font-size: 12px; color: #8acc7d;}
.tour_tab_date_text ul li .t2{ line-height: 1.6; font-size: 16px; color: #666;}
.tour_tab_date_text ul li .tour{ padding: 50px; border: 1px solid #DDD;}
.tour_tab_date_text ul li .tour .img{ display: flex; align-items: center; margin: 20px -10px;}
.tour_tab_date_text ul li .tour .img a{ display: block; margin: 0 10px; width: 33.333%; border-radius: 10px;}
.tour_tab_date_text ul li .tour .img a img{ display: block; width: 100%; height: auto;}
.tour_tab_date_text ul li .tour .text{ margin: 0 10px; width: 66.666%;}
.tour_tab_date_text ul li .tour .text span{ display: block; position: relative; padding: 5px 0 5px 65px; line-height: 20px; font-size: 14px; color: #666;}
.tour_tab_date_text ul li .tour .text span font{ display: block; position: absolute; top: 5px; left: -3px; line-height: 20px; font-size: 14px; font-weight: 700; color: #000;}
@media(max-width: 767px){
    .tour_tab_date_text ul li{ margin: 30px 0 0 0; padding: 0 0 0 30px;}
    .tour_tab_date_text ul li .t1{ flex-wrap: wrap; padding: 0 0 10px 0; line-height: 1.2; font-size: 16px; font-weight: 500;}
    .tour_tab_date_text ul li .t1 span{ margin: 0 0 0 5px; padding: 0 5px; height: 20px; font-size: 10px;}
    .tour_tab_date_text ul li .t2{ font-size: 13px;}
    .tour_tab_date_text ul li .tour{ padding: 20px;}
    .tour_tab_date_text ul li .tour .img{ margin: 10px -5px;}
    .tour_tab_date_text ul li .tour .img a{ margin: 0 5px; border-radius: 5px;}
    .tour_tab_date_text ul li .tour .img2{ display: block;}
    .tour_tab_date_text ul li .tour .img2 a{ width: 100%;}
    .tour_tab_date_text ul li .tour .text{ margin: 15px 0 0 0; width: 100%;}
    .tour_tab_date_text ul li .tour .text span{ font-size: 13px;}
    .tour_tab_date_text ul li .tour .text span font{ font-size: 13px; font-weight: 500;;}
}


.tour_tab_date_foot{ margin: 50px 0 0 0; border: 1px solid #DDD;}
.tour_tab_date_foot ul{}
.tour_tab_date_foot ul li{ padding: 30px; border-top: 1px solid #DDD;}
.tour_tab_date_foot ul li:first-child{ border: 0;}
.tour_tab_date_foot ul li .row{ display: flex; align-items: center; padding: 10px 0;}
.tour_tab_date_foot ul li .row span{ font-size: 24px;}
.tour_tab_date_foot ul li .row .t1{ display: flex; align-items: center; margin: 0 0 0 20px; padding: 0 8px; height: 25px; border: 1px solid #DDD; font-size: 12px; color: #333;}
.tour_tab_date_foot ul li .row .t2{ width: 80%; text-align: center; font-size: 16px; font-weight: 500; cursor: pointer;}
.tour_tab_date_foot ul li .t3{ margin: 10px 0 0 0; font-size: 12px; color: #666;}
.tour_tab_date_foot ul li .t4{ display: flex; justify-content: space-between; margin: 0 0 0 20px; width: 80%;}
.tour_tab_date_foot ul li .t4 span{ display: block; font-size: 16px; font-weight: 500;}
@media(max-width: 767px){
    .tour_tab_date_foot{ margin: 30px 0 0 0;}
    .tour_tab_date_foot ul li{ padding: 20px;}
    .tour_tab_date_foot ul li .row span{ font-size: 20px;}
    .tour_tab_date_foot ul li .row .t1{ flex: 0 0 40px; margin: 0 0 0 15px;}
    .tour_tab_date_foot ul li .row .t2{ width: 100%; text-align: right; font-size: 16px;}
    .tour_tab_date_foot ul li .t3{ padding: 0 0 0 5px; line-height: 1.2; text-indent: -5px;}
    .tour_tab_date_foot ul li .t4{ display: block;}
    .tour_tab_date_foot ul li .t4 span{ padding: 5px 0; font-size: 14px;}
}


.tour_tab_select{ margin: 30px 0 0 0;}
.tour_tab_select ul{ display: flex; flex-wrap: wrap; margin: -20px -10px 0 -10px;}
.tour_tab_select ul li{ margin: 20px 0 0 0; width: 33.333%;}
.tour_tab_select ul li a{ display: block; margin: 0 10px;}
.tour_tab_select ul li a .img{ position: relative; z-index: 10; border-radius: 10px 10px 0 0;}
.tour_tab_select ul li a .img img{ display: block; width: 100%; height: auto;}
.tour_tab_select ul li a .text{ padding: 30px; border-radius: 0 0 10px 10px; border: 1px solid #DDD;}
.tour_tab_select ul li a .t1{ display: flex; flex-wrap: wrap;}
.tour_tab_select ul li a .t1 p{ line-height: 22px; font-size: 16px; font-weight: 700;}
.tour_tab_select ul li a .t1 span{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 0 8px; height: 22px; border: 1px solid #8acc7d; font-size: 12px; color: #8acc7d;}
.tour_tab_select ul li a .t2{ margin: 10px 0 0 0; line-height: 1.6; font-size: 14px; color: #666;}
.tour_tab_select ul li a .t3{ margin: 15px 0 0 0;}
.tour_tab_select ul li a .t3 span{ display: block; position: relative; padding: 5px 0 5px 65px; line-height: 20px; font-size: 13px; color: #666;}
.tour_tab_select ul li a .t3 span font{ display: block; position: absolute; top: 5px; left: -3px; line-height: 20px; font-size: 13px; font-weight: 500; color: #000;}
@media(max-width: 767px){
    .tour_tab_select{ margin: 30px 0 0 0;}
    .tour_tab_select ul{ display: block; margin: 0;}
    .tour_tab_select ul li{ margin: 20px 0 0 0; width: 100%;}
    .tour_tab_select ul li a{ display: flex; margin: 0;}
    .tour_tab_select ul li a .img{ width: 40%; border-radius: 5px 0 0 5px;}
    .tour_tab_select ul li a .text{ padding: 20px; width: 60%; border-radius: 0 5px 5px 0; border: 1px solid #DDD; border-left: 0;}
}


.tour_tab_bx .t1{ display: flex; align-items: center; padding: 25px 0 15px 0; font-size: 16px; font-weight: 700; color: #000;}
.tour_tab_bx .t1 span{ margin: 0 5px 0 0;}
.tour_tab_bx .t2{ position: relative; padding: 3px 0 3px 15px; line-height: 18px; font-size: 14px; color: #000;}
.tour_tab_bx .t2:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 7px; height: 1px; background: #999;}
.tour_tab_bx .t3{ position: relative; padding: 3px 0 3px 15px; line-height: 18px; font-size: 14px; color: #F00;}
.tour_tab_bx .t3:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 7px; height: 1px; background: #F00;}
.tour_tab_bx .t3:first-child{ margin: 30px 0 0 0;}
.tour_tab_bx table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.tour_tab_bx table thead{}
.tour_tab_bx table thead tr{}
.tour_tab_bx table thead tr td{ padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; background: #fafafa; text-align: center;}
.tour_tab_bx table thead tr td:first-child{ border-left: 0;}
.tour_tab_bx table thead tr td p{ font-size: 16px; font-weight: 700; color: #000;}
.tour_tab_bx table thead tr td p span{ display: block; padding: 5px 0 0 0; font-size: 14px; color: #999;}
.tour_tab_bx table tbody{}
.tour_tab_bx table tbody tr{}
.tour_tab_bx table tbody tr td{ padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: center;}
.tour_tab_bx table tbody tr td:first-child{ border-left: 0;}
.tour_tab_bx table tbody tr td p{ line-height: 1.4; font-size: 14px; color: #666;}
.tour_tab_bx table tbody tr td p span{ font-size: 20px; font-weight: 700; color: #000;}
@media(max-width: 767px){
    .tour_tab_bx .t1{ padding: 20px 0 10px 0; font-weight: 500;}
    .tour_tab_bx .t2{ line-height: 16px; font-size: 13px;}
    .tour_tab_bx .t3{ line-height: 16px; font-size: 13px;}
    .tour_tab_bx .t3:first-child{ margin: 20px 0 0 0;}
    .tour_tab_bx table thead tr td{ padding: 15px 5px;}
    .tour_tab_bx table thead tr td p{ font-size: 14px; font-weight: 500;}
    .tour_tab_bx table thead tr td p span{ font-size: 12px;}
    .tour_tab_bx table tbody tr td{ padding: 15px 5px;}
    .tour_tab_bx table tbody tr td p{ font-size: 12px;}
    .tour_tab_bx table tbody tr td p span{ font-size: 16px; font-weight: 500;}
}


.tour_detail_right{ position: absolute; top: 0; right: 0; width: 400px;}
.tour_detail_right .line{ margin: 30px 0; border-top: 1px solid #DDD;}
.tour_detail_right .info{ padding: 30px 0 0 0;}
.tour_detail_right .info .code{ padding: 0 0 15px 0; font-size: 16px; color: #333;}
.tour_detail_right .info .code span{ margin: 0 0 0 10px; font-weight: 700; color: #000;}
.tour_detail_right .info .txt{ line-height: 1.4; font-size: 16px; color: #000;}
.tour_detail_right .date{}
.tour_detail_right .date .tit{ padding: 0 0 15px 0; font-size: 16px; color: #333;}
.tour_detail_right .date .tit span{ margin: 0 0 0 10px; font-weight: 700; color: #000;}
.tour_detail_right .date select{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 0; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 15px; color: #000; outline: none; -webkit-appearance: none;}
.tour_detail_right .date .tag{ display: flex; flex-wrap: wrap; margin: 5px 0 0 0;}
.tour_detail_right .date .tag span{ display: flex; align-items: center; margin: 5px 5px 0 0; padding: 0 8px; height: 22px; background: #f5f5f5; font-size: 12px; color: #666;}
.tour_detail_right .data{}
.tour_detail_right .data .tit{ padding: 0 0 15px 0; font-size: 16px; color: #333;}
.tour_detail_right .data .box{ display: flex; justify-content: center; padding: 20px 0; border: 1px solid #DDD;}
.tour_detail_right .data .box p{ width: 30%; text-align: center;}
.tour_detail_right .data .box p font{ display: block; font-size: 14px; color: #666;}
.tour_detail_right .data .box p span{ display: block; padding: 5px 0 0 0; font-size: 16px;}
.tour_detail_right .data .box p span b{ font-size: 20px; font-weight: 700; color: #F00;}
.tour_detail_right .data .wat{ display: flex; align-items: center; margin: 15px 0 0 0;}
.tour_detail_right .data .wat p{ font-size: 14px; color: #666;}
.tour_detail_right .data .wat span{ margin: 0 0 0 5px; font-size: 22px; color: #000; cursor: pointer;}
.tour_detail_right .price{ text-align: right;}
.tour_detail_right .price .t1{ font-size: 14px; color: #666;}
.tour_detail_right .price .t1 span{ font-size: 30px; color: #000;}
.tour_detail_right .price .t2{ margin: 5px 0 0 0; font-size: 14px; color: #666;}
.tour_detail_right .btn{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; height: 60px; background: #000; font-size: 16px; color: #FFF;}
.tour_detail_right.fixed{ position: fixed; right: 50%; margin: 0 -800px 0 0;}
@media(max-width: 1400px){
    .tour_detail_right{ width: 300px;}
}
@media(max-width: 1025px){
    .tour_detail_right{ position: initial; width: auto; border-top: 2px solid #000;}
    .tour_detail_right .height{ display: none;}
}













.tour_reservation{}
.tour_reservation .type_row{}
.tour_reservation .tour{ display: flex;}
.tour_reservation .tour .img{ flex: 0 0 200px; border-radius: 10px 0 0 10px;}
.tour_reservation .tour .img img{ display: block; width: 100%; height: auto;}
.tour_reservation .tour .text{ display: flex; flex-direction: column; justify-content: space-between; padding: 30px 50px 50px 50px; width: 100%; border-radius: 0 10px 10px 0; border: 1px solid #DDD; border-left: 0;}
.tour_reservation .tour .text .ft{}
.tour_reservation .tour .text .ft .t1{ font-size: 13px; color: #666;}
.tour_reservation .tour .text .ft .t2{ margin: 5px 0 0 0; font-size: 22px;}
.tour_reservation .tour .text .fb{ font-size: 18px;}
.tour_reservation .title{ padding: 60px 0 20px 0; font-size: 26px; font-weight: 700;}
.tour_reservation .info{}
.tour_reservation .info ul{ border-top: 1px solid #000;}
.tour_reservation .info ul li{ position: relative; padding: 0 0 0 160px; border-bottom: 1px solid #DDD;}
.tour_reservation .info ul li .tit{ display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; padding: 0 0 0 20px; width: 160px; border-right: 1px solid #DDD; font-size: 16px; font-weight: 500;}
.tour_reservation .info ul li .row{ padding: 10px 20px;}
.tour_reservation .info ul li .row p{ padding: 5px 0; line-height: 20px; font-size: 14px;}
.tour_reservation .info ul li .row p img{ display: inline-block; margin: 0 5px 0 0; width: auto; height: 14px;}
.tour_reservation .info ul li .row p i{ margin: 0 10px;}
.tour_reservation .info ul li .row p.flex{ display: flex; align-items: center;}
.tour_reservation .user{}
.tour_reservation .user ul{ border-top: 1px solid #000;}
.tour_reservation .user ul li{ position: relative; padding: 0 0 0 160px; border-bottom: 1px solid #DDD;}
.tour_reservation .user ul li .tit{ display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; padding: 0 0 0 20px; width: 160px; border-right: 1px solid #DDD; font-size: 16px; font-weight: 500;}
.tour_reservation .user ul li .tit span{ color: #F00;}
.tour_reservation .user ul li .row{ padding: 20px;}
.tour_reservation .user input{ display: flex; align-items: center; padding: 0 20px; max-width: 500px; width: 100%; height: 45px; border-radius: 0; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.tour_reservation .user select{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 45px; border-radius: 0; border: 1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.tour_reservation .user .in_tel{ display: flex; max-width: 500px;}
.tour_reservation .user .in_tel select{ flex: 0 0 150px;}
.tour_reservation .user .in_tel input:nth-child(2){ margin: 0 5px;}
.tour_reservation .user .in_mail{ display: flex; max-width: 500px;}
.tour_reservation .user .in_mail p{ flex: 0 0 30px; text-align: center; line-height: 45px; font-size: 14px; color: #666;}
.tour_reservation .user .in_mail select{ flex: 0 0 150px; margin: 0 0 0 5px;}
.tour_reservation .quantity{}
.tour_reservation .quantity ul{ display: flex; border-top: 1px solid #000; border-bottom: 1px solid #DDD;}
.tour_reservation .quantity ul li{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0; width: 25%; border-right: 1px solid #DDD;}
.tour_reservation .quantity ul li:last-child{ border-right: 0; background: #f5f5f5;}
.tour_reservation .quantity ul li .tit{ text-align: center; line-height: 22px; font-size: 16px;}
.tour_reservation .quantity ul li .in{ display: flex; justify-content: center; margin: 20px 0;}
.tour_reservation .quantity ul li .in i{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #CCC; font-size: 16px; cursor: pointer;}
.tour_reservation .quantity ul li .in i.none{ background: #f5f5f5; color: #CCC;}
.tour_reservation .quantity ul li .in input{ display: flex; align-items: center; margin: 0 -1px; padding: 0 ; max-width: 60px; width: 100%; height: 40px; border-radius: 0; border: 1px solid #CCC; background: #FFF; text-align: center; font-size: 14px; color: #000; outline: none; -webkit-appearance: none;}
.tour_reservation .quantity ul li .price{ font-size: 22px; font-weight: 700;}
.tour_reservation .quantity ul li .price span{ margin: 0 0 0 2px; font-size: 14px; font-weight: 400;}
.tour_reservation .quantity ul li:last-child .price{ margin: 20px 0 0 0; font-size: 30px;}
.tour_reservation .end{}
.tour_reservation .end textarea{ display: flex; align-items: center; padding: 15px 20px; width: 100%; height: 200px; border-radius: 0; border: 1px solid #DDD; background: #FFF; line-height: 22px; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.tour_reservation .end .t1{ margin: 30px 0 0 0;}
.tour_reservation .end .t1 span{ display: block; position: relative; padding: 0 0 0 10px; line-height: 20px; font-size: 14px; font-weight: 300; color: #666;}
.tour_reservation .end .t1 span:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: #999;}
.tour_reservation .end .t2{ margin: 30px 0 0 0;}
.tour_reservation .end .t2 strong{ display: block; padding: 0 0 10px 0; font-size: 20px; font-weight: 500;}
.tour_reservation .end .t2 span{ display: block; position: relative; padding: 0 0 0 10px; line-height: 20px; font-size: 14px; font-weight: 300; color: #666;}
.tour_reservation .end .t2 span:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: #999;}
.tour_reservation .end .t3{ margin: 30px 0 0 0; padding: 30px; background: #f0f0f0;}
.tour_reservation .end .t3 span{ display: block; position: relative; padding: 0 0 0 15px; line-height: 20px; font-size: 14px; font-weight: 300; color: #666;}
.tour_reservation .end .t3 span:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 6px; height: 1px; border-radius: 50%; background: #999;}
.tour_reservation .end .t3 span strong{ font-weight: 500;}
.tour_reservation .button{ display: flex; justify-content: center; margin: 50px auto 0 auto; max-width: 600px;}
.tour_reservation .button a:nth-child(1){ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; border: 1px solid #CCC; font-size: 16px; font-weight: 700; color: #666; cursor: pointer;}
.tour_reservation .button a:nth-child(2){ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; background: #000; font-size: 16px; font-weight: 700; color: #FFF; cursor: pointer;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}


.tour_reservation_ok{}
.tour_reservation_ok .type_row{}
.tour_reservation_ok .head{ text-align: center;}
.tour_reservation_ok .head img{ height: 100px;}
.tour_reservation_ok .head .t1{ margin: 20px 0 0 0; text-align: center; font-size: 26px; font-weight: 500;}
.tour_reservation_ok .head .t2{ margin: 20px 0 0 0; text-align: center; line-height: 24px; font-size: 16px;}
.tour_reservation_ok .info{ display: flex; margin: 60px 0 0 0; padding: 50px; border-radius: 15px; border: 1px solid #CCC;}
.tour_reservation_ok .info .title{ flex: 0 0 300px; font-size: 26px; font-weight: 700;}
.tour_reservation_ok .info .row{ width: 100%;}
.tour_reservation_ok .info .row .t1{ font-size: 20px; font-weight: 500;}
.tour_reservation_ok .info .row .t2{ display: flex; align-items: center; margin: 20px 0 0 0; font-size: 16px;}
.tour_reservation_ok .info .row .t2 .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 20px; width: 120px; height: 30px; border: 1px solid #CCC; cursor: pointer;}
.tour_reservation_ok .info .row .t2 .btn *{ margin: 0 3px; font-size: 14px;}
.tour_reservation_ok .info .row ul{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0;}
.tour_reservation_ok .info .row ul li{ display: flex; align-items: center; padding: 10px 0; width: 50%;}
.tour_reservation_ok .info .row ul li .tit{ flex: 0 0 150px; font-size: 14px; color: #666;}
.tour_reservation_ok .info .row ul li .txt{ font-size: 16px; font-weight: 500;}
.tour_reservation_ok .info .row ul li .txt.red{ color: #F00;}
@media(max-width: 1025px){
    .tour_reservation_ok .info{ display: block;}
    .tour_reservation_ok .info .row{ margin: 30px 0 0 0;}
}
@media(max-width: 767px){
    .tour_reservation_ok .head{ text-align: center;}
    .tour_reservation_ok .head img{ height: 100px;}
    .tour_reservation_ok .head .t1{ margin: 20px 0 0 0; text-align: center; font-size: 26px; font-weight: 500;}
    .tour_reservation_ok .head .t2{ margin: 20px 0 0 0; text-align: center; line-height: 24px; font-size: 16px;}
    .tour_reservation_ok .info{ margin: 20px 0 0 0; padding: 30px; border-radius: 10px;}
    .tour_reservation_ok .info .title{ font-size: 18px;}
    .tour_reservation_ok .info .row .t1{ line-height: 1.4; font-size: 16px;}
    .tour_reservation_ok .info .row .t2{ display: block; margin: 15px 0 0 0; font-size: 13px;}
    .tour_reservation_ok .info .row .t2 .btn{ margin: 15px 0 0 0; width: 100px;}
    .tour_reservation_ok .info .row .t2 .btn *{ margin: 0 2px; font-size: 12px;}
    .tour_reservation_ok .info .row ul{ display: block; margin: 10px 0 0 0;}
    .tour_reservation_ok .info .row ul li{ padding: 15px 0; width: 100%;}
    .tour_reservation_ok .info .row ul li .tit{ flex: 0 0 100px; font-size: 12px;}
    .tour_reservation_ok .info .row ul li .txt{ font-size: 14px;}
}









.tour_group{}
.tour_group .top{ padding: 0 50px;}
.tour_group .top .text{ padding: 120px 0 0 0;}
.tour_group .top .text .t1{ font-size: 45px; font-weight: 700;}
.tour_group .top .text .t2{ margin: 60px 0 0 0; line-height: 1.4; font-size: 18px;}
.tour_group .top .img{ position: relative; margin: 60px -50px 0 -50px; background: url(/images/v05.jpg) center/cover;}
.tour_group .top .img .type_row{ position: relative; z-index: 2;}
.tour_group .top .img .type_row ul{ display: flex; align-items: flex-start; padding: 60px 0;}
.tour_group .top .img .type_row ul li{ width: 25%;}
.tour_group .top .img .type_row ul li a{ display: flex; flex-direction: column; align-items: center; text-align: center;}
.tour_group .top .img .type_row ul li a span{ font-size: 100px; color: #FFF; font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 100;}
.tour_group .top .img .type_row ul li a .t1{ margin: 30px 0 0 0; font-size: 24px; color: #FFF;}
.tour_group .top .img .type_row ul li a .t2{ margin: 20px 0 0 0; line-height: 1.4; font-size: 16px; color: rgba(255 255 255/80%);}
.tour_group .top .img .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/50%);}
.tour_group .middle{ padding: 120px 50px 0 50px;}
.tour_group .middle .text{}
.tour_group .middle .text .t1{ font-size: 45px; font-weight: 700;}
.tour_group .middle .text .t2{ margin: 60px 0 0 0; line-height: 1.4; font-size: 18px;}
.tour_group .middle .img{ padding: 60px 0 0 0;}
.tour_group .middle .img ul{ display: flex;}
.tour_group .middle .img ul li{ width: 25%;}
.tour_group .middle .img ul li a{ display: block; position: relative;}
.tour_group .middle .img ul li a p{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/30%); font-size: 22px; color: #FFF;}
.tour_group .middle .img ul li a img{ display: block; width: 100%; height: auto;}
.tour_group .middle .img ul li:nth-child(2) a p{ background: rgba(0 0 0/60%);}
.tour_group .middle .img ul li:nth-child(4) a p{ background: rgba(0 0 0/60%);}
.tour_group .bottom{ display: flex; justify-content: space-between; align-items: center; margin-top: 60px !important; padding: 50px; background: #f5f5f5;}
.tour_group .bottom .fl{ display: flex;}
.tour_group .bottom .fl .row{ margin: 0 50px 0 0;}
.tour_group .bottom .fl .row:last-child{ margin: 0;}
.tour_group .bottom .fl .row .t1{ font-size: 18px; font-weight: 500; color: #000;}
.tour_group .bottom .fl .row .t2{ margin: 20px 0 0 0; font-size: 16px; color: #000;}
.tour_group .bottom .fl .row .t3{ margin: 10px 0 0 0; font-size: 26px;}
.tour_group .bottom .btn{ display: flex; align-items: center; padding: 0 50px; height: 50px; border: 1px solid #CCC; background: #FFF;}
.tour_group .bottom .btn p{ font-size: 16px;}
.tour_group .bottom .btn i{ margin: 0 0 0 20px; font-size: 14px;}
@media(max-width: 1025px){
    .tour_group .top .text{ padding: 80px 0 0 0;}
    .tour_group .top .text .t1{ font-size: 35px;}
    .tour_group .top .text .t2{ margin: 40px 0 0 0; font-size: 16px;}
    .tour_group .top .img .type_row ul{ padding: 50px 0;}
    .tour_group .top .img .type_row ul li a span{ font-size: 70px;}
    .tour_group .top .img .type_row ul li a .t1{ margin: 20px 0 0 0; font-size: 16px;}
    .tour_group .top .img .type_row ul li a .t2{ margin: 15px 0 0 0; font-size: 13px;}
    .tour_group .top .img .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/50%);}
    .tour_group .middle{ padding: 80px 50px 0 50px;}
    .tour_group .middle .text .t1{ font-size: 35px;}
    .tour_group .middle .text .t2{ margin: 40px 0 0 0; font-size: 16px;}
    .tour_group .middle .img ul li a p{ font-size: 16px;}
    .tour_group .bottom .fl .row{ margin: 0 30px 0 0; width: 50%;}
    .tour_group .bottom .fl .row .t1{ font-size: 18px; font-weight: 500; color: #000;}
    .tour_group .bottom .fl .row .t2{ margin: 20px 0 0 0; font-size: 16px; color: #000;}
    .tour_group .bottom .fl .row .t3{ margin: 10px 0 0 0; font-size: 26px;}
    .tour_group .bottom .btn{ flex: 0 0 180px; padding: 0 20px;}
}
@media(max-width: 767px){
    .tour_group .top{ padding: 0 15px;}
    .tour_group .top .text{ padding: 60px 0 0 0;}
    .tour_group .top .text .t1{ font-size: 25px;}
    .tour_group .top .text .t2{ margin: 30px 0 0 0; font-size: 14px;}
    .tour_group .top .img{ margin: 30px -15px 0 -15px;}
    .tour_group .top .img .type_row ul{ flex-wrap: wrap; padding: 10px 0;}
    .tour_group .top .img .type_row ul li{ width: 50%;}
    .tour_group .top .img .type_row ul li a{ padding: 20px 0;}
    .tour_group .top .img .type_row ul li a span{ font-size: 60px;}
    .tour_group .top .img .type_row ul li a .t1{ margin: 15px 0 0 0; font-size: 16px;}
    .tour_group .top .img .type_row ul li a .t2{ margin: 10px 0 0 0; font-size: 13px;}
    .tour_group .middle{ padding: 60px 15px 0 15px;}
    .tour_group .middle .text .t1{ font-size: 25px;}
    .tour_group .middle .text .t2{ margin: 30px 0 0 0; font-size: 14px;}
    .tour_group .middle .img{ padding: 30px 0 0 0;}
    .tour_group .middle .img ul{ flex-wrap: wrap;}
    .tour_group .middle .img ul li{ width: 50%;}
    .tour_group .middle .img ul li a p{ font-size: 16px;}
    .tour_group .bottom{ display: block; margin-top: 60px !important; padding: 30px;}
    .tour_group .bottom .fl{ display: block;}
    .tour_group .bottom .fl .row{ margin: 0 0 30px 0; width: auto;}
    .tour_group .bottom .fl .row:last-child{ margin: 0;}
    .tour_group .bottom .btn{ justify-content: center; margin: 30px 0 0 0; padding: 0; height: 45px;}
}































.mypage_head{ border-bottom: 2px solid #000; background: #f5f5f5;}
.mypage_head .type_row{ }
.mypage_head .top{ display: flex; justify-content: center; align-items: center; padding: 60px 0;}
.mypage_head .top .user{ display: flex; align-items: center;}
.mypage_head .top .user span{ font-size: 100px;}
.mypage_head .top .user .name{ font-size: 35px; font-weight: 200; color: #666;}
.mypage_head .top .user .name font{ font-weight: 700; color: #000;}
.mypage_head .bottom{ margin: 0 0 -2px 0;}
.mypage_head .bottom .menu{}
.mypage_head .bottom .menu ul{ display: flex; padding: 0 0 0 1px;}
.mypage_head .bottom .menu ul li{ width: 33.333%;}
.mypage_head .bottom .menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 0 -1px; height: 70px; border: 1px solid #CCC; background: #FFF; font-size: 18px; color: #666;}
.mypage_head .bottom .menu ul li a:before{ content: ""; display: block; position: absolute; z-index: 2; right: -1px; left: -1px; bottom: -1px; height: 2px; background: #000;}
.mypage_head .bottom .menu ul li.on a{ z-index: 1; border: 2px solid #000; background: #FFF; color: #000;}
.mypage_head .bottom .menu ul li.on a:before{ content: ""; display: block; position: absolute; z-index: 4; right: 0; left: 0; bottom: -2px; height: 2px; background: #FFF;}
@media(max-width: 767px){
    .mypage_head .top{ padding: 30px 0;}
    .mypage_head .top .user span{ font-size: 50px;}
    .mypage_head .top .user .name{ font-size: 18px;}
    .mypage_head .bottom .menu ul li a{ height: 45px; font-size: 14px;}
}


.mypage_guide{ margin: 50px 0;}
.mypage_guide .type_row{ display: flex; justify-content: space-between; align-items: center;}
.mypage_guide .tit{ line-height: 50px; font-size: 30px; font-weight: 700;}
.mypage_guide .fr{ display: flex;}
.mypage_guide select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 20px; width: auto; height: 50px; border-radius: 0; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.mypage_guide input{ display: flex; align-items: center; margin: 0 0 0 5px; padding: 0 20px; width: 220px; height: 50px; border-radius: 0; border: 1px solid #CCC; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.mypage_guide .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 50px; height: 50px; background: #000; cursor: pointer;}
.mypage_guide .btn i{ font-size: 20px; color: #FFF;}
@media(max-width: 767px){
    .mypage_guide{ margin: 30px 0;}
    .mypage_guide .type_row{ flex-direction: column;}
    .mypage_guide .tit{ line-height: 1; font-size: 18px;}
    .mypage_guide .fr{ margin: 20px 0 0 0;}
    .mypage_guide select{ padding: 0 35px 0 10px; height: 40px; background:url(/images/basic_select_icon.png) no-repeat center right 10px #FFF; background-size: 10px auto; font-size: 14px;}
    .mypage_guide input{ padding: 0 10px; width: 150px; height: 40px; font-size: 14px;}
    .mypage_guide .btn{ width: 40px; height: 40px;}
    .mypage_guide .btn i{ font-size: 16px;}
}


.mypage_reservation_list{}
.mypage_reservation_list .type_row{}
.mypage_reservation_list .list{}
.mypage_reservation_list .list ul{ border-top: 1px solid #000;}
.mypage_reservation_list .list ul li{ border-bottom: 1px solid #CCC;}
.mypage_reservation_list .list ul li .row{ display: flex; position: relative; padding: 30px 0;}
.mypage_reservation_list .list ul li .row .img{ flex: 0 0 200px; border-radius: 10px;}
.mypage_reservation_list .list ul li .row .img img{ width: 100%;}
.mypage_reservation_list .list ul li .row .fr{ display: flex; flex-direction: column; justify-content: center; padding: 0 30px; width: 100%;}
.mypage_reservation_list .list ul li .row .fr .ft{ display: flex; align-items: center;}
.mypage_reservation_list .list ul li .row .fr .ft p{ margin: 0 30px 0 0; font-size: 16px; color: #999;}
.mypage_reservation_list .list ul li .row .fr .ft p span{ font-weight: 500; color: #666;}
.mypage_reservation_list .list ul li .row .fr .ft .tip{ display: flex; align-items: center; padding: 0 8px; height: 24px; border-radius: 3px; border: 1px solid #007aff; font-size: 13px; color: #007aff;}
.mypage_reservation_list .list ul li .row .fr .ft .tip.on{ border-color: #F00; background: #F00; color: #FFF;}
.mypage_reservation_list .list ul li .row .fr .tit{ margin: 15px 0 0 0; line-height: 26px; font-size: 22px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.mypage_reservation_list .list ul li .row .fr .fb{ display: flex; justify-content: space-between; align-items: flex-end; margin: 30px 0 0 0;}
.mypage_reservation_list .list ul li .row .fr .fb .price{ font-size: 14px;}
.mypage_reservation_list .list ul li .row .fr .fb .price span{ margin: 0 3px 0 0; font-size: 26px;}
.mypage_reservation_list .list ul li .row .fr .fb .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 45px; border-radius: 30px; border: 1px solid #333;}
.mypage_reservation_list .list ul li .row .fr .fb .btn *{ margin: 0 5px; font-size: 14px;}
@media(max-width: 767px){
    .mypage_reservation_list .list ul li .row{ padding: 20px 0;}
    .mypage_reservation_list .list ul li .row .img{ flex: 0 0 100px; border-radius: 5px;}
    .mypage_reservation_list .list ul li .row .fr{ padding: 0 0 0 20px;}
    .mypage_reservation_list .list ul li .row .fr .ft p{ margin: 0 15px 0 0; font-size: 12px;}
    .mypage_reservation_list .list ul li .row .fr .ft p span{ display: block; margin: 5px 0 0 0;}
    .mypage_reservation_list .list ul li .row .fr .ft .tip{ padding: 0 6px; height: 22px; font-size: 12px;}
    .mypage_reservation_list .list ul li .row .fr .tit{ margin: 10px 0 0 0; line-height: 20px; font-size: 16px;}
    .mypage_reservation_list .list ul li .row .fr .fb{ align-items: center; margin: 15px 0 0 0;}
    .mypage_reservation_list .list ul li .row .fr .fb .price{ font-size: 12px;}
    .mypage_reservation_list .list ul li .row .fr .fb .price span{ margin: 0 2x 0 0; font-size: 17px;}
    .mypage_reservation_list .list ul li .row .fr .fb .btn{ padding: 0 10px; height: 30px;}
    .mypage_reservation_list .list ul li .row .fr .fb .btn *{ margin: 0 2px; font-size: 12px;}
}


.mypage_reservation_detail{}
.mypage_reservation_detail .type_row{}
.mypage_reservation_detail .head{ display: flex; justify-content: space-between; align-items: center; margin: 50px 0 20px 0;}
.mypage_reservation_detail .head:first-child{ margin-top: 0;}
.mypage_reservation_detail .head .title{ flex: 0 0 300px; font-size: 26px; font-weight: 700;}
.mypage_reservation_detail .head .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 20px; width: 120px; height: 34px; border: 1px solid #CCC; cursor: pointer;}
.mypage_reservation_detail .head .btn *{ margin: 0 3px; font-size: 14px;}
.mypage_reservation_detail .info{ padding: 50px; border-radius: 15px; border: 1px solid #CCC;}
.mypage_reservation_detail .info .t1{ font-size: 20px; font-weight: 500;}
.mypage_reservation_detail .info .t2{ display: flex; align-items: center; margin: 20px 0 0 0; font-size: 16px;}
.mypage_reservation_detail .info ul{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0;}
.mypage_reservation_detail .info ul li{ display: flex; align-items: center; padding: 10px 0; width: 50%;}
.mypage_reservation_detail .info ul li .tit{ flex: 0 0 150px; font-size: 14px; color: #666;}
.mypage_reservation_detail .info ul li .txt{ font-size: 16px; font-weight: 500;}
.mypage_reservation_detail .info ul li .txt.red{ color: #F00;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}


.mypage_profile{ margin: 50px 0 0 0; padding: 30px 50px; border: 1px solid #DDD;}
.mypage_profile .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 30px 0; border-bottom: 1px solid #000;}
.mypage_profile .head .tit{ font-size: 22px; font-weight: 500; color: #000;}
.mypage_profile .head .btn{ display: flex; align-items: center; padding: 0 15px; height: 34px; border: 1px solid #000; font-size: 14px; cursor: pointer;}
.mypage_profile .head .btn.on{ background: #000; color: #FFF;}
.mypage_profile .list{}
.mypage_profile .list ul{ display: flex; flex-wrap: wrap; margin: 0 -25px; padding: 20px 0;}
.mypage_profile .list li{ width: 100%;}
.mypage_profile .list li.w50{ width: 50%;}
.mypage_profile .list li .box{ position: relative; margin: 0 25px; padding: 10px 0 10px 120px;}
.mypage_profile .list li .tit{ display: flex; align-items: center; position: absolute; top: 10px; left: 0; line-height: 50px; font-size: 16px; color: #666;}
.mypage_profile .list li .row{}
.mypage_profile .list li .row.flex{ display: flex; align-items: center;}
.mypage_profile .list li .text{ padding: 13px 0; line-height: 24px; font-size: 16px; font-weight: 500; color: #000;}
.mypage_profile .list li input{ display: flex; align-items: center; margin: 0; padding: 0 20px; max-width: 500px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #CCC; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .list li select{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}

.mypage_profile .list li .pw_btn{ display: flex; align-items: center; margin: 0 0 0 30px; padding: 0 15px; height: 34px; border: 1px solid #000; font-size: 14px; cursor: pointer;}
.mypage_profile .list li .pw_edit{}
.mypage_profile .list li .pw_edit input{ margin: 15px 0 0 0;}
.mypage_profile .list li .pw_edit input:first-child{ margin: 0;}
.mypage_profile .list li .pw_edit .txt{ margin: 10px 0 0 0; font-size: 14px; color: #666;}

.mypage_profile .list li .in_sex{ padding: 0 0 0 1px; max-width: 500px;}
.mypage_profile .list li .in_sex ul{ display: flex; margin: 0 !important; padding: 0 !important;}
.mypage_profile .list li .in_sex ul li{ padding: 0 !important; width: 50%;}
.mypage_profile .list li .in_sex ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; height: 50px; border: 1px solid #CCC; font-size: 16px; color: #999; cursor: pointer;}
.mypage_profile .list li .in_sex ul li.on a{ position: relative; z-index: 1; border-color: #000; color: #000;}

.mypage_profile .list li .in_mail{ display: flex; max-width: 500px;}
.mypage_profile .list li .in_mail p{ flex: 0 0 30px; text-align: center; line-height: 50px; font-size: 14px; color: #666;}
.mypage_profile .list li .in_mail select{ flex: 0 0 150px; margin: 0 0 0 5px;}

.mypage_profile .list li .in_tel{ display: flex; max-width: 500px;}
.mypage_profile .list li .in_tel select{ flex: 0 0 150px;}
.mypage_profile .list li .in_tel input:nth-child(2){ margin: 0 5px;}
@media(max-width: 767px){
    .mypage_profile{ margin: 30px 0 0 0; padding: 20px 30px;}
    .mypage_profile .head{ padding: 0 0 20px 0;}
    .mypage_profile .head .tit{ font-size: 18px;}
    .mypage_profile .head .btn{ padding: 0 10px; height: 26px; font-size: 12px;}
    .mypage_profile .list{}
    .mypage_profile .list ul{ display: block; margin: 0; padding: 15px 0;}
    .mypage_profile .list li.w50{ width: 100%;}
    .mypage_profile .list li .box{ display: block; margin: 0; padding: 10px 0;}
    .mypage_profile .list li .tit{ position: initial; padding: 0 0 10px 0; line-height: 1; font-size: 13px;}
    .mypage_profile .list li .text{ padding: 0 0 10px 0; line-height: 1; font-size: 16px;}
    .mypage_profile .list li input{ padding: 0 10px; height: 40px; font-size: 14px;}
    .mypage_profile .list li select{ padding: 0 10px; height: 40px; font-size: 14px;}

    .mypage_profile .list li .pw_btn{ display: flex; align-items: center; margin: 0 0 0 30px; padding: 0 15px; height: 34px; border: 1px solid #000; font-size: 14px; cursor: pointer;}
    .mypage_profile .list li .pw_edit{}
    .mypage_profile .list li .pw_edit input{ margin: 15px 0 0 0;}
    .mypage_profile .list li .pw_edit input:first-child{ margin: 0;}
    .mypage_profile .list li .pw_edit .txt{ margin: 10px 0 0 0; font-size: 12px;}

    .mypage_profile .list li .in_sex ul li a{ height: 40px; font-size: 14px;}

    .mypage_profile .list li .in_mail p{ flex: 0 0 20px; line-height: 40px; font-size: 12px;}
    .mypage_profile .list li .in_mail select{ flex: 0 0 100px;}

    .mypage_profile .list li .in_tel select{ flex: 0 0 100px;}
}




















.member_login{}
.member_login .type_row{ max-width: 600px;}
.member_login .menu{}
.member_login .menu ul{ display: flex; padding: 0 0 0 1px;}
.member_login .menu ul li{ width: 50%;}
.member_login .menu ul li a{ display: flex; justify-content: center; align-items: center; height: 55px; border: 1px solid #DDD; border-bottom-color: #000; background: #f5f5f5; font-size: 16px; color: #999; cursor: pointer;}
.member_login .menu ul li.on a{ position: relative; z-index: 1; border-color: #000; border-bottom-color: #FFF; background: #FFF; font-weight: 700; color: #000;}
.member_login .write{ margin: 50px 0 0 0;}
.member_login .write .input{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 20px; width: 100%; height: 55px; border-radius: 0; border: 1px solid #DDD; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.member_login .write .row{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0;}
.member_login .write .row .fr{ display: flex; align-items: center;}
.member_login .write .row .fr a{ display: block; font-size: 14px; color: #666;}
.member_login .write .row .fr a:last-child{ margin: 0 0 0 20px; font-weight: 700; color: #000;}
.member_login .write .row .fr span{ display: block; margin: 0 10px; width: 4px; height: 4px; border-radius: 50%; background: #999;}
.member_login .write .row .fr a:hover{ color: #000; text-decoration: underline;}
.member_login .write .button{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0; height: 60px; background: #000; font-size: 16px; font-weight: 700; color: #FFF; cursor: pointer;}
.member_login .rolling{ margin: 50px 0 0 0;}
.member_login .rolling .slide{}
.member_login .rolling .slide a{ display: block;}
.member_login .rolling .slide a img{ display: block; width: 100%; height: auto;}
.member_login .rolling .btn_prev{ display: none !important; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: -20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 15px; color: #FFF; transition: all .5s; cursor: pointer;}
.member_login .rolling .btn_prev:hover{ background: rgba(0 0 0/100%);}
.member_login .rolling .btn_next{ display: none !important; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: -20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 15px; color: #FFF; transition: all .5s; cursor: pointer;}
.member_login .rolling .btn_next:hover{ background: rgba(0 0 0/100%);}
.member_login .rolling:hover .btn_prev{ display: flex !important;}
.member_login .rolling:hover .btn_next{ display: flex !important;}
.member_login .rolling .slick-dots{ display: flex; justify-content: center; align-items: flex-end; bottom: -40px; padding: 0 0 10px 0;}
.member_login .rolling .slick-dots li{ margin: 0 5px; padding: 0; width: 10px; height: 10px; border-radius: 50%; background: rgba(0 0 0/20%); transition: all .5s;}
.member_login .rolling .slick-dots li:before{ display: none;}
.member_login .rolling .slick-dots li button{ display: none;}
.member_login .rolling .slick-dots li button:before{ display: none;}
.member_login .rolling .slick-dots li.slick-active{ background: #000;}
@media(max-width: 767px){
    .member_login .menu ul li a{ height: 45px; font-size: 14px;}
    .member_login .write{ margin: 30px 0 0 0;}
    .member_login .write .input{ padding: 0 15px; height: 45px; font-size: 14px;}
    .member_login .write .row{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0;}
    .member_login .write .button{ margin: 30px 0 0 0; height: 45px; font-size: 14px;}
    .member_login .rolling{ margin: 30px 0 0 0;}
}


.member_join{}
.member_join .type_row{ max-width: 650px;}

.member_join .menu{ margin: 50px 0 0 0;}
.member_join .menu ul{ display: flex; padding: 0 0 0 1px;}
.member_join .menu ul li{ width: 50%;}
.member_join .menu ul li a{ display: flex; justify-content: center; align-items: center; height: 55px; border: 1px solid #DDD; border-bottom-color: #000; background: #f5f5f5; font-size: 16px; color: #999; cursor: pointer;}
.member_join .menu ul li.on a{ position: relative; z-index: 1; border-color: #000; border-bottom-color: #FFF; background: #FFF; font-weight: 700; color: #000;}

.member_join .step{}
.member_join .step ul{ display: flex; justify-content: center; align-items: center;}
.member_join .step ul li{ margin: 0 10px;}
.member_join .step ul li p{ font-size: 20px; color: #CCC;}
.member_join .step ul li i{ font-size: 14px; color: #CCC;}
.member_join .step ul li.on p{ font-weight: 700; color: #000;}
.member_join .step ul li.on i{ color: #000;}

.member_join .text{ margin: 50px 0 0 0;}
.member_join .text .t1{ font-size: 22px; font-weight: 700;}
.member_join .text .t2{ margin: 15px 0 0 0; line-height: 1.6; font-size: 16px; color: #666;}

.member_join .terms{ margin: 50px 0 0 0;}
.member_join .terms .head{ padding: 0 0 15px 0; border-bottom: 1px solid #000;}
.member_join .terms .head .type_check i{ width: 25px; height: 25px; font-size: 16px;}
.member_join .terms .head .type_check p{ margin: 0 0 0 10px; font-size: 18px; color: #000;}
.member_join .terms .list{ border-bottom: 1px solid #DDD;}
.member_join .terms .list ul{ padding: 15px 0;}
.member_join .terms .list ul li{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.member_join .terms .list ul li .type_check{}
.member_join .terms .list ul li .type_check .type_check_btn{}
.member_join .terms .list ul li .type_check .type_check_btn .xi-check{}
.member_join .terms .list ul li .type_check .type_check_btn p{}
.member_join .terms .list ul li .popup_btn{ border-bottom: 1px solid #CCC; line-height: 20px; font-size: 13px; color: #666; cursor: pointer;}

.member_join .foot_txt{ margin: 30px 0 0 0; padding: 0 0 0 30px;}
.member_join .foot_txt i{ float: left; margin: 0 0 0 -30px; line-height: 18px; font-size: 25px; color: #F00;}
.member_join .foot_txt p{ line-height: 18px; font-size: 13px; color: #666;}

.member_join .write{ margin: 50px 0 0 0;}
.member_join .write .box{ margin: 30px 0 0 0;}
.member_join .write .box:first-child{ margin: 0;}
.member_join .write .box .tit{ padding: 0 0 10px 0; font-size: 13px; margin-bottom:0}
.member_join .write .box .tit span{ color: #F00;}
.member_join .write .box .txt{ margin: 10px 0 0 0; line-height: 18px; font-size: 13px; color: #666;}
.member_join .write .box .txt.check_tip{ color: #F00;}
.member_join .write .box input{ display: flex; align-items: center; padding: 0 20px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #DDD; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.member_join .write .box input.check_tip{ border-color: #F00;}
.member_join .write .box select{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.member_join .write .box input:hover{ padding: 0 19px; border: 2px solid #000;}
.member_join .write .box input:focus{ padding: 0 19px; border: 2px solid #000;}
.member_join .write .box select:hover{ padding: 0 19px; border: 2px solid #000;}
.member_join .write .box select:focus{ padding: 0 19px; border: 2px solid #000;}
.member_join .write .box textarea:hover{ padding: 19px; border: 2px solid #000;}
.member_join .write .box textarea:focus{ padding: 19px; border: 2px solid #000;}

.member_join .write .box .in_check{ display: flex;}
.member_join .write .box .in_check .btn{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; height: 50px; border: 1px solid #000; cursor: pointer;}
.member_join .write .box .in_check .btn p{ font-size: 14px; margin-bottom:0}

.member_join .write .box .in_sex{ padding: 0 0 0 1px;}
.member_join .write .box .in_sex ul{ display: flex;}
.member_join .write .box .in_sex ul li{ width: 50%;}
.member_join .write .box .in_sex ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; height: 50px; border: 1px solid #CCC; font-size: 16px; color: #999; cursor: pointer;}
.member_join .write .box .in_sex ul li a:hover{ background: #f5f5f5;}
.member_join .write .box .in_sex ul li.on a{ position: relative; z-index: 1; border: 2px solid #000; color: #000;}

.member_join .write .box .in_mail{ display: flex;}
.member_join .write .box .in_mail p{ flex: 0 0 30px; text-align: center; line-height: 50px; font-size: 14px; color: #666;}
.member_join .write .box .in_mail select{ flex: 0 0 150px; margin: 0 0 0 5px;}

.member_join .write .box .in_tel{ display: flex;}
.member_join .write .box .in_tel select{ flex: 0 0 180px;}
.member_join .write .box .in_tel input:nth-child(2){ margin: 0 5px;}

/* data_picker */
.box.datapick_box{position:relative;}
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected > div > div{display:none}
 
.member_join .join_ok{ margin: 50px 0 0 0; text-align: center;}
.member_join .join_ok i{ font-size: 100px; color: #F00;}
.member_join .join_ok .t1{ margin: 30px 0 0 0; text-align: center; line-height: 1.5; font-size: 22px; font-weight: 700; color: #000;}
.member_join .join_ok .t1 span{ font-weight: 700; color: #F00;}
.member_join .join_ok .t2{ margin: 30px 0 0 0; text-align: center; line-height: 1.5; font-size: 16px; color: #000;}
.member_join .join_ok .t2 span{ color: #F00;}

.member_join .button{ display: flex; justify-content: center; margin: 50px -5px 0 -5px;}
.member_join .button a:nth-child(1){ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; border: 1px solid #CCC; font-size: 16px; font-weight: 700; color: #666; cursor: pointer;}
.member_join .button a:nth-child(2){ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; background: #000; font-size: 16px; font-weight: 700; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .member_join .menu{ margin: 30px 0 0 0;}
    .member_join .menu ul li a{ height: 45px; font-size: 14px;}

    .member_join .step ul li p{ font-size: 16px;}

    .member_join .text{ margin: 30px 0 0 0;}
    .member_join .text .t1{ font-size: 20px;}
    .member_join .text .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 14px;}

    .member_join .terms{ margin: 30px 0 0 0;}
    .member_join .terms .head .type_check i{ width: 20px; height: 20px; font-size: 14px;}
    .member_join .terms .head .type_check p{ font-size: 16px;}

    .member_join .foot_txt{ margin: 20px 0 0 0; padding: 0 0 0 25px;}
    .member_join .foot_txt i{ margin: 0 0 0 -25px; font-size: 20px;}

    .member_join .write{ margin: 30px 0 0 0;}
    .member_join .write .box{ margin: 20px 0 0 0;}
    .member_join .write .box input{ padding: 0 10px; height: 40px; font-size: 14px;}
    .member_join .write .box select{ padding: 0 10px; height: 40px; background:url(/images/basic_select_icon.png) no-repeat center right 10px #FFF; background-size: 10px auto; font-size: 14px;}
    .member_join .write .box input:hover{ padding: 0 9px; border: 2px solid #000;}
    .member_join .write .box input:focus{ padding: 0 9px; border: 2px solid #000;}
    .member_join .write .box select:hover{ padding: 0 9px; border: 2px solid #000;}
    .member_join .write .box select:focus{ padding: 0 9px; border: 2px solid #000;}
    .member_join .write .box textarea:hover{ padding: 9px; border: 2px solid #000;}
    .member_join .write .box textarea:focus{ padding: 9px; border: 2px solid #000;}

    .member_join .write .box .in_check .btn{ flex: 0 0 80px; height: 40px;}
    .member_join .write .box .in_check .btn p{ font-size: 14px;}

    .member_join .write .box .in_sex ul li a{ height: 40px; font-size: 14px;}

    .member_join .write .box .in_mail p{ flex: 0 0 20px; line-height: 40px; font-size: 12px;}
    .member_join .write .box .in_mail select{ flex: 0 0 100px; margin: 0 0 0 5px;}

    .member_join .write .box .in_tel{ display: flex;}
    .member_join .write .box .in_tel select{ flex: 0 0 100px;}

    .member_join .join_ok{ margin: 30px 0 0 0;}
    .member_join .join_ok i{ font-size: 70px;}
    .member_join .join_ok .t1{ margin: 20px 0 0 0; font-size: 18px;}
    .member_join .join_ok .t2{ margin: 20px 0 0 0; font-size: 14px;}

    .member_join .button{ margin: 30px -5px 0 -5px;}
    .member_join .button a:nth-child(1){ height: 45px; font-size: 14px;}
    .member_join .button a:nth-child(2){ height: 45px; font-size: 14px;}
}









.arisu_visual{ display: flex;}
.arisu_visual .fl{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 50%; height: 800px; background: url(/images/about.jpg) center bottom/cover;}
.arisu_visual .fl p{ position: relative; z-index: 10; text-align: center; font-size: 60px; color: #FFF;}
.arisu_visual .fl .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/50%);}
.arisu_visual .fr{ display: flex; align-items: center; padding: 0 100px; width: 50%; background: #f5f5f5;}
.arisu_visual .fr p{ line-height: 30px; font-size: 20px;}

.arisu_info{ margin: 120px 0 0 0;}
.arisu_info .tit{ font-size: 40px; color: #000;}
.arisu_info .table{ margin: 60px 0 0 0; border-top: 1px solid #000;}
.arisu_info .table table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.arisu_info .table table tbody tr{}
.arisu_info .table table tbody tr th{ padding: 20px 30px; width: 200px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: left; font-size: 20px; font-weight: 500;}
.arisu_info .table table tbody tr td{ padding: 20px 30px; border-bottom: 1px solid #CCC; text-align: left; font-size: 18px; font-weight: 400; color: #666;}

.arisu_history{ margin: 120px 0 0 0; padding: 120px 0; background: #f5f5f5;}
.arisu_history .tit{ font-size: 40px; color: #000;}
.arisu_history .txt{ margin: 20px 0 60px 0; font-size: 20px; color: #666;}
.arisu_history ul{ position: relative; margin: 10px 0 0 0; padding: 0 0 0 50px;}
.arisu_history ul li{ display: flex; padding: 10px 0 10px 100px;}
.arisu_history ul li.dian{ display: block; position: absolute; z-index: 10; top: 22px; left: 0; padding: 0; width: 6px; height: 6px; border-radius: 50%; background: #000;}
.arisu_history ul li .t1{ position: absolute; top: 10px; left: 50px; font-size: 30px; font-family: TourEasyT;}
.arisu_history ul li .t2{ flex: 0 0 60px; line-height: 30px; font-size: 18px; color: #000;}
.arisu_history ul li .t3{ line-height: 30px; font-size: 18px; color: #666;}

.arisu_map{ margin: 120px;}
.arisu_map .type_row > .tit{ font-size: 40px; color: #000;}
.arisu_map .type_row > .txt{ margin: 20px 0 0 0; font-size: 20px; color: #666;}
.arisu_map .map_on{ margin: 60px 0 0 0 !important; width: 100% !important;}
@media(max-width: 1400px){
    .arisu_visual .fl p{ font-size: 40px;}
}
@media(max-width: 1025px){
    .arisu_visual{ display: block;}
    .arisu_visual .fl{ width: 100%; height: 300px;}
    .arisu_visual .fl p{ font-size: 40px;}
    .arisu_visual .fr{ padding: 50px; width: 100%;}
    .arisu_visual .fr p{ line-height: 1.6; font-size: 16px;}
}
@media(max-width: 767px){
    .arisu_visual .fl{ height: 200px;}
    .arisu_visual .fl p{ font-size: 30px;}
    .arisu_visual .fr{ padding: 60px 30px;}
    .arisu_visual .fr p{ font-size: 14px;}

    .arisu_info{ margin: 60px 0 0 0;}
    .arisu_info .tit{ font-size: 25px;}
    .arisu_info .table{ margin: 30px 0 0 0;}
    .arisu_info .table table tbody tr th{ padding: 15px 10px; width: 100px; font-size: 14px;}
    .arisu_info .table table tbody tr td{ padding: 15px 10px; font-size: 14px;}

    .arisu_history{ margin: 60px 0 0 0; padding: 60px 0;}
    .arisu_history .tit{ font-size: 25px;}
    .arisu_history .txt{ margin: 15px 0 30px 0; line-height: 1.4; font-size: 14px;}
    .arisu_history ul{ padding: 0 0 0 20px;}
    .arisu_history ul li{ padding: 10px 0 10px 70px;}
    .arisu_history ul li .t1{ top: 15px; left: 20px; font-size: 20px;}
    .arisu_history ul li .t2{ flex: 0 0 60px; font-size: 16px;}
    .arisu_history ul li .t3{ line-height: 20px; font-size: 14px;}

    .arisu_map{ margin: 60px 15px;}
    .arisu_map .type_row > .tit{ font-size: 25px;}
    .arisu_map .type_row > .txt{ margin: 15px 0 0 0; font-size: 14px;}
    .arisu_map .map_on{ margin: 30px 0 0 0 !important; width: 100% !important;}
}















.community_menu{}
.community_menu ul{ display: flex; justify-content: center;}
.community_menu ul li{ margin: 0 25px;}
.community_menu ul li a{ display: block; text-align: center;}
.community_menu ul li a span{ font-size: 60px; color: #CCC;}
.community_menu ul li a span.material-symbols-outlined{ font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24}
.community_menu ul li a p{ margin: 10px 0 0 0; font-size: 22px; color: #999;}
.community_menu ul li.on a span{ color: #000;}
.community_menu ul li.on a p{ font-weight: 500; color: #000;}
@media(max-width: 767px){
    .community_menu ul li{ margin: 0 10px;}
    .community_menu ul li a span{ font-size: 40px;}
    .community_menu ul li a p{ font-size: 14px; color: #999;}
}


.type_sub_menu{}
.type_sub_menu ul{ display: flex; justify-content: center;}
.type_sub_menu ul li{ width: 33.333%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 0 -1px; height: 60px; border: 1px solid #DDD; background: #fafafa;}
.type_sub_menu ul li a:before{ content: ""; display: block; position: absolute; z-index: 2; right: -1px; left: -1px; bottom: -1px; height: 2px; background: #000;}
.type_sub_menu ul li a p{ font-size: 18px; color: #666;}
.type_sub_menu ul li.on a{ position: relative; z-index: 1; border: 2px solid #000; background: #FFF;}
.type_sub_menu ul li.on a p{ color: #000;}
.type_sub_menu ul li.on a:before{ content: ""; display: block; position: absolute; z-index: 4; right: 0; left: 0; bottom: -2px; height: 2px; background: #FFF;}
@media(max-width: 767px){
    .type_sub_menu ul li a{ height: 45px;}
    .type_sub_menu ul li a p{ font-size: 14px;}
}


.type_terms{ margin: 50px 0 0 0; padding: 50px; border: 1px solid #DDD;}
.type_terms *{ line-height: 30px; font-size: 16px; color: #666;}
.type_terms strong{ display: block; font-weight: 500; color: #000;}
.type_terms .table{ margin: 30px 0 0 0; border-top: 1px solid #000;}
.type_terms table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_terms table tbody{}
.type_terms table tbody tr{}
.type_terms table tr th{ padding: 10px; border-bottom: 1px solid #DDD; line-height: 16px !important; font-size: 14px;}
.type_terms table tr td{ padding: 10px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: center; font-size: 14px;}
.type_terms table tr td:first-child{ border-left: 0;}
@media(max-width: 767px){
    .type_terms{ margin: 30px 0 0 0; padding: 30px;}
    .type_terms *{ line-height: 20px; font-size: 12px;}
    .type_terms .table{ margin: 20px 0 0 0;}
    .type_terms table tr th{ padding: 5px; line-height: 14px !important; font-size: 12px;}
    .type_terms table tr td{ padding: 5px; font-size: 12px;}
}




.type_check{ display: flex; justify-content: space-between; align-items: center;}
.type_check label{ display: flex; align-items: center; cursor: pointer;}
.type_check label i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border: 1px solid #CCC; background: #FFF; font-size: 13px; color: #666;}
.type_check label p{ margin: 0 0 0 5px; font-size: 14px; color: #666;}
.type_check label:hover i{ border: 2px solid #000;}
.type_check label.on i{ border-color: #000; background: #000; color: #FFF;}
.type_check.radio{}
.type_check.radio label i{ border-radius: 50%;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}


.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ padding: 15px 10px; border-top: 2px solid #0a7345; border-bottom: 1px solid #CCC; background: #f5f5f5; text-align: center; font-size: 1.6em; color: #000;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; background: #f5f5f5; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 300;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 200;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}


.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_btn_01 a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 220px; height: 60px; border: 1px solid #CCC; font-size: 16px; font-weight: 500; cursor: pointer;}
@media(max-width: 767px){
    .type_btn_01{ margin: 30px 0 0 0;}
    .type_btn_01 a{ width: 180px; height: 45px; font-size: 14px;}
}


.type_btn_02{ display: flex; justify-content: center; margin: 50px auto 0 auto; max-width: 600px;}
.type_btn_02 a:nth-child(1){ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; border: 1px solid #CCC; font-size: 16px; font-weight: 700; color: #666; cursor: pointer;}
.type_btn_02 a:nth-child(2){ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; background: #000; font-size: 16px; font-weight: 700; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .type_btn_02{ margin: 30px -5px 0 -5px;}
    .type_btn_02 a:nth-child(1){ height: 45px; font-size: 14px;}
    .type_btn_02 a:nth-child(2){ height: 45px; font-size: 14px;}
}


.type_btn_03{ display:flex; justify-content:center; align-items:center; margin:50px auto 0 auto; width: 200px; height: 50px; border-radius: 30px; border:1px solid #25acdc; background:#25acdc; text-align:center; cursor:pointer;}
.type_btn_03 p{ font-size: 1.6em; font-weight: 300; color: #FFF;}
@media(max-width:767px){
    .type_btn_03{ margin: 30px auto 0 auto; width:auto; height:45px;}
    .type_btn_03 p{ font-size: 14px;}
}


.type_btn_more{ display: flex; justify-content: center; margin: 50px 0 0 0;}
.type_btn_more a{ display: flex; justify-content: center; align-items: center; padding: 0 25px; height: 50px; border-radius: 30px; border: 1px solid #CCC; cursor: pointer;}
.type_btn_more a *{ margin: 0 5px; font-size: 18px; color: #000;}
@media(max-width:767px){
    .type_btn_more{ margin: 30px 0 0 0;}
    .type_btn_more a{ height: 40px;}
    .type_btn_more a *{ font-size: 14px;}
}


.type_search{ display: flex; justify-content: space-between; align-items: center; padding: 50px 0;}
.type_search .fl{ display: flex; align-items: center;}
.type_search .fl p{ margin: 0 30px 0 0; line-height: 50px; font-size: 26px; font-weight: 500;}
.type_search .fl p font{ font-weight: 700;}
.type_search .fr{ display:flex; align-items:center;}
.type_search select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 20px; width: auto; height: 50px; border-radius: 0; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.type_search input{ display: flex; align-items: center; margin: 0 0 0 5px; padding: 0 20px; width: 220px; height: 50px; border-radius: 0; border: 1px solid #CCC; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.type_search .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; width: 50px; height: 50px; background: #000; cursor: pointer;}
.type_search .btn i{ font-size: 20px; color: #FFF;}
@media(max-width:767px){
    .type_search{ flex-direction: column; padding: 30px 0;}
    .type_search .fl{ margin: 0 0 20px 0;}
    .type_search .fl p{ margin: 0 15px 0 0; line-height: 1; font-size: 18px;}
    .type_search select{ padding: 0 35px 0 10px; height: 40px; background:url(/images/basic_select_icon.png) no-repeat center right 10px #FFF; background-size: 10px auto; font-size: 14px;}
    .type_search input{ padding: 0 10px; width: 150px; height: 40px; font-size: 14px;}
    .type_search .btn{ width: 40px; height: 40px;}
    .type_search .btn i{ font-size: 16px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin: 50px 0 0 0;}
.type_page i{ display:flex; justify-content:center; align-items:center; width: 40px; height: 40px; font-size: 16px; color: #999; cursor:pointer;}
.type_page .page{ display:flex; align-items:center;}
.type_page .page p{ display:flex; justify-content:center; align-items:center; margin: 0 5px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #CCC; font-size: 14px; color:#000; cursor:pointer;}
.type_page .page p.on{ position:relative; z-index:1; border-color: #333; background: #333; color:#FFF;}
@media(max-width:767px){
    .type_page{ margin: 30px 0 0 0;}
    .type_page i{ width: 30px; height: 30px; font-size: 14px;}
    .type_page .page p{ width: 30px; height: 30px; font-size: 12px;}
}


.type_faq{}
.type_faq ul{ border-top: 1px solid #000;}
.type_faq ul li{ border-bottom: 1px solid #CCC; cursor: pointer;}
.type_faq ul li a{ display: block;}
.type_faq ul li a .q{ display: flex; align-items: center; position: relative; padding: 30px 80px 30px 30px;}
.type_faq ul li a .q span{ flex: 0 0 50px; font-size: 20px; color: #CCC; transition: all .5s;}
.type_faq ul li a .q font{ flex: 0 0 120px; font-size: 20px;}
.type_faq ul li a .q p{ width: 100%; line-height: 20px; font-size: 16px;}
.type_faq ul li a .q i{ display: block; position: absolute; top: 50%; right: 30px; transform:translate(0,-50%); font-size: 20px; color: rgba(0 0 0/50%); transition: all .3s;}
.type_faq ul li a .a{ display: none; padding: 30px 30px 30px 80px; background: #f5f5f5;}
.type_faq ul li a .a span{ float: left; margin: 0 0 0 -50px; font-size: 20px;}
.type_faq ul li a .a .txt{ line-height: 24px; font-size: 16px;}
.type_faq ul li a .a .txt *{ line-height: 24px; font-size: 16px;}
.type_faq ul li.on a .q span{ color: #000;}
.type_faq ul li.on a i{ transform: translate(0,-50%) rotate(180deg);}
@media(max-width: 767px){
    .type_faq ul li a .q{ padding: 20px 30px 20px 0;}
    .type_faq ul li a .q span{ flex: 0 0 30px; font-size: 16px;}
    .type_faq ul li a .q font{ flex: 0 0 100px; font-size: 16px;}
    .type_faq ul li a .q p{ font-size: 14px;}
    .type_faq ul li a .q i{ right: 0; font-size: 14px;}
    .type_faq ul li a .a{ padding: 20px 20px 20px 40px;}
    .type_faq ul li a .a span{ margin: 0 0 0 -30px; font-size: 16px;}
    .type_faq ul li a .a .txt{ line-height: 20px; font-size: 14px;}
    .type_faq ul li a .a .txt *{ line-height: 20px; font-size: 14px;}
}


.type_notice{}
.type_notice .head{ display: flex; border-top: 1px solid #CCC; border-bottom: 1px solid #000; background: #fafafa;}
.type_notice .head li{ display: flex; justify-content: center; align-items: center; height: 60px;}
.type_notice .head li p{ font-size: 16px; color: #000;}
.type_notice .body{}
.type_notice .body li{}
.type_notice .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 25px 0; border-bottom: 1px solid #CCC;}
.type_notice .body li .row .number{ width: 10%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 300; color: #666;}
.type_notice .body li .row .tit{ width:60%; display:flex; align-items:center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 16px; font-weight: 500; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_notice .body li .row .tit i{ margin:0 0 0 5px; font-size: 16px; color:#666; cursor:pointer;}
.type_notice .body li .row .date{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 300; color: #666;}
.type_notice .body li .row .click{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 300; color: #666;}
.type_notice .body li .row .click span{ display: none;}
.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #25acdc; background:#25acdc; color:#FFF;}
.type_notice .body li .row:hover .tit a{ text-decoration: underline !important;}
@media(max-width:767px){
    .type_notice .head{ display:none;}
    .type_notice .body{ border-top: 1px solid #000;}
    .type_notice .body li:first-child .row{ border-top: 0;}
    .type_notice .body li .row{ padding: 20px 0 20px 45px;}
    .type_notice .body li .row .number{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 35px; height: 35px; border-radius: 50%; background: #000; font-size: 12px; color: #FFF;}
    .type_notice .body li .row .tit{ margin: -1px 0 5px 0; padding: 0 0 5px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .tit a{ font-size: 14px;}
    .type_notice .body li .row .date{ justify-content: flex-start; margin: 0 10px 0 0; width: auto; font-size: 12px;}
    .type_notice .body li .row .click{ justify-content: flex-start; width: auto; font-size: 12px;}
    .type_notice .body li .row .click span{ display: block;}
    .type_notice .body li .row .answer{ width: auto;}
    .type_notice .body li .row .answer p{ height:25px; font-size:10px;}
}


.type_qna{ overflow: hidden;}
.type_qna .head{ display: flex; border-top: 1px solid #DDD; border-bottom: 2px solid #000;}
.type_qna .head li{ display:flex; justify-content:center; align-items:center; height: 60px;}
.type_qna .head li p{ font-size: 16px; color: #000;}
.type_qna .body{}
.type_qna .body li{}
.type_qna .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 20px 0; border-bottom: 1px solid #DDD;}
.type_qna .body li .row .number{ width: 10%; display: flex; justify-content: center; align-items: center; font-size: 16px; color:#666;}
.type_qna .body li .row .or{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; color:#666;}
.type_qna .body li .row .tit{ width: 45%; display: flex; align-items: center; padding: 0 15px;}
.type_qna .body li .row .tit a{ max-width: 90%; font-size: 16px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.type_qna .body li .row .tit i{ margin: 0 0 0 5px; font-size: 16px; color: #666; cursor: pointer;}
.type_qna .body li .row .date{ width: 15%; display: flex; justify-content: center; align-items: center; font-size: 16px; color:#666;}
.type_qna .body li .row .answer{ width: 15%; display: flex; justify-content: center; align-items: center;}
.type_qna .body li .row .answer p{ display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 34px; border: 1px solid #DDD; font-size: 14px; color:#666;}
.type_qna .body li .row .answer.on p{ border: 1px solid #000; background: #000; color: #FFF;}
@media(max-width:767px){
    .type_qna .head{ display: none;}
    .type_qna .body{ border-top: 1px solid #000;}
    .type_qna .body li:first-child .row{ border-top: 0;}
    .type_qna .body li .row{ padding: 20px 0 20px 45px;}
    .type_qna .body li .row .number{ position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 35px; height: 35px; border-radius: 50%; background: #000; font-size: 12px; color: #FFF;}
    .type_qna .body li .row .or{ text-align: left; line-height: 1; font-size: 13px; color: #666;}
    .type_qna .body li .row .tit{ margin: 10px 0 10px 0; padding: 0; width: 100%; line-height: 20px; font-size: 14px;}
    .type_qna .body li .row .date{ justify-content: flex-start; width: auto; font-size: 12px;}
    .type_qna .body li .row .answer{ margin: 0 0 0 15px; width: auto;}
    .type_qna .body li .row .answer p{ padding: 0 8px; height: 22px; font-size: 10px;}
}


.type_view{}
.type_view .head{ border-top: 1px solid #DDD;}
.type_view .head .tit{ padding: 20px 50px; line-height: 1.4; font-size: 22px; font-weight: 500; color: #000;}
.type_view .head ul{ display: flex; flex-wrap: wrap; align-items: center; padding: 25px 50px; border-top: 2px solid #000; border-bottom: 1px solid #DDD; background: #fafafa;}
.type_view .head ul li{ display: flex; align-items: center; margin: 0 30px 0 0; padding: 5px 0;}
.type_view .head ul li:last-child{ margin:0;}
.type_view .head ul li p{ display: block; margin: 0 5px 0 0; font-size: 16px; color: #666;}
.type_view .head ul li font{ display: block; font-size: 16px; font-weight: 500; color: #000;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; font-weight: 200; color:#666;}
.type_view .head ul li span.on{ border:1px solid #25acdc; background:#25acdc; color:#FFF;}
.type_view .body{ padding: 50px;}
.type_view .body *{ line-height: 1.5; font-size: 16px;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}

.type_view .body .qna{}
.type_view .body .qna .head{ padding: 0 0 30px 0; border: 0; font-size: 24px; font-weight: 500; color: #000;}
.type_view .body .qna .q{ padding: 30px 50px; border: 1px solid #DDD;}
.type_view .body .qna .a{ margin: 30px 0 0 0; padding: 30px 50px; border: 2px solid #000;}

.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding: 0 20px; height:40px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}
.type_view .page{ border-top: 1px solid #DDD;}
.type_view .page li{ display:flex; align-content:center; padding: 30px 30px 30px 100px; border-bottom: 1px solid #DDD;}
.type_view .page li p{ float: left; margin: 0 0 0 -100px; width: 100px; text-align:center; font-size: 16px; color:#999;}
.type_view .page li .tit{ display: flex; align-content: center; width:100%;}
.type_view .page li .tit a{ display: block; max-width: 90%; font-size: 16px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_view .page li .tit i{ margin:0 0 0 10px; font-size: 1.6em; cursor:pointer;}
.type_view .answer{ display:flex; align-items:center; padding:30px; background:#25acdc;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ padding: 20px 0; font-size: 16px;}
    .type_view .head ul{ padding: 15px 0;}
    .type_view .head ul li{ margin: 0 15px 0 0; padding:5px 0;}
    .type_view .head ul li p{ font-size: 12px;}
    .type_view .head ul li font{ font-size: 12px;}
    .type_view .head ul li span{ padding: 0 10px; height:25px;}
    .type_view .body{ padding: 30px 0;}
    .type_view .body *{ font-size: 13px;}
    .type_view .body iframe{ height: 250px !important;}

    .type_view .body .qna .q{ padding: 15px 20px;}
    .type_view .body .qna .a{ padding: 15px 20px;}
    .type_view .body .qna .head{ padding: 0 0 15px 0; font-size: 16px;}

    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 10px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}

    .type_view .page li{ display: block; padding: 20px 0 20px 60px;}
    .type_view .page li p{ margin: 0 0 0 -60px; width: auto; text-align: left; line-height: 20px; font-size: 12px;}
    .type_view .page li .tit{ justify-content: flex-start;}
    .type_view .page li .tit a{ max-width: 90%; text-align: left; line-height: 20px; font-size: 13px;}
    .type_view .page li .tit i{ margin: 0 0 0 5px;}
    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size:14px;}
}


.type_write{ border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.type_write.inquiry{ margin: 50px 0 0 0;}
.type_write .title{ padding: 30px 50px; border-bottom: 2px solid #000;}
.type_write .title p{ font-size: 22px; font-weight: 500; color: #000;}
.type_write .title span{ display: block; margin: 15px 0 0 0; font-size: 16px; color: #666;}
.type_write ul{ margin: 0 50px;}
.type_write ul li{ border-top: 1px solid #e5e5e5;}
.type_write ul li:first-child{ border: 0;}
.type_write ul li a{ display: block; position: relative; padding: 25px 0 25px 120px;}
.type_write ul li a > .tit{ position: absolute; top: 25px; left: 0; line-height: 50px; font-size: 16px; color: #000;}
.type_write ul li a > .tit span{ color: #F00;}
.type_write ul li a .row{ width: 100%;}

.type_write input{ display: flex; align-items: center; margin: 0; padding: 0 20px; max-width: 600px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #CCC; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 20px; max-width: 600px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #CCC; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write textarea{ display: flex; align-items: center; margin: 0; padding: 20px; width: 100%; height: 300px; border-radius: 0; border: 1px solid #CCC; background: #FFF; line-height: 22px; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.type_write input:hover{ padding: 0 19px; border: 2px solid #000;}
.type_write input:focus{ padding: 0 19px; border: 2px solid #000;}
.type_write select:hover{ padding: 0 19px; border: 2px solid #000;}
.type_write select:focus{ padding: 0 19px; border: 2px solid #000;}
.type_write textarea:hover{ padding: 19px; border: 2px solid #000;}
.type_write textarea:focus{ padding: 19px; border: 2px solid #000;}

.type_write .in_mail{ display: flex; max-width: 600px;}
.type_write .in_mail p{ flex: 0 0 30px; text-align: center; line-height: 50px; font-size: 14px; color: #666;}
.type_write .in_mail select{ flex: 0 0 150px; margin: 0 0 0 5px;}

.type_write .in_tel{ display: flex; max-width: 600px;}
.type_write .in_tel select{ flex: 0 0 150px;}
.type_write .in_tel input:nth-child(2){ margin: 0 5px;}

.type_write .in_user{ display: flex; margin: 0 -2.5px;}
.type_write .in_user .li{ margin: 0 2.5px; width: 33.333%;}
.type_write .in_user .li p{ padding: 0 0 10px 0; font-size: 14px; color: #666;}

.type_write .in_go{ display: flex; margin: 0 -2.5px;}
.type_write .in_go .li{ margin: 0 2.5px; width: 50%;}
.type_write .in_go .li > p{ padding: 0 0 10px 0; font-size: 14px; color: #666;}
.type_write .in_go .li .fb{ position: relative;}
.type_write .in_go .li .fb > i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 50px; height: 50px; font-size: 24px; color: #000;}
.type_write .in_go .li.on .type_calendar{ display: block; top: 50px;}

.type_write .in_price{ display: flex;}
.type_write .in_price input{ max-width: 100%;}
.type_write .in_price p{ flex: 0 0 35px; text-align: right; line-height: 50px; font-size: 16px; color: #000;}

.type_write .txt{ margin: 10px 0 0 0; line-height: 18px; font-size: 14px; font-weight: 300; color: #999;}

.type_write .text{}
.type_write .text .t1{ font-size: 16px; color: #F00;}
.type_write .text .t2{ margin: 15px 0 0 0; font-size: 16px; color: #000;}
.type_write .text .t3{ margin: 10px 0 0 0;}
.type_write .text .t3 span{ display: block; position: relative; padding: 5px 0 5px 10px; line-height: 18px; font-size: 14px; color: #666;}
.type_write .text .t3 span:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 6px; height: 1px; background: #999;}

.type_write .type_check{ flex-wrap: wrap; justify-content: flex-start; padding: 5px 0;}
.type_write .type_check label{ margin: 10px 30px 10px 0;}
.type_write .type_check label i{ width: 24px; height: 24px;}
.type_write .type_check label p{ font-size: 16px;}


.type_write .file{ display: flex; width: 100%;}
.type_write .file .btn{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 0 0 10px; width: 150px; height: 50px; border-radius: 25px; border:1px solid #DDD; background:#f5f5f5; cursor: pointer;}
.type_write .file .btn p{ font-size: 1.4em; color: #000;}
.type_write .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#0a7345; cursor:pointer;}
.type_write .file .btn_down p{ font-size:14px; color:#FFF;}

@media(max-width: 1000px){
    .type_write .code .txt{ margin:10px 0 0 0;}
}
@media(max-width: 767px){
    .type_write .title{ padding: 20px 0;}
    .type_write .title p{ font-size: 18px;}
    .type_write .title span{ margin: 10px 0 0 0; padding: 0 0 0 10px; line-height: 1.2; font-size: 14px; text-indent: -10px;}
    .type_write ul{ margin: 0;}
    .type_write ul li a{ display: block; padding: 20px 0;}
    .type_write ul li a > .tit{ position: initial; padding: 0 0 10px 0; width: auto; line-height: 1; font-size: 13px;}

    .type_write input{ padding: 0 10px; max-width: 100% !important; height: 40px; font-size: 14px;}
    .type_write select{ padding: 0 30px 0 10px; max-width: 100% !important; height: 40px; font-size: 14px;}
    .type_write textarea{ padding: 10px; height: 150px; font-size: 14px;}
    .type_write input:hover{ padding: 0 9px; border: 2px solid #000;}
    .type_write input:focus{ padding: 0 9px; border: 2px solid #000;}
    .type_write select:hover{ padding: 0 9px; border: 2px solid #000;}
    .type_write select:focus{ padding: 0 9px; border: 2px solid #000;}
    .type_write textarea:hover{ padding: 9px; border: 2px solid #000;}
    .type_write textarea:focus{ padding: 9px; border: 2px solid #000;}

    .type_write .in_mail p{ flex: 0 0 20px; line-height: 40px; font-size: 12px;}
    .type_write .in_mail select{ flex: 0 0 100px;}

    .type_write .in_tel select{ flex: 0 0 100px;}

    .type_write .in_user .li p{ font-size: 12px;}

    .type_write .in_go{ display: block;}
    .type_write .in_go .li{ margin: 10px 0 0 0; width: 100%;}
    .type_write .in_go .li:first-child{ margin: 0;}
    .type_write .in_go .li > p{ font-size: 12px;}
    .type_write .in_go .li .fb > i{ width: 40px; height: 40px; font-size: 18px;}
    .type_write .in_go .li.on .type_calendar{ top: 40px;}

    .type_write .in_price p{ flex: 0 0 30px; line-height: 40px; font-size: 13px;}

    .type_write .txt{ margin: 5px 0 0 0; line-height: 1.2; font-size: 12px;}

    .type_write .text .t1{ line-height: 1.2; font-size: 14px;}
    .type_write .text .t2{ line-height: 1.2; font-size: 14px;}
    .type_write .text .t3 span{ line-height: 16px; font-size: 12px;}

    .type_write .type_check label{ margin: 5px 20px 5px 0;}
    .type_write .type_check label i{ width: 20px; height: 20px;}
    .type_write .type_check label p{ margin: 0 0 0 5px; font-size: 13px;}


    .type_write .file .btn{ margin: 0 0 0 5px; width: 120px; height: 45px;}
    .type_write .file .btn p{ font-size:12px;}
    .type_write .file .btn_down{ margin:0 0 0 5px;}
    .type_write .file .btn_down p{ font-size:12px;}

    .type_write .code .img{ margin: 0 5px 0 0; width: 50%; height: 45px;}

    .type_write .privacy .title{ line-height:20px; font-size:18px;}
    .type_write .privacy .check label p{ font-size:13px;}
    .type_write .tel input{ flex:1 0; width:50%;}
    .type_write .mail input{ flex:1 0; width:50%;}
    .type_write .mail select{ margin-top:4px !important; width:100%;}

    .type_write .radio{}
    .type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}


.type_calendar{ display: none; position: absolute; z-index: 10; top: 35px; left: 0; padding: 0 15px 15px 15px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.type_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.type_calendar .menu .btn{}
.type_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.type_calendar .menu p{ font-size: 16px; font-weight: 500; color: #000;}
.type_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.type_calendar .head p{ width: 14.285%; text-align: center; font-size: 14px;}
.type_calendar .head p:nth-child(1){ color: #F00;}
.type_calendar .head p:nth-child(7){ color: #8acc7d;}
.type_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 300px;}
.type_calendar .body p{ display: flex; justify-content: center; align-items: center; position: relative; width: 14.285%; height: 34px; font-size: 14px; opacity: 0.3; cursor: pointer;}
.type_calendar .body p:nth-child(1){ color: #F00;}
.type_calendar .body p:nth-child(8){ color: #F00;}
.type_calendar .body p:nth-child(15){ color: #F00;}
.type_calendar .body p:nth-child(22){ color: #F00;}
.type_calendar .body p:nth-child(29){ color: #F00;}
.type_calendar .body p:nth-child(36){ color: #F00;}
.type_calendar .body p:nth-child(7){ color: #8acc7d;}
.type_calendar .body p:nth-child(14){ color: #8acc7d;}
.type_calendar .body p:nth-child(21){ color: #8acc7d;}
.type_calendar .body p:nth-child(28){ color: #8acc7d;}
.type_calendar .body p:nth-child(35){ color: #8acc7d;}
.type_calendar .body p:nth-child(42){ color: #8acc7d;}
.type_calendar .body p.on{ opacity: 1;}
.type_calendar .body p.today:before{ content: ""; display: block; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; border-radius: 50%; border: 1px solid #F00;}
.type_calendar .body p.today:after{ content: "오늘"; display: block; position: absolute; z-index: -1; top: 32px; left: 50%; transform: translate(-50%,0) scale(.8);; width: 30px; text-align: center; font-size: 12px; color: #F00;}
.type_calendar .body p.click{ color: #FFF;}
.type_calendar .body p.click:after{ content: ""; display: block; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; border-radius: 50%; background: #F00;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}






















.popup{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 15px; background: rgba(0 0 0/70%); transition: opacity .5s;}
.popup > .row{ position: relative; position: relative; z-index: 10; margin-top: 200px; max-width: 600px; width: 100%; border-radius: 10px; background: #FFF; opacity: 0; transition: all .5s;}
.popup > .row > .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 60px; border-radius: 30px 30px 0 0; border-bottom: 1px solid rgba(0 0 0/10%); background: #FFF;}
.popup > .row > .head p{ font-size: 18px; color: #000;}
.popup > .row > .head i{ font-size: 18px; color: #000; cursor: pointer;}
.popup > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup.on{ top: 0; bottom: 0; opacity: 1;}
.popup.on > .row{ margin: 0; opacity: 1;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}


.popup_tour_manager{}
.popup_tour_manager .body{ padding: 30px;}
.popup_tour_manager .table{ border-top: 1px solid #000;}
.popup_tour_manager .table table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.popup_tour_manager .table table tbody{}
.popup_tour_manager .table table tr{}
.popup_tour_manager .table table tr th{ padding: 0 20px; border-bottom: 1px solid #DDD; background: #fafafa; text-align: left; font-size: 14px; font-weight: 500;}
.popup_tour_manager .table table tr td{ padding: 15px 20px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: left; line-height: 20px; font-size: 14px;}
.popup_tour_manager .table table tr td:first-child{ border-left: 0;}
.popup_tour_manager .fb{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0;}
.popup_tour_manager .fb .fl{ line-height: 20px; font-size: 14px; color: #666;}
.popup_tour_manager .fb .fl i{ margin: 0 5px 0 0; font-size: 20px;}
.popup_tour_manager .btn{ display: flex; align-items: center; padding: 0 15px; height: 50px; border: 1px solid #DDD; cursor: pointer;}
.popup_tour_manager .btn *{ margin: 0 5px; font-size: 14px;}
.popup_tour_manager .btn:hover{ border-color: #000; background: #fafafa;}
@media(max-width: 767px){
    .popup_tour_manager .table table tr th{ font-size: 13px;}
    .popup_tour_manager .table table tr td{ font-size: 13px;}
    .popup_tour_manager .fb{ display: block;}
    .popup_tour_manager .fb .fl{ line-height: 18px; font-size: 13px;}
    .popup_tour_manager .fb .fl i{ margin: 0 2px 0 0; font-size: 16px;}
    .popup_tour_manager .btn{ justify-content: center; margin: 30px 0 0 0; padding: 0; height: 45px;}
}


.popup_terms{}
.popup_terms .row{ position: absolute; top: 50px; bottom: 50px; left: 50%; transform: translate(-50%,0); max-width: 800px;}
.popup_terms .body{ overflow: auto; position: absolute; top: 60px; right: 0; bottom: 90px; left: 0; padding: 50px;}
.popup_terms .body *{ line-height: 25px; font-size: 14px; color: #666;}
.popup_terms .body strong{ display: block; font-weight: 700; color: #000;}
.popup_terms .btn{ display: flex; position: absolute; right: 0; bottom: 0; left: 0; padding: 20px 25px; height: 90px; border-top: 1px solid #DDD;}
.popup_terms .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 50px; border: 1px solid #DDD; font-size: 16px; color: #666; cursor: pointer;}
.popup_terms .btn a:last-child{ border-color: #000; background: #000; color: #FFF;}
.popup_terms table{ border-collapse: collapse; border-spacing: 0; margin: 30px 0 0 0; width: 100%; border-top: 1px solid #000;}
.popup_terms table tbody{}
.popup_terms table tbody tr{}
.popup_terms table tr th{ padding: 10px; border-bottom: 1px solid #DDD; line-height: 16px !important; font-size: 14px;}
.popup_terms table tr td{ padding: 10px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: center; font-size: 14px;}
.popup_terms table tr td:first-child{ border-left: 0;}
@media(max-width: 1400px){
    .popup_terms .row{ right: 50px; left: 50px; transform: translate(0,0); max-width: auto; width: auto;}
}
@media(max-width: 767px){
    .popup_terms .row{ right: 15px; left: 15px;}
    .popup_terms .body{ padding: 30px; bottom: 85px;}
    .popup_terms .btn{ padding: 20px 25px; height: 85px;}
    .popup_terms .btn a{ height: 45px; font-size: 14px;}

}


.popup_calendar{}
.popup_calendar .row{ padding: 50px; max-width: 1200px;}
.popup_calendar .row .xi-close{ position: absolute; top: 15px; right: 15px; font-size: 30px; color: #999; cursor: pointer;}
.popup_calendar .title{ text-align: center;}
.popup_calendar .title .t1{ font-size: 40px;}
.popup_calendar .title .t2{ margin: 10px 0 0 0; font-size: 16px; color: #999;}
.popup_calendar .list{ display: flex; position: relative; margin: 30px 0 0 0; border: 1px solid #CCC;}
.popup_calendar .list .box{ padding: 30px; width: 50%;}
.popup_calendar .list .box:first-child{ border-right: 1px solid #CCC;}
.popup_calendar .list .box .month{ text-align: center; line-height: 30px; font-size: 25px;}
.popup_calendar .list .box .tit{ display: flex; margin: 30px 0 0 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.popup_calendar .list .box .tit li{ width: 14.285%;}
.popup_calendar .list .box .tit li a{ display: flex; justify-content: center; align-items: center; height: 40px;}
.popup_calendar .list .box .tit li a p{ font-size: 14px;}
.popup_calendar .list .box .tit li:nth-child(1) a p{ color: #F00;}
.popup_calendar .list .box .tit li:nth-child(7) a p{ color: #8acc7d;}
.popup_calendar .list .box .number{ overflow: hidden; display: flex; flex-wrap: wrap; margin: 10px 0 0 0;}
.popup_calendar .list .box .number li{ position: relative; width: 14.285%;}
.popup_calendar .list .box .number li a{ display: flex; justify-content: center; align-items: center; height: 40px; opacity: 0.3; cursor: pointer;}
.popup_calendar .list .box .number li a p{ font-size: 14px;}
.popup_calendar .list .box .number li:nth-child(1) a p{ color: #F00;}
.popup_calendar .list .box .number li:nth-child(8) a p{ color: #F00;}
.popup_calendar .list .box .number li:nth-child(15) a p{ color: #F00;}
.popup_calendar .list .box .number li:nth-child(22) a p{ color: #F00;}
.popup_calendar .list .box .number li:nth-child(29) a p{ color: #F00;}
.popup_calendar .list .box .number li:nth-child(36) a p{ color: #F00;}
.popup_calendar .list .box .number li:nth-child(7) a p{ color: #8acc7d;}
.popup_calendar .list .box .number li:nth-child(14) a p{ color: #8acc7d;}
.popup_calendar .list .box .number li:nth-child(21) a p{ color: #8acc7d;}
.popup_calendar .list .box .number li:nth-child(28) a p{ color: #8acc7d;}
.popup_calendar .list .box .number li:nth-child(35) a p{ color: #8acc7d;}
.popup_calendar .list .box .number li:nth-child(42) a p{ color: #8acc7d;}
.popup_calendar .list .box .number li.on a{ opacity: 1;}
.popup_calendar .list .box .number li.click a p{ display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; border-radius: 50%; background: #F00; color: #FFF;}
.popup_calendar .list .box .number li.line:after{ content: ""; display: block; position: absolute; z-index: -1; top: 10px; right: -40px; bottom: 10px; left: -40px; background: #ffe5e5;}
.popup_calendar .list .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 25px; left: 30px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #CCC; cursor: pointer;}
.popup_calendar .list .btn_prev i{ font-size: 18px;}
.popup_calendar .list .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 25px; right: 30px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #CCC; cursor: pointer;}
.popup_calendar .list .btn_next i{ font-size: 18px;}
.popup_calendar .btn{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.popup_calendar .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 300px; height: 60px; border: 1px solid #000; cursor: pointer;}
.popup_calendar .btn a *{ margin: 0 5px; font-size: 16px;}
.popup_calendar .btn a:last-child{ background: #000;}
.popup_calendar .btn a:last-child *{ color: #FFF;}
@media(max-width: 1400px){
    .popup_calendar{ padding: 0 50px;}
    .popup_calendar .row{ padding: 30px;}
    .popup_calendar .title .t1{ font-size: 35px;}
    .popup_calendar .list .btn_prev{ top: 10px;}
    .popup_calendar .list .btn_next{ top: 10px;}
    .popup_calendar .list .box{ padding: 15px 20px;}
    .popup_calendar .list .box .tit{ margin: 15px 0 0 0;}
    .popup_calendar .list .box .number li a{ height: 30px;}
    .popup_calendar .btn a{ width: 240px; height: 50px;}
}
@media(max-width: 767px){
    .popup_calendar{ padding: 0 15px;}
    .popup_calendar .row{ padding: 30px; width: auto;}
    .popup_calendar .row .xi-close{ top: 10px; right: 10px; font-size: 20px;}
    .popup_calendar .title .t1{ font-size: 25px;}
    .popup_calendar .title .t2{ font-size: 14px;}
    .popup_calendar .list{ margin: 20px -30px 0 -30px; border-right: 0; border-left: 0;}
    .popup_calendar .list .box{ padding: 15px 5px;}
    .popup_calendar .list .box .month{ line-height: 20px; font-size: 16px;}
    .popup_calendar .list .box .tit{ margin: 15px 0 0 0;}
    .popup_calendar .list .box .tit li a{ height: 30px;}
    .popup_calendar .list .box .tit li a p{ font-size: 11px;}
    .popup_calendar .list .box .number{ margin: 5px 0 0 0;}
    .popup_calendar .list .box .number li a{ height: 26px;}
    .popup_calendar .list .box .number li a p{ font-size: 10px;}
    .popup_calendar .list .box .number li.click a p{ width: 20px; height: 20px;}
    .popup_calendar .list .box .number li.line:after{ top: 8px; right: -20px; bottom: 8px; left: -20px;}
    .popup_calendar .list .btn_prev{ top: 12.5px; left: 10px; width: 25px; height: 25px;}
    .popup_calendar .list .btn_prev i{ font-size: 14px;}
    .popup_calendar .list .btn_next{ top: 12.5px; right: 10px; width: 25px; height: 25px;}
    .popup_calendar .list .btn_next i{ font-size: 14px;}
    .popup_calendar .btn{ margin: 30px -5px 0 -5px;}
    .popup_calendar .btn a{ margin: 0 5px; width: 50%; height: 45px;}
    .popup_calendar .btn a *{ font-size: 14px;}
}


.popup_tour_hotel{}
.popup_tour_hotel .row{ padding: 50px; max-width: 800px;}
.popup_tour_hotel .row .xi-close{ position: absolute; top: 15px; right: 15px; font-size: 30px; color: #999; cursor: pointer;}
.popup_tour_hotel .title{ text-align: center;}
.popup_tour_hotel .title .t1{ font-size: 40px;}
.popup_tour_hotel .title .t2{ margin: 10px 0 0 0; font-size: 16px; color: #999;}
.popup_tour_hotel .box{ position: relative; margin: 30px 0 0 0; padding: 0 50% 0 0;}
.popup_tour_hotel .box .rolling{ margin: 0;}
.popup_tour_hotel .box .rolling .slide{}
.popup_tour_hotel .box .rolling .slide a{ display: block;}
.popup_tour_hotel .box .rolling .slide a img{ display: block; width: 100%; height: auto;}
.popup_tour_hotel .box .rolling .btn_prev{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 10px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 15px; color: #FFF; transition: all .5s; cursor: pointer;}
.popup_tour_hotel .box .rolling .btn_prev:hover{ background: rgba(0 0 0/100%);}
.popup_tour_hotel .box .rolling .btn_next{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: 10px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); box-shadow: 0 0 1px 1px rgba(0 0 0/15%); font-size: 15px; color: #FFF; transition: all .5s; cursor: pointer;}
.popup_tour_hotel .box .rolling .btn_next:hover{ background: rgba(0 0 0/100%);}
.popup_tour_hotel .box .rolling .slick-dots{ display: flex; justify-content: center; align-items: flex-end; bottom: 0; padding: 0 0 10px 0; height: 100px; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/50%));}
.popup_tour_hotel .box .rolling .slick-dots li{ margin: 0 5px; padding: 0; width: 10px; height: 10px; border-radius: 50%; background: rgba(255 255 255/20%); transition: all .5s;}
.popup_tour_hotel .box .rolling .slick-dots li:before{ display: none;}
.popup_tour_hotel .box .rolling .slick-dots li button{ display: none;}
.popup_tour_hotel .box .rolling .slick-dots li button:before{ display: none;}
.popup_tour_hotel .box .rolling .slick-dots li.slick-active{ background: #FFF;}
.popup_tour_hotel .box .text{ position: absolute; top: 0; right: 0; bottom: 0; padding: 30px; width: 50%; border: 1px solid #DDD; border-left: 0;}
.popup_tour_hotel .box .text p{ line-height: 1.5; font-size: 14px;}
.popup_tour_hotel table{ border-collapse: collapse; border-spacing: 0; margin: 30px 0 0 0; width: 100%; border-top: 1px solid #000;}
.popup_tour_hotel table tbody{}
.popup_tour_hotel table tbody tr{}
.popup_tour_hotel table tbody tr th{ padding: 0 0 0 20px; border-bottom: 1px solid #DDD; background: #fafafa; text-align: left; font-size: 14px; font-weight: 500;}
.popup_tour_hotel table tbody tr td{ padding: 15px 0 15px 20px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: left; font-size: 14px;}
@media(max-width: 767px){
    .popup_tour_hotel .row{ overflow: auto; padding: 30px; max-height: 500px;}
    .popup_tour_hotel .row .xi-close{ top: 10px; right: 10px; font-size: 20px;}
    .popup_tour_hotel .title .t1{ font-size: 25px;}
    .popup_tour_hotel .title .t2{ font-size: 14px;}
    .popup_tour_hotel .box{ margin: 20px 0 0 0; padding: 0;}
    .popup_tour_hotel .box .rolling{ margin: 0;}
    .popup_tour_hotel .box .rolling .btn_prev{ display: none !important;}
    .popup_tour_hotel .box .rolling .btn_next{ display: none !important;}
    .popup_tour_hotel .box .text{ position: initial; padding: 20px; width: auto; border: 1px solid #DDD; border-top: 0;}
    .popup_tour_hotel .box .text p{ line-height: 1.4; font-size: 12px;}
    .popup_tour_hotel table{ margin: 20px 0 0 0;}
    .popup_tour_hotel table tbody{}
    .popup_tour_hotel table tbody tr{}
    .popup_tour_hotel table tbody tr th{ padding: 0 0 0 10px; font-size: 12px;}
    .popup_tour_hotel table tbody tr td{ padding: 10px 0 10px 10px; font-size: 12px;}
}


.popup_write{}
.popup_write .in{}
.popup_write .in .tit{ padding: 20px 0 10px 0; font-size: 12px; color: #999;}
.popup_write .in:first-child .tit{ padding-top: 0;}
.popup_write .in .input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 0; border: 1px solid #DDD; background: #f5f5f5; font-size: 15px; color: #000; outline: none; -webkit-appearance: none;}
.popup_write .login_check{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.popup_write .login_check .check{ display: flex; align-items: center; cursor: pointer;}
.popup_write .login_check .check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 12px; color: #999;}
.popup_write .login_check .check p{ margin: 0 0 0 5px; font-size: 13px; color: #666;}
.popup_write .login_check .check.on i{ border-color: #000; background: #000; color: #FFF;}
.popup_write .login_check a{ display: flex; align-items: center;}
.popup_write .login_check a p{ font-size: 13px; color: #999;}
.popup_write .login_check a i{ margin: 0 0 0 5px; font-size: 13px; color: #999;}
.popup_write .btn_login{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; height: 50px; border-radius: 0; background: #000; font-size: 18px; color: #FFF;}
.popup_write .btn_join{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
.popup_write .btn_join p{ font-size: 13px; color: #666;}
.popup_write .btn_join a{ display: flex; align-items: center; margin: 0 0 0 10px;}
.popup_write .btn_join a span{ font-size: 13px; color: #F00;}
.popup_write .btn_join a i{ margin: 0 0 0 5px; font-size: 13px; color: #F00;}
@media(max-width: 1400px){

}
@media(max-width: 1025px){

}
@media(max-width: 767px){

}