@charset "utf-8";

#location ul, 
#location li { list-style: none; padding: 0; margin: 0;  }
#location { font-size: 1em; }
#location #map.google-map,
#location .map-container { height: 640px; }
#location .map-container iframe { width: 100%; height: 100%; }
#location a { text-decoration: none }
.adsense {  }

.find-it {}

.clock { 
	font-size: 11px;
	background: #8cc63f; display: inline-flex; padding: 2px 8px; color: #fff;
	border-radius: 50px;
	position: relative;
	top: -2px;
	margin-right: 5px;
 }

.small_clock { 
	font-size: 24px; position: absolute; left:0; top: 50px; text-align: center; width: 100%;}
.small_clock2 { 
	font-size: 18px; position: absolute; left: 0; top: 24px; text-align: center;
	width: 100%;
 }

.small_distance { position: absolute; left: 0; top: 100px; text-align: center; width: 100%; }

@media all and (max-width: 480px)
{
	#location { font-size: 0.4em; }
	
	#location #map.google-map,
	#location .map-container { height: 320px; }

	#location .line-gr,
	#location .line-gray { max-width: 96%; margin-left: auto !important; margin-right: auto !important; }

	#location .createLocation-icon-area .distance { left: calc( 50% + 10px ) !important; }

}
@media all and (min-width: 481px) and (max-width: 720px)
{
	#location { font-size: 0.7em; }
	#location #map.google-map,
	#location .map-container { height: 480px; }
}
@media all and (min-width: 721px) and (max-width: 900px)
{
	#location { font-size: 0.8em; }
	#location #map.google-map,
	#location .map-container { height: 560px; }
}
#location img {
	border: 0;
}

#location #list .lastList { 
	text-align: center; display: none;
	background: #20a8e0; color: #fff; font-size: 2em; padding: 1em; 
}

#location .relative { position: relative } 
#location .absolute { position: absolute } 
#location .static { position: static } 
#location .fixed { position: fixed } 

