@charset "utf-8";

.list_detail h1 em{font-size:0.65em;font-style:normal;display: inline-block;}


/* 地圖 */
.map{margin:0 0 1.5em 0; position:relative;text-align:center;stroke-width:0.5px;fill:#e2eaa8; stroke: #360;transition:fill 0.2s;overflow: auto;}
.map_right,
.pic_r{float: right;margin: 0 0 10px 20px;max-width:300px;}
.map_overflow {position:relative;min-width: 1000px;}
.map svg{vertical-align: inherit;}
.svgbackground{fill:#dcf4f8;stroke-width: 0;}
.map text{stroke-width:0;fill:#999;writing-mode:initial;font-size: 1.8em;transition:fill 0.2s;}
.map a{fill:#d8e47d;transition:fill 0.2s;}
.map a text{fill:#360;}
.map a line{transition:stroke-width 0.2s;}
.map a:hover{fill:#c8d75a;}
.map a:hover text{fill:#000;}
.map a:hover line{stroke:#000;stroke-width: 1.5px;}

/* 圖片 */
.pic_r{line-height:1.4; font-size: 0.9em}
.pic_r img{max-width: 100%;}

/* 列表框 */
#world_g{overflow:hidden;line-height: 1.4;}
#world_g .gridlists{display:flex;flex-wrap:wrap;position: relative;margin:0 0 10px -10px} 
#world_g .title{width:100%;}
#world_g .grid_list{position:relative;float:none;flex:1 1 350px;border: 1px solid #ccc;margin:10px 0 0 10px;padding:10px;font-size:0.95em;}
#world_g .grid_list::after{content:"";display: block;clear: both;}
#world_g .grid_link{position:absolute;top:0;left:0;width:100%;height:100%;}
#world_g .grid_pic{margin: 0 10px 0 0;height: 80px;width:150px;max-width: 27vw; float:left;}
#world_g .grid_txt{height: 80px;overflow: hidden}
#world_g .grid_name {color: #069;font-size: 1.2em;}
#world_g .grid_p {border-top: 1px solid #CCC;margin: 5px 0 0 0;padding:5px 0 0 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/* 景點列表 */
.fold .box{}
.tourgudes{margin:0 auto 1.4em auto;}
.tourgudes .box{font-size: 1.05em; padding:0.6em}
.tourgudes h4{font-size:1.05em}
.tourgudes ul{padding:0.3em 0 0.7em 0; margin: 0 0 0.7em 0; border-bottom: 1px solid #ccc; line-height:1.5em;}
.tourgudes ul::after{content:" ";display:block;clear:both;}
.tourgudes li{ float:left; width:25%;}
.tourgudes li a{padding: 0 1em 0 0;display:block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}

/* 表格 */
.table{overflow:auto;margin:0.9em 0; padding:0 0;width:100%}
.table table{border-collapse:collapse;min-width:770px;margin:0; width:100%;}
.table th,
.table td{ border:1px solid #ccc; padding:0.5em; vertical-align:middle;}
.table th{ background:#F4F4EF;white-space: nowrap;}
.table td{ background:#F9F9F9}

/* 樹 */
#tree{font-size:1.05em;}
#tree .box{float: left;width:25%}
#tree h4{margin:10px 0.6em 0}
#tree ul{list-style:disc;margin:0.5em 0em 2em 1.8em}
#tree ul ul{font-size:0.9em;margin:0em 0em 1em 1.2em}
#tree .s{background:#EEE}

/* pic輪播 */
.pic_w{float:right;width: 320px;height: 360px; margin:0 0 20px 20px;background:#000;position: relative;}
.pic_w .swiper-slide{height: inherit;}
.pic_w img{max-width: 100%;}

.list_detail .text > ul,
.list_detail .text > ol{line-height: 1.5;list-style-type:disc;padding: 0 0 1.1em 1.5em;vertical-align: inherit;}
.list_detail .text > ul *,
.list_detail .text > ol *{vertical-align: initial;}
.list_detail .text > ol{list-style-type:decimal;}
.list_detail .text > ul >li,
.list_detail .text > ol >li{padding:7px 0;}
/* .list_detail .text > ul strong,
.list_detail .text > ol strong{margin:0 0 0.5em 0;display:block;} */
.list_detail .text hr{height:0;border-top:0;border-bottom:1px solid #ccc;}
.list_detail .text li br{margin: 0 0 0.5em;vertical-align: baseline;}
.list_detail .text > ol strong + br{margin: 0 0 0.3em;}
.list_detail .text img[align='right']{margin:0 0 5px 10px}
.list_detail .text img[align='left']{margin:0 10px 5px 0}

/* 世界地圖文案內列表 */
.list_detail .text > ol.world_t_li,
.world_t_li{line-height: 1.5;padding: 0 0 1.1em 0;list-style-type:none;}
.world_t_li li{overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc}
.world_t_li a{display:block;color: inherit;overflow:hidden;position: relative;margin: -10px 0;padding:10px 0; transition:background 0.2s;}
.world_t_li a:hover{background:#eee}
.world_t_li img{float:left; margin:0 10px 0 0}
.world_t_li strong{display: block;font-size:1.1em;padding:0 0 3px 0} 




/* 版權字 */
.author {color:#666;float:right;margin:0 0 0.6em 0;font-size:0.9em;padding:0;}


@media screen and (max-width:990px) {
.fold{ margin:0.5em 0;}
.fold > ul,
.fold .box,
.fold .gridlists,
.fold .table{ display:none;}
.fold.fold_open > ul,
.fold.fold_open .box,
.fold.fold_open .gridlists,
.fold.fold_open .table{ display: block; margin-bottom:1.5em;}
.fold .title a::before,
.fold .title b::before{content:" ";display:inline-block;width:0;height:0;line-height:0;border:0.3em dashed #666;
border-top-style: solid; 
border-bottom: none; 
border-left-color: transparent; 
border-right-color: transparent;margin:0 0.3em 0 0;vertical-align:middle;}
.fold.fold_open .title a::before,
.fold.fold_open .title b::before{border:0.3em dashed #666;
border-bottom-style: solid; 
border-top: none; 
border-left-color: transparent; 
border-right-color: transparent;}
.tourgudes li{float: none;width: auto;}
	
}

@media screen and (max-width:700px){
.map_right,
.pic_r{float:none;margin:0 0 2em 0;margin:auto;max-width: 700px;}
.pic_w{float:none;width: 100%;height:280px;margin: 0 0 20px 0;}
	
/* 列表框 */
#world_g .grid_list{border:0;margin: 10px 0 0 0;}
}

@media screen and (max-width:410px){
	.list_detail .text > ul.menu_ul{font-size: 4.3vw;}
}