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

.mCustomScrollBox>.mCSB_scrollTools {
	display: block;
}
.container .content {
	height: calc(100% - 295px);
	margin: 0;
}
.locationMap {
	position: fixed;
	width: 100%;
	height: 100%;
}
.container h1 {
	background-image: url(../images/title_travel.png);
}

/** 週邊景點樣式 **/
.travelWrap {
	margin: 30px 0;
}
.travelWrap .main-title {
	font-size: 1.41rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #667984;
}
.allTravel {
	width: 100%;
	font-size: 0;
}
.travelItem {
	position: relative;
	display: inline-block;
	width: 33%;
	height: 36px;
	padding: 0 8px;
	margin-bottom: 15px;
	overflow: hidden;
	box-sizing: border-box;
}
.itmeName {
	font-size: 1.25rem;
}
.CheckCount {
	position: absolute;
	top: 3px;
}
.travelItem label {
	cursor: pointer;
	position: relative;
}
.viewpoint {
	width: 100%;
}
.viewpoint img {
	width: 100%;
}
.viewpoint .itmeName {
	font-size: 1.08rem;
	font-weight: 100;
	padding-left: 18px;
}

.sightStyle {
	max-width: 200px;
}
div.sightStyle img {
	width: 100%;
	height: auto;
}
div.sightStyle p {
	text-align: center;
	color: #333;
}


a.goGmap {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.08rem;
	background: #112a40;
	padding: 7px 0;
	margin-bottom: 10px;
	text-align: center;
}

/* 分頁選擇 */
.pageList {
	font-size: 1.08rem;
	font-weight: 300;
	line-height: 1.8;
	padding-left: 70px;
	text-align: right;
}
.pageList a {
	display: inline-block;
	color: #555;
	text-decoration: none;
	padding: 0 5px;
}
.pageList a:hover {
	color: #aaa;
}
/** 路線規劃 **/
.route_wrap {
	font-size: 1.08rem;
	font-weight: 100;
}
.control_page {
	margin-bottom: 15px;
	border-bottom: 1px dotted #484848;
    padding-bottom: 10px;
}
#travel_mode {
	margin-bottom: 8px;
}
#travel_mode div {
	display: inline-block;
	padding: 5px 0;
	margin-right: 2px;
}
#travel_mode select.textfield {
	display: inline-block;
	border: 1px solid #484848;
    background: #1b1b1b;
    color: #ddd;
    padding: 5px;
	font-family: 'Noto Sans TC', "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", sans-serif;
}
#control ul li {
	margin-bottom: 8px;
}
#control ul li div.title_transport {
	display: inline-block;
	padding: 5px 0;
	margin-right: 2px;
}
#control ul li div.LocationTarget {
	display: inline-block;
}
#control ul li div.LocationTarget select.textfield {
	border: 1px solid #484848;
    background: #1b1b1b;
    color: #ddd;
    padding: 5px;
	font-family: 'Noto Sans TC', "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", sans-serif;
}
.directions p {
	padding: 5px 0;
    color: #cc8a55;
    font-weight: 400 !important;
	margin-bottom: 0 !important;
}
.adp-placemark {
	background: #2b2b2b !important;
    border: 1px solid #484848 !important;
}
#directions-panel .adp, #directions-panel .adp table {
	color: #ddd;
	font-family: 'Noto Sans TC', "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", sans-serif;
}
.adp-substep .adp-stepicon .adp-maneuver {
	background-color: #666;
}
.adp-substep {
	border-top: 1px solid #484848 !important;
    padding: 5px 3px !important;
}
.adp-substep a, .adp-agencies a {
	color: #ddd;
}
.adp-list img, .adp-substep img {
	background: #666;
}
.warnbox-content {
	color: #222;
}
@media screen and (max-width: 768px) {
.locationMap {
	position: relative;
	height: 350px;
}
.sightStyle {
	max-width: 150px;
}

div.gm-bundled-control, button.gm-fullscreen-control {
	top: 57px !important;
}
.pageList {
	margin: 0;
}
}
@media screen and (max-width: 414px) {
.CheckCount {
}
}
@media screen and (max-width: 375px) {
.travelItem {
	width: 50%;
	height: 33px;
	margin-bottom: 10px;
}
}