/* share */
.share-btn.on,
.share-btn:hover,
.easy-btn:hover { background: #20a8e0; color: #fff; }
#share { display: none; text-align: center; }
#share .tab-gorup { border-bottom: 1px solid #eee; }
#share .tab { text-align: center; font-size: 1.4em; box-sizing: border-box; position: relative; top: 1px; color: #999;}
#share .tab li { display: inline-block; margin-right: 5px; padding: 10px; cursor: pointer; box-sizing: border-box; }

#share .tab li:hover,
#share .tab li.on { border-bottom: 2px solid #ca2327; color: #333; }


#share .share-content { margin-top: 5px; }
/*#share .share-content li { display: none; }
#share .share-content li:first-child { display: block; }
*/

#share .share-content li { display: none; }
#share .share-content li.on { display: block; }
#share .share-content li input { padding: 5px; border: 1px solid #eee; width: 100%; box-sizing: border-box; cursor: pointer; font-size: 1.6em; color: #999; text-align: center; }

#share .iframe-options { padding: 1em 0; }
#share .iframe-options .title { font-size: 1.4em; margin: 1em 0; }

#share .iframe-size {  height: 28px; padding: 5px; border: 1px solid #eee; color: #999; margin: 0; position:relative; top: 2px; }
#share .video-size { height: 28px; border: 1px solid #d3d3d3; text-align: center; }
#share .custom-size-group { display: inline; margin: 0; font-size: 0.6em; display: none; }
#share .custom-size { width: 72px !important; height: 28px; margin: 0 4px;}



/* SNS */
#share .share-sns { padding: 5px 0;}
#share .share-sns .to_sns.big{padding:0 15px 30px;text-align:center}
#share .share-sns .to_sns.small{padding:6px}
#share .share-sns .to_sns .fl{margin:3px}
#share .share-sns .to_sns a{letter-spacing:0;text-decoration:none;}
#share .share-sns .to_sns strong{font-weight:400}
#share .share-sns .to_sns .bubble strong{display:none}
#share .share-sns .ico_16px,#share .share-sns .ico_32px,#share .share-sns .ico_sns16,#share .share-sns .ico_sns{display:inline-block;overflow:hidden;width:16px;height:16px;font-size:0;line-height:0;vertical-align:top;text-indent:-100px;transition:all .3s;*text-indent:0}
#share .share-sns.hover_effect a:hover .ico_16px,#share .share-sns.hover_effect a:focus .ico_16px,#share .share-sns.hover_effect a:hover .ico_sns,#share .share-sns.hover_effect a:focus .ico_sns{transform:rotate(360deg)}
#share .share-sns .ico_16px{background-image:url(../img/white/ico_16px.png);background-repeat:no-repeat}
#share .share-sns .ico_16px.reply{background-position:0 -32px}
#share .share-sns .ico_16px.search{background-position:0 -64px}
#share .share-sns .ico_16px.write{background-position:0 -96px}
#share .share-sns .ico_16px.setup{background-position:0 -128px}
#share .share-sns .ico_16px.delete{background-position:0 -160px}
#share .share-sns .ico_16px.home{background-position:0 -224px}
#share .share-sns .ico_32px{width:32px;height:32px;background-image:url(../img/white/ico_32px.png)}
#share .share-sns .ico_32px.deco2{background-position:0 -64px}
#share .share-sns .ico_sns16{border-radius:3px;background-image:url(../img/sns_16.png);opacity:.8}
#share .share-sns .ico_sns16.facebook{background-position:0 -16px}
#share .share-sns .ico_sns16.google{background-position:0 -32px}
#share .share-sns .ico_sns16.pinterest{background-position:0 -48px}
#share .share-sns .ico_sns16.kakaostory{background-position:0 -96px}
#share .share-sns .ico_sns16.band{background-position:0 -112px}
#share .share-sns .ico_sns{width:32px;height:32px;margin:2px;background-image:url(../img/sns.png);opacity:.9}
#share .share-sns .ico_sns:hover{opacity:1}
#share .share-sns .ico_sns.facebook{background-position:0 -32px}
#share .share-sns .ico_sns.google{background-position:0 -64px}
#share .share-sns .ico_sns.pinterest{background-position:0 -96px}
#share .share-sns .ico_sns.line{background-position:0 -128px}
#share .share-sns .ico_sns.kakao{background-position:0 -160px}
#share .share-sns .ico_sns.kakaostory{background-position:0 -192px}
#share .share-sns .ico_sns.band{background-position:0 -224px}

#share .share-sns .sns { width: 32px; height: 32px; background: url('../img/sns.png') no-repeat; display: inline-block; cursor: pointer; margin: 5px 0; }

#share .share-sns .sns.twitter { background-position: -35px 0; }
#share .share-sns .sns.facebook { background-position: -70px 0; }
#share .share-sns .sns.google { background-position: -105px 0; }

#location .tooltipContainer { 
	pointer-events:none;
	position: absolute;
	width: 100%; left:0;
	bottom: 100%;
	margin-bottom: 15px; 
	text-align: center; 
	display: none;
	font-family: sans-serif;
} 
#location .tooltipshow:hover .tooltipContainer { display: block; }
#location .tooltip { 
	display: inline-block;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 3px;
	position: relative;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0.4em 1em;
	line-height: 1.6em;
	font-size: 1.2em;
} 

#location .tooltipContainer .arrow { 
	position: absolute; 
	bottom: -10px; 
	left: 50%; 
	margin-left: -10px; 
	border-width: 10px 10px 0; 
	border-style: solid; 
	border-color: rgba(0,0,0,0.8) transparent; 
	width: 0; 
}

#location .tooltip p {  }

#location .line-gr { border: 1px solid #8cc63f; padding: 1.4em; box-sizing: border-box; }
#location .line-gr { border: 1px solid #eee; padding: 1.4em; box-sizing: border-box; }
#location .line-gray { border: 1px solid #eee; padding: 1.4em; box-sizing: border-box; }

#location .view-btn { cursor: pointer; }

#location .caption { font-size: 1.4em; border-bottom: 1px solid #eee; padding: 0 0 1em 0; }

/* *****************************************************************************
*			view
************************************************************************************** */
#location .location_view .view { background: #8cc63f; color: #fff; padding: 1em; position: absolute; right: 0; top: 0; height: 100%; box-sizing: border-box; }
#location .location_view > .line-gr { margin: 1em 0; }



