@charset "utf-8";
/*12th*/ @import url('https://fonts.googleapis.com/css2?family=Tiro+Telugu:ital@0;1&display=swap');
/*冰-數字*/ @import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
/*冰-小字*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
/*冰-大字*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

.IKT12 { width:100%;}
.IKT12 ::selection { background: #03badf; color:#fff; }
.dfw { display: flex; flex-wrap: wrap; }
.IKT12 div.ifrs iframe { width:100%; margin:20px 0 50px;}
.tsr.ulb.mobile_show { display: none;}

.top { position: relative; margin:0 0 60px;}
.top_bg .cover { padding: 0;}
.top_bg .cover img { aspect-ratio: 4/5; object-fit: cover; height: 100%; width: 100%; object-position:center 10%; border-radius: 0 0 0 100px; }
.gta12 .gta_info .gi_text h6.mtm { margin: -2px 0 0 ;}
.gta12 { position: absolute; padding: 0 0 0 60px; top:0; right:-5px; z-index: 1; filter:drop-shadow(0px 0px 3px rgba(53,120,180, 0.95)); margin: 25px 0 0;}
.gta_img { padding: 0 58px; margin: 0 0 10px; }
.gta_info .gi_png { padding: 0; }
.gta_info .gi_text { padding: 0 5px; margin:auto;}
.gta12 .gta_info { padding: 0 35px;}
.gta12 .gta_info .gi_text * { color:#fff; font-family: "Noto Serif TC" , serif; font-weight: 900; letter-spacing: 1px; }
.gta12 .gta_info .gi_text h6 { font-size: 18px; margin:0 0 3px; }
.gta12 .gta_info .gi_text h5 { font-size: 24px; margin:0; }
.gta12 .gta_info .gi_text span { font-size: 26px; font-family: "Tiro Telugu", serif; font-weight: 400; font-style: italic;}

.top_info .t_up img { margin: 0 0 0 -20px;}
.top .top_info { position: absolute; bottom:5%; text-align: justify;}
.top .top_info .t_text { margin:40px 0 0 60px;}
.top .top_info p { font-size: 14px; padding: 5px 0; }
.top .top_info p span { background: rgba(255, 255, 255, 0.9);}

.ifrs.bkl { padding: 0 0 50px;}

/*MAP*/
.baikal { margin: 0 0 30px ;}
.baikal .map { padding: 20px 40px; margin: auto 0; }
.map>div { padding:0;}
.baikal .info { padding: 30px; text-align: justify;}
.baikal .info .lake { margin:auto 0; padding: 0;}
.baikal .info .info_title h6, .baikal .info .info_title h5, .baikal .info .info_title span,  
.baikal .info .info_d h4, .baikal .info .info_d h4 small, .baikal .info .info_d h6 { font-family: "Noto Sans TC", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; color:#3885AD; }

.baikal .info .info_title h6 { font-size: 15px; margin:0 0 25px; letter-spacing: 2px; position: relative;} 
.baikal .info .info_title h6::after { content: ""; position: absolute; bottom: -12px; left: 0;  width: 12%; height: 1px; background-color: #3885AD; }
.baikal .info .info_title h5 {font-size: 15px; margin:0 0 35px; line-height: 1.6; letter-spacing: 1px; }
.baikal .info .info_title span { font-size: 20px;font-style: italic;}
.baikal .info .info_d::before { content: ""; background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000216/00004801.PNG"); background-repeat: no-repeat; position: absolute;  z-index: 1;}
.baikal .info .info_d { margin:0 0 30px;}
.baikal .info .info_d h4 { font-size: 20px; margin:0 0 5px; }
.baikal .info .info_d h6 { font-size: 15px; margin:0 0 10px;  letter-spacing: 1.2px; color:#3a3c3d; }
.baikal .info .info_d p { font-size: 14px;}
.baikal .info .car { margin:30px 0 0; padding: 0; } 
.baikal .info .car .info_title h5 { margin: 0 0 15px;}
.baikal .info .car .info_d img {margin: 0 0 20px; }

/*冰no介紹*/
.about_ice .block_i { margin: 0 0 60px; }
.about_ice .block_i .text { padding: 30px 0 10px;}
.about_ice .block_i .text .i_name { place-content: center; }
.about_ice .block_i .text .i_name, .about_ice .block_i .text .i_all { text-align: justify; }
.about_ice .block_i .text .i_number, .about_ice .block_i .text .i_all { padding: 0;}
.about_ice .block_i.blueice .text .i_all, .about_ice .block_i.bubblelake .text .i_all { padding: 0 30px; }
.about_ice .icecave .text .i_all { padding:0 0 20px; }
.about_ice .block_i .text h4 { font-size: 70px; font-family: "Amiri", serif; font-weight: 400; font-style: normal; line-height: 0.8; color: #3a3d3d;  }
.about_ice .block_i .text h3, .about_ice .block_i .text .i_name h5 { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.about_ice .block_i .text .i_name p, .about_ice .block_i .text h6, .about_ice .block_i .text .i_all h5 { font-family: "Noto Sans TC", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.about_ice .block_i .text .i_number p { font-size: 12.5px; line-height: 1; background-color: #DDEAF6; padding:5px ; }
.about_ice .block_i .text .i_name h6 { font-size:14px; margin:0;letter-spacing: 2px; }
.about_ice .block_i .text .i_name h3 { display: inline-block; font-size:32.5px; margin:12px 0 5px; }
.about_ice .block_i .text .i_name h5 { display: inline-block; font-size:15px; margin:0; padding: 0 0 0 10px; color:#212529; }
.about_ice .block_i .text .i_all h5 { display: inline-block; font-size:16.5px; line-height: 1.2; margin:0 0 6px; letter-spacing: 1px; vertical-align: top; }
.about_ice .block_i .text .i_all .pls { padding:0 0 0 15px ;}
.about_ice .block_i .text .i_all p { font-size: 14px;}

.bg_img img { height: 100%; width: 100%; object-fit: cover; }
.imgpr2 { padding:0 2px 0 0;}
.imgR { padding:0;}

.shamanka { position: relative; padding:0 0 20px;}
.shamanka .bg_img img { aspect-ratio: 16/9; object-fit: cover; object-position: bottom;}
.about_ice .shamanka .text { position: absolute; top: 50%; transform: translate(0%, -50%);right:5%; padding:50px 40px 30px; background: rgba(255,255,255, 0.95);} 
.block_i .text .box_title { padding: 0 0 20px;}

.block_i.icecracks { padding:0 50px;}
.icecracks .bg_img img { aspect-ratio: 1/1; object-position: bottom;}

.icecave { margin:70px 0 0; }


/*Baikal SP*/
.winter_spe { padding:50px 60px 60px; background:#f7fcfd; margin: 0 0 30px; }
.winter_spe .spe_title h4, .spe_title h6 { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; color:#000; }
.winter_spe .spe_title h4 { font-size: 30px ; margin: 0 0 5px; }
.winter_spe div.spe_title h6 { font-size: 12px ; font-style: italic; letter-spacing: 1.5px;}
.spe .spe_all { position: relative; padding:0 5px 5px 0;}
.spe_all .e_info { position: absolute; bottom:20px; left:25px; text-align: justify;}
.spe_all .e_info h5, .spe_all .e_info p { font-family: "Noto Sans TC", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; background-color: #fff; padding:3px 10px; border-radius: 30px; display: table; }
.winter_spe .spe_all .e_info h5 { font-size: 15px; margin: 0 0 5px; color:#000; }
.winter_spe .spe_all .e_info p { font-size: 12px; line-height: 1.2; color:#000;}
.winter_spe .e_img img { aspect-ratio: 4/3; object-fit: cover; height: 100%; width: 100%;}
.rbt .e_img img { object-position: center 82%;}

.tsr { display: flex; flex-wrap: wrap; padding: 30px 0 0; text-align: justify;} 
.tsr_title { display: flex; flex-wrap: wrap; padding: 30px 40px 30px 0; }
.cc1 { color: #7792A6; }
.IKT12 .tsr .tab_mark h6 { writing-mode: vertical-lr; font-size: 16px; font-family: "Noto Serif TC", serif; font-weight: 600; letter-spacing: 2px; margin: 0px; display: inline-grid;
                            grid-template-columns: 1fr max-content; grid-template-rows: 30px 0; grid-gap: 0 10px; align-items: center; position: relative; left: 8%;  padding: 0 10px; }
.IKT12 .tsr .tab_mark h6 span { display: contents; font-size: 14px; font-family: "Lustria", serif; font-weight: 400; letter-spacing: 0;}
.tab_mark h6::before { content: " "; display: block; border-left: 1px solid #7792A6; height: 60px;}

/*伊爾庫茨克 景點*/
.ikt_top { padding:0px; background-color: #7792A6; }
.tsr .ikt_top p { color:#fff; padding:15px; text-align: center; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; }
.ikt { display: flex; flex-wrap: wrap; padding: 0 22px; margin:20px 0; }
.ikt .img2 { display: flex; flex-wrap: wrap; padding:0 ; }
.ikt .img2 img { height: 100%; width: 100%; object-fit: cover; }
.ikt .ikt_info { padding:20px 0 20px 40px; margin:auto 0; }
.ikt_p { display: flex; flex-wrap: wrap; padding: 0; margin:20px 0;}
.col-lg-4.ikt_info { padding: 0 22px;}
.ikt_info { padding: 0;}
.tsr .tsr_title .ikt_info h5 { font-size:22px; font-weight:600; font-family: "Noto Serif TC", serif; margin: 10px 0 2px; line-height: 1.5; }
.ikt_info h5 span { display: block; font-size:14px; font-weight:400; font-family: "Lustria", serif; letter-spacing: 1px; }
.ikt_info img { aspect-ratio: 4/3; object-fit: cover;}
.lcfx { display: flex; flex-wrap: wrap; margin: 35px 0 0;}
.lcfx div img { height: 100%; width: 100%; object-fit: cover;}
.lcfx .col { padding: 0 22px ;}

/*李斯特維揚卡 景點*/
.lst .ikt_top { background-color: #A67166;}
.lst .cc2 { color: #A67166; }
.lst .tab_mark h6::before { border-left: 1px solid #A67166;}

/*12D蒙古 景點*/
.top.mg { margin: 60px 0 20px;}
.ulb .cc3 { color: #8b8b5c; }
.ulb .tab_mark h6::before { border-left: 1px solid #8b8b5c;}
.top.mg .top_info { position: initial; padding:0 50px;}
.top.mg .top_info .t_text { margin: 20px 0 50px 50px;}
.top.mg .top_info .m_info h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0; line-height: 1.5; }
.top.mg .top_info .m_info h5 span { display: block; font-size: 14px; font-weight: 400; font-family: "Lustria", serif; letter-spacing: 1px; }
.mg .top_bg .cover img { object-fit: cover; height:100%; width:100%; border-radius: 0 100px 0  0 ;}


@media (max-width:1600px){ 
    .top .top_info .t_text { margin: 40px 0 0 20px; }
    .baikal .map { padding: 20px 0; }
}

@media (max-width:1400px){ 
.gta12 { padding: 0 0 0 80px; right: 20px; }
.gta_img { padding: 0 30px; }
.gta12 .gta_info { padding: 0; margin: auto 0; }
.gta_info .gi_png { margin: auto 0;}
}


@media (max-width:1199px){ 
    .gta12 { padding: 0 0 0 70px; margin: 20px 0 0;}
    .gta_img { padding: 0 25px; }
    .gta12 .gta_info .gi_text { padding:0;}
    .gta12 .gta_info .gi_text h5 { font-size: 20px;}
    .gta12 .gta_info .gi_text h6 { font-size: 16px;}
    .top { margin:0 0 10px;}
    .map .m_b { margin:auto 0;}
    .top .top_info { bottom:2%; }
    .top .top_info .t_text { margin: 20px 0 0 -10px; }
    .baikal { margin: 0; }
    .baikal .info .lake { margin:0;}

    .baikal .info .car { padding:0 0 0 50px; margin: 0;}
    .baikal .info .car .info_title h5 { margin:0 0 35px; }
    
    .ifrs.bkl { padding: 0 0 20px; margin: -20px 0 0;}

    .about_ice .block_i { margin:0 0 40px;}
    .about_ice .block_i .text .i_name {place-content: normal; }
    .about_ice .block_i .text .i_name h5 { display: block; padding: 0;}
    .shamanka { padding: 0;}
    .shamanka .bg_img img { aspect-ratio: 2/1;}
    .about_ice .shamanka .text { position: inherit; top: 0; transform: none;  right: 0; padding:30px 0 10px;}
    .about_ice .block_i.shamanka .text .i_all { padding: 0 30px;}
    .about_ice .block_i.icecave .text .i_all .pls, .about_ice .block_i.icecracks .text .i_all .pls { padding: 0; display: block;}
    .block_i.icecracks { padding:0 35px;}
    .winter_spe { padding: 50px 40px;}

    .tsr_title { padding: 30px 40px 30px 30px; }

    .ikt { padding: 0 15px;}
    .ikt .ikt_info { padding: 0 0 0 30px ;}
    .col-lg-4.ikt_info { padding:0 15px;}
    .lcfx .col-lg-4, .lcfx .col { padding:0 15px;}
    .lcfx .col-lg-4 img { height: 100%; width: 100%;}

    .top.mg .top_info { padding: 0 0 0 40px;}

}


@media (max-width:991px){
    .new_features_content.IKT12 {margin: 80px auto 0; }
    .gta12 { padding: 0 10px 0 75px; margin: -80px 0 0; right:0; filter:none; }

    .top_bg .cover img { aspect-ratio: 4 / 5.5; }
    .baikal .info { padding: 30px 0;}
    
    .baikal .info .lake { margin: 0 0 10px; padding: 0 10px 0 0; }
    .baikal .info .car { padding: 0 0 0 40px;} 

    .about_ice .block_i div.text { padding: 25px 0 10px;}
    .block_i.icecracks { padding: 0;}
    .icecracks .bg_img img { aspect-ratio: 2/1; object-position: center 40%;}
    .icecave .bg_img img { aspect-ratio: 2/1; object-position: center 60%;}
    .about_ice .icecracks .text .i_all, .about_ice .icecave .text .i_all { padding: 0 30px;}
    .about_ice .block_i.icecave { padding: 0;}
    .about_ice div.block_i .text .i_all .pls { padding: 0; display: block;}

    .spe_all .e_info { left:15px;}
    .winter_spe .spe_all .e_info h5 { font-size: 14px; margin: 0 0 3px;}
    .winter_spe .spe_all .e_info p { font-size: 11.5px;}
    .rbt .e_img img { object-position: center 98%; }

    .tsr_title { padding: 30px; }

    .ikt { padding: 0;}
    .ikt .ikt_info { padding: 5px 0 0;}
    .col-lg-4.ikt_info { padding: 0;  margin: 0 0 30px;}
    .tsr .tsr_title .ikt_info h5 { padding: 5px 0 0;}
    .lcfx { margin:0;}
    .lcfx .col-lg-4, .lcfx .col { padding:0 ;}
}

@media (max-width:767px){ 
    .new_features_content.IKT12 { margin: 0 auto; }
    .gta12 { position: inherit; padding:0 20px; margin: 20px 0; }
    .gta12 .gta_info .gi_text * { color:#c9a03d; }
    .gta_img { padding: 0 30px 0 0; }
    .gta12 .gta_info .gi_text h6 { font-size: 20px; }
    .gta12 .gta_info .gi_text h5 { font-size: 24px; }
    .top_bg .cover img { border-radius: 0; aspect-ratio: inherit; }
    .top .top_info { top: 20%;; bottom: 0; left: 10%; padding: 0; }
    .top_info .t_up { padding:20px 30px 50px 50px; margin: 0 10px; }
    .top_info .t_up img { filter: invert(1) brightness(2) contrast(1) opacity(50%) blur(0px); margin: 0 0 0 90px; }
    .top .top_info .t_text { margin: 100px 0 0;}
    .top .top_info p span { background: rgba(255, 255, 255, 1);}
    .baikal .info .lake, .baikal .info .car { padding:0;}
    .baikal .info .lake { margin: 0 0 20px; }
    .IKT12 .about_ice .block_i .text .i_all { padding: 0;}
    .IKT12 .about_ice div.block_i .text .i_all .pls { display: inline-block; padding: 0 0 0 15px;}
    .about_ice .block_i div.text { padding: 20px 0 10px; }
    .about_ice .block_i .text .i_all h5 { font-size: 16px;}
    .about_ice .block_i .text .i_name { padding: 0 0 0 30px; align-content: flex-end; }
    .about_ice .block_i .text .i_name h5 { display: inline-block; padding: 0 0 0 10px;}
    
    .winter_spe { padding: 30px 40px;}
    .winter_spe .spe_title h4 { font-size: 28px;}

    .IKT12 .tsr .tab_mark h6 {writing-mode: initial; display: flex ; grid-gap: 0 30px; left:0; justify-content: center; text-align: center;}
    .tab_mark h6::before { height: 30px; }
    .tab_mark h6::after { content: " "; display: block; border-left: 1px solid #923848; height: 30px; }
    .tab_mark.cc1 h6::before { height: 30px; }
    .tab_mark.cc1 h6::after { content: " "; display: block; border-left: 1px solid #7792A6; height: 30px; }
    .tab_mark.cc2 h6::before { height: 30px; }
    .tab_mark.cc2 h6::after { content: " "; display: block; border-left: 1px solid #A67166; height: 30px; }
    .tab_mark.cc3 h6::before { height: 30px; }
    .tab_mark.cc3 h6::after { content: " "; display: block; border-left: 1px solid #8b8b5c; height: 30px; }
    .tsr_title { padding: 20px 0; }
    .cc1, .cc2, .cc3 { margin:20px 0 0 ;}

    .mg .top_bg .cover img { border-radius: 0;}
    .top.mg .top_info { padding: 2px 0 0;}
    .top.mg .top_info .t_text { display: none;}
    .ulb .cc3 { display: none;}
    .tsr.ulb.mobile_show { display: block;}
    .ulb.mobile_show .cc3 { display: block; }
    .tsr.ulb { padding: 0; }
    .tsr.ulb .tsr_title { padding: 0 0 35px;}
    .top.mg { margin: 30px 0 20px;}
    .top.mg .top_info .m_info h5 { margin: 10px 0 0;}
    .ulb .ikt_top { background-color: #8b8b5c ;}
}

@media (max-width:575px){ 
    .new_features_content.IKT12 { padding: 0 30px; }
    .gta12 { padding: 0 75px; margin: 50px 0 30px; }
    .gta_img {  padding: 0 30px; }

    .top .top_info { top: 36%; }

    .top .top_info .t_text { margin: 200px 0 0;}
    .top .top_info p { font-size: 13.5px;}
    .top_info .t_up { padding: 20px 60px 0 90px; }
    .top_info .t_up img { margin: 0 0 0 70px; }

    .tsr_title { padding: 20px 0 35px; }
    .ikt_p {  margin: 0;}

    .col-12.ikt { margin:0 0 30px;}
}

@media (max-width:480px){ 
    .new_features_content.IKT12 { padding: 0 20px; }
    .top { margin: 0 0 60px; }
    .top .top_info { top: 33%; left: 8%; }
    .baikal .info .lake { margin: 0 0 30px; }
    .baikal .info .info_d { margin: 0 0 25px; }
    .top_info .t_up {  padding: 20px 40px 0 50px; }
    .ifrs.bkl { padding: 0 0 10px; margin: -25px 0 0; }

    .about_ice .block_i .text .i_name { padding: 0 0 0 20px;}
    .about_ice .block_i .text .i_name h6 { letter-spacing: 0.8px; }
    .about_ice .block_i .text .i_name h3 { font-size: 30px;}
    .IKT12 .about_ice div.block_i .text .i_all .pls { display: block; padding: 0 ;}
    .winter_spe { padding: 30px;}
    .tab_mark h6::before, .tab_mark h6::after { height:45px; }
    

}

@media (max-width:400px){ 
    .gta12 { padding: 0 50px; }
    .gta_img { padding: 0; }
    .top .top_info { top: 36%; }
    .top_info .t_up { padding: 15px 40px 0 20px; }
    .top .top_info .t_text { margin: 188px 0 0;}
    .top_bg .cover img { aspect-ratio: 1.15/2;}
}