@charset "UTF-8";

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}



* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


body {
    margin: 0;
	font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}
#body {
	width: 100%;
	overflow-x: hidden;
}
a {
    background: 0 0;
	text-decoration:none;
	color: #4a89dc;
}

a:active,a:hover {
    outline: 0
}

body div.fc-ccpa-root {
	z-index: 1 !important;
}

.gm-style-iw-chr { display:none !important; }
.google-maps-popup-info {padding-top: 12px;}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
    display: table;
    content: " "
}

#search-results {
	margin-top:10px;
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
    clear: both
}

#header.navbar-inverse { margin-bottom:5px; width:100%; overflow:hidden;}
.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-brand {
	display:block;
    height: 50px;
    line-height: 50px;
	font-size:18px;
	float:left;
}

html[dir="rtl"] .navbar-brand {
	float:right;
}

.navbar-brand {
    text-decoration: none;
	color:#777;;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

ol, ul {
	padding-left: 20px;
}

ol li, ul li {
	margin:5px 0;
}

.photo-item-ad {
	min-height: 280px;
}
.top-left-ad {
	min-height:280px;
}
.right-middle-ad {
	min-height:280px;
}

h2 {
	font-size:24px;
	margin-top: 20px;
    margin-bottom: 10px;
}
.pager { margin-top:20px;}
h1,.h1,h2,.h2,h3,.h3,h5 {
    margin-top: 10px;
    margin-bottom: 10px;
	line-height: 1.2;
}
.bread { margin:10px 0; font-size:12px; color:#777; }
h3,.h3 {
    font-size: 24px
}
.col-xs-8 {
    width: 66.66666667%;
    float:left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

.col-xs-4 {
    width: 33.33333333%;
	float:left;
}

html[dir="rtl"] .col-xs-8 { float:right; padding-left: 15px; padding-right: 0;}
html[dir="rtl"] .col-xs-4 { float:right;}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

table.sun-detail-table td,
table.sun-detail-table th {
	padding:4px 4px 4px 0;
}
table.sun-detail-table td {
	word-break:keep-all;
	white-space:pre;
}

table.sun-detail-table tr {
	border-bottom:1px solid #eaeaea;
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.haiba-content h3 {font-weight: normal; margin: 0; font-size: 20px; }

table.poi-info {
	text-align: left;
	margin-bottom:10px;
}

a.photo-image {
	display: block;
	object-fit: cover;
	margin-left: auto;
	margin-right: auto;
}

a.photo-image img {
	width: 100%;
}

table.poi-info th { text-align: left; padding-right: 10px;}
.poi-info th.small {font-size:10px;}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}
.highlight {
	color: #4a89dc;
}

.sun-detail-table th {
	width: 50%;
	text-align:left;
}

html[dir="rtl"] table th,
html[dir="rtl"] table td {
	direction:rtl;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

select#sun-year {
	font-size:20px;
	height:32px;
	display:inline-block;
	padding:0 5px;;
	line-height:32px;
}

pre { white-space: break-spaces;}

#detail-table tr.hidden {
	display:none;
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

table {
    background-color: transparent
}

th {
    text-align: left
}
html[dir="rtl"] th {text-align:right;}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn:focus,.btn:active:focus,.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.pull-left {
    float: left !important;
}

html[dir="rtl"] .pull-left {float:right !important;}

.btn-xs,.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn:active,.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
	
	.col-md-6 {
	    width: 50%;
		float:left;
	}

	html[dir="rtl"] .col-md-6 {
		float:right;
	}

}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}



.navbar-header { overflow: hidden; }
.navbar-brand h1 { margin: 0; padding: 0; font-size: 20px; color: white;}
body.lang-zh-CN, body.lang-zh-TW { font-family:"MicrosoftYaHei"; }
body.lang-ja { font-family:Arial,Helvetica,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}

#qhdi-article img { max-width:100% !important; height:auto !important;}

.ad { min-height:300px; background-color: transparent; }

.index-block { margin-bottom:30px;}
.index-block .block-head { height:30px; background-color:#49e; border-radius:6px 6px 0 0;}
.index-block .block-head h3 { margin:0; font-size:16px; line-height:30px; padding-left:10px;}
.index-block .block-head h3 a { color:white;}
.index-block .block-content { padding:10px; border: 1px solid #eee; }
.index-block .block-content ul { padding:0; margin:0; height:255px; overflow:hidden; }
.index-block .block-content li { line-height:20px; overflow:hidden; color:#428BCA; white-space:nowrap;text-overflow:ellipsis; list-style:none; border-bottom:1px dotted #eee; margin-bottom:5px;}


.pager {font-size:14px;word-break:break-all;text-align: center;}
.pager a,.pager span { display:inline-block; background-color:#49e; color:white; padding:0px 7px; margin-bottom:3px; border-radius:4px; }
.pager span.dots { background-color:transparent; color:#ccc;}
.pager a:hover { text-decoration:none;}
.pager span.current { background-color:#ddd;  }

.dlike { color:#428bca; font-weight:normal; font-size:23px; padding-left:3px; margin:12px 0; font-family:arial,sans-serif; }
@media (max-width: 480px)
{
	.dlike { font-size:18px; }
}

.zh-answer {  position:relative; line-height:1.4; font-size:13px !important; color:#333 !important; border:1px solid #ccc; border-radius:10px; padding:20px; box-shadow:5px 5px 20px rgba(0,0,0,0.2);   margin: 20px 0;}
.zh-answer strong,.zh-answer b { font-weight:normal;}
.zh-answer .zh-user { color:#49e; font-weight:bold; }
.zh-answer .zh-user .zh-time { font-size:12px; font-weight:normal; color:#555; }
.zh-answer-content { color:#333 !important; display:block; margin:0; }

.zh-answer-comments { border-top:1px dotted #ccc; margin-top:10px; padding-left: 10px; color: #666;}
.zh-comment { margin:0; padding-top:10px; }
.zh-comment:hover { color:#000; }
.zh-comment-user { font-weight:bold !important; }
.zh-comment-user .zh-time { font-weight:normal; font-size:12px; color:#888;}

.zh-answer img { max-width:100% !important; height:auto !important; display:block; margin: 5px auto;}

html[dir="rtl"] .content-left {
	float: right;
	padding-right:0px;
	padding-left:10px;
}
html[dir="rtl"] .content-right {
	float: right;
}

#footer .search {
	margin:0 auto;
	width: 320px;
	height: 50px;
	position:relative;
	top:-15px;
	text-align:left;
}

small {
	font-size: 0.6em;
}

#footer .search .gsc-control-cse {
	background-color:transparent;
	border:none;
	padding: 11px;
}

#footer .search .gsc-control-cse .gsib_a {
	padding:1px 5px;
	opacity: 0.5;
}
#footer .search .gsc-control-cse .gsc-input {
	height: 24px;
	line-height: 24px;
}
#footer .gsc-input-box {
	border:1px solid #ccc;
	border-radius:3px;
	opacity:0.8;
}

#footer .search .gsc-control-cse .gscb_a {
	line-height:20px;
	position:relative;
	top:2px;
	right:-2px;
}
#footer .gsc-search-button {
	opacity:0.8;
}

.haiba-content .content-left { float:left; width:50%; padding-right:10px;}
.haiba-content .content-right { float:left; width:50%; }
.haiba-content .content-right img { max-width:100%; display:block;}
.haiba-content .content-right .gm-style img { max-width: none;}
.haiba-content ul { padding-left:20px; }
#map-wrapper { position:relative; }
#map-container {
	aspect-ratio: 1/1;
	background: #eee url(/images/world.png) no-repeat center / 80%;
}

.search-address { margin-top:10px;}

#load-more-photos {text-align:center;}

.photo-item { border:1px solid #eee; border-radius:10px; padding:10px; text-align:center; margin-bottom:20px; background-color:#eee; word-break:break-all; }
.photo-item.hidden { display:none;}
.photo-item .photo-title { color:#333; line-height:1.6; }

#footer { border-top:1px dashed #ccc; margin-top:30px; clear:both;}
#footer .container {padding:30px 0;text-align:center;}

#search-address-options { border:1px solid #ccc; margin:10px; display:none; }
#search-address-options div { cursor:pointer; padding:5px 5px; line-height:1.2; color:#49e;}
#search-address-options div:hover { text-decoration:underline; }

.nowrap { white-space:nowrap;}
.gm-style-iw { font-size:12px !important;}
.info-pop-title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }

.sun-detail-table { font-size:18px; }


.flickr-images img { max-width:100% !important;}
.flickr-images { text-align:center;}

.sun-table-today { color:red; }

.sunrise-left-top-ad { min-height: 280px; margin:0.5em 0;}
.right-bottom-ad { min-height: 500px; margin-top: 10px;}

@media ( max-width: 992px)
{
	h1 { margin-top:0;}
	.sun-detail-table { font-size:16px; }
	.haiba-content .content-left { float:none; width:100%; padding-right:0px;}
	.haiba-content .content-right { float:none; width:100%; }	
}

@media ( max-width: 780px)
{
	h1 { margin-top:0;}
	.sun-detail-table { font-size:16px; }
	.haiba-content .content-left { float:none; width:100%; padding-right:0px;}
	.haiba-content .content-right { float:none; width:100%; }	
}

@media ( max-width: 480px)
{
	.sun-detail-table { font-size:14px; }
	h1 { font-size:20px; margin-top:0;}
	h2 { font-size:18px;}
	h3 { font-size:16px;}
	h4 { font-size:14px;}
	table.table { font-size:10px;}
	.navbar-brand { width: 100%; padding:3px; font-size:16px; line-height:40px; word-break: break-all; }
	.navbar-brand h1 { word-break: break-word; white-space: break-spaces;}
	ul.link-list li {margin-bottom: 8px;}
	.photo-item img { max-width:98%; }
}