#location .info { box-sizing: border-box; font-size: 1.4em; color: #333; }
#location .info:hover { border-color: #82c400; }
#location .info .headGroup { margin: 0 0 1em; }

#location .info .headGroup .locationName { text-align: center; position: relative; z-index: 5; padding: 0; }

#location .info .headGroup .table { display: table; width: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%;  }
#location .info .headGroup .cell { display: table-cell; vertical-align: middle;  }

#location .info .headGroup .user { overflow: hidden; text-align: left; width: 50%; z-index: 4 }
#location .info .headGroup .user .contable { display: table;}
#location .info .headGroup .user .pic { width: 50%; width: 2.4em; height: 2.4em; display: table-cell;  vertical-align: middle; background-color: #a2d8dd; border-radius: 2.4em; background-repeat: no-repeat; background-position: 50%; background-size: cover; }
#location .info .headGroup .user .name { padding: 0 10px; color: #a2d8dd;  display: table-cell; vertical-align: middle; }
#location .info .headGroup .date { width: 50%; text-align: right; }

@media all and (max-width: 480px)
{
	.subTitle  { font-size: 16px !important;  }
	#location .info .headGroup .locationName { font-size: 2.8em; padding: 0.4em 0; }
	#location .info .headGroup .table { position: static;  }

	input { font-size: 10px !important; padding: 3px !important; }
}

/*
#location .summaryGroup { border: 1px solid #eee; height: 100px; padding: 25px; box-sizing: border-box; max-width: 100%;}
#location .summaryGroup > .area { height: 100%; position: relative;}
#location .summaryGroup > .area > .line { background: #ca2328; height: 4px; width: 100%; position: absolute; left: 0; top:50%; margin-top: -2px; }
#location .summaryGroup > .area .locationGroup { text-align: center; position: absolute; width: 100%; height: 100%;}
#location .summaryGroup > .area .locationGroup .location { width: 100px; margin-left: -50px; position: absolute; }
#location .summaryGroup > .area .locationGroup .location.top { bottom: 50%; margin-bottom: -14px; }
#location .summaryGroup > .area .locationGroup .location.bottom { top: 50%; margin-top: -9px;}
#location .summaryGroup > .area .locationGroup .location.first { text-align: left; margin-left: -10px;}
#location .summaryGroup > .area .locationGroup .location.last { margin-left: 0; margin-left: -92px; text-align: right; }
#location .summaryGroup > .area .locationGroup .location .text { font-size: 11px; }
#location .summaryGroup > .area .locationGroup .location .icon { display: inline-block; background: url(../img/point.png) 50% no-repeat; width: 20px; height: 20px; cursor:pointer; }

#location .location_view .locationList  { height: 480px; overflow: hidden; overflow-y: auto; }
#location .location_view .locationList .locationGroup { margin: 1em 0; background: #fff; position: relative; }
#location .location_view .locationGroup .subTitle { font-size: 1.6em; margin: 0 0 0.7em; }
#location .location_view .locationsg { background: #f8f8f8; border: 1px solid #eaeaea; position: relative; box-sizing: border-box; }
#location .location_view .locationGroup .locationsg input.search { background: transparent; padding: 1em; border: 0; color: #8cc63f; width: 100%; box-sizing: border-box }
#location .location_view .locationGroup .locationsg button.search { background: #8cc63f; color: #fff; padding: 1em; position: absolute; right: 0; top: 0; }

#location .location_view .locationGroup .searchGroup { overflow: hidden; margin: 2em 0 0; }
#location .location_view .locationGroup .searchGroup .map-point {  }

#location .location_view .locationGroup .searchGroup .locationName { margin: 2em 0; }
#location .location_view .locationGroup .searchGroup .locationName input.search { color: #8cc63f; background: #f8f8f8; border: 1px solid #eaeaea; padding: 1em; width: 100%; box-sizing: border-box }
*/

