@charset "utf-8";
/* CSS Document */

body{
	overflow: auto;
	font-family: "微軟正黑體",Arial, Helvetica, sans-serif !important;
	
	background-color: #8cb39c;
	background-image: url(BGM.jpg);
	background-repeat: repeat;
    /*background-repeat: no-repeat;
    background-image: url(BGM.jpg);
    background-image: url(BGM1.jpg);
    background-size: 20%;
    BACKGROUND-REPEAT: repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;*/

}

.act_wappter{
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 0 7px 6px #4b5511;
    background-color: #eee;
}
.act_wappter img{ display: block; }

.act_wappter .top{
		width: 100%;
    background-image: url(top_bg01.jpg);
    position: relative;

}
.tit_font{
	position: absolute;
	width: 100%;
	top: 143px;
	left: 0;

}
.tit_font::after{
	position: absolute;
    content: '';
    background-image: url(top_font_w3.png);
    width: 35%;/*--440/1200---*/
    height: 0;
    padding-bottom: 54%;/*660/440*0.35*/
    background-size: 100%;
    z-index: 20;
    top: 3%;
    left: 0.5%;

}
.tit_font img{
	width: 100%;
	box-shadow:0px 1px 9px 1px #4b5511;
}

.pic_frame{
	position: absolute;
	width: 56%;
	top: 20%;
	right: 3%;

}
.act_wappter .top img.top_box{width: 100%;}
.pic_txt img{
	width: 70%;
    margin: 0 40px 0 auto;
}


/*--------輪播語法合併----------*/

.slide_iframe{
	max-width: 780px;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	display: block;
	margin: auto;
	position: absolute;
	top:0px;
	right:0%;
	left:0%;
}

.pic_frame .fullSlide~*{
	margin:0;
	padding:0;
	list-style:none;
}
.fullSlide{
	width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 5%;
    overflow: hidden;
    z-index: 5;
    position: relative;
    box-shadow: 3px 3px 9px 0px #181818ba;
    background-color: #fff;

}

.slide_iframe .fullSlide{
	margin: auto;
	position:relative;
}


.fullSlide .bd{
	position:relative;
}
.fullSlide .bd::after{
  position: absolute;
  content: '';
  background-image: url(pic_frame.png);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: 100%;
  z-index: 20;
  top: 0;
}

.bd li {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size:100%;
	background-position: center top; 
	background-repeat: no-repeat;	
	position: absolute;		
}
li.run1{	background-image: url(pic_bg01.jpg);	}	
li.run2{	background-image: url(pic_bg02.jpg);	}	
li.run3{	background-image: url(pic_bg03.jpg);	}	
li.run4{	background-image: url(pic_bg04.jpg);	}	
li.run5{	background-image: url(pic_bg05.jpg);	}	
li.run6{	background-image: url(pic_bg06.jpg);	}	

.pic_frame .fullSlide~.pic_txt{margin-top: 30px;}

/*--------2023/01/19--------*/

.act_wappter nav,.act_wappter .list_wappter{
	width: 100%;
	background-size: 100%;
	background-position: top center;
	padding: 50px 0;
}

.act_wappter nav{
	background-image: url(nav_bg01.jpg);
}
.act_wappter .list_wappter{
	background-image: url(list_bg_01.jpg),url(list_bg_03.jpg);
    background-position: top center,bottom center;
    background-color: #91ddf5;
    padding-bottom: 500px;
    background-repeat: no-repeat;
}
.act_wappter h3.tit{
	width: 48%;
	margin: 0 auto;
	text-indent: -9999px;
	padding-bottom: 12%;/*--150/580X0.48--*/
	background-size: 100%;
	background-repeat: no-repeat;
}
.act_wappter h3.nav_tit{
	background-image: url(tit01.png);
}
.act_wappter h3.list_tit{
	background-image: url(tit02.png);
}

nav ul{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
nav ul li{
	display: inline-block;
	margin: 3%;
}
nav li:hover,nav li.active {
	animation-duration: 1s;
	animation-name: fadeInDown;
	animation-iteration-count: infinite;
}
nav li.active {
	animation-fill-mode: forwards;
    animation-iteration-count: revert;
}

nav li .pic_bor{width: 100%; border-radius: 50%; overflow: hidden;}

nav .pic_bor img{
	width: 100%;
	border-radius: 50%;
	box-shadow: 1px 1px 0 5px #fff;
}

nav li:hover .pic_bor img,nav li.active .pic_bor img{
	box-shadow: 1px 1px 0 5px #000000;
}

nav .box_bor{
	position: relative;
	display: block;
}

nav li .txt_bor p{
	background-color:#015693;
    color: #fff;
    font-size:1.2em;
    line-height: 50px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-left: none;
    border-right: none;
    font-weight: 600;
}
nav li:hover .txt_bor p,nav li.active .txt_bor p{
	background-color: #000000;
    border-color:#000000;
}
nav ol li .box_bor{}
nav ol li:hover .box_bor::after,nav ol li.active .box_bor::after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 1em solid;
    border-color: #000000 transparent transparent transparent;
    bottom: -2em;
    display: block;
    z-index: 0;
    right: calc( 100% - 50% - 1em);
    width: 0%;
    height: 0%;
}


@keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 1;
        -webkit-transform:translate3d(0,20%,0); 
        transform: translate3d(0,20%,0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.act_wappter ol.tabs li{display: inline-block; text-align: center; margin: 3%;}

.act_wappter .li_btn1{ width: 98%; }
.act_wappter .li_btn2{ width: 48%; }
.act_wappter .li_btn3{ width: 25%; }/*-----width: 31%;----*/
.act_wappter .li_btn4{ width: 23%; }
.act_wappter .li_btn5{ width: 18%; }

/*-------------ACC/start---------------------*/
.acc_wappter{font-size: 15px;}
	section.acc_area{}
		h2 span.newurl_bg{}
			#sbtitle{}
				.tour_wapper{}
					.swi_wra_out{}
					#swi_wra_out01{}
						.swiper{}
						.mySwiper,.mySwiper_2,.mySwiper_3{padding:0; width: 100%;}
							.swiper-wapper{}
								.acc_wappter .swiper-slide{opacity: 1; }
								.acc_wappter .swiper-slide-active{opacity: 1;}
									.swiper-slide ul{}
										.swiper-slide li.bc_bk{display: none;}

									div.acc_box{ text-align: justify;}
										.acc_top_pic{}
										.acc_top_pic img{}

									div.txt_wra{
										margin: 2%;
										display: inline-block;
										vertical-align: top;}
									div.left_aside{
										width: 36%;
									    margin-left: 0;
									    padding: 1%;
									    padding-left: 0;
									    background-color: #eee;
			   							position: absolute;
			    						bottom:2%;
		   								left: 5%;
										}
									div.right_aside{
										width: 53%;
   										text-align: justify;
    									line-height: 1.8em;
   										margin-left: 43%;
									}
										.acc_box span i{}
										.acc_box h5.acc_txt{}
										.acc_box h4.acc_tit{
											font-size: 1.5em;
											font-weight: 800;
											line-height:1.7em;
											border-bottom: 1px solid #3d6683;
											margin-bottom: 0.5em;}
											.acc_box h4.acc_tit span{
											border-bottom: 0.12em solid #603022;
											padding-bottom: 0.3em;
											padding-right: 0.5em;	
											}
											.acc_box h4.acc_tit small{
											font-size: 0.8em;
											font-weight: 300;
											}
										.acc_box h5.acc_txt{
											position: relative;
											display: inline-block;
											}
										.acc_box h5.acc_txt::before{
											content: "";
											position: absolute;
											width: 100%;
											height:60%;
											bottom: 5%;left: -5%;
											display:inline-block;
											z-index: -1;
											background-color: #ebc9be;
											}
							.swiper-button-next, .swiper-button-prev{

							}
										
/*-------------ACC/End---------------------*/
/*-------------list/start---------------------*/
.fs_900 {font-size: 0.9em;}.fs_800 {font-size: 0.8em;}.fw_500 {font-weight: 500;}
.box_wapper {
    font-size: 21px;
    line-height: 1.5em;
    text-align: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.box_wapper .btn3 {
    width: 31%;
    margin: 1%;
    box-sizing: border-box;
    display: inline-block;
    padding: 20px;
    border: 3px #98c6d7 outset;
    box-shadow: 4px 5px 3px 0px #4c83898a;
    background-color: #fff;
}
.acc_box:nth-child(1) {
    margin-top: 0em;
}

.acc_box h3 {
    width: 100%;
    height: auto;
    padding-bottom: 60%;
    margin: 0;
    text-indent: -9999px;
    background-color: #e1e1e1;
    background-size: cover;
    background-position: center center;
    margin-bottom: 1em;
}

div.acc_box h3.deu01 {background-image: url(deu_01.jpg);}
div.acc_box h3.deu02 {background-image: url(deu_02.jpg);}
div.acc_box h3.deu03 {background-image: url(deu_03.jpg);}
div.acc_box h3.deu04 {background-image: url(deu_04.jpg);}
div.acc_box h3.deu05 {background-image: url(deu_05.jpg);}
div.acc_box h3.deu06 {background-image: url(deu_06.jpg);}
div.acc_box h3.deu07 {background-image: url(deu_07.jpg);}
div.acc_box h3.deu08 {background-image: url(deu_08.jpg);}
div.acc_box h3.deu09 {background-image: url(deu_09.jpg);}
div.acc_box h3.deu10 {background-image: url(deu_10.jpg);}

div.acc_box h3.che01 {background-image: url(che_01.jpg);}
div.acc_box h3.che02 {background-image: url(che_02.jpg);}
div.acc_box h3.che03 {background-image: url(che_03.jpg);}
div.acc_box h3.che04 {background-image: url(che_04.jpg);}
div.acc_box h3.che05 {background-image: url(che_05.jpg);}
div.acc_box h3.che06 {background-image: url(che_06.jpg);}
div.acc_box h3.che07 {background-image: url(che_07.jpg);}
div.acc_box h3.che08 {background-image: url(che_08.jpg);}

.box_wapper .acc_box h5 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    color: #482f14;
    border-bottom: 3px #c5c2bb double;
    text-align: justify;
    margin: 0;
    padding: 0.25em;
    box-sizing: border-box;
    min-height: 4em;
    vertical-align: middle;
    position: relative;
}
.box_wapper .acc_box h5::before {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 0.7em solid;
    border-color: transparent #b3ae9f #b3ae9f transparent;
    bottom: 0.1em;
    display: block;
    z-index: 0;
    right: 0;  
}
.box_wapper .acc_box h6 {
    display: block;
    margin: 0.5em 0;
    margin-bottom: 1em;
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: normal;
    box-sizing: border-box;
    position: relative;
    height: 6em;/*--1.5*N---*/
    overflow: hidden;
}
.box_wapper .acc_box h6.over_txt::before  {
    content: "...";
    position: absolute;
    width: 1em;
    height: 1.5em;
    bottom: 0em;
    display: block;
    z-index: 0;
    right: 0;
    color: #111;
    background-color: #fff;  
}

.box_wapper .acc_box p.pri {
    text-align: center;
    padding-bottom: 1em;
}
.box_wapper .pri .txt {
    border: 1px solid #282323;
    font-size:12px;
    padding: 1px 8px;
    color: #282323;
}
.box_wapper .pri .money {
    font-size: 1.95em;
    color: #bd0000;
    letter-spacing: -1px;
    font-family:sans-serif;
}

.box_wapper .acc_box p.more_tour {
    margin: 0 auto;
    border: 1px solid #665e5e;
    display: block;
    width: max-content;
    border-radius: 1.4em;
}

.box_wapper .acc_box p.more_tour>a {
    color: #665e5e;
    padding: 0.2em 1.2em 0.2em 2.2em;
    display: block;
    font-size: 15px;
    text-decoration: none;
}
.box_wapper .acc_box p.more_tour:hover {
    background-color: #417aa3;
    border-color: #ffffff;
}
.box_wapper .acc_box p.more_tour:hover>a {
    color: #fff;
}
/*------------------2024/01/26-----------------------*/
.slider_container {
    width: 100%;
    height: auto;
    position: relative;
    opacity: 0;
    animation-name: toppic;
    animation-fill-mode: forwards;
    animation-duration: 2s;
}
.top-content .bigspace {
    width: 100%;
    height: auto;
}
.slider_container-mobile {
    display: none;
}
#Italy_Travel .main-top .top-content .smallspace {
    display: none;
}
@media screen and (max-width: 415px){

.slider_container{display: none;}
.top-content .bigspace {display: none;}
.slider_container-mobile {
    display: block;
    height: auto;
    margin: 0 auto;
    position: relative;
    animation-name: toppic;
    animation-fill-mode: forwards;
    animation-duration: 3s;
}
.top-content .smallspace {
    display: block;
    width: 100%;
    height: auto;
}

}

