@charset "utf-8";

#tourguide{}

.tourguide_title{font-size: 2.5em;line-height:1.08em;margin: 0.4em 0 0.1em 0.3em}
#tourguide .link{margin: 0 0 2em 0}
#tourguide .link::after{content:" ";clear: both;display: block;}
#tourguide .link li{display:block;width:32.6%;float: left; margin: 0 1.1% 0 0;}
#tourguide .link li.taiwan{margin: 0 0 0 0;}
/*#tourguide li a{display:block;width:100%;height: 420px;text-align: center;position: relative;}
#tourguide li a::before{transition:background 0.5s; content:"";display: block;background:rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
#tourguide li a:hover:before{background:rgba(0,0,0,0);}*/

.world a{background: url(../images/p1.html)}
.china a{background: url(../images/p2.html)}
.taiwan a{background: url(../images/p3.html)}
.link a span{position: relative; font-size: 1.8em;transition:font-size 0.5s;display:inline-block;color: #fff;background:rgba(0,0,0,0.6); margin:170px auto auto auto;padding: 0.5em 1em;border: 3px solid rgba(0,0,0,0.0);z-index: 2}
.link a span::before{content:"";display: block; border: 1px solid rgba(255,255,255,0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#tourguide .link a:hover span{font-size: 2.3em;}


.hotel3{margin:0em 0 1em 0;}
.hotel3 .swiper-slide{width:250px;}
.hotel3.gridlists .swiper-container{margin:0.7em 0;}
.hotel3.gridlists .grid_list{width:100%;margin:0;padding:0;}
.hotel3.gridlists .grid_pic{float:none;width:100%;height:190px;}
.hotel3.gridlists .grid_name{margin:0.55em 0.3em 0.5em 0.3em; font-size: 1.2em;}
.hotel3.gridlists .grid_txt{height:2.9em;}
.hotel3.gridlists .grid_rate{ bottom: 0.7em;}
.hotel3.gridlists .grid_prices{font-size:1em;}
.hotel3.gridlists .grid_prices em{font-size:1.6em;}

.tourist{margin:0em 0 1em 0;}
.tourist .swiper-slide{width:13em;}
.tourist.gridlists .swiper-container{margin:0.7em 0;}
.tourist.gridlists .grid_list{width:100%;margin:0;padding:0;}
.tourist.gridlists .grid_pic{float:none;width:100%;height:13em;border-radius:50%;}
.tourist.gridlists .grid_name{margin:0.5em 0.3em 0.5em 0.3em;text-align: center;font-size: 1.2em;}
.tourist.gridlists .grid_txt{height: 2.9em;}


.county{margin:0em 0 2.5em 0;}
.county .swiper-slide{width:250px;}
.county.gridlists .swiper-container{margin:0.7em 0 0 0;}
.county.gridlists .grid_list{width:100%;margin:0;padding:0;}
.county.gridlists .grid_pic{float:none;width:100%;height:190px;}
.county.gridlists .grid_name{margin:0.5em 0.3em 0.5em 0.3em; font-size: 1.2em;}
.county.gridlists .grid_txt{height: 2.9em;}