/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html {font-size: 20px;}
body, 
select, 
input, 
textarea
{font-family: 'Noto Sans TC';}

body {font-size: 0.8rem;color: #3f3f3f;background-color: #f9f9f9; letter-spacing: 1px;}
._wrapper {margin: 60px 0;min-height: 600px;}
.col .row {margin: 0 -10px 10px -10px;}
.row .col {padding: 0 10px;}

/* style */
a {color:#479fd3;}
.alert {padding: 15px 20px;color: #fff;border-radius: 6px;margin: 10px 0;background-color: #bfe1dc;color: #379f91;}
.toast, 
.btn 
{font-size: 0.8rem;}

i.right {margin-left: 5px;}
i.left {margin-right: 5px;}
table img {vertical-align: middle;}
input:focus, 
select:focus, 
textarea:focus, 
.btn, 
.sidenav
{box-shadow: inherit!important;-webkit-box-shadow:inherit!important;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.custom_file_upload:hover,
#notify .btn_notify_test:hover,
.btn_register_store:hover,
.btn_more_google_views:hover
{opacity: 0.8;}

.helper-text, 
.f_range, 
.p_detail .sp_title,
#slide_place .slide_place_content .sp_title
{color: #26a69a;}

.f_red,
.member .m_point,
.num
{color:#ee6e73;}

.f_open,
.f_green,
.popup_post .datepicker
{color:#4caf50;}

.p_reviews .p_reviews_star,
.p_reviews_star {color: #e7943f;}
.f_grey {color: #c9c9c9;}
.text_cut {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ibtn {display: inline-block;background-color: #f1f1f1;border-radius: 50px;padding: 8px 20px;font-size: .75rem;margin-bottom: 10px;}
.ibtn:hover {background-color: #e6e6e6;}
.num {font-size: .8rem;}
.btn_line img {float: left;margin: 5px 10px 0 0;height: 26px;}
.btn_line{background-color: #00c100;color:#fff;}

/* link */
.forum_block,
.hot_block,
.filter_area .btn_geo,
.btn_close,
.member_edit .btn_close,
.btn_hot_more,
.btn_upload_cover
{cursor: pointer;}

/* nav */
.navbar {background-color: #fff;position: fixed;top:0;left:0; width: 100%;box-shadow: 0 1px 4px 0 rgb(95 95 98 / 12%);height: 60px;line-height: 60px;z-index: 10;}
.nav_wrapper,
.wrapper
{max-width: 1200px;width: 100%;margin: auto;position: relative;}

.navbar .logo {width: 200px;left: calc(50% - 100px);height: 40px;top: 10px;position: absolute;text-align: center; display: block;z-index: 10;}
.navbar .logo img {height:100%;}
.nav_right, 
.nav_left
{position: absolute;top: 0;width: 100%;}

.nav_right {text-align: right;right: 80px;}
.nav_right a, 
.nav_left a
{margin-right: 15px;line-height: 22px;display: inline-block;vertical-align: middle;}

.navbar a:hover {color:#49b2e5;}
.navbar .active,
.nav_bottom .active
{color:#ee6e73!important;}

.nav_notify,
.nav_scenery
{display: flex;position: absolute;right: 0;margin: 20px 15px 0 0;}

.nav_nofify_push {display: flex;width: 12px;height: 12px;background-color: #f44336;border-radius: 100%;bottom: 0;right: -3px;position: absolute;border: 2px solid #fff;}
.nav_scenery {margin-right: 50px;}

/* search */
.search {color: #fff;text-align: center;position: relative;width: 100%;background-image: url('https://i.imgur.com/eu6ciF4.jpg');background-position: 50% 50%;background-size: cover;top: 0;left: 0;}
.search_title {font-size: 1.5rem; margin-bottom: 20px;font-weight: 700;}
.search_overlayer,
.cover_overlayer
{width: 100%;height: 100%;background-color: #000000b3;position: absolute;top: 0;}

 .search_wrapper {max-width: 800px;margin: auto;padding: 100px;position: relative;z-index: 2;}
.search_input {position: relative;height: 60px;}
.search_input #q, 
.search_input #city,
.search_input #kind,
#register #location
{position: absolute;border-radius: 100px;height: 56px!important;padding-left: 20px!important;}

.search_input #q {right: 0;width: 60%!important;background-color: #efefef!important;}
.search_input #city {left: 0;width: 40%!important;}
.search_input .btn_search {cursor: pointer;border: 2px solid #41d3c5;position: absolute;top: 4px;right: 10px;width: 50px;height: 50px;text-align: center;border-radius: 100%;background-color: #26a69a;color: #fff;line-height: 60px;}
.search_input .btn_search:hover {border-color: #63efe0;background-color: #43bbb0;}
.search_push {margin: 10px 0 0;}
.search_push a {font-size: .85rem;margin: 0 10px;text-decoration:underline;color: #3ce1d1;}
.search_input .btn_clear {cursor: pointer;position: absolute;top: calc(50% - 18px);padding: 5px;color: #26a69a;right: 70px;}
.search_input .btn_clear:hover {border-radius: 100%;}

.city_select_block,
.kind_select_block
{width: 100%;max-width: 300px;position: absolute;top: 62px;left: 10px;background-color: #f5f5f5;z-index: 100;padding: 20px;border-radius: 4px;}

.city_select_block span,
.kind_select_block span
{cursor: pointer;color: #777;width: 33%;float: left;border-radius: 20px;text-align: center;height: 40px;line-height: 40px;}

.city_select_block span:hover, 
.btn_slide_place:hover, 
#slider_place .btn_close:hover,
.kind_select_block span:hover
{background-color: #eeeeee;border-radius: 6px;}

.city_select_block i {font-size: .8rem;top: 3px;margin-right: 10px;position: relative;}

/* page */
.wrapper {max-width: 1200px;margin: 30px auto;}

/* title */
.push_area .title,
.right_area .title,
#register .title,
#notify .title,
.wrapper .title
{color:#5a5959; font-size: 1.2rem;line-height: 1.4rem;font-weight: 500;margin-bottom: 10px;}

.push_area {padding-bottom: 20px;padding-left: 55px;min-height: 800px;}
.right_area {width: 280px;}
.right_area_fix {position: fixed;top: 70px;} 
#btn_page,
#btn_page_
{
	font-size: .9rem;display: block;background-color: #cde9f3;padding: 13px;text-align: center;border-radius: 6px;
	position: relative;overflow: hidden;
}

#btn_page:hover,
.btn_close:hover,
.member_edit .btn_close:hover,
.member .picture .btn_edit:hover
{background-color: #e6e6e6;}


/* post area */
.post_area i {display: block;margin: 0 auto 0px;border: 1px solid;border-radius: 100%;width: 36px;height: 36px;line-height: 36px;}
.post_area a {margin: 30px auto;display: block;color: #a3a3a3;width: 65px;height: 65px;text-align: center;}
.post_area a:hover {color: #26a69a;border-color: #26a69a;}
.post_area .active {color: #ee6e73!important;font-weight: 500;}

/* place card */
.p_card {position: relative;border: 1px solid #e0e0e0;background-color: #fff; border-radius: 8px;padding: 20px;margin-bottom: 20px;}
/*.p_card:hover {border-color: #26a69a;}*/
.p_card .p_name {color: #26a69a;font-size: 1.4rem;line-height: 1.45rem; margin-bottom: 20px;font-weight: 700;}
.p_info>div {font-size: .9rem; margin-bottom: 8px;}
.p_info table {font-size: .85rem;}
.p_info tr {border-bottom: 0;}
.p_info td {padding: 3px 0;vertical-align: top;}
.p_info td i {margin: 3px 10px 0 0;}
.p_description {color:#888;font-size: .8rem!important;}
.p_card .p_photo {height: 180px;border-radius: 10px;background-position: 50% 50%;background-size: cover;width: 100%;display: inline-block;}
.p_card .p_website {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.btn_route,
.btn_point_check
{border-radius: 50px;padding: 3px 12px;border: 1px solid;text-align: center;width: 130px;margin-top: 5px;}

.btn_route {display: block;}

.p_reviews {overflow: hidden;margin-bottom: 10px;text-align: left;}
.p_reviews .circle {width: 45px;height: 45px;float: left;margin: 0 15px 15px 0;}
.p_reviews .pr_text {color: #afafaf!important;text-align: left;}
.p_reviews .pr_title {font-size: .85rem!important;margin-bottom: 0!important;color: inherit!important;}
.p_reviews .p_reviews_star {font-size: .9rem;text-align: center;}
.p_reviews .p_reviews_star,
.p_reviews_star
{font-weight: 700;font-size: .95rem;}

.p_map {min-height: 200px;}
.p_map .map_drak {filter: invert(95%);}
.p_reviews_sub_title {color: #ee6e73;font-size: .85rem;margin-bottom: 10px;}

.p_card .post_area,
#store .post_area
{position: absolute;top: 0;left: -65px;padding: 0;text-align: center;}

.p_card .post_area a,
#store .post_area a
{margin: 0 0 5px;}

.p_info {border-bottom: 1px solid #f1f1f1;padding-bottom: 15px;}

.u_push, 
.u_like
{background-color: #f1f1f1;margin-bottom: 10px;padding: 10px 20px;border-radius: 20px;font-size: .8rem;}

/* search */
.filter_area .select-wrapper,
.filter_area .btn_geo {width: 100%;display: block;}
.filter_area .select-dropdown,
.filter_area .browser-default,
.filter_area .btn_geo {background-color: #efefef!important;border-radius: 8px!important;}
.filter_area .btn_geo {padding: 12px;}
.filter_area .btn_geo:hover,
.filter_area .select-dropdown:hover,
.search_input .btn_clear:hover
{background-color: #dddddd;}

.filter_area input {height: 48px!important;line-height: 48px!important;}


/* hot */
.hot_block {margin-bottom: 10px;border: 1px solid #e0e0e0;color: #888;padding: 10px;border-radius: 10px;}
.hot_block:hover {background-color: #fff;}
.hot_block .hot_img,
.dsc_img,
.hot_img
{background-size: cover;background-position: 50%;width: 100%;height: 80px;border-radius: 4px;}

.hot_block .hot_name{color: #666;line-height: .95rem;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot_block .btn_hot_more {text-align: right;color: #479fd3;margin-top: 5px; position: relative;}

/* detail */
.p_detail .sp_title {font-size: 1.2rem;margin-bottom: 20px;padding-right: 50px;}
.p_detail .p_reviews,
#notify .notify_block
{margin-bottom: 10px;overflow: hidden;background-color: #f3f3f3!important;border-radius: 10px;padding: 15px;}

.btn_close,
.member_edit .btn_close
{
	position: absolute;width: 40px;height: 40px;line-height: 40px;right: 20px;top: 15px;
	background-color: #f1f1f1;text-align: center;border-radius: 100%;
}

.p_detail .p_map, 
.p_detail .sp_img_owl
{margin-bottom: 20px;}

.p_detail .sub_title,
.p_reviews_sub_title
{margin: 10px 0;font-size: .9rem;color: #ee6e73;}

.p_detail .open_time_week ul {margin: 0;}
.p_detail.open_time_week ul li {line-height: initial;color: #888;}
.p_detail .post_area > div {width: 25%;float: left;}
.sp_img_owl .img_box {position: relative;}
.sp_img_owl .img_box p, 
.sp_img_owl .img_box p a 
{font-size: .8rem;margin: 0;}

.sp_img_owl .img {background-size: cover;border-radius: 6px; width: 100%;height: 150px;display: block;background-position: 50%;}
.btn_slide_place {display: block;clear: both;margin-top: 10px;text-align: center;font-size: .9rem;padding: 7px 10px;line-height: 32px;}

.btn_slide_place i,
#slide_place .btn_close i,
.btn_close i,
#btn_page i,
.member_edit .btn_close i 
{top: 5px;position: relative;}

#photo_zoom {width: 100%;max-width: 1200px;}
.btn_more_commend {margin-bottom: 20px;display: block;border: 1px solid;padding: 5px 15px;border-radius: 50px;text-align: center;display: inline-block;}
.commend_area .p_reviews {background-color: #f1f1f1;padding: 15px 15px 10px;border-radius: 20px;}

/* store */
#store .post_area > div {width: auto;float: initial;}
#store .post_area {top:60px;left: 0;}
#store .p_detail .sp_title {font-size: 1.5rem;padding-right: 0;}
#store .btn_place_more,
.btn_register_store
{border: 1px solid;border-radius: 6px;width: 100%;display: block;padding: 10px 20px;margin: 15px 0;}

/* slide_place */
.sidenav li {line-height: initial;}
#slide_place {width: 40%;max-width: 700px;}
#slide_place .slide_place_content {padding: 20px;}
#slide_place .slide_place_content .sp_title {font-size: 1.2rem;line-height: 1.25rem;margin-bottom: 20px;padding-right: 50px;}
#slide_place .slide_place_content .post_area > div {width: 20%;float: left;}
#slide_place .slide_place_content .post_area {position: initial;}
#slide_place .slide_place_content .post_area a {margin: 20px auto!important;}
#slide_place .btn_slide_place {margin: 0 20px 40px;}

/* from */
.input_title {margin-bottom: 5px;font-size: .8rem;}
input,
textarea, 
.browser-default
{border: 1px solid #f2f2f2!important;background-color: #ebebeb!important;color: #333;}

input,
.browser-default
{height: 46px!important;line-height: 46px!important; padding:0 10px!important;margin-bottom: 8px;}

input {width: calc(100% - 20px)!important;}

.popup input {border-radius: 6px!important;}
input:focus, 
select:focus, 
textarea:focus
{border: 1px solid #26a69a!important;}

.input_block {margin-bottom: 20px;text-align: left;clear: both;}
.browser-default {background-color: #ebebeb!important;}
textarea {padding:10px!important;min-height: 100px!important;border-radius: 6px!important;}
form label.error {color:#f00!important;}
select.browser-default, 
.search .btn
{height: 42px!important;}

.select-wrapper .dropdown-content li {min-height: 32px;line-height: 32px;}
.select-wrapper .dropdown-content li>a, 
.select-wrapper .dropdown-content li>span {color: #555;/*line-height: 16px;padding: 7px 16px;*/}
.select-wrapper .caret {z-index: 1;margin: 10px 5px;}
[type="checkbox"]:not(:checked), 
[type="checkbox"]:checked {width: 100px!important;}
[type="radio"]:not(:checked), [type="radio"]:checked {width: auto!important;}
[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {font-size: .9rem;}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after,
[type="checkbox"].filled-in:checked+span:not(.lever):after,
[type="checkbox"].filled-in:checked+span:not(.lever):before
{top: 2px;}

/* toast */
/*#toast-container {top: 10px;right: 20px;}*/
.toast {background-color: #323232e3;margin-top: 0;}
#toast-container {z-index: 10002;}

/* msg */
.msg {max-height: 93%;overflow-y: auto;opacity: 0; padding: 15px;font-size: .9rem;position: fixed;top: 20px;transform: translateX(-50%);left: 50%;z-index: 10001;width: 400px;background-color: #fff;border-radius: 6px;}
.msg {-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);}
.msg .close {font-size: .8rem; margin-top: 10px;background-color: #757575;color: #fff;}
.msg .icon {width: 180px;margin-bottom: 20px;}
.msg .text {min-height: 70px;}
#msg .text {font-size: 1rem;padding-right: 50px;}

/* switch*/
.switch label input[type=checkbox]:checked+.lever:after {background-color: #26a69a;left: 24px;}
.switch label .lever {width: 46px;height: 24px;margin: 0;}
.switch label .lever:before, 
.switch label .lever:after
{width: 26px;height: 26px;top: -1px;}

/* share */
.share_area > .title,
.notify_area > .title
{margin-bottom: 20px;font-size: 1.15rem;}

.share_area > .title > font,
.notify_area > .title > font
{font-size: .8rem;display: block;}

.share_area a {display: block;background-color: #f1f1f1;border-radius: 20px;margin: 10px auto;padding: 10px 20px;font-size: .8rem;width: 250px;}
.share_area img {width: 26px;float: left;margin-right: 10px;}
.share_area a:hover,
#store .btn_place_more:hover,
.msg .close:hover
{opacity: .8;}

.share_area .btn_share_fb,
.share_area .btn_share_line
{color: #fff;background-color: #00c100!important;}

.share_area .btn_share_fb {background-color: #2b509a!important;}

/* popup */
.popup .title {font-size: 1.2rem;color: #ee6e73;}
.popup .title font {font-size: .8rem;color:#777;display: block;}
.popup .btn_post {background-color: #ee6e73;font-size: .9rem;color: #fff;width: 60%;max-width: 300px;margin: 30px auto;height: auto;padding: 5px 10px;border-radius: 50px;display: block;text-align: center;line-height: 1.6rem;}
.popup .btn_post i {position: relative;top: 5px;}
.popup .btn_post:hover {background-color: #e98689;}
.popup .btn_post_remove {display: block;margin-bottom: 30px;}
.popup .text {color:#4caf50;font-size: .8rem;line-height: .9rem;min-height: 0;margin: 20px auto;max-width: 451px;width: 100%;text-align: center;}
.popup #btn_page,
.popup #btn_page_
{padding: 8px;}

.popup .btn_post,
.popup #btn_page,
.popup #btn_page_,
.ibtn,
.btn_close
{-webkit-transition: background-color .2s;transition: background-color .2s;}

/* post */
.popup_post {width: 700px;text-align: center;padding: 15px 20px;}
.popup_post .post_time,
.popup_post .post_btn_push,
.time
{font-size: .8rem;color:#777;}

.popup_post .post_store {color: #fff;font-size: 1.15rem;line-height: 1.2rem;margin: 20px -20px;}
.popup_post .input_title,
.popup_post .post_time,
.popup_post .alert
{text-align: left;}

.post_store span {display: block;}
.post_store .store_img {background-position: 50%;background-size: cover;height: 130px;margin: 0 auto 10px;display: flex;align-items: center;position: relative;}
.post_store .store_img:after {position: absolute;box-shadow: inherit;background: linear-gradient(#000000a8,#fff0);height: 100%;width: 100%;top: 0;left: 0;content: '';}
.post_store .store_name {width: 100%;z-index: 1;padding: 0 20px;font-size: 1.2rem;line-height: 1.25rem;}
.popup_post .post_store span {font-size: .8rem;border: 1px solid;border-radius: 20px;width: fit-content;padding: 0 10px;margin: 10px auto 0;}

.input_max {display: block;max-width: 300px;text-align: center;height: 56px!important;font-size: 1rem!important;border-radius: 6px!important;}
.popup_post .input_max {margin: 5px auto!important;}
.popup_post .ibtn,
.member_edit .ibtn,
.msg .ibtn
{line-height: 1rem;}

.push_animi {position: fixed;z-index: 99999;top: calc(20%);left: calc(50% - 150px);text-align: center;font-size: 40px;color: #ee6e73;pointer-events: none}
.push_animi i {font-size: 300px;color: #ee6e73;}


/* member */
.member .wrapper {max-width: 700px;width: 100%;margin: 0 auto 100px;}
.member .wrapper .menu {font-size: .85rem;border-bottom:2px solid #e0e0e0;}
.member .wrapper .menu a {display: inline-block;padding: 10px 5px;width: 19%;text-align: center;}
.member .wrapper .menu a:hover,
.btn_more_commend:hover,
.btn_upload_cover:hover
{opacity: .85;}

.member .wrapper .menu .active {border-bottom: 2px solid #ee6e73;color: #ee6e73;margin-bottom: -2px;}
.member .p_card .row {margin: 0 -10px;}
.member .picture .btn_edit {cursor: pointer;right: -8px;bottom: -8px;position: absolute;background-color: #fff;width: 40px;height: 40px;line-height: 50px;display: block;border-radius: 100%;text-align: center;}
.member .name {font-size: .9rem;}
.member .picture_block,
.picture_block
{padding: 0 20px;background-image: linear-gradient(135deg,#9bc864,#40cb8f,#00c7c4,#00bcef,#0af);}

.member .picture,
.picture
{left: 5px;top: 5px;width: 130px;height: 130px;position:absolute;background-size: cover;background-position: 50% 50%;border-radius: 100%;}

.member .picture_block, .picture_block {border:5px transparent solid;width: 150px;height: 150px;position:relative; background-clip:padding-box,border-box;background-origin:padding-box,border-box;margin: auto;border-radius: 100%;}
.member .name font {font-size: .8rem;display: block;color:#a3a3a3;}
.member_edit {max-width: 700px;width: 100%;max-height: 100%;top: 0!important;height: 100%;}
.member_edit .title {margin-top: 0;font-size: 1rem;}
.member_edit .birthday select.browser-default,
.notify_area select.browser-default {width: 33%;display: inline-block;}
.member .oauth_icon {margin: 20px 0 0 0;}
.member .oauth_icon img {height: 25px;background-color: #e9e9e9;padding: 2px;border-radius: 100%;margin: 0 3px;}
.member .m_point { font-size: 1.4rem;}
.member .m_point span {font-size: .8rem;margin-left: 20px;}
.member .m_point_store {font-size: .8rem;line-height: .85rem;display: block;margin-top: 5px;}
.member .member_point_area table {font-size: .8rem;}
.member .info {background-color: #ffffff;padding-bottom: 10px;margin-bottom: 10px;}
.member .m_data_block {max-width: 700px;padding: 20px 15px 0;}
.member .m_btn_block {margin-top: 20px;text-align: center;}
.member .m_btn_block .ibtn {margin: 0 5px 0;}
.member .p_card .alert {color: #c5a44e;background-color: #e7dfcd;font-weight: 500;margin: -20px -20px 20px;border-radius: 8px 8px 0 0;}
.member .menu_fixed,
#explore .menu_fixed,
#diary .menu_fixed
{position: fixed;top: 60px;background-color: #f9f9f9;width: 100%;left: 0;z-index: 2;max-width: 710px;left: calc(50% - 355px);width: 100%;}

/* explore */
.ex_card {height: 400px;position: relative;}
.ex_title {line-height: 1rem; margin-bottom: 10px;}
.ex_photo {position: relative; overflow: hidden;background-position: 50%;background-size: cover;height: 180px;width: 100%;margin-bottom: 10px;border-radius: 6px;}
.ex_photo .material-icons {position: absolute;font-size: 3.8rem;z-index: 10;left: calc(50% - 1.9rem);top: calc(50% - 1.9rem);color: #ffffffb8;}
.ex_description {color:#888;line-height: 1rem;margin-bottom: 10px;word-break: break-all;}
.ex_photo:hover {cursor: pointer;opacity: .9;} 
.ex_photo::after {position: absolute;box-shadow: inherit;background: linear-gradient(#000000a8,#fff0);height: 70px;width: 100%;top:0;left:0; content:'';}
#explore #btn_page {max-width: 800px;margin: auto;}
#explore .find {text-align: center;padding: 30px 10px;background-color: #e58b8e;color: #fff;}
#explore .find_title {font-size: 1.2rem;}
#explore .search_input {max-width: 500px;margin: 10px auto;}
/*#explore .search_input #city {position: inherit;width: calc(100% - 30px)!important;}*/
#explore .search_input #city {width: 50%!important;}
#explore .search_input #kind {right: 0;width: 50%!important;background-color: #efefef!important;}
#explore .kind_select_block {left: 40%;}
#explore .search_input .btn_search {border: 2px solid #f3b1b3;background-color: #ee6e73;}
#explore .search_input .style {position: absolute;}

#explore .menu,
#diary .menu
{text-align: center;margin-bottom: 10px;height: 60px;padding: 15px 0 10px;max-width: 100%;left: 0;} 

#explore .menu a,
#diary .menu a
{display: inline-block;border: 1px solid;padding: 5px 15px;border-radius: 50px;margin: 0 5px;}

#explore .menu a:hover,
#explore .menu .active,
#diary .menu a:hover,
#diary .menu .active,
.btn_route:hover,
.btn_point_check:hover,
.dsc_succ .dsc_google_views:hover
{background-color: #479fd3;color: #fff;border: 1px solid #78bfe9;}

.btn_star {position: absolute;z-index: 1;right: 5px;top: 5px;color:#fff;}
.btn_star i {font-size: 1.8rem;}
.btn_star:hover,
.ex_card .active {color:#e0e967;}

.popup_media {max-width: 1300px;width: 100%;}
.popup_media b {display: block;margin-top: 10px;color: #666;}

/* forum */
.forum_block {max-width: 800px;padding: 20px; margin: 0 auto 15px;background-color: #f3f3f3;border-radius: 10px;overflow: hidden;}
.forum_block:hover {background-color: #eeeeee;}
.fr_title,
.ex_title
{font-size: 1rem;color:#479fd3;}

.fr_photo {background-size: cover;background-position: center;width: 200px;height: 160px;float: right;margin: 0 0 10px 10px;border-radius:6px;}
.fr_text {margin: 10px 0;color:#777;}
.fr_comment,
.fr_like {display: inline-block;margin: 5px 5px 5px 0;}
.fr_like {color: #ee6e73;}
.fr_comment {color:#36ada2;}

/* register */
#register .wrapper,
#notify .wrapper {max-width: 700px;padding: 0 10px 0;}
#register .hot_block .hot_img {height: 120px;}
#register #location {width: calc(100% - 50px)!important;}



/* notify */
#notify .notify_block {margin-bottom: 15px;background-color: #efeded!important;}
#notify .notify_block p {color: #888;font-size: .8rem;}
#notify .notify_setting {text-align: center;margin: 20px 0;color: #4caf50;border: 1px solid #d9d7d7;padding: 20px;border-radius: 8px;}
#notify .btn_notify_test {font-size: .75rem; border: 1px solid;padding: 3px 10px;border-radius: 20px;}


/* discount */
#discount .wrapper {margin-top: 60px;}
#discount .dsc_name {font-size: 1.2rem;color:#26a69a;}
#discount .dsc_img {height: 120px;}
#partner ul:not(.browser-default)>li,
#discount ul:not(.browser-default)>li,
.ul_sp ul:not(.browser-default)>li
{list-style-type: disc;margin-bottom: 5px;}

#partner ul:not(.browser-default),
#discount ul:not(.browser-default),
.ul_sp ul:not(.browser-default)
{padding-left: 20px;color: #777;margin: 10px 0;}

#discount ul:not(.browser-default),
#discount .dsc_m_point
{font-size: .9rem;color:#ee6e73;}

#discount .p_card b {font-size: 1rem;display: block;}
#discount .dsc_block {font-size: 1rem;text-align: center;}
#discount .input_max {margin: 20px auto;max-width: calc(100% - 22px)!important;}
#discount .btn {width: 100%;height: 50px;}
#discount .dsc_m_point {font-size: 1.2rem;}
#discount .dsc_m_info {text-align: left; padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #ebebeb;}
#discount .circle {width: 60px;float: left;margin-right: 20px;}
#discount .f_green {font-size: .85rem;text-align: center;}
#discount .alert {text-align: center;}

.dsc_succ .dsc_google_views {border: 1px solid;padding: 20px;display: block;margin: 20px 0;border-radius: 10px;}

/* diary */
.diary_area form {text-align: left;}
#diary .wrapper {max-width: 900px;margin: 10px auto 0;width: 100%;}
#diary .d_list_date {font-size: 1rem;line-height: 1.2rem;margin: 0 0 15px;color: #4caf50;font-weight: 700;}
#diary #btn_page {max-width: 780px;margin: auto;}
#diary .ym_block {margin-top: 40px;z-index: 2;width: 200px;}
#diary .d_ym {display: block;padding: 5px 15px;float: right;width: 100%; line-height: 1.2rem;margin-bottom: 5px;}
#diary .d_ym:hover,
#diary .ym_block .active
{background-color: #f1f1f1;border-radius: 20px;}

#diary .d_cover {text-align: center;padding: 50px 0;background-color: #ddd;}
#diary .d_cover_title {font-size: 1.2rem;color: #fff;position: relative;}
#diary .d_cover_photo {background-position: 50%;background-size: cover;width: 80px;height: 80px;margin: 0 auto 10px;}
#diary .d_block {background-color: #fff;padding: 20px 20px 30px;margin-bottom: -10px;border-radius: 10px;border: 1px solid #e0e0e0;}
#diary .d_info {margin-bottom: 15px;}
#diary .d_info>div {display: inline-block;color: #777;}
#diary .d_content {background-color: #f1f1f1;padding: 10px 20px;border-radius: 20px;width: 100%;}
#diary .d_ym_num {border-radius: 100px;background-color: #e1e1e1;color: #9b9b9b;float: right;text-align: center;min-width: 26px;padding: 0px 5px;display: block;margin-left: 30px;font-size: .7rem;}
#doary .right_area {width: 200px;}

/* custom_file_upload */
input[type="file"] {display: none;}
.custom_file_upload, #upload_previews .img_box {width: 80px;height: 80px;}
.custom_file_upload {border: 2px dashed #b2cee3;color: #5fa8df;border-radius: 10px;display: inline-block;cursor: pointer;text-align: center;font-size: 13px;}
.custom_file_upload i {display: block;margin-top: 15px;}
#upload_previews {width: auto;float: left;}
#upload_previews .img_box {position: relative;display: inline-block; margin: 0 10px 10px 0;background-size: cover;background-position: 50% 50%;}
#upload_previews .img_box .delPreviewImg {position: absolute;z-index: 10;font-size: 16px;top: 0;left: 0;background-color: #00000094;color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;}

/* addReadMore */
.addReadMore.showlesscontent .SecSec, .addReadMore.showlesscontent .readLess, .addReadMore.showmorecontent .readMore { display: none; }
.addReadMore .readMore, .addReadMore .readLess { margin-left: 2px; color: #479fd3; cursor: pointer; } 
.addReadMoreWrapTxt.showmorecontent .SecSec, .addReadMoreWrapTxt.showmorecontent .readLess { display: block; }

/* loading */
#materialLoading{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000087;display:table;z-index:1000;overflow-y: hidden;}
#materialLoadingCentered{display:table-cell;vertical-align:middle;}
#materialLoadingContent{text-align:center}
#materialLoading.hide{opacity:0;transition:opacity .2s ease-out;pointer-events:none}
#materialLoading.hide #materialLoadingCentered{transform:scale(0.8);transition:transform .2s ease-out}
#materialLoading.show{opacity:1;transition:opacity .2s ease-in}
#materialLoading.show #materialLoadingCentered{transform:scale(1);transition:transform .2s ease-in}

.ajax_loading {text-align: center;}
.ajax_loading img {width: 100px;}

/* frame */
.frame .wrapper {max-width: 700px;width: 100%;margin: 100px auto;padding: 10px;}
.frame .f_title {font-size: 1.25rem;text-align: center;}
.frame .f_subtitle {font-size: 1rem;text-align: center;margin-bottom: 20px;}
.frame .f_subtitle,
.frame p {color:#888;}

/* super style */
/*
.search_push a,
.p_card .p_name,
.helper-text, 
.f_range,
.p_detail .sp_title {color:#ee6e73;}
.search_input .btn_search {background-color: #ee6e73;border: 2px solid #edabae;}
*/
/* other */
.scrollup {width: 40px;height: 40px;position: fixed;bottom: 0;right: 0;display: none;text-indent: -9999px;background: url(../../images/gotop.png) no-repeat;background-color: #2692c4a1;}
::-webkit-input-placeholder {color: #b1b1b1;}
::-moz-placeholder {color: #b1b1b1;}
:-ms-input-placeholder {color: #b1b1b1;}
:-moz-placeholder {color: #b1b1b1;}
.footer {text-align: center;padding: 20px 0;background-color: #e7e7e7;}

.dropdown-content {z-index: 99999;}
#point {width: 650px;}
.btn_partner {border: 1px solid #26a69a;color: #26a69a;border-radius: 4px;font-size: .9rem; width: 100%;display: block;padding: 10px 15px;margin: 10px 0;}
.btn_partner:hover {background-color: #fff;}
.btn_back {margin: 20px auto; text-align: center;display: block;background-color: #f1f1f1;border-radius: 50px;padding: 10px 20px;font-size: .85rem;max-width: 300px;color: #333;}
.btn_back:hover {background-color: #e5e3e3;}
.checked {background: url(../images/icon/check.gif);background-size: cover;background-position: 50% 50%;width: 120px;height: 120px;margin: 0 auto 20px;border-radius: 100%;overflow: hidden;}
.canned_block {text-align: left;overflow: hidden;}
.canned_block p {margin:0 0 10px;font-size: .75rem;color:#777;}
.canned_block .ibtn,
.popup_post .btn_canned
{margin-right: 10px;font-size: .75rem;float: left;padding: 4px 10px;}

.btn_more_google_views {display: inline-block;vertical-align: middle;line-height: 22px;margin-left: 10px;}

/* cover */
.cover {position: relative;width: 100%; background-image: url(../images/bg_search.jpg);background-size: cover;background-position: center;height: 200px;}
.cover:after {position: absolute;box-shadow: inherit;background: linear-gradient(#000000a8,#00000073,#ebebeb00);height: 100%;width: 100%;top: 0;left: 0;content: '';}
.cover_title,
.cover_subtitle
{z-index: 1;color:#fff;position: relative;text-align: center;top: 60px;font-size: 1rem;}
.cover_title {font-size: 1.2rem;}

/* .datepicker */
.datepicker-modal {width: fit-content;padding: 10px 20px;}
.datepicker-controls .select-wrapper input {
height: 38px!important;line-height: 38px!important;}
.datepicker-done,
.datepicker-date-display
{display:none;}

/* 截字 */
.ex_card b,
.sp_img_owl .img_box p, 
.sp_img_owl .img_box p a,
.nav_bottom a
{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.puff-in-center {
	-webkit-animation: puff-in-center 4s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 4s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(4);transform:scale(4);-webkit-filter:blur(10px);filter:blur(10px);opacity:0}
30%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}
31%{transform:scale(1.24);animation-timing-function:ease-in}
41%{transform:scale(1);animation-timing-function:ease-out}
51%{transform:scale(1.04);animation-timing-function:ease-in}
61%{transform:scale(1);animation-timing-function:ease-out}
90%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}
100%{-webkit-transform:scale(3);transform:scale(3);-webkit-filter:blur(10px);filter:blur(10px);opacity:0}
}

@keyframes puff-in-center{0%{-webkit-transform:scale(4);transform:scale(4);-webkit-filter:blur(10px);filter:blur(10px);opacity:0}
30%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}
31%{transform:scale(1.24);animation-timing-function:ease-in}
41%{transform:scale(1);animation-timing-function:ease-out}
51%{transform:scale(1.04);animation-timing-function:ease-in}
61%{transform:scale(1);animation-timing-function:ease-out}
90%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}
100%{-webkit-transform:scale(3);transform:scale(3);-webkit-filter:blur(10px);filter:blur(10px);opacity:0}
}
  

@media screen and (min-width: 961px){
    .nav_bottom, .m_nav_member {display: none;}
	.p_cover {background-image:none!important;}
	/*.msg {margin-right: 10px;}*/
	.msg::-webkit-scrollbar {width: 10px;}
	.msg::-webkit-scrollbar-track {background: #f1f1f1;}
	.msg::-webkit-scrollbar-thumb {background-color:#bebebe;}
	.post_area {border-bottom: 0!important;}
}

@media screen and (max-width: 960px){
	html {font-size: 18px;overflow-x: hidden;}
	body {overflow-x: hidden;}
	.navbar .logo {height: 30px;}
	.push_area {padding-left: 0;min-height: auto;}
	.nav_right, 
	.nav_left
	{display: none;}
	
	.m_nav_member {position: absolute;top: 0;left: 0;}
	.m_nav_member a {width: 60px;height: 60px;}
	.m_nav_member i {margin: 15px;}
	.m_block {display: block;}
	#slide_place {width: 100%;}
	#btn_page {margin: 20px 0!important;padding: 8px;}
	.right_area {position: initial!important;width: 100%!important;padding: 0 0 60px;}
	#toast-container {top:0;pointer-events: none;}
	.msg {width: 95%;max-height: 85%;}

	/* nav_bottom */
	.nav_bottom {background-color: #fff;border-top: 1px solid #f1f1f1;width: 100%;text-align: center;position: fixed;bottom: 0;left: 0;z-index: 10;}
	.nav_bottom a {width: 25%;letter-spacing: 0;display: inline-block;height: 70px;text-align: center;vertical-align: middle;padding: 8px;}
	.nav_bottom i {float: initial!important;margin: auto;display: block;}
	.nav_bottom .city_select_block {top:inherit;bottom:70px;}
	.nav_bottom .city_select_block i {display: initial;margin-right: 5px!important;font-size: 16px;}
	
	.nav_bottom_hidden {display: none;}
	.nav_bottom_show {display: block;}

	/* search */
	.search_wrapper {padding: 20px;}
	.search_title {font-size: 1.1rem;}
	.filter_area .btn_geo {padding: 10px;}
	.btn_search i {margin-left: -3px;}
	
	/* find */
	.get_place_card {min-height: 100px;background-color: #f1f1f1;margin-bottom: 20px;border-radius: 10px;position: relative; }
	
	/* post_area */
	.post_area > div,
	#store .post_area > div {width: 20%;float: left;}
	.post_area a {margin: 10px auto!important;}
	.post_area {position: initial!important;height: inherit;border-bottom: 1px solid #f1f1f1;overflow: hidden;margin: 0 -20px 10px;}

	.main_right_area {padding: 0 10px 80px 10px;}
	
	/* p_card */
	.p_card,
	.d_block
	{border-radius: 0; margin:0 -15px 15px;border: 0;}

	.p_card .p_name {color:#fff;position: relative;z-index: 1;padding: 0 20px;margin-bottom: 0;text-align: center;width: 100%;}
	.p_card .p_cover {background-position: 50%;background-size: cover;height: 150px;margin: -20px -20px 10px;display: flex;align-items: center;position: relative;}
	.p_card .p_cover:after {position: absolute;box-shadow: inherit;background: linear-gradient(#000000a8,#fff0);height: 100%;width: 100%;top:0;left:0; content:'';}
	.p_card .p_website {width: 300px;}
	.p_card .p_photo {display: none;}

	/* store */
	#store .wrapper {margin-top: 0;}
	#store .push_area {margin:20px 0px}
	#store .btn_place_more, .btn_register_store {max-width: 100%;}

	/* member */
	.member .wrapper,
	#privacy .wrapper
	{padding: 0 10px;}
	
	.member .picture,
	.picture
	{width: 100px;height: 100px;}
	
	.member .picture_block,
	.picture_block
	{width: 120px;height: 120px;}
	
	.member .menu_fixed {left: 0;}
	.member .m_btn_block .ibtn {margin-bottom:10px;}
	.member .m_btn_block {text-align: left;}
	.member .m_data_block {margin: 0 -15px 10px;}

	/* explore */
	.ex_card {height: auto;margin-bottom: 30px;}
	#explore .kind_select_block {left: 10%;}
	.fr_photo {width: 120px;height: 120px;}
	
	.p_info td i {margin: -1px 10px 0 0;}
	.popup_post {width: 100%;max-height: 100%;top: 0;border-radius: 0;height: 100%;}
	.popup_post .btn_close {top:5px;right:5px;}
	.popup_post .title {font-size: 1rem;line-height: 1.1rem;margin-top: 20px;}
	.alert {padding: 14px;} 
	.footer .f_wrapper {margin: 20px 0 130px;}
	.forum_block {border-radius: 0;padding: 10px 15px;}
	#point {width: calc(100% - 20px);}
	.nav_notify,
	.nav_scenery,
	.m_nav_member i
	{margin-top: 18px;}
	
	#discount .dsc_img {height: 80px;}
	#explore .menu a, 
	#diary .menu a
	{padding: 3px 8px;}

	.canned_block .ibtn,
	.popup_post .btn_canned
	{padding: 4px 10px;}
	
	.slide_diary_block {padding: 10px;}
	
	#diary select.browser-default {margin: 0 10px 20px 15px;width: calc(100% - 30px);border-radius: 20px;}
	#diary .d_cover_title {font-size: .9rem;line-height: 1rem;padding: 0 20px;}
	#diary .d_cover {padding: 10px 0 20px;}
	#diary .d_cover:before {height: 70px;}
	#diary .d_content {font-size: .9rem;padding: 7px 14px;}
	#diary .d_list_date {margin: 15px 0 15px 5px;}

	.btn_slide_place {padding: 4px 10px!important;}
	.btn_more_google_views {float: right;}
	.btn_upload_cover {top: 15px!important;right: 15px!important;padding: 2px 7px!important;}
	
	
}