/*-------------list/End---------------------*/
@media screen and (max-width: 950px){
	.pic_frame {
	  top: 105px;
	  right: 3%;
	}
	.pic_txt img {
    width: 67%;
    margin: 0 3% 0 auto;
	}
	nav ol li:hover .box_bor::after {
    bottom: -2em;
    display: block;
    right: 85%;
	}
	.acc_box h5.acc_txt { display: none;}
	.box_wapper .btn3 {
    width: 48%;
    padding: 0px;
    margin-bottom: 1em;
    padding-bottom: 0.7em;}

    .box_wapper .acc_box  { padding: 1em;}
    .box_wapper .acc_box h6 {height: 3em;overflow: hidden;}


}



@media screen and (max-width: 769px){
	.act_wappter .top {padding-bottom: 50px;}
	.pic_frame {top: 25%;}
	nav ol li:hover .box_bor::after {
    bottom: -2em;
    right: 35%;
	}
	div.left_aside{ display: none; }
	div.right_aside {
    width: 98%;
    text-align: justify;
    line-height: 1.8em;
    margin: 1%;
    margin-bottom: 2em;
	}
	.box_wapper .btn3 {width: 100%;}

	.box_wapper .acc_box h5{min-height:2em;}
	.box_wapper .acc_box h6.over_txt::before{ display: none; }
	.act_wappter .list_wappter {padding-bottom: 250px;}
}

@media screen and (max-width: 415px){

}