#location .summaryGroup { width: 100%; background: rgba(255,255,255,0.8); position: relative; }
#location .summaryGroup > .area { height: 48px; }
#location .summaryGroup > .area > .line { background: #ca2328; height: 4px; width: 100%; position: absolute; left: 0; top: 24px; }
#location .summaryGroup > .area .locationGroup { position: absolute; left: 0; top:12px; width: 100%; white-space: nowrap;overflow-x: auto; overflow-y:hidden;  }
#location .summaryGroup > .area .locationGroup .summaryMap {display: inline-block; font-size: 0; width: 120px; text-align: center; overflow: hidden; }
#location .summaryGroup > .area .locationGroup .location { font-size: 12px; }
#location .summaryGroup > .area .locationGroup .location.top { bottom: 50%; margin-bottom: -14px; }
#location .summaryGroup > .area .locationGroup .location.bottom { top: 50%; margin-top: -9px;}
#location .summaryGroup > .area .locationGroup .location.first { text-align: left; margin-left: -10px;}
#location .summaryGroup > .area .locationGroup .location.last { margin-left: 0; margin-left: -92px; text-align: right; }
#location .summaryGroup > .area .locationGroup .location .text { font-size: 11px; }
#location .summaryGroup > .area .locationGroup .location .icon { 
	margin: auto;
	text-align: center; font-weight: bold; 
	display: inline-block;
	width: 28px; height: 28px; 
	display: flex;
	align-items:center;
	justify-content:center;
	overflow: hidden;
	box-sizing: border-box; background: #fff;
	border: 3px solid #ca2327; cursor:pointer; border-radius: 32px;}
#location .summaryMap.first .icon {
	background: url(../img/point.png) no-repeat transparent 50% !important; 
	border: 0 !important; 
	background-size: 100% auto !important; 
	color: #fff !important;
}
#location .summaryMap.last .icon { background: #ca2327 !important; color: #fff !important; }
#location .location_view .locationList  { max-height: 640px; overflow: hidden; overflow-y: auto; }
#location .location_view .locationList .locationGroup { margin: 1em 0; background: #fff; position: relative; }
#location .location_view .locationGroup .subTitle { font-size: 1.6em; margin: 0 0 0.7em; }
#location .location_view .locationsg { background: #f8f8f8; border: 1px solid #eaeaea; position: relative; box-sizing: border-box; }

.locationsg2 { 
	display: flex;
	margin: 5px 0;
	display: flex;
 }


#location .location_view .locationGroup .locationsg input.search { background: transparent; padding: 1em; border: 0; color: #8cc63f; width: 100%; box-sizing: border-box }
#location .location_view .locationGroup .locationsg button.search { background: #8cc63f; color: #fff; padding: 1em; position: absolute; right: 0; top: 0; }

#location .location_view .locationGroup .searchGroup { overflow: hidden; margin: 2em 0 0; }
#location .location_view .locationGroup .searchGroup .map-point {  }

#location .location_view .locationGroup .searchGroup .locationName { margin: 2em 0; }
#location .location_view .locationGroup .searchGroup .locationName input.search { color: #8cc63f; background: #f8f8f8; border: 1px solid #eaeaea; padding: 1em; width: 100%; box-sizing: border-box }


/* *****************************************************************************
*			write
************************************************************************************** */

#location .location_write {  }

#location .pointer { cursor: pointer; }
#location .marginTB05 { margin: 0.5em 0; }
#location .marginTB10 { margin: 1em 0; }

/* subject group */
#location .location_write .subjectGroup {  }
#location .location_write .subjectGroup .user{  }
#location .location_write .subjectGroup .subject{  }
#location .location_write .subjectGroup .date {  }
#location .location_write .subjectGroup .locationSummary {  }

#location .location_write .locationList { list-style: none; }
#location .location_write .locationList .ui-state-highlight { margin: 1em 0;padding: 1em 0 2em; background: #f8f8f8; border: dashed 1px #8cc63f; } 
#location .location_write .locationList .locationGroup { margin: 1em 0; background: #fff; cursor: move; position: relative; }
#location .location_write .locationList .locationGroup .locationMenu { position: absolute; right: 10px; top: 1em; font-size: 1em; cursor: default; padding: 0.4em; list-style: none; }
#location .location_write .locationList .locationGroup .locationMenu > li { color: #ca2327; cursor: pointer; display: inline-block; padding: 0.4em; margin: 0.4em; }
#location .location_write .locationList .locationGroup .locationMenu .view { color: #8cc63f; }
#location .location_write .locationList .locationGroup .locationMenu .delete { color: #ca2327; }
#location .location_write .locationList .mapSearch { color: #999 !important }

