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

#hot-trip {max-width:320px; margin:0 auto 20px;}
#hot-trip .pic { display:flex; justify-content:center; align-items:center;  }
#hot-trip .a { max-width:100%; max-height:auto;}


.block_travel{ display:none; /*預設要隱藏*/}

/*區塊歸零==========================*/
.block_travel *{/*font-family: "新細明體";*/ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.block_travel{ margin-bottom:20px; clear:both;}
.block_travel .block_title{ clear:both;}
.block_travel .block_content{clear:both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {
*zoom: 1; _zoom: 1; }

/*區塊==========================*/
.block_travel .block_title{ height:40px;  background:url(../images/header.jpg)  no-repeat left top; background-size:100% 40px; }
.block_travel .block_title h2{ display:none;height:40px; line-height:40px; padding-left:12px; font-family: "微軟正黑體"; font-size:16px; color:#fff; }

.block_travel .block_content{ padding:10px 5px; background: -moz-linear-gradient(0deg, rgba(46,46,112,1) 0%, rgba(46,46,112,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(46,46,112,1) 0%, rgba(46,46,112,1) 100%);
    background: linear-gradient(0deg, rgba(46,46,112,1) 0%, rgba(46,46,112,1) 100%); /*background-color:#4d0107;*/}

/*圖文列表============================*/
.part_travel_pictxt .piece{display: flex; padding:5px 0 5px 0; margin-bottom:5px; position: relative;}
.part_travel_pictxt .piece:nth-last-child(1){  margin-bottom:0px;}

/*清除 clearfix*/
.part_travel_pictxt .piece:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.part_travel_pictxt .piece{*zoom: 1; _zoom: 1; }

/*圖*/
.part_travel_pictxt .piece .pic{ width:80px; height:80px;  background:#FFF; border:1px solid rgb(177, 177, 177); border-right:none; border-top-left-radius:20px; float:left; overflow:hidden; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5); z-index: 3; display:flex; justify-content:center; align-items:center;}
.part_travel_pictxt .piece .pic a{ max-width:100%; max-height:auto; margin-left:15px;}
.part_travel_pictxt .piece .pic img{ width: 100%; height: auto;}
.part_travel_pictxt .piece .pic strong{ display:none; width:100px; /*height:20px;*/ overflow:hidden; line-height:23px; background:rgba(0,0,0,0.5);  font-size:12px; color:#fff; text-align:center; font-weight:normal; position:absolute; left:0px; bottom:0px;}

/*文*/
.part_travel_pictxt .piece .txt{ font-family:"Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;background: #fff; position: absolute; left: 50px; height: 80px; padding-left: 45px; z-index: 2; width: calc(100% - 55px); border-top-style: solid; border-bottom-style: solid; border-color: rgb(177, 177, 177); border-width: 1px; border-top-right-radius: 0px;  border-bottom-right-radius: 20px;}
/* .part_travel_pictxt .piece .txt::after{ content: ""; width:80px; height: 80px; background-color: #fff; position: absolute; top: 0; right: -33px; border-radius: 50%; z-index: -1; border: 1px solid rgb(177, 177, 177);} */
.part_travel_pictxt .piece h3{ height:25px; line-height:25px; }
.part_travel_pictxt .piece h3:nth-last-child(1){ margin-bottom:0px;}

/*a 截字*/
.part_travel_pictxt .piece h3 a{ display:block; margin:0 auto;  font-size:15px; overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis;*/ }
.part_travel_pictxt .piece h3 a:link, .part_travel_pictxt .piece h3 a:visited { color:#555; text-decoration:none; }
.part_travel_pictxt .piece h3 a:hover, .part_travel_pictxt .piece h3 a:active { color:#F30; text-decoration:underline; }


/*圓點不同色*/
.part_travel_pictxt .piece h3 a em.icon{ display:inline-block; width:15px; height:15px; background:url(../images/icon.png) no-repeat ; background-position:0px -12px}
/*.part_travel_pictxt .piece:nth-child(6n+1) h3 a em.icon{ background-position: 0px   8px;}
.part_travel_pictxt .piece:nth-child(6n+2) h3 a em.icon{ background-position: 0px -12px;}
.part_travel_pictxt .piece:nth-child(6n+3) h3 a em.icon{ background-position: 0px -32px;}
.part_travel_pictxt .piece:nth-child(6n+4) h3 a em.icon{ background-position: 0px -52px;}
.part_travel_pictxt .piece:nth-child(6n+5) h3 a em.icon{ background-position: 0px -72px;}
.part_travel_pictxt .piece:nth-child(6n+6) h3 a em.icon{ background-position: 0px -92px;} */