@charset "utf-8";

/*星空之旅*/
/*-------------------------------------------------------------------------*/
/*固定大圖隨著滑鼠往上移動*/
/*.pageIndex #header { position: static;}
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
*/


.all_main_set * { box-sizing: border-box; max-width: 100%;}
.all_main_set { max-width: 2000px; width: 100%; margin: auto; border: 0; text-decoration: none; overflow: hidden;}
.all_main_set img { width: auto; max-width: 100%; vertical-align: bottom;}
.all_main_set ul { padding: 0 0; margin: 0;}
.all_main_set li { list-style: none;}

.all_main_set h6,
.all_main_set h5,
.all_main_set h4,
.all_main_set h3,
.all_main_set h2 { margin: 0;}

.all_main_set u { text-decoration: none;}

.all_main_set p { margin: 0;}

.all_main_set em,
.all_main_set i { font-style: normal;}

.all_main_set a { text-decoration: none;}

.all_main_set dd,
.all_main_set dt { margin: 0 0;}

.swiper-slide img { height: auto;}

.bannerindex { top: 99px;}

.main_part { max-width: 100%; width: 100%; padding: 0; margin: 0;}

.show_content { max-width: 100%; width: 100%; padding: 0; margin: 0;}



/*-------------------------------------------------------------------------*/


/*header logo*/
.nav-brand { display: flex; justify-content: center; align-items: center; max-width: 300px; width: 100%; margin: 0; padding: 0; position: relative;}
.nav-brand h1 { position: absolute; opacity: 0;}

.nav-header { margin: -8px 0 0; padding: 0px; position: static;}