#location .createLocation-icon-area { text-align: center; padding: 0; font-size: 1.2em; }
#location .createLocation-icon-area .createLocation-icon { 
	background: #8cc63f; 
	border-radius: 5em; 
	width: 2em;
	height: 2em;
	line-height: 2em; 
	font-size: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
}

#location .createLocation-icon-area .distance { color: #000;position: absolute; left: calc(50% + 20px); top: 0; font-family: sans-serif; }

#location .location_write .createLocation { margin-top: 1em; }

#location .location_write .locationGroup .subTitle { font-size: 1.6em; margin: 0.4em 0; }
#location .location_write .locationsg { background: #f8f8f8; border: 1px solid #eaeaea; position: relative; box-sizing: border-box; }
#location .location_write .locationGroup .locationsg input.search { background: transparent; padding: 1em; border: 0; color: #8cc63f; width: 100%; box-sizing: border-box }
#location .location_write .locationGroup .locationsg button.search { background: #8cc63f; color: #fff; padding: 1em; position: absolute; right: 0; top: 0; }

#location .location_write .locationGroup .searchGroup { overflow: hidden; ; margin: 2em 0 0; }
#location .location_write .locationGroup .searchGroup .map-point {  }

#location .location_write .locationGroup .searchGroup .locationName { margin: 2em 0; }
.box-design { color: #8cc63f; background: #f8f8f8; border: 1px solid #eaeaea; padding: 1em; width: 100%; box-sizing: border-box; margin-left: 5px; }
.box-design:first-child { margin: 0; }
#location .location_write .locationGroup .searchGroup .locationName input.search { color: #8cc63f; background: #f8f8f8; border: 1px solid #eaeaea; padding: 1em; width: 100%; box-sizing: border-box }

#location .btn-style,
#location .location_write .locationGroup .searchGroup .locationSave { margin: 1em 0; }

#location .btn-style button.search,
#location .location_write .locationGroup .searchGroup .locationSave button.search { 
	background: #8cc63f; color: #fff; width: 100%; padding: 1em; box-sizing: border-box;
	font-size: 1.6em;
}

#location .btn-style button.search { background: #20a8e0; }

#location .location_write .bigSubmit { margin: 10px 0; }
#location .location_write .bigSubmit .enough { background: #20a8e0; color: #fff; font-size: 2em; padding: 1em; border: 0; width: 100%; box-sizing: border-box; }
#location .location_write .bigSubmit .unbehind { background: #eee !important; color: #ccc !important; }

#location .location_write .finalSubmit { 
	display: none;
	background: rgba(255,255,255,0.7); width: 100%; height: 100%; position: fixed; z-index: 999; left: 0; top:0;
	text-align: center;
}
#location .location_write .finalSubmit .finalGroup {
	display: table; width: 100%; height: 100%; 
}
#location .location_write .finalSubmit .middleGroup { display: table-cell; vertical-align: middle; }
#location .location_write .finalSubmit .middleGroup .window { display: inline-block; max-width: 1000px; width: 100%; background: #fff; padding: 1em; box-sizing: border-box;}
#location .location_write .finalSubmit .middleGroup .window .locationsg { 
	background: #f8f8f8; border: 1px solid #eaeaea; position: relative; box-sizing: border-box; 
	padding: 1em;
	width: 100%;
	text-align: center;
	font-size: 2em;
	color: #8cc63f;
	margin-bottom: 1em 0;
}

#location .location_write .finalSubmit .middleGroup .window .locationName { position: relative; }
#location .location_write .finalSubmit .middleGroup .window .backto { 
	font-size: 1.8em; position: absolute; 
	right: 0; top: 0; background: #aaa; color: #fff;
	cursor: pointer;
	margin-top: -10px;
	padding: 10px 20px;
}
#location .location_write .finalSubmit .middleGroup .window .subTitle { font-size: 1.8em; margin: 1em 0 1.2em; }

