@charset "UTF-8";
.timeline .figure-item a.button.fancy.loading span i, .timeline .figure-item a.button.fancyd.loading span i, .timeline .figure-item .buttons .btn-cart .icon, .timeline .figure-item .buttons button.btn-share .icon {background-image: url("../../images/normal/shop_buttons.ae44e16223ce.png") !important;background-size: 50px 50px;}
.container:not(.recommended) .figure-item .buttons .btn-cart.hotel .icon, .containe.recommended .figure-item .buttons .btn-cart.hotel .icon {background-image: url("../../images/normal/add_list.55c33d8e3639.png") !important;background-size: 100px 100px;}
@media screen and (-webkit-min-device-pixel-ratio:2){
	.timeline .figure-item a.button.fancy.loading span i, .timeline .figure-item a.button.fancyd.loading span i, .timeline .figure-item .buttons .btn-cart .icon, .timeline .figure-item .buttons button.btn-share .icon {background-image: url("../../images/retina/shop_buttons.21421f08fb77.png") !important;}
	.container:not(.recommended) .figure-item .buttons .btn-cart.hotel .icon, .containe.recommended .figure-item .buttons .btn-cart.hotel .icon {background-image: url("../../images/retina/add_list.a38bc037d63a.png") !important;}
}

/* before logged-in message */
.welcome {line-height: 28px;font-size: 16px;color: #8a8f9c;padding: 40px 0 25px;}
.welcome strong {font-size: 30px;font-weight: bold;color: #373d48;}

/* timline > article */
.article_item {display:none;position:relative;padding-bottom: 56px;}
.article_item a.more {position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #F9F9F9;font-weight: bold;color: #929ba8;line-height: 52px;text-align: center;font-size: 12px;}
.article_item a:hover {text-decoration:none;}
.article_item .cover {position:relative;display: block;}
.article_item .cover img {display:block;width:100%;background:no-repeat 50% 50%;background-size:cover;height: 248px;border-radius:3px 3px 0 0;}
.article_item .title {position:relative;color: #2f333b;font-weight:bold;font-size: 15px;min-height: 17px;margin: 17px 11px 0;white-space: nowrap;overflow: hidden;text-overflow: clip;display: block;}
.article_item .title:after {content: '';position: absolute;bottom: 0;right: 0;width: 30%;height: 17px;background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), white 90%);background: linear-gradient(90deg, rgba(255,255,255,0), white 90%);pointer-events: none;}
.article_item .cover .title:after {right: 0;width:100px;}
.article_item .tagline {display:none;font-size: 13px;line-height: 17px;color: #8a8f9c;padding:3px 15px 0;}
.article_item .description {font-size: 13px;line-height: 17px;padding: 11px 12px 0;color: #8a8f9c;height: 34px;overflow: hidden;position: relative;display: block;}
.article_item .description * {display:inline !important;padding:0 !important;line-height:17px !important;font-weight: normal !important;text-decoration: none !important;font-size:13px !important;color: #8a8f9c !important;}
.article_item .description img, .article_item .description video {display:none;}
.article_item .description:before {content: '';position: absolute;top: 28px;right: 11px;width: 100px;height: 17px;background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), white 90%);background: linear-gradient(90deg, rgba(255,255,255,0), white 90%);pointer-events: none;}
.article_item .description:after {content:'';clear:both;display:block;}
.timeline .stream li:nth-child(3n+1) .article_item .title {margin: 17px 15px 0;}
.timeline .stream li:nth-child(3n+1) .article_item .cover img {height:640px;}
.timeline .stream li:nth-child(3n+1) .article_item .description {padding: 11px 15px 0;margin-bottom: 5px;}

/* timline > thing list */
.timeline .stream > li.clear {clear:none;}
.timeline .comments {clear:both;margin:0;padding: 0 12px 12px;margin: 0;display:none;background:#fafafa;border-radius: 0 0 3px 3px;border-top: 1px solid #DBDBDC;}
.timeline .comments .comment {padding: 10px 0 0;}
.timeline .comments .optional {top:0;}
.timeline .comments .photo, .timeline .comments .btns-post {display:none;}
.timeline .comments .c-text img {max-height: 16px;vertical-align:middle;margin:-3px 0 0;}
.timeline .comments .text {width: 600px;background: #fff;box-shadow: none;display: block;} 
.timeline .comments .text:focus {box-shadow: 0 0 5px 1px rgba(156,199,219,0.9);}
.timeline .comments button.toggle, .timeline .comments a.toggle {padding: 0 0 1px;color: #A7AAB3;font-size: 12px;font-weight: bold;}
.timeline .comments button.toggle:hover, .timeline .comments a.toggle:hover {color: #9295a0}
.timeline .comments input[type="text"].text, .timeline .comments textarea.text {border: 1px solid #DCE0E4 !important; }
.timeline .comments input[type="text"].text:focus, .timeline .comments textarea.text:focus {border-color: #ACBDCB !important;}
.timeline .comment-form {padding: 12px 0 0;}

/* timeline > list section*/
.timeline .listsection {position:relative;background: #FFF;border-radius: 3px;box-shadow: 0 2px 0px rgba(0, 0, 0, 0.015), 0 0 0 1px #DBDBDC;-webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.015),0 0 0 1px #DBDBDC;-moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.015), 0 0 0 1px #DBDBDC;margin-bottom: 18px;padding: 0;}
.timeline .listsection .figure-list {padding: 279px 12px 19px;display: block;position: relative;text-align: center;}
.timeline .listsection .figure-list:after {clear:both;display:block;content:'';height:0;overflow:hidden;}
.timeline .listsection .figure-list a {display:inline-block;vertical-align: top;width: 68px; height: 68px;}
.timeline .listsection .figure-list a:nth-child(5), .timeline .listsection .figure-list a:nth-child(6) {display:none;}
.timeline .listsection .figure-list .figure {display: block;width: 100%;height: 100%;background: no-repeat 50% 50% #f7f7f7;background-size: cover;}
.timeline .listsection .figure-list a:first-of-type {position: absolute;top: 0;left: 0;width: 100%;margin: 0;height: 259px;}
.timeline .listsection .figure-list a:first-of-type .figure {position:relative;overflow:hidden;border-radius:3px 3px 0 0;box-shadow: none;}
.timeline .listsection .figure-list a:first-of-type .figure:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.15;}
.timeline .listsection .title {font-size: 15px;line-height: 19px;clear: both;position: absolute;color: #fff;left: 13px;bottom: 155px;padding: 0;}
.timeline .listsection .title a {color: #fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.22);}
.timeline .listsection .title a:hover {text-decoration:none;}
.timeline .listsection .title small {font-size:13px;}
.timeline .listsection li:nth-child(3n+3) .title small {display:none;}
.timeline .listsection a.go, .timeline .listsection .follow-user-link {display: block;font-weight: bold;text-align: center;line-height: 36px;font-size: 12px;border-top: 1px solid #f9f9f9;color: #989B9E;}
.timeline .listsection a.go:hover, .timeline .listsection .follow-user-link:hover {border-color:#f2f2f2;text-decoration:none;}
.timeline .listsection .follow-user-link.following, .timeline .listsection .follow-user-link.following:hover {color:#4978b3;}

/* timeline > follower section> user */
.container:not(.recommended) .stream > .summary {padding:0 0 41px;}
.container:not(.recommended) .stream > .summary.user .info .followers {padding-bottom:8px;display:block;}
.container:not(.recommended) .stream > .summary.user .logo, .timeline .summary.user .logo img {border-radius:100%;}
.container:not(.recommended) .stream > .summary.user .logo img {border-radius:100%;}
.timeline .stream > li:nth-child(3n+1).summary .figure-list {height:90px;}
.timeline .stream > li:nth-child(3n+1).summary .figure-list a {display:inline-block;width:90px;height:90px;}

/* timeline > store section */
.timeline .storesection {position:relative;display:none;}
.timeline .storesection .figure-list {position: relative;float:left;width:100%;}
.timeline .storesection .figure-list:after {content:'';display:block;clear:both;width:100%;height:0;}
.timeline .storesection .figure-list a {float:left;margin-left:2px;width: 159px;}
.timeline .storesection .figure-list a:first-child {margin-left:0;width: 158px;}
.timeline .storesection .figure-list a:last-child {width: 158px;}
.timeline .storesection .figure-list .figure {height:160px;display:block;background:no-repeat 50% 50%;background-size:cover;}
.timeline .storesection .title {display:block;padding: 12px 0 11px 64px;color:#8a8f9c;font-size:13px;line-height:19px;clear: both;}
.timeline .storesection .title b {display:block;font-size:16px;color:#383d48;}
.timeline .storesection .logo {position:absolute;left:14px;bottom:12px;}
.timeline .storesection .logo img {width:42px;height:42px;vertical-align:top;border-radius:100%;background:no-repeat 50% 50%;background-size:cover;}

/* classic view */
.wider .container.timeline {min-height:1904px;padding-left:0;width: 1160px;}
.timeline .wrapper-content, .timeline #content {background:none;box-shadow:none;padding: 0;position: relative;z-index: 1;width: auto;}
.timeline .wrapper-content {width:640px;padding: 0 300px 0 220px;}
.timeline.recommended .wrapper-content {width:940px;padding-right:0;}
.timeline.recommended #sidebar, .recommended .figure-item .menu-container {display:none;}
.timeline .figure-item {width:auto;}
.containe.recommended .figure-item .buttons .btn-cart.hotel .icon {width:13px;height:14px;background-position:-85px 0;margin-right:3px;}
.container.recommended .stream {margin-left:-18px;}
.container.recommended .stream > li {padding: 0;margin: 0 0 18px 18px;clear: none;width: 221px;}
.container.recommended .comments {display:none;}
.container.recommended .figure-item figure .figure.recommended {display:block;}
.container.recommended .figure-item a.button {position:absolute;top: 9px;left: 9px;}
.container.recommended .figure-item .buttons {position:static;border:0;}
.container.recommended .figure-item .buttons .btn-cart {display:none;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.01),0 0 0 1px rgba(0,0,0,0.15);line-height: 29px;}
.container.recommended .figure-item .buttons button.btn-cart .icon {background-position: -10px 0;}
.container.recommended .figure-item .buttons .btn-share {z-index:1;position:absolute;width:29px;top:9px;right:9px;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.01),0 0 0 1px rgba(0,0,0,0.15);line-height: 29px;}
.container.recommended .figure-item .buttons button.btn-share .icon {background-position: -9px -20px;}
.container.recommended .figure-item .buttons .show_cart, .container.recommended .figure-item .buttons .btn-cart {position:absolute;top:9px;right:43px;z-index:1;}
.container.recommended .figure-item .buttons .show_cart .btn-cart {display:block;text-indent:-1000em;position:relative;top:0;right:0;overflow: hidden;}
.container.recommended .figure-item .buttons .show_cart .btn-cart .icon {position:absolute;top:50%;left:50%;margin:-7px 0 0 -14px;}
.container.recommended .figure-item .fancyd_user {display:none;}
.container.recommended .listsection, .container.recommended .summary, .container.recommended .storesection {display:none;}

/* loading */
.spinner[role="progressbar"] div:first-child div {content:'';border: 2px solid #949597;border-radius:100%;height: 40px;left:50%;margin: -22px 0 0 -22px;opacity:0;position: absolute !important;top:50% !important;width: 40px;animation: pulsate 1s ease-out;animation-iteration-count:infinite;-webkit-animation: pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation: pulsate 1s ease-out;-moz-animation-iteration-count:infinite;background: none;z-index: 4;padding: 0;text-indent: -1000em;}
.spinner[role="progressbar"] {display:none;position: relative !important;height: 600px !important;z-index: 2000000000;left: 0 !important;top: 0 !important;width: 100% !important;}
.spinner[role="progressbar"] div {display:none;}
.spinner[role="progressbar"] div:first-child {display:block;position: static !important;}
.spinner[role="progressbar"] div:first-child div {-webkit-transform-origin:50% 50% !important;transform-origin:50% 50% !important;-moz-transform-origin:50% 50% !important;background: none !important;border-radius: 100% !important;box-shadow: none !important;width: 40px !important;height: 40px !important;left: 50% !important;}
.loading .spinner[role="progressbar"] {display:block;}
.loading {display: block;clear: both;border-top: 1px solid #ebecef;color: #8d9094;line-height: 66px;text-align: center;font-size: 13px;}
.loading.button {border: 0;color: #fff;line-height: 45px;font-size: 17px;}
.loading b {padding-left:21px;background-position:0 50%;}
.anim .stream > li {transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);}

/* follower recommendaition */
.recommend-follow {clear:both;padding:77px 0;text-align:center;}
.recommend-follow h3 {font-size:18px;line-height:24px;padding-bottom:10px;color:#555b67;}
.recommend-follow p {font-size:14px;line-height:20px;color:#828790;}
.recommend-follow .btn-follow {color:#5a616f;background:#fdfdfd;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfd', GradientType=0);background: -webkit-linear-gradient(top,#ffffff,#fdfdfd);background: -moz-linear-gradient(top,#ffffff,#fdfdfd);background: -o-linear-gradient(top,#ffffff,#fdfdfd);background-image: -ms-linear-gradient(#ffffff,#fdfdfd);box-shadow:0 1px 0 rgba(0,0,0,0.03);line-height:36px;padding:0 20px;border-color:#d2d2d4;border-bottom-color:#c5c7c9;margin-top:20px;}
.recommend-follow .btn-follow:hover {text-decoration:none;}

/* add facebook timeline */
.add-facebook-timeline h1, .add-facebook-timeline button.btn-now b, .add-facebook-timeline-close {background:url("../../images/common/icon-timeline.99ab3312c1ee.png") no-repeat;}
#popup_container.add_facebook {background:rgba(226,228,228,0.93);}
#popup_container.add_facebook .popup.add-facebook {display: block;}
.add-facebook-timeline {position:fixed;top:50%;left:50%;width:511px;background:#eff1f8;border:1px solid #4c515d;padding:25px 22px 23px 29px;margin:-140px 0 0 -281px;z-index:20;}
.add-facebook-timeline h1 {padding:3px 0 3px 61px;margin-bottom:15px;color:#363c48;font-weight:normal;font-size:20px;}
.add-facebook-timeline h1 b {font-weight:bold;display:block;}
.add-facebook-timeline p {padding-bottom:13px;color:#898e9c;font-size:13px;line-height:18px;}
.add-facebook-timeline li {color:#898e9c;font-size:13px;line-height:20px;}
.add-facebook-timeline button {min-width:82px;padding:0 12px;height:41px;border-radius:3px;border:0;color:#fff;font-weight:bold;font-size:16px;margin-left:10px;background:#8a8f9d;}
.add-facebook-timeline .btn-area {padding-top:20px;text-align:right;}
.add-facebook-timeline button.btn-now {background:#558bc9;}
.add-facebook-timeline button.btn-now b {background-position: 0 -81px;padding-left:32px;}
.add-facebook-timeline-close {position:absolute;top:21px;right:21px;display:block;width:17px;height:17px;overflow:hidden;text-indent:-1000em;background-position: 0 -57px;}

/* right sidebar */
.timeline .navigation {width:200px; transition: 0.22s ease-in-out; -webkit-transition: 0.22s ease-in-out; -moz-transition: 0.22s ease-in-out;will-change: transform;}
.timeline .recommended .timeline_feature .users {display:block;}
.timeline .recommended .timeline_feature .activites, .timeline .recommended .timeline_feature .popular, .timeline .recommended .timeline_feature .article, .featured .users {display:none;}
.timeline .recommended .timeline_feature .merchant ul {max-height: 271px;}
.timeline .timeline_feature {width: 280px;margin-left: 299px;z-index: 0;}

.yellow-message-box {position:absolute;top: 52px;left:0;width:100%;background: #f9f9f9;box-shadow: 0 1px 0px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.05);padding: 14px 0;text-align: center;z-index: 10;line-height: 20px;font-size: 12px;border-radius: 0 0 3px 3px;}

/*
.timeline .figure-item .menu-container .trick, .timeline .figure-item .show_cart .sale-item-input .trick {width: 680px;left:50%;margin-left: -380px;}
*/