.main_header_area {background: #121F30;padding: 10px 0;}
.main_header_area .container { max-width: 100%; padding: 0 65px;}

.nav-menu { margin: 0 0; padding: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.nav-menu > li > a { font-size: 16px; color: #fff; font-weight: bold; padding: 15px 15px; transition: all 0.5s;}
.nav-menu > li:hover > a { color: #F1D688;}
.nav-menu > li.tp_links a:before { display: none;}
.nav-menu > li.tp_links > a { background: #364150; border: 1px #999999 solid; border-radius: 100%; width: 40px; height: 40px; margin: 0 10px; padding: 0 0 !important;}
.nav-menu > li.tp_links > a:hover { transform: translateY(-7px); background: #A07226;}
.nav-menu > li.tp_links > a:hover img { filter: brightness(0);}
.nav-menu > li.tp_links > a.me_tp_call { display: none !important;}

.navigation { display: flex; justify-content: space-between; align-items: center;}
.navigation-portrait .nav-menus-wrapper { background-color: #121F30;}

.nav-toggle { top: 0;}
.nav-toggle:before { background-color: #deeaf5;  box-shadow: 0 .5em 0 0 #deeaf5, 0 1em 0 0 #deeaf5;}
.nav-toggle:after { color: #deeaf5;}
.nav-menus-wrapper-close-button { color: #deeaf5;}
.navigation-portrait .nav-menu>li { border-top: solid 1px #203653;}
.navigation-portrait .nav-menu>li:last-child { border-bottom: solid 1px #203653;}

.nav-dropdown > li > a { transition: all 0.5s;}
.nav-dropdown > li > a:hover,
.nav-dropdown > li > a:focus {}

@media (max-width:1300px) {
.navigation{flex-flow: wrap;justify-content: center;}
}
@media (max-width:1085px) {
.tp_links{position: absolute;top: 0;right: 0;}
}
@media (max-width:980px) {
.main_header_area .container{padding: 0 5%;}
.nav-menu{justify-content: center;}
.nav-menu > li > a{padding: 15px 10px;}
}
@media (max-width:768px) {
.main_header_area .container{padding: 0;}

.nav-header{max-width: 150px;margin-top: -5px;}
}
@media (max-width:400px) {}

.header_area{position: sticky;top: 0;}
.header_area.sticky{position: sticky;}


/*-------------------------------------------------------------------------*/

/* foot */
.xinle_F_boxed{
    background: url(https://www.xinle168.com.tw/img/F_img01.jpg) center no-repeat;
    position: relative;
    z-index: 500;
    padding-top: 50px;
}
.xinle_F_boxed ul{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    background: url(../img/F_img06.png) top center no-repeat,url(../img/F_img02.png) 90% 80% no-repeat;
    background-size: cover , auto;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 5px 5px 5px #000000;
}
.xinle_F_boxed li:nth-of-type(1){
    max-width: 108px;
}
.xinle_F_boxed li:nth-of-type(2){
    max-width: 515px;
    margin-left: 60px;
}
.Box_A img{max-width: 100%;}
.xinle_F_boxed .Box_B{
    padding-top: 10px;
}
.Box_B strong{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    padding-right: 20px;
}
.Box_B a{
    font-size: 25px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.05em;
}
.Box_B u{
    display: inline-block;
    padding: 0 20px;
    font-size: 25px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.xinle_F_boxed dl{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
}
.xinle_F_boxed dt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 400px;
    width: 100%;
}
.xinle_F_boxed figure{
    max-width: 120px;
    width: 100%;
}
.xinle_F_boxed figure img{
    max-width: 100%;
}
.xinle_F_info{
    max-width: 270px;
    width: 100%;
}
.xinle_F_info a{
    display: block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #FFFFFF;
}
.xinle_F_info a+a{
    margin-top: 10px;
}
.xinle_F_boxed dd{
    display: flex;
    justify-content: space-between;
    max-width: 640px;
    width: 100%;
    margin: 0;
}
.xinle_F_boxed dd a{
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.1em;
    color: #CCCCCC;
    transition: .5s ease;
}
.xinle_F_boxed dd a:hover{
    color: #E4B31B;
}
.copy{
    max-width: 1550px;
    margin: 20px auto 0;
    padding: 20px 0;
    border-top: 1px solid #567EA3;
    font-size: 12px;
    color: #C7C7C7;
}
.copy a{
    color: #C7C7C7;
}
.copy a:hover{
    color: #E4B31B;
}
@media (max-width:1024px) {
.xinle_F_boxed dl{flex-flow: wrap;}
.xinle_F_boxed dd{padding-top: 20px;}
}
@media (max-width:768px) {
.xinle_F_boxed li:nth-of-type(2){margin-left: 2%;}
.Box_B strong{display: block;}
}
@media (max-width:650px) {
.xinle_F_boxed{background-size: cover;}
.xinle_F_boxed ul{background-size: cover , 50%;}
}
@media (max-width:620px) {
.xinle_F_boxed dd{flex-flow: wrap;justify-content: flex-start;}
.xinle_F_boxed dd a{margin: 10px 20px 0 0;}
}
@media (max-width:605px) {
.xinle_F_boxed ul{flex-flow: wrap;}
.xinle_F_boxed li:nth-of-type(2){max-width: 100%;width: 100%;text-align: center;}
}
@media (max-width:485px) {
.Box_B a{display: block;margin-top: 10px;}
.Box_B u{display: none;}
}
@media (max-width:425px) {
.xinle_F_boxed dt{flex-flow: wrap;}
.xinle_F_info{max-width: 100%;}
}


/*-------------------------------------------------------------------------*/

.pageIndex #content_main{
    background: url(../img/index_news_bg.jpg) center;
}
.news_part .title_box{
    display: flex;
    align-items: center;

}
.news_part{
    max-width: 1535px;
    width: 90%;
    padding: 50px 0;
}
.news_part .title_box{
    margin: 0;
}
.news_part .title_box h2{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #E9D282;
}
.title_box span{
    color: #FFFFFF;
    padding-left: 20px;
}
.news_list{
    display: block;
    max-width: 1400px;
    width: calc(100% - 138px);
    margin: 0 0 0 auto;
}
.news_list ul li a{
    color: #FFFFFF;
}
.animated-arrow{
    border-radius: 50px;
    max-width: 145px;
    background: #182230;
    border: 1px solid #FFFFFF;
    padding: 0;
    text-align: center;
    transition: .5s ease;
}
.animated-arrow:hover{
    background: #96772E;
}

@media (max-width:980px) {
.news_part .title_box{margin: 0 auto;width: 100%;justify-content: center;}
.news_list{width: 100%;}
}

/*-------------------------------------------------------------------------*/


/*每頁底色+背景*/
#content { border-top: none !important; background-image: url(#); background-color: #ffffff; background-position: center bottom; background-repeat: no-repeat;}


/*-------------------------------------------------------------------------*/






/*-------------------------------------------------------------------------*/


.ab01 { max-width: 1400px; margin: auto;}
.ab02 { width: fit-content; margin: 0 0 0 auto; position: relative; z-index: 100;}
.ab02 b { display: block; color: #52ECBF; font-size: 45px; font-weight: 400; line-height: 120%;}
.ab02 i { display: block; color: #52EDBF; font-size: 100px; font-weight: 900; font-style: normal; font-family: 'Montserrat'; line-height: 120%; margin: -10px 0 -5px 0;}
.ab02 p { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
.ab02 p u { display: block; width: fit-content; color: #FFFFFF; font-size: 20px; font-weight: bold; line-height: 120%; background: linear-gradient(to bottom, rgba(82, 70, 254, 1) 0%, rgba(47, 23, 255, 1) 100%); padding: 6px 15px; margin-right: 15px;}
.ab02 p span { display: block; color: white; font-size: 40px; font-weight: 700; font-family: 'Montserrat'; line-height: 120%;}

@media (max-width:1200px) { 
.ab01 { max-width: 800px;}
.ab02 b { font-size: 36px;}
.ab02 i { font-size: 75px;}
.ab02 p u { font-size: 18px;}
.ab02 p span { font-size: 29px;}
}
@media (max-width:800px) { 
.ab02 { margin: auto;}
}
@media (max-width:600px) { 
.ab02 b { font-size: 28px; }
.ab02 i { font-size: 50px; margin: 5px 0; }
.ab02 p { flex-direction: column; align-items: flex-start; }
.ab02 p u { font-size: 16px; margin: 0; margin-bottom: 10px; }
.ab02 p span { font-size: 23px; }
}
@media (max-width:500px) {
.ab02 b,
.ab02 i { text-align: center; }
.ab02 p { align-items: center; }
.ab02 p span { text-align: center; word-break: break-all; }
}


/*-------------------------------------------------------------------------*/


.in10 { padding: 65px 20px; background-image: url('../img/siu_img003.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.in10 p { display: flex; justify-content: center; align-items: center; margin-bottom: 0;}
.in10 p span { display: block; color: #173271; font-size: 55px; font-weight: bold; line-height: 180%; margin-right: 15px;}
.in10 p a { display: flex; justify-content: center; align-items: center; color: white; font-size: 45px; font-weight: 900; font-family: 'Montserrat'; line-height: 120%; text-align: center; width: 97px; height: 97px; border-radius: 150px; background: linear-gradient(to bottom, rgba(185, 54, 140, 1) 0%, rgba(86, 75, 160, 1) 100%); transition: 0.5s;}
.in10 p a:hover { transition: 0.5s; transform: rotateY(-360deg);}
.in10 i { display: block; color: #3EECB8; font-size: 80px; font-weight: bold; line-height: 120%; font-style: normal; font-family: 'Montserrat'; text-align: center;}
@media (max-width:980px) { 
.in10 p span { font-size: 45px;}
.in10 i { font-size: 63px;}
}
@media (max-width:600px) { 
.in10 p span { font-size: 34px; }
.in10 i { font-size: 50px; }
}


/*-------------------------------------------------------------------------*/



/*聯絡表單*/
.list_before li.btn .animated-arrow { display: none;}
.noborder { background-color: #f2f2f2; border: 1px solid #f2f2f2;}
.contact_form li { border-bottom: 0px solid #ffffff;}
.contact_content .information_left { display: none;}
.contact_content .information_right { width: 100%;}

.animated-arrow { background-color: #16306F;}

@media screen and (max-width: 768px) { 
    .bannerindex { top: 0; }
}




/* member */
.right_member_in { padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.right_member_in li { font-size: 13px;}






/* workshow */
body.work_page .main_part { padding: 120px 20px;}
body.work_page .main_part .show_content { max-width: 1406px; margin: auto;}

body.work_page .path { max-width: 1378px; margin: auto; margin-bottom: 35px;}
body.work_page .show-list .show_name { color: #343426; font-size: 18px; font-weight: 400; line-height: 120%; margin: 0; margin-top: 15px;}

body.work_page .show-list .show_pic { padding-bottom: 66%;}
body.work_page .show-list .show_name { height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; box-sizing: border-box;}
body.work_page .show-list { display: flex; justify-content: center; flex-wrap: wrap;}
body.work_page .show-list .item { width: 32%; padding: 0; margin: 20px 0.5%;}
body.work_page .show-list .item { padding: 0;}
body.work_page .show-list .show_pic img { width: 100%;}

body.work_info_page .other_album_choice li { background: linear-gradient(to bottom, rgba(82, 70, 254, 1) 0%, rgba(47, 23, 255, 1) 100%);}

.other_album_choice li,
.other_album_choice li .fa { transition: ease .4s;}

.other_album { margin-top: 50px;}

@media (max-width:1200px) {
    .all_banner::before { width: 43vw; height: 34vw; }
}

@media (max-width:1024px) {
    body.work_page .main_part { padding: 80px 20px; }
}

@media (max-width:800px) { 
    body.work_page .main_part { padding: 50px 20px; }
}

@media (max-width:600px) { 
    body.work_page .show-list .item { width: 47.5%; margin: 20px 1%; }
    body.work_page .show-list .item { width: 100%; }
    body.work_info_page .pic-list .item { width: 100%; }
}

/* 預約 */
body.about_page .main_part { max-width: 1290px; margin: auto; padding: 95px 20px;}
body.about_page .all_banner { background-image: url('../img/siu_img020.jpg');}

.box_le blockquote i { display: block; max-width: 308px; margin-bottom: 25px;}

@media (max-width:800px) { 
    body.about_page .main_part { padding: 80px 20px; }
}

@media(max-width:600px) { 
    body.about_page .main_part { padding: 50px 20px; }
}

/* 文章 */
body.blog_page .all_banner { background-image: url('../img/siu_img024.jpg');}
body.blog_page .main_part { padding: 110px 20px 80px 20px;}
body.blog_page .show_content { max-width: 1515px; margin: auto;}
body.blog_page .path { max-width: 1515px; margin: auto; margin-bottom: 40px;}
body.blog_page .accordion li .link { font-weight: 400;}

.blog_subbox { display: flex; justify-content: center; flex-wrap: wrap; position: relative; top: -30px;}

.subbox_item { width: 31%; float: none; margin: 30px 1%; padding: 5px; border: 1px #ccc solid; position: relative; transition: 0.5s;}
.subbox_item:hover::before { transition: 0.5s; opacity: 1;}
.subbox_item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; z-index: 8; opacity: 0; border: 1px #ddd solid; width: 100%; background-color: rgba(0, 0, 0, 0.5); transition: 0.5s; pointer-events: none;}
.subbox_item a { display: flex; flex-direction: column; align-items: center; transition: 0.5s;}
.subbox_item a:before { content: "+MORE"; color: white; font-size: 15px; font-weight: bold; line-height: 120%; background-color: transparent; z-index: 50; transition: 0.5s;}
.subbox_item a:after { display: none;}

.blog_list_le { width: 100%;}
.blog_list_ri { width: 100%;}



.page { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin:80px 0 50px 0;}
.page li { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 150px; line-height: 25px;}
.page li a { border-radius: 150px; padding: 0; border: 1px #ccc solid;}
.page strong,
.page a { min-width: 25px; display: flex; justify-content: center; align-items: center; border: none;}

@media (max-width:700px) { 
    .subbox_item { width: 47%; margin: 25px 1%; }
    body.blog_page .main_part { padding: 50px 20px; }
}

@media(max-width:425px) { 
    .subbox_item { width: 100%; margin: 25px 0; }
    .page { margin-top: 0; }
}

/* 促銷方案 */
body.promotions_page .all_banner { background-image: url('../img/siu_img026.jpg');}
body.promotions_page .main_part { padding: 100px 20px; max-width: 1240px; margin: auto;}
body.promotions_page .path { max-width: 1240px; width: 100%; margin-bottom: 40px;}
body.promotions_page .time { margin-bottom: 20px;}

.promotion_title span { display: none;}
.promotion_title h2 { border: none; color: #333326; font-size: 25px; font-weight: bold;}
.edit { width: 100%; padding: 20px 0;}
.promotion_title { border-bottom: 1px #ccc solid;}

@media (max-width:600px) { 
body.promotions_page .main_part { padding: 50px 20px; }
}

/* contact */
body.contact_page .all_banner { background-image: url('../img/siu_img027.jpg');}
body.contact_page .main_part { max-width: 1240px; margin: auto; padding: 100px 20px;}
.contact_form li .form__insert img { margin-left: 10px;}
.contact_content { width: 100%; padding: 0; margin: 0;}
.contact_form li input { padding: 5px;}
.contact_form li:last-child>input { padding: 5px 15px;}
.contact_form li:last-child .animated-arrow input { padding: 0px; padding-left: 50px;}

@media (max-width:800px) { 
    body.contact_page .main_part { padding: 50px 20px; }
}

@media(max-width:400px) { 
    .contact_form li.last { display: flex; flex-direction: column; align-items: flex-end; }
    .last .animated-arrow { margin-top: 10px; }
}

/* 會員 */
body.member .all_banner { background-color: #54A1E6; background-image: unset; border-top: 20px #E1EBF9 solid; padding: 40px 20px 55px 20px;}
body.member .all_banner::before { width: 441px; height: 350px;}
body.member .main_part { padding: 120px 20px; min-height: auto;}
body.member .path { display: none;}
body.member .member_title { margin-bottom: 100px;}
body.member .member_title p { display: none;}
body.member .show_content { max-width: 1360px; width: 100%; margin: auto;}

.member_login_regist { max-width: 500px; width: 100%; margin: 0; padding: 45px 50px; display: flex; flex-direction: column; align-items: flex-start; position: relative;background: #F7F7F7;}
.member_login_regist img { width: fit-content; position: absolute; right: 0; bottom: 22px; width: 162px; height: 162px !important;}

.mr01 { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; position: relative; z-index: 50;}
.mr01 h2 { color: #000000; font-size: 25px; font-weight: bold; line-height: 120%; margin: 0; margin-left: 10px;}

.member_login_regist i { display: block; color: #2793FF; font-weight: bold; font-style: normal; line-height: 120%;}
.member_login_regist p { text-align: justify; color: #888888; font-size: 16px; font-weight: 400; line-height: 140%; position: relative; z-index: 50;}
.member_login_regist a { max-width: 250px; width: 100%; padding: 17px 5px; background-color: #5AACFD; margin-top: 25px; transition: 0.5s; position: relative; z-index: 50;}
.member_login_regist a:hover { transition: 0.5s; background-color: #E4B31B;}
.member_login { margin: 0;}
.member_index { display: flex; justify-content: space-between; align-items: center;}
.member_index form { margin: 0 0 0 auto; width: fit-content;}

body.member .member_login tr td:nth-child(1) { width: 115px; white-space: nowrap;}
body.member .member_login tr td:nth-child(2) { width: 400px; padding-top: 20px;}
body.member .login_mem_submit { background: #5AACFD; padding: 14px 5px; transition: 0.5s;}
body.member .login_mem_submit:hover { transition: 0.5s; background: #E4B31B;}
body.member .login_mem_other_link { text-align: right;}
body.member .login_mem_other_link a { color: #A2204A;}

.member_index01,
.member_index02 { width: 50%;}

.member_index01 { padding-right: 50px;}
.member_index02 { border-left: 1px #CCCCCC solid; padding-left: 50px;}

body.member .member_login tr td:nth-child(1) { color: #000000; font-size: 16px;}
body.member.member_rei .main_part { padding: 60px 20px 120px 20px;}
body.member.member_rei .member_title { margin-bottom: 30px;}
body.member.member_rei .mem_regist_title_s_s02 input { max-width: 205px; width: 100%; margin: auto; background-color: #5AACFD; color: white; font-size: 16px; font-weight: bold; line-height: 120%; letter-spacing: 0.15em; text-indent: 0.15em; text-align: center; padding: 15px 5px; transition: 0.5s;}
body.member.member_rei .mem_regist_title_s_s02 input:hover { transition: 0.5s; background-color: #E4B31B;}
body.member .edit { padding: 0;}

.mu01 b { display: block; color: black; font-size: 25px; font-weight: bold; line-height: 120%; text-align: center; margin-bottom: 50px;}
.mu01 p { color: #000000; font-size: 15px; font-weight: bold; line-height: 120%; text-align: center;}
.mu01 p span { color: #102B6C; font-size: 25px; font-weight: bold; line-height: 120%; padding: 0 5px;}
.mu01 h6 { max-width: 600px; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.mu01 h6 a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150px; height: 150px; background-color: #EEEEEE; border-radius: 150px; margin: 0 10px; transition: 0.5s;}
.mu01 h6 a:hover { transition: 0.5s; background-color: #5AACFD;}
.mu01 h6 a:hover img { filter: invert(1);}
.mu01 h6 a span { display: block; color: black; font-size: 15px; font-weight: 400; line-height: 120%; text-align: center; margin-top: 15px; transition: 0.5s;}
.mu01 h6 a:hover span { transition: 0.5s; color: white;}
.mu02 h6 { max-width: 910px;}
.mu03 { max-width: 1040px; margin: auto; display: flex; justify-content: flex-end; align-items: center; margin: 50px auto 85px auto;}
.mu03 h4 { color: #D90000; font-size: 18px; font-weight: 400; line-height: 120%;}
.mu03 h4 a { color: #D90000;}
.mu03 h5 { color: #000000; font-size: 18px; font-weight: 400; line-height: 120%; letter-spacing: 0.05em;}
.mu03 h5:nth-of-type(2) { margin: 0 10px;}
.mu03 h5 a { color: black;}

/* 司機隱藏 */
.mu02 { display: none;}

/* 修改密碼 */
body.member.member_pd .member_title { margin-bottom: 50px;}
body.member.member_pd .mem_regist_title_s_s input { padding: 16px 5px; background-color: #5AACFD; max-width: 250px; width: 100%; color: white; font-size: 16px; font-weight: bold; line-height: 120%; text-align: center; letter-spacing: 0.15em; text-indent: 0.15em; transition: 0.5s;}
body.member.member_pd .mem_regist_title_s_s input:hover { transition: 0.5s; background-color: #E4B31B;}

.mem_box2 input.bbtn01,
.mem_box2 input.bbtn02,
.mem_box2 input.bbtn02 { max-width: 225px; width: 100%; background: #5AACFD; margin: 15px 10px;}

.mem_box2 input.bbtn02 { background: #C7A55A;}

body.member.member_pd .member_title { max-width: 100%;}

.mask_order_history { max-width: 1200px; width: 100%; margin: auto;}
.mask_order_history table { width: 100%; margin-bottom: 50px; border-collapse: separate; border-spacing: 5px; background-color: transparent; border-bottom: 1px #CCCCCC solid;}
.mask_order_history table tr td { color: #000000; font-size: 15px; font-weight: 400; line-height: 120%; text-align: center; background: white; border: none; padding: 15px 5px; letter-spacing: 0.05em; text-indent: 0.05em;}

.member_icon { max-width: 1200px; margin: auto; text-align: right; margin-bottom: 20px;}

.member_icon h5,
.member_icon h5 a { color: #D90000; font-size: 18px; font-weight: 400; line-height: 140%;}

@media (max-width:900px) { .member_index { flex-direction: column; }

    .member_index01,
    .member_index02 { width: 100%; padding: 0; }

    .member_index02 { border: none; border-top: 1px #cccccc solid; padding-top: 30px; margin-top: 30px; }

    .member_index form,
    .member_login_regist { margin: auto; }

    .member_login_regist { margin-top: 0; }

    body.member .main_part { padding: 80px 20px; }

    .mu03 { justify-content: center; }

    .mu01 h6 { max-width: 450px; justify-content: center; flex-wrap: wrap; }

    .mu02 h6 { max-width: 550px; justify-content: center; flex-wrap: wrap; }

    .mu01 h6 a,
    .mu02 h6 a { margin: 15px 10px; }

    .member_icon { text-align: center; }
}

@media (max-width:800px) { 
    body.member .all_banner::before { width: 43vw; height: 34vw; }
    body.member .member_title { margin-bottom: 50px; }
    body.member.member_rei .main_part { padding: 50px 20px; }
}

@media (max-width:768px) { 
    .mask_order_history table { margin-bottom: 35px; border: none; }
    .mask_order_history table tr td::before { content: attr(data-str); margin-right: 5px; color: #000; }
    .mask_order_history table tbody { display: flex; justify-content: center; flex-wrap: wrap; }

    .order_history tr td:nth-child(n) { text-align: justify; word-break: break-all; }
    .order_history tr { padding: 30px 0; margin: 15px 1%; width: 100%; }
    .order_history tr td:nth-child(n) { width: 50%; padding: 15px 5px; }

    .order_history tr td:nth-child(1) span{background: #102B6C;}
}

@media (max-width:600px) { 
    .mu03 { flex-direction: column; align-items: center; margin: 40px 0; }
    .mu03 h5:nth-of-type(2) { margin: 15px 0; }
}

@media (max-width:500px) {
    .member_login_regist { padding: 35px 20px; }
    .order_history tr { width: 100%; }
    .mask_order_history { padding: 0; }
}

@media (max-width:450px) { 
    .order_history tr { padding: 15px 0; }
    .order_history tr td:nth-child(n) { width: 100%; }
    .member_icon { margin: 0; }
}

@media (max-width:400px) { 
    .mu01 h6 a { width: 120px; height: 120px; }
    .mu01 h6 a span { font-size: 14px; }
    .mu01 p { flex-direction: column; align-items: center; }
    .mu01 p span { display: block; margin: 10px 0; }
}

/* 線上購物 */
.str_detail01 { padding: 100px 20px;}
.str_detail02 { max-width: 1200px; margin: auto;}
.str_detail02 p { padding: 0 30px; margin-bottom: 45px;}
.str_detail03 { max-width: 1200px; margin: auto; padding: 70px 20px 100px 20px; background-color: #F2F7FB;}
.str_detail03 b { display: block; color: #1F3875; font-size: 25px; font-weight: 400; line-height: 120%; text-align: center; margin-bottom: 100px;}
.str_detail03 ul { max-width: 600px; margin: auto; width: 100%;}
.str_detail03 li { display: flex; justify-content: flex-start; align-items: center;}
.str_detail03 li+li { margin-top: 25px;}
.str_detail03 li i { display: block; color: #333333; font-size: 16px; font-weight: 400; line-height: 120%; width: 140px; min-width: 140px; margin-right: 15px; word-break: break-all;}
.str_detail03 li u { display: block; color: #FF0000; font-size: 16px; font-weight: 400; line-height: 120%; white-space: nowrap; padding-right: 30px;}

.str_detail03 li em,
.str_detail03 li input { display: block; width: 100%; color: #575747; font-size: 14px; font-weight: 400; line-height: 120%; border: 1px #E6E6E6 solid; padding: 10px 15px; background-color: #EDF0F3;}

.str_detail03 li input { background-color: white;}
.str_detail03 ul:nth-of-type(1) li:nth-child(3) i { width: 211px; min-width: 211px;}
.str_detail03 ul:nth-of-type(2) { margin-top: 110px;}
.str_detail03 ul:nth-of-type(2) li:last-child { display: flex; justify-content: flex-start; align-items: center;}
.str_detail03 ul:nth-of-type(2) li:last-child input { max-width: 280px;}
.str_detail03 ul:nth-of-type(2) li:last-child img { margin: 0 10px;}

.str_detail_btn { display: flex; justify-content: center; align-items: center; max-width: 200px; width: 100%; height: 50px; background-color: #102B6C; border-radius: 10px; margin: auto; margin-top: 60px; transition: 0.5s;}
.str_detail_btn input[type="button"] { background: transparent; color: white; font-size: 20px; font-weight: bold; line-height: 140%; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; width: 100%; height: 100%; border-radius: 10px;}
.str_detail_btn:hover { transition: 0.5s; background-color: #3EECB8;}

@media (max-width:700px) { 
    .str_detail03 ul:nth-of-type(2) li:last-child { flex-direction: column; align-items: flex-start; }
    .str_detail03 ul:nth-of-type(2) li:last-child img { margin: 10px 0; }
    .str_detail03 ul:nth-of-type(2) li:last-child i { margin: 0; margin-bottom: 15px; }
}

@media (max-width:600px) { 
    .str_detail03 b { font-size: 22px; margin-bottom: 50px; }
    .str_detail03 ul:nth-of-type(2) { margin-top: 50px; }
}

@media (max-width:500px) { 
    .str_detail01 { padding: 50px 20px; }
    .str_detail03 li { flex-direction: column; align-items: flex-start; }
    .str_detail03 li i { margin: 0; margin-bottom: 15px; }
    .str_detail03 li:nth-child(n) i { min-width: unset; width: 100%; }
    .str_detail03{    padding:35px 20px; }
    .str_detail02 p { text-align: center; }
}




/*  */
/* banner */
.banner{
   display: flex;
   align-items: flex-end;
   justify-content: center;
   height: auto;
   min-height: 490px;
   background-repeat: no-repeat;
   background-position: center;
}
.banner h5{
   display: block;
   font-size: 20px;
   font-weight: 400;
   letter-spacing: 0.05em;
   color: #FFFFFF;
   text-align: center;
}
.banner h5::before{
   display: block;
   font-family: "Montserrat", sans-serif;
   font-weight: 700;
   font-size: 42px;
   color: #E9D27F;
   letter-spacing: 0.05em;
}

@media screen and (max-width:1024px) {
.banner{min-height: 400px;background-size: cover;}
}
@media screen and (max-width:768px) {
.banner{min-height: 300px;}
}
@media screen and (max-width:600px) {
.banner{min-height: 200px;}
.banner h5{text-shadow: 0 0 8px #000000;}
}

.banner.banG{
   background-image: url(../img/order_ban.jpg);
}

.banner.banG h5::before{
   content: 'Booking';
}

.banner.banF{
   align-items: center;
   background-image: url(../img/news_ban.jpg);
   min-height: 270px;
}
.banner.banF h5::before{
   content: 'NEWS';
}


.banner.banH{
   background-image: url(../img/teavel_ban.jpg);
}
.banner.banH h5::before{
   content: 'TRAVEL';
}

.banner.banE{
   background-image: url(../img/photo_ban.jpg);
}
.banner.banE h5::before{
   content: 'REVIEWS';
}

.banner.banJ{
   background-image: url(../img/member_ban.jpg);
}
.banner.banJ h5::before{
   content: 'MENBER';
}

/* onlineform */
.box_le h6{
   background: #F7A74A;
}


.str_detail03{
   background: none;
}
.str_detail03 b{
   max-width: 800px;
   margin: 0 auto 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid #DDDDDD;
}
.str_detail03 li em, .str_detail03 li input{
   background: #FFFFFF;
}
.str_detail_btn:hover{
   background: #E4B31B;
}

/* promotions_page */
.promotions_page #content{
   background-image: url(../img/news_bg.jpg);
}
body.promotions_page .path{
   display: none;
}
.time{
   font-size: 16px;
   color: #5B6682;
}
.promotion_title{
   border-bottom: 1px solid #5B6682;
}
.promotion_title span{
   display: inline;
   font-size: 16px;
   color: #5B6682;
}
.promotion_title h2{
   font-size: 20px;
   font-weight: normal;
   letter-spacing: 0.05em;
   color: #FFFFFF;
}
.promotion_title h2 span{
   display: none;
}
body.promotions_page .edit{
   color: #FFFFFF
}
ul.other_promotion {
   display: grid;
   grid-template-columns: repeat(3,1fr);
   gap: 50px 20px;
}
ul.other_promotion.clearfix:before,ul.other_promotion.clearfix:after{
   display: none;
}
.other_promotion li{
   border-top: 1px solid #5B6682;
   width: 100%;
   margin: 0;
   padding: 20px 0 0;
}
.other_promotion li:hover{
   border-top: 1px solid #E4B31B;
}
.other_promotion .pmtTime{
   font-size: 18px;
   color: #5A6681;
}
.other_promotion span{
   display: none;
}
.other_promotion .pmtTitle h3{
   font-size: 16px;
   letter-spacing: 0.05em;
   line-height: 180%;
   color: #FFFFFF;
   height: auto;
}
.other_promotion li:hover h3{
   text-decoration: none;
   color: #E4B31B;
}
@media screen and (max-width:980px) {
ul.other_promotion{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:600px) {
ul.other_promotion{gap: 20px;}
}
@media screen and (max-width:500px) {
ul.other_promotion{grid-template-columns: 1fr;}
}

/* page */

.other_promotion .page li,.other_promotion .page li a{
   color: #FFFFFF;
}
.other_promotion .page li a{
   border: 1px solid #FFFFFF;
}


/* news */
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{
   background: #182230 !important;
}
body.blog_page .path{
   display: none;
}
h4.blog_category_title{
   display: none;
}
.subbox_item::before{
   background: rgba(228,179,27,0.7);
}
.subbox_item a:before{
   content: 'SEE MORE';
   font-family: "Montserrat", sans-serif;
   letter-spacing: 0.05em;
}
.blog_list_le img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
}

.blog_in_page h4.blog_category_title{
   display: block;
}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next{
   background: #30517E;
}
.blog_back a.article_btn_back{
   background: #AAAAAA;
}

/* photo */
.lightbox {
   width: 100%;
   max-width: 100%;
   position: fixed;
   left: 50% !important;
   top: 50% !important;
   transform: translate(-50%, -50%);
}

body.work_page .path{
   display: none;
}
.other_album{
   display: none;
}

/* member */