#location .hidden { display: none; }
#location .location_write {  }
#location .location_write {  }
#location .location_write {  }
#location .location_write {  }
#location .location_write {  }
#location .location_write {  }

#location button, #location input[type=submit] { cursor: pointer; }

#location .searchError { padding: 1em; color: #ca2327; border: 1px solid #ca2327; background: #ffd9da; font-size: 2em; font-weight: bold; text-align: center; display: none; }

/* Board Write */

/* write_form.html */
.board_write {
	background: url(bgHeader.gif) no-repeat 0 0;
}
.write_header {
	padding: 9px 10px 9px 10px;
	background: url(bgHeader.gif) no-repeat right 0;
}
.write_header * {
	vertical-align: middle;
}
.write_header select {
	height: 23px;
	width: 140px;
	padding: 0;
}
.write_header .iText {
	width: 360px;
	margin: 0 10px 0 0;
	background: #fff;
}
.write_editor .xd {
	margin-top: -3px;
}
.write_footer {
	overflow: hidden;
	margin: 1em 0;
}
.write_footer:after {
	content: "";
	display: block;
	clear: both;
}
.write_footer .btnArea {
	float: right;
	margin: 0;
}
/* Pagination */
/* list.html | _comment.html */
.pagination {
	margin: 0;
	padding: 4px 0 10px 0;
	text-align: center;
	line-height: normal;
}
.pagination a,
.pagination strong {
	position: relative;
	color: #767676;
	font: bold 12px/16px Tahoma, Sans-serif;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
	padding: 1px 8px;
	margin: 0 -3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	z-index: 2;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background-color: #f8f8f8;
}
.pagination strong {
	color: #f60;
	font-size: 18px;
}
.pagination .direction {
	font-weight: normal;
	color: #767676;
	text-decoration: none !important;
	border: 0;
	z-index: 1;
}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus {
	color: #333;
	background-color: #fff;
}
.pagination .prev {
	border-left: 0;
}
.pagination .next {
	border-right: 0;
}
.pagination .direction span {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	top: 4px;
}
.pagination .prev span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-left: 0;
	margin-right: 1px;
	*left: -4px;
}
.pagination .next span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-right: 0;
	margin-left: 1px;
}
.list_footer {
	position: relative;
	margin: 15px 0;
	zoom: 1;
}
.list_footer:after {
	content: "";
	display: block;
	clear: both;
}
.list_footer .btnArea {
	float: right;
	margin: 0;
}
.list_footer .board_search {
	float: left;
	position: relative;
	margin: 0 4px 0 0; }
.list_footer .board_search .xi-magnifier {
	position:absolute; top:7px; left: 7px;
}
.list_footer .board_search * {
	vertical-align: top;
}
.list_footer .board_search .iText {
	height: 25px;
	line-height: 25px;
	padding: 0 60px 0 27px;
	width: 160px;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	box-sizing:border-box;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out		
}
.list_footer .board_search .iText.active,
.list_footer .board_search .iText:active,
.list_footer .board_search .iText:focus {
	width: 180px;
}
.list_footer .board_search .search_input {display:inline-block; position: relative;}
.list_footer .board_search select {
	height: 25px;
	min-width: 80px;
	padding: 0;
}

.location-view-logo { padding: 1em 0; text-align: center; }
.location-view-logo a { text-decoration: none; }

html,body { height: 100%; }

#location { box-sizing: border-box; }

.easy-view { height: 100%; display: table; width: 100%; text-align: center; font-size: 100px; color: #aaa; position: fixed; left:0; top:0;}
.easy-view .top,
.easy-view .bottom { height: 50%; display: table-row; }

.easy-view .table-cell{ display: table-cell; width: 100%; padding: .5em 0; }

.easy-view .top .table-cell { vertical-align: top; }
.easy-view .bottom .table-cell { vertical-align: bottom; }

#easy-view { 
	white-space: nowrap; overflow: hidden; text-align: center; z-index: 100; background: #fff; 
	position: fixed; left:0; width: 100%;
	font-size: 2em;
}
#easy-view.bottom { bottom: 0; }

#easy-view .locationAlltitle { font-size: 3.2em; padding: .5em 0;}
#easy-view .mode-title { 
	height: 100px;
	background:url(../img/logo_big.png) no-repeat 50%; 
	background-size: auto 30%;
}
#easy-view .flipsnap { cursor: move; }
#easy-view .slide { display: inline-block; font-size: 0; width: 100%; box-sizing: border-box; padding: 10px; }
#easy-view .box-style { border: 2px solid #eee; box-sizing: border-box; border-radius: 5px; font-size: 18px; }
#easy-view .current-location { display: table; width: 100%; height: 225px; }
#easy-view .current-location .table-cell { display: table-cell; vertical-align: middle; position: relative; text-align: center; }
#easy-view .current-location .view-map { 
	display: inline-block; width: 2.4em; height: 2.4em; background: url(../img/icon-map.png) no-repeat 50% #ff6633; 
	border-radius: 3.6em; background-size: auto 80%; box-sizing: border-box;
	position: absolute; margin-left: -3em; margin-top: .3em;
	cursor: pointer;
}
#easy-view .current-location .title { font-size: 2.4em; letter-spacing: -0.1em; text-overflow: ellipsis }
#easy-view .current-location .find-prev,
#easy-view .current-location .find-next { position: absolute; font-size: 3.6em; display: inline-block; cursor: pointer; padding: 0 20px; }
#easy-view .current-location .find-prev { left: 0; }
#easy-view .current-location .find-next { right: 0; }

#easy-view .prev-next-location { display: table; width: 100%; margin-top: 10px; }
#easy-view .prev-next-location .prev-location,
#easy-view .prev-next-location .next-location{ 
	display: table-cell; vertical-align: middle; width: 50%; box-sizing: border-box;
	position: relative; 
}
#easy-view .prev-next-location .box-style { height: 250px; overflow: hidden; }
#easy-view .prev-next-location .box-style .no-location { line-height: 250px; font-size: 2em; color: #aaa; }
#easy-view .prev-next-location .title { height: 150px; font-size: 2em; line-height: 150px; background: #fff; }
#easy-view .prev-next-location .prev-location { padding-right: 5px; }
#easy-view .prev-next-location .next-location{ padding-left: 5px; }
#easy-view .prev-next-location .map-group { display: table; width: 100%; }
#easy-view .prev-next-location .map-group .view-map,
#easy-view .prev-next-location .map-group .view-direction { 
	display: table-cell; width: 50%; height: 100px; vertical-align: middle; color: #fff;
	cursor: pointer;
	overflow: hidden;
	font-size: 1.6em;
	padding-right: 10px; box-sizing: border-box;
	text-align: right;
}
#easy-view .prev-next-location .map-group .view-map:hover,
#easy-view .prev-next-location .map-group .view-direction:hover
{
}
#easy-view .prev-next-location .map-group .view-map { 
	background: url(../img/icon-map.png) no-repeat 5% 50% #ff6633;
	background-size: auto 80%; background-size: auto 50%
}
#easy-view .prev-next-location .map-group .view-direction { 
	background: url(../img/icon-direction.png) no-repeat 5% 50% #ffb000;
	background-size: auto 80%; background-size: auto 50%
}

#easy-view .view-detail { 
	font-size: 1em;
	padding: 1em 0;
	margin: 0 10px;
	background: #eee;
	display: block;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#easy-view .view-detail:hover { color: #659ef2 }

.ll {  }
.ll .item { 
	width: 48px;
	height: 48px; 
	line-height: 48px; 
	border-radius: 48px;
	border: 3px solid #ca2327; 
	background: #fff;
	display: inline-block; 
	margin: 5px;
	overflow: hidden;
}



input[type="date"]:read-only,
input[type="time"]:read-only { pointer-events: none;}

input[type="date"],
input[type="time"] { position: relative; }

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    width: auto;
}

input[type="date"]:before {
	content: 'Date:';
	margin-right: .6em;
	color: #9d9d9d;
 }
 input[type="time"]:before {
	 content: 'Time:';
	 margin-right: .6em;
	 color: #9d9d9d;
  }