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

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
}
html {
	margin: 0;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-size: 13px;
	font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue";
	color: #fff;
	background: #000;
	margin: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
html.fixed, html.fixed body, html.fixed #container {
	position: relative;
	overflow: hidden;
	height: auto;
}
html.fixed #container {
	pointer-events: none;
    touch-action: none;
    overscroll-behavior: none;
}
iframe, img {
	border: none;
}
a {
	color: rgb(255,255,255);
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
table {
    border-radius: 5px;
    overflow: hidden;
}
.btn {
	text-decoration: none;
	cursor: pointer;
	display: block;
	font-size: 13px;
	text-align: center;
	color: #fff !important;
	width: 85px;
	height: 26px;
	padding: 0;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
.btn:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
input, select, textarea {
	height: 29px;
	font-size: 13px;
	color: rgba(255,255,255,0.8);
	line-height: 29px;
	border: none;
	border-radius: 0;
	background: transparent;
	border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba(255,255,255,0.4);
	padding: 0 15px 0 0;
	font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue";
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-transition-delay: 999999999s;
   transition-delay: 999999999s;
}
select {
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	width: 200px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
    display: block;
	float: left;
	padding: 0 34px 0 0;
}
select option {
	color: #000;
}
select:before {
	content: "\e903";
}
select::-ms-expand { 
    display: none; 
}
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    } 
}
.dropdown {
	position: relative;
    display: block;
    width: 200px;
	height: 29px;
	overflow: hidden;
}
.dropdown .icon-arrow-down { 
	display: none;
}
::-webkit-input-placeholder { 
    color: rgba(255,255,255,0.8);
}
:-moz-placeholder { 
	color: rgba(255,255,255,0.8);
	opacity: 1;
}
::-moz-placeholder { 
	color: rgba(255,255,255,0.8);
	opacity: 1;
}
:-ms-input-placeholder {
    color: rgba(255,255,255,0.8);
}
::-ms-input-placeholder { 
    color: rgba(255,255,255,0.8);
}
.hide {
	visibility: hidden;
}
.remove {
	display: none !important;
}

/* Icon */
@font-face {
	font-family: 'icon';
	src: url('../font/icon.eot?ububc2');
	src: url('../font/icon.eot?ububc2#iefix') format('embedded-opentype'),
    url('../font/icon.ttf?ububc2') format('truetype'),
    url('../font/icon.woff?ububc2') format('woff'),
    url('../font/icon.svg?ububc2#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
 	content: "\e900";
	color: #fff;
}
.icon-arrow-right:before {
	content: "\e901";
	color: #fff;
}
.icon-dialog:before {
  	content: "\e902";
}
.icon-arrow-down:before {
  	content: "\e903";
}
.icon-close:before {
  	content: "\e904";
  	color: #fff;
}
.icon-search:before {
  	content: "\e905";
}
.icon-play:before {
  	content: "\e906";
}
.icon-facebook:before {
  	content: "\e907";
}
.icon-check:before {
  	content: "\e908";
}
.icon-delete:before {
  	content: "\e909";
}
.icon-edit:before {
  	content: "\e910";
}
.icon-date:before {
  	content: "\e911";
}
.icon-gift:before {
  	content: "\e912";
}
.icon-pin:before {
  	content: "\e913";
}
.icon-rating:before {
  	content: "\e914";
}
.icon-write:before {
  	content: "\e915";
}
.icon-chat:before {
  	content: "\e916";
}
.icon-arrow-close:before {
  	content: "\e917";
}
.icon-image:before {
  	content: "\e918";
}
.icon-arrow-left, .icon-arrow-right, .icon-close, .icon-delete, .icon-edit {
	cursor: pointer;
	display: block;
	right: 4px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4); 
	-webkit-transition: background-color .3s linear;
  	-moz-transition: background-color .3s linear;
  	-ms-transition: background-color .3s linear;
  	-o-transition: background-color .3s linear;
  	transition: background-color .3s linear;
	border-radius: 5px;
	font-size: 20px;
}
.icon-arrow-down {
    width: 29px;
	height: 29px;
    display: block;
	position: relative;
    float: right;
    line-height: 29px;
	text-align: center;
	right: 5px;
    z-index: 9;
}
.icon-arrow-down:before {
    color: rgba(255,255,255,0.8);
}

/* Container */
#container {
	position: relative;
	width: 100%;
	min-width: 1366px;
	min-height: 900px;
	overflow: hidden;
	background: url('') no-repeat top center fixed;
  	background-size: cover;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: background-image .7s linear;
  	-moz-transition: background-image .7s linear;
  	-ms-transition: background-image .7s linear;
  	-o-transition: background-image .7s linear;
  	transition: background-image .7s linear;
	z-index: 1;
}
#container:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1000px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,1) 80%); 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,1) 80%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,1) 80%);
	z-index: 0;
}
#container:after {
	content: '';
	position: absolute;
	top: 450px;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 200px); 
	z-index: 0;
}

/* Nav */
#nav {
	width: 1336px;
	height: 95px;
 	position: absolute;
 	margin: 0 auto 0 auto;
	padding: 35px 0 0 0;
 	top: 0;
	bottom: 0;
  	left: 0;
  	right: 0;
	z-index: 1;
}
#nav-bg {
	display: none;
}
#nav ul {
	position: fixed;
	width: 1336px;
	height: 44px;
	font-size: 15px;
	z-index: 2;
}
#nav li {
	color: rgb(255,255,255);
	position: relative;
    display: inline;
    float: left;
    line-height: 44px;
    padding: 0 17px;
	min-width: 60px;
	z-index: 3;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#nav li:first-child {
	cursor: pointer;
	margin: -35px 165px 0 20px;
    width: 220px;
	height: 130px;
	z-index: 5;
	background-repeat: no-repeat;
	filter: grayscale(1)brightness(3.5);
}
#nav li:first-child a {
	width: 100%;
	height: 100%;
	display: block;
}
#nav li:nth-child(8), #nav li:nth-child(9), #nav li:nth-child(10) {
	float: right
}
#nav li:nth-child(8) {
	padding: 0;
}
#nav li:nth-child(8) input {
	display: none;
}
#nav li:nth-child(8) a {
	position: relative;
	float: left;
	padding: 0;
	color: #fff !important;
    line-height: 44px;
    height: 44px;
}
#nav li:nth-child(8) a:before {
	font-size: 18px;
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 44px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e905";
}
#nav li:nth-child(10):before {
	content: '';
	border-style: none none none solid;
	border-width: 1px;
	padding: 0 0 0 43px;
	border-color: rgba(255, 255, 255, 0.4);
}
#nav li:nth-child(8):before, #nav li:nth-child(11):before {
	width: 44px;
    height: 44px;
    line-height: 44px;
	display: none;
}
#nav li:nth-child(8):before {
	content: "搜尋";
}
#nav li:nth-child(11) {
	display: none;
}
#nav li:nth-child(11):before {
	content: "選單";
}
#nav .badge:before, #mobile-menu .badge:before, #account .badge:before {
	content: "";
	width: 30px;
    height: 30px;
    border-radius: 30px;
	z-index: -1;
    position: absolute;
    left: -5px;
    top: -5px;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .7s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .7s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .7s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .7s cubic-bezier(.42, 0, .58, 1);
    transition: all .7s cubic-bezier(.42, 0, .58, 1);
}
#mobile-menu .badge:before {
	background: rgba(250,250,250,0.4) !important;
}
#nav li .badge.on:before, #mobile-menu li .badge.on:before, #account li .badge.on:before {
	animation: pulse 1.2s ease infinite ;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#nav li.badge.on:before {
	left: auto;
    top: auto;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@keyframes pulse {
0% {
    transform: scale(1, 1);
}
50% {
    opacity: 0.3;
}
100% {
    transform: scale(1.5);
    opacity: 0;
}
}

/* Account */
#nav li:nth-child(9) span:first-child, #nav li:nth-child(9) .badge, #nav li:nth-child(9) .account, #nav li:nth-child(9) #account-bg, #nav li.on:nth-child(9) span:nth-child(2),
#nav li.badge.on:not(.point):nth-child(9) .account.point, #nav li.point.on:nth-child(9) .account:not(.point) {
	display: none;
}
#nav li.on:nth-child(9) span:first-child, #nav li.badge.on:nth-child(9) .account, #nav li:nth-child(9).on.badge .badge {
	display: block;
}
li .badge {
	font-size: 12px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    display: block;
    font-weight: 300;
    position: absolute;
    top: -5px;
    right: 5px;
}
#nav li .account {
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    border-radius: 15px;
	font-size: 13px;
    color: rgba(255,255,255,0.8);
	line-height: normal;
	display: none;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
	z-index: 1;
}
#nav li.on.badge:hover .account, #nav li.on.point:hover .account.point, #nav li.on.coupon:hover .account.coupon, #nav li.on .account:before {
	display: block;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#container.street-view #nav li.on:hover #account-bg {
	display: none;
}
#nav li #account-bg {
	position: absolute;
    height: 100px;
    width: 341px;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 0 0 0;
    background: url('') no-repeat top center fixed;
    background-size: cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
    -webkit-transition: background-image .7s linear;
    -moz-transition: background-image .7s linear;
    -ms-transition: background-image .7s linear;
    -o-transition: background-image .7s linear;
    transition: background-image .7s linear;
	display: none;
}
#nav li .account p {
	position: relative;
    border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
    line-height: 22px;
    padding: 10px 0;
    text-align: center;
    white-space: normal;
}
#nav li .account .thumb {
	display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    left: 200px;
	border-radius: 0 15px 15px 0;
	display: none;
}
#nav li .account img {
	max-height: 100%;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#nav li .account img:hover {
	max-height: 115%;
}
#nav li .account .info > div {
	position: relative;
	float: left;
	width: 60px;
	text-align: center;
	margin: 15px 0 0 0;
}
#nav li .account .tag {
	display: none;
}
#nav li .account .tag span {
  	position: absolute;
  	display: block;
  	width: 106px;
  	padding: 5px 0;
  	color: #fff !important;
  	font-size: 13px;
  	text-align: center;
	left: -6px;
  	bottom: 13px;
}
#nav li .account .outer {
	position: relative;
	float: left;
	margin: 0 10px 5px 10px;
}
#nav li .account .outer h1 {
	color: rgb(255,255,255);
	font-size: 13px;
	line-height: 29px;
	font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	margin-top: 5px;
	width: 200px;
}
#nav li .account:before {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#account .qrimg {
	cursor: pointer !important;
    position: relative;
}
#account .qrimg span {
    color: #fff;
    line-height: 29px;
    height: 29px;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
	border-radius: 0 0 15px 0;
}
#nav li.on:nth-child(9) .account span {
    display: inline-block;
}
#nav.fixed li.on.badge:hover .account, #nav.fixed li.on.badge:hover #account-bg {
    display: none;
}

/* Fixed */
.street-view #nav, #nav.fixed {
	width: 100%;
	position:fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0) 100%);
	z-index: 7;
}
#nav.fixed #nav-bg {
	background: none !important;
}
.street-view #nav ul, #nav.fixed ul {
	width: 1336px;
	height: 130px;
	background: none;
	display: inline-block;
	position: relative;
}
#nav.fixed li:hover .account, #nav.fixed li:hover #account-bg {
	display: none;
}

/* Banner */
#banner {
	width: 470px;
 	position: absolute;
 	margin: 300px 0 0 0;
 	top: 0;
 	bottom: 0;
  	right: calc((100vw - 1366px) / 2 + 30px);
}
#banner-bg {
    display: none;
}
#banner ul {
	position: absolute;
	left: 0;
	width: 450px;
	line-height: 60px;
	text-align: right;
	z-index: 2;
}
#banner h1 {
	font-weight: 300;
	font-size: 40px;
	white-space: nowrap;
    overflow: hidden;
    margin: -30px 0 0 0;
}
#banner p {
	font-weight: 300;
	font-size: 20px;
	white-space: nowrap;
    overflow: hidden;
	color: rgba(255,255,255,0.8);
}
#banner li {
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#banner li:hover h1, #banner li:hover p {
	color: rgba(255,255,255,0.6);
}
#banner .icon-arrow-left, #banner .icon-arrow-right {
	display: none;
}
#banner .icon-arrow-left {
	top: 25px;
}
#banner .icon-arrow-right {
	top: 65px;
}
#banner .arrow .google-auto-placed {
    display: none;
}

/* Wrapper 1 */
.wrapper1, .wrapper2 {
	position: relative;
	display: inline-block;
	text-align: center;
	z-index: 1;
	width: calc((415px * 3) + 45px);
	left: 8px;
}
#article .wrapper1, #article .wrapper2 {
	left: 0;
}
.wrapper1 .title, .wrapper2 .title, .wrapper5 .title, .wrapper1 .tag, .wrapper2 .tag, .wrapper4 .tag, #vip .title, #store .filter, .compass-fit-widget-header {
	position: relative;
    width: 235px;
    text-align: left;
    color: #fff;
    z-index: 3;
    height: 235px;
    float: left;
    border-radius: 15px;
	font-size: 15px;
}
.wrapper1 .tag, .wrapper2 .tag, .wrapper4 .tag, li.disable .thumb:after {
	position: absolute;
    width: 30px;
    height: 30px;
    line-height: 15px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    padding: 7px;
	top: 8px;
    left: 8px;
}
.wrapper1 .tag, .wrapper2 .tag {
	top: 5px;
    left: 5px;
	border-radius: 100%;
}
.wrapper1 .title span, .wrapper2 .title span, .wrapper5 .title span, #vip .title span {
	position: absolute;
    top: 15px;
    left: 15px;
    line-height: 29px;
    z-index: 4;
    text-align: center;
}
.wrapper1 .title:before, .wrapper2 .title:before, .wrapper5 .title:before, .wrapper1 .tag:before, .wrapper2 .tag:before, .wrapper4 .tag:before, #vip .title:before {
	display: none;
}
.wrapper1 .title:after, .wrapper2 .title:after, .wrapper5 .title:after, .wrapper1 .tag:after, .wrapper2 .tag:after, .wrapper4 .tag:after, #vip .title:after {
	display: none;
}
.wrapper1 ul, .wrapper2 ul {
	float: right;
	height: auto;
    min-height: 235px;
    position: relative;
	margin: 0 auto;
    box-sizing: border-box;
}
.wrapper1 li, .wrapper2 li, .wrapper4 li, .wrapper6 li, #container:not(.spec-edit) #edition li, #container.coupon-cont .wrapper4 li, #vip .outer, .compass-fit-ad {
	position: relative;
	display: block;
	float: left;
    width: calc(((415px * 3) - 235px - 15px) / 3);
    height: 235px;
	margin: 0 15px 15px 0;
	overflow: hidden;
}
.wrapper1 .thumb, .wrapper2 .thumb, .wrapper4 .thumb, .wrapper5 .thumb, .wrapper6 .thumb, #container.article #aside > .btn .thumb, #container.coupon-cont #aside > .btn .thumb, #overlay-video > .btn .thumb, .compass-fit-ad-img {
	position: relative;
	display: block;
	float: left;
	height: calc(235px - 70px);
	overflow: hidden;
	border-radius: 15px;
}
.wrapper4 .thumb {
	height: calc((40px * 6) + (15px * 5) - (3px * 2) - (10px * 2) - 44px - 30px);
}
.wrapper1 .thumb, .wrapper6 .thumb, #aside > .btn .thumb {
	width: 235px;
}
.wrapper1 .thumb img, .wrapper2 .thumb img, .wrapper3 .thumb img, .wrapper4 .thumb img, .wrapper5 .thumb img, .wrapper6 .thumb img, #aside > .btn .thumb img, #overlay-video > .btn .thumb img {
	cursor: pointer;
	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.wrapper3 li .thumb img, #aside > .btn .thumb img, #overlay-video > .btn .thumb img {
 	width: auto;
    max-height: 100%;
	max-width: none;
}
.wrapper3 li:hover .thumb img, #aside > .btn .thumb img:hover, #overlay-video > .btn .thumb img:hover {
  	max-height: 115%;
}
.wrapper1 .main, .wrapper2 .main, .wrapper3 .main, .wrapper4 .main, .wrapper6 .main {
	position: relative;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: rgba(255,255,255,0.8);
    padding: 10px 0 0 0;
	cursor: pointer;
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
	width: 100%;
	box-sizing: border-box;
	float: right;
}
.wrapper1 .main h1, .wrapper2 .main h1, .wrapper4 .main h1, .wrapper5 .main h1, .wrapper6 .main h1, #account .content li .info h1 {
	color: #fff;
  	font-size: 15px;
  	font-weight: normal;
  	line-height: 30px;
	overflow: hidden;
    word-break: break-all;
  	height: 30px;
  	width: 100%;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wrapper1 .main p, .wrapper2 .main p {
	padding: 15px 0; 
	height: 73px;
  	width: 100%;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow: hidden; 
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	line-height: 22px;
	display: none;
}
.wrapper1 .social, .wrapper2 .social, .wrapper6 .social {
	position: relative;
	display: block;
	float: right;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	overflow: hidden;
}
.wrapper1 .fb-like, .wrapper2 .fb-like, .wrapper6 .fb-like {
	width: 50px;
}
.wrapper1 .fb_iframe_widget > span, .wrapper1 .fb-like-box iframe, 
.wrapper2 .fb_iframe_widget > span, .wrapper2 .fb-like-box iframe, 
.wrapper6 .fb_iframe_widget > span, .wrapper6 .fb-like-box iframe { 
	float: left !important;
    margin: 0 0 0 -30px;
}
.wrapper1 div:not(.tag) span, .wrapper2 div:not(.tag) span, .wrapper6 li .info span {
	position: relative;
	padding: 0 10px 0 0;
	float: left;
}
.wrapper1 .info span:last-child, wrapper2 .info span:last-child, wrapper6 .info span:last-child {
	word-break: break-all;
}
.wrapper1 .social span:last-child, .wrapper2 .social span:last-child, .wrapper6 .social span:last-child {
	float: right;
    padding: 0;
}
.main p, .main h1, .info .location, .social span, #account .content li:nth-child(3) .outer p, .business-title h1, .review-author p, .read-more-trigger, .business-title > span {
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#container .location, #search .location {
	display: none;
}
#container.article #location .location, #container.coupon-cont #location .location {
	display: block;
}
#location iframe {
	width: 100%;
	filter: invert(100%) grayscale(0.75) hue-rotate(180deg);
}
#container.map .location, #search.map .location {
	display: inline-block;
}
.wrapper1 .main p:hover, .wrapper1 .main h1:hover, .wrapper2 .main p:hover, .wrapper2 .main h1:hover, .wrapper3 .main p:hover, .wrapper4 .main h1:hover, .wrapper4 .main p:hover, .wrapper5 .main h1:hover, .wrapper5 .main p:hover, #account .content li:nth-child(3) .outer p:hover, #overlay-video h1:hover, #container.article #article > .info > span:first-child:hover, #container.coupon-cont #article > .info > span:first-child:hover, #account .content > ul > li:nth-child(5) .outer > ul > li  div:nth-last-child(3):hover, #account .content > ul > li:nth-child(5) .outer > ul > li.disable div, #account .content > ul > li:nth-child(6) .outer > ul > li.disable div, #order-content .check.on:hover, #order-content .check, .qa .outer p, #container.service .content li li:hover, .coupon .check.on:hover, .coupon .check, .coupon .date:hover input, #account .content > ul > li:nth-child(3) .outer > ul > li div:nth-child(3):hover, .business-title h1:hover, .review-author p:hover, .business-title > span:hover {
	color: rgba(255,255,255,0.4);
}
.wrapper1 .more, .wrapper2 .more, #vip .more {
	line-height: 20px;
    position: relative;
    width: 235px;
    text-align: right;
    display: inline-block;
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 15px;
    box-sizing: border-box;
}
.wrapper1 .more a, .wrapper2 .more a, #vip .more a {
	color: rgba(255,255,255,0.8);
}
.wrapper1 .fb-like, .wrapper2 .fb-like, .wrapper6 .fb-like {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-filter: grayscale(100%) brightness(95%) contrast(2.85);
    filter: grayscale(100%) brightness(95%) contrast(2.85);
}
#search .wrapper1 .fb-like, #search .wrapper2 .fb-like, #search .wrapper6 .fb-like, 
#overlay-video .wrapper1 .fb-like, #overlay-video .wrapper2 .fb-like, #overlay-video .wrapper6 .fb-like {
	opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -webkit-filter: grayscale(100%) brightness(110%) contrast(3.55);
    filter: grayscale(100%) brightness(110%) contrast(3.55);
}
@-moz-document url-prefix() { 
  .wrapper1 .fb-like, .wrapper2 .fb-like, .wrapper6 .fb-like {
	 filter: grayscale(100%) brightness(80%) contrast(2.85)
  }
  #search .wrapper1 .fb-like, #search .wrapper2 .fb-like, #search .wrapper6 .fb-like, 
  #overlay-video .wrapper1 .fb-like, #overlay-video .wrapper2 .fb-like, #overlay-video .wrapper6 .fb-like {
    -webkit-filter: grayscale(100%) brightness(80%) contrast(1.55);
    filter: grayscale(100%) brightness(80%) contrast(1.55);
  }
}
.wrapper1 .facebook, .wrapper2 .facebook, .wrapper6 .facebook {
	overflow: hidden;
	position: relative;
	float: left;
	width: auto !important;
    height: auto !important;
    margin: -2px 0 0 -7px !important;
	transform: scale(1.1,1.1);
}
.wrapper1 .fb-share, .wrapper2 .fb-share, .wrapper6 .fb-share {
    background: none;
	-webkit-font-smoothing: unset;
}


/* AdGeek */
[id*="adGeek-slot-compass-fit"]  {
	/*display: none;*/
}
#compass-fit-widget {
	width: 100% !important 
}
 .compass-fit-widget-header {
    position: relative !important;
    width: 235px !important;
    text-align: left !important;
    height: 235px !important;
    left: auto !important;
    top: auto !important;
	padding: 15px !important;
    line-height: 29px !important;
	margin-right: 15px;
	box-sizing: border-box;
}
.compass-fit-ad {
    width: calc(((415px * 3) - 235px - 15px) / 3) !important;
}
.compass-fit-ad[id*="item-3"] {
    width: calc(((415px * 3) - 15px - 235px) / 3 + 250px) !important;
}
.compass-fit-ad[id*="item-3"] .compass-fit-ad-img {
    width: calc(100% - 250px) !important;
    height: 235px !important;
	float: left !important;
}
.compass-fit-ad-img {
	width: 100%;
    margin: 0 !important;
}
.compass-fit-ad-img:hover {
    transform: scale(1.0) !important;
}
.compass-fit-ad-img-inner {
	height: 100%;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.compass-fit-ad-img-inner:hover {
    transform: scale(1.15);
}
.compass-fit-ad-content {
    padding: 0 !important;
    position: relative !important;
    margin-top: 10px !important;
	width: 100% !important;
}
.compass-fit-ad[id*="item-3"] .compass-fit-ad-content {
    float: right !important;
    width: 250px !important;
    padding: 10px 0 0 15px !important;
    box-sizing: border-box !important;
    height: 100% !important;
	margin: 0 !important;
}
.compass-fit-ad-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 30px !important;
	-webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
.compass-fit-ad[id*="item-3"] .compass-fit-ad-title {
    -webkit-line-clamp: 2 !important;
    max-height: 60px;
    height: auto !important;
	white-space: normal !important;
    display: -webkit-box !important;
}
.compass-fit-ad-info span, .compass-fit-ad-adv, .compass-fit-ad-time, .compass-fit-ad-cat {
    color: rgba(255,255,255,0.8) !important;    
	text-align: left !important;
}
.ad3 [id*="adGeek-slot-div-gpt-ad"] {
	width: 100%;
	border-radius: 5px;
	margin-top: 15px;
}
[id*="google_ads_iframe"] {
	border-radius: 5px;
}
.trv-player-container {
    border-radius: 15px;
    overflow: hidden;
}
.compass-fit-widget-header:after, .compass-fit-ad-img-inner:before, .compass-fit-ad:before {
	display: none !important;
}

/* Wrapper 2 */
.wrapper1 li .thumb, .wrapper2 .thumb, .wrapper5 .thumb {
	width: 100%;
	cursor: pointer;
}
.wrapper5 .thumb, .wrapper5 .main {
	width: calc(((415px * 3) - 235px - 15px) / 3);
    height: 235px;
    margin: 0 0 0 15px;
}
.wrapper5 .main {
	width: calc(100% - 235px - (((415px * 3) - 235px - 15px) / 3) - 60px);
}
.wrapper1 .thumb img, .wrapper2 .thumb img, .wrapper4 .thumb img, .wrapper5 .thumb img, .wrapper6 .thumb img {
 	max-width: 100%;
  	height: auto;
}
.wrapper1 .thumb:hover img, .wrapper2 .thumb:hover img, .wrapper4 .thumb img:hover, .wrapper5 .thumb img:hover, .wrapper6 .thumb:hover img {
  	max-width: 115%;
}
.wrapper1 .social, .wrapper2 .social {
	width: auto;
	text-align: right;
	margin: -20px 0 0 0;
	overflow: hidden;
	color: rgba(255,255,255,0.8);
	z-index: 2;	
}
.wrapper2 .main p {
	display: none;
}

/* News */
#news, #container.author #description, #container.article > .outer, #container.coupon-cont > .outer, #container.more #filter, #container.spec-edit-cont #filter, #container.spec-edit .wrapper4, #container.coupon .wrapper4, #container.service > .outer {
    margin: 550px auto 25px auto;
	background: none;
}
#container.more #filter, #container.spec-edit-cont #filter, #container.author #description {
	margin-top: calc(550px - 59px);
}

/* Native AD */
.wrapper1 li.native-ad .info span {
	padding: 0;
}
.wrapper1 li.native-ad .info span:last-child {
    width: 110px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
}
.wrapper1 li.native-ad .social {
	display: none;
	visibility: hidden;
}

/* Filter */
.wrapper1 li.filter {
	text-align: center;
    padding: 29px 0 0 0;
    min-height: 190px;
    z-index: 3;
    width: 235px;
    height: 235px;
    top: 0;
    box-sizing: border-box;
}
.wrapper1 li.filter .btn {
	position: relative;
	display: block;
	margin: 0 auto;
	font-size: 15px;
	line-height: 29px;
	z-index: 6;	
}
.wrapper1 li.filter .dropdown {
    margin: 5px auto 20px auto;
	width: calc(100% - 40px);
}
#store.wrapper1 li:nth-child(5), #store.wrapper1 li:nth-child(10),
#all.wrapper1 > ul > li:nth-child(4), #all.wrapper1 > ul > li:nth-child(11), #all.wrapper1 > ul > li:nth-child(6n+13), #all.wrapper1 > ul > li:nth-child(6n+18), 
#search.map.hide-map .wrapper2 li:first-child, #search.map.hide-map .wrapper2 li:nth-child(6n+9), #search.map.hide-map .wrapper2 li:nth-child(6n+10),
#search:not(.map) .wrapper2 li:first-child, #search:not(.map) .wrapper2 li:nth-child(6n+9), #search:not(.map) .wrapper2 li:nth-child(6n+10),
#search:not(.map).no-result .wrapper1 li:first-child, #search:not(.map).less .wrapper1 li:first-child, #search.map.hide-map.no-result .wrapper1 li:first-child, #search.map.hide-map.less .wrapper1 li:first-child {
    width: calc(((415px * 3) - 15px - 235px) / 3 + 250px);
}
#store.wrapper1 li:nth-child(5) .thumb, #store.wrapper1 li:nth-child(10) .thumb,
#all.wrapper1 > ul > li:nth-child(4) .thumb, #all.wrapper1 > ul > li:nth-child(11) .thumb, #all.wrapper1 > ul > li:nth-child(6n+13) .thumb, #all.wrapper1 > ul > li:nth-child(6n+18) .thumb, 
#search.map.hide-map .wrapper2 li:first-child .thumb, #search.map.hide-map .wrapper2 li:nth-child(6n+9) .thumb, #search.map.hide-map .wrapper2 li:nth-child(6n+10) .thumb,
#search:not(.map) .wrapper2 li:first-child .thumb, #search:not(.map) .wrapper2 li:nth-child(6n+9) .thumb, #search:not(.map) .wrapper2 li:nth-child(6n+10) .thumb, 
#search:not(.map).no-result .wrapper1 li:first-child .thumb, #search:not(.map).less .wrapper1 li:first-child .thumb, #search.map.hide-map.no-result .wrapper1 li:first-child .thumb, #search.map.hide-map.less .wrapper1 li:first-child .thumb {
    width: calc(100% - 250px);
	height: 100%;
}
#store.wrapper1 li:nth-child(5) .main, #store.wrapper1 li:nth-child(10) .main, 
#all.wrapper1 > ul > li:nth-child(4) .main, #all.wrapper1 > ul > li:nth-child(11) .main, #all.wrapper1 > ul > li:nth-child(6n+13) .main, #all.wrapper1 > ul > li:nth-child(6n+18) .main, 
#search.map.hide-map .wrapper2 li:first-child .main, #search.map.hide-map .wrapper2 li:nth-child(6n+9) .main, #search.map.hide-map .wrapper2 li:nth-child(6n+10) .main, 
#search:not(.map) .wrapper2 li:first-child .main, #search:not(.map) .wrapper2 li:nth-child(6n+9) .main, #search:not(.map) .wrapper2 li:nth-child(6n+10) .main,  
#search:not(.map).no-result .wrapper1 li:first-child .main, #search:not(.map).less .wrapper1 li:first-child .main, #search.map.hide-map.no-result .wrapper1 li:first-child .main, #search.map.hide-map.less .wrapper1 li:first-child .main {
    float: right;
	width: 250px;
	padding: 10px 0 0 15px;
	box-sizing: border-box;
	height: 100%;
}
#store.wrapper1 li:nth-child(5) .social, #store.wrapper1 li:nth-child(10) .social, 
#all.wrapper1 > ul > li:nth-child(4) .social, #all.wrapper1 > ul > li:nth-child(11) .social, #all.wrapper1 > ul > li:nth-child(6n+13) .social, #all.wrapper1 > ul > li:nth-child(6n+18) .social, 
#search.map.hide-map .wrapper2 li:first-child .social, #search.map.hide-map .wrapper2 li:nth-child(6n+9) .social, #search.map.hide-map .wrapper2 li:nth-child(6n+10) .social, 
#search:not(.map) .wrapper2 li:first-child .social, #search:not(.map) .wrapper2 li:nth-child(6n+9) .social, #search:not(.map) .wrapper2 li:nth-child(6n+10) .social, 
#search:not(.map).no-result .wrapper1 li:first-child .social, #search.map.hide-map.no-result .wrapper1 li:first-child .social, #search:not(.map).less .wrapper1 li:first-child .social, #search.map.hide-map.less .wrapper1 li:first-child .social {
	width: 235px;
}
#store.wrapper1 li:nth-child(5) .social, #store.wrapper1 li:nth-child(10) .social,
#all.wrapper1 > ul > li:nth-child(4) .social, #all.wrapper1 > ul > li:nth-child(11) .social, #all.wrapper1 > ul > li:nth-child(6n+13) .social, #all.wrapper1 > ul > li:nth-child(6n+18) .social,
#search.map.hide-map .wrapper2 li:first-child .social, #search.map.hide-map .wrapper2 li:nth-child(6n+9) .social, #search.map.hide-map .wrapper2 li:nth-child(6n+10) .social, 
#search:not(.map) .wrapper2 li:first-child .social, #search:not(.map) .wrapper2 li:nth-child(6n+9) .social, #search:not(.map) .wrapper2 li:nth-child(6n+10) .social,
#search:not(.map).no-result .wrapper1 li:first-child .social, #search.map.hide-map.no-result .wrapper1 li:first-child .social, #search:not(.map).less .wrapper1 li:first-child .social, #search.map.hide-map.less .wrapper1 li:first-child .social {
   position: absolute;
   right: 0;
   bottom: 10px;
}
#store.wrapper1 li:nth-child(5) .main p, #store.wrapper1 li:nth-child(10) .main p, 
#all.wrapper1 > ul > li:nth-child(4) .main p, #all.wrapper1 > ul > li:nth-child(11) .main p, #all.wrapper1 > ul > li:nth-child(6n+13) .main p, #all.wrapper1 > ul > li:nth-child(6n+18) .main p,  
#search.map.hide-map .wrapper2 li:first-child .main p, #search.map.hide-map .wrapper2 li:nth-child(6n+9) .main p, #search.map.hide-map .wrapper2 li:nth-child(6n+10) .main p, 
#search:not(.map) .wrapper2 li:first-child .main p, #search:not(.map) .wrapper2 li:nth-child(6n+9) .main p, #search:not(.map) .wrapper2 li:nth-child(6n+10) .main p,
#search:not(.map).no-result .wrapper1 li:first-child .main p, #search.map.hide-map.no-result .wrapper1 li:first-child .main p, #search:not(.map).less .wrapper1 li:first-child .main p, #search.map.hide-map.less .wrapper1 li:first-child .main p {
    display: -webkit-box;
	color: rgba(255,255,255,0.8);
}
#container.video .wrapper1 li:nth-child(4):hover:before, #container.video .wrapper1 li:nth-child(4):hover:after, 
#container.video .wrapper1 li:nth-child(11):hover:before, #container.video .wrapper1 li:nth-child(11):hover:after,
#container.video .wrapper1 li:nth-child(13):hover:before, #container.video .wrapper1 li:nth-child(13):hover:after,
#container.video .wrapper1 li:nth-child(18):hover:before, #container.video .wrapper1 li:nth-child(18):hover:after,
#container.video .wrapper1 li:nth-child(19):hover:before, #container.video .wrapper1 li:nth-child(19):hover:after {
	top: 50%;
	left: calc(50% - 125px);
}
#all.wrapper1 > ul > li:first-child {
    margin-left: 250px;
}
#all.wrapper1 .title {
    position: absolute;
    left: 0;
    top: 0;
}
.wrapper1 li.filter .thumb, .wrapper1 li.filter .main, .wrapper1 li.filter .info, .wrapper1 li.filter .social {
	display: none;
}

/* Store */
#store {
	margin-bottom: 25px;
}
#store .more {
    margin: 0px auto 15px auto;
    position: relative;
    width: 1275px;
    left: auto;
    bottom: auto;
    padding: 0;
}
#container:not(.map) #store li.filter .dropdown:first-child {
    margin-top: 25%;
}
#store .title span, #store .feature, #store .title, #container:not(.map) #store li.filter .dropdown:not(:first-child)  {
	display: none;
}
#container #store li:last-child {
	display: block;
}
 
/* Video */
#video .info span, #video .social span {
	cursor: default;
}
#video .social span:hover {
	color: rgba(255,255,255,0.8);
}
#video .social span:first-child {
	display: block;
	visibility: visible;
}
#video li .thumb:before, #video li .thumb:after, #container.video li .thumb:before, #container.video li .thumb:after, 
#overlay-video .outer > .wrapper6 li .thumb:before, #overlay-video .wrapper6 li .thumb:after {
	cursor: pointer;
	content: "\e906";
	font-family: 'icon';
	font-weight: normal;
	font-style: normal;
	display: none;
    position: absolute;
	top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    line-height: 44px;
	color: #fff;
	text-align: center;
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 4;
}
#video li .thumb:after, #container.video li .thumb:after, #overlay-video .outer > .wrapper6 li .thumb:after {
	content: "";
    border-radius: 44px;
	z-index: 3;
}
#video li:hover .thumb:before, #video li:hover .thumb:after, #container.video li:hover .thumb:before, #container.video li:hover .thumb:after, 
#overlay-video .outer > .wrapper6 li:hover .thumb:before, #overlay-video .outer > .wrapper6 li:hover .thumb:after {
	display: block;
}
.live > .info span:first-child:before, li.live .info span:first-child:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin: 0 5px 0 0;
    top: -2px;
}

/* Author */
#author {
	width: 100%;
	height: 550px;
	margin: 28px auto 0 auto;
	position: relative;
	z-index: 1;
}
#author .title {
	position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
	font-weight: 300;
    z-index: 3;
    margin: 50px auto 25px auto;
}
#author li:before, #account.vip .top:before, #container.author #description .main:before {
	content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
	pointer-events: none;
}
#author li:first-child:before, #author li:nth-child(2):before, #author li:nth-child(3):before, #account.vip .top .thumb:before, #container.author.badge1 #description .main:before, #container.author.badge2 #description .main:before, #container.author.badge3 #description .main:before {
    display: block;
    background: url(../image/badge1_1.png) top center no-repeat;
	background-size: auto 100%;
}
#author li:nth-child(2):before, #container.author.badge2 #description .main:before {
    background: url(../image/badge2_1.png) top center no-repeat;
	background-size: auto 100%;
}
#author li:nth-child(3):before, #container.author.badge3 #description .main:before {
    background: url(../image/badge3_1.png) top center no-repeat;
	background-size: auto 100%;
}
#account.vip .top:before {
	background: url(../image/badge_vip_1.png) top left no-repeat;
	background-size: auto 100%;
	top: 15px;
    width: 200px;
    height: 200px;
}

/* Wrapper 3 */
.wrapper3 {
	max-width: 1170px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.wrapper3 li {
	position: relative;
	cursor: pointer;
}
.wrapper3 .thumb {
	position: relative;
	display: block;
	width: 200px;	
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 5;
	-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.wrapper3 .thumb img {
	-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.wrapper3 .main {
	width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    white-space: normal;
    padding: 0 20px;
}
.wrapper3 .main h1 {
	cursor: pointer;
	font-size: 15px;
    font-weight: normal;
    line-height: 30px;
	width: 100%;
    position: relative;
    display: inline-block;
    margin: 20px auto 0 auto;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
	color: rgba(255,255,255,1.0); 
}
.wrapper3 .main p {
	cursor: pointer;
	margin: 0 0 15px 0; 
	height: 44px;
  	width: 100%;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
	color: rgba(255,255,255,0.8); 
	font-size: 14px;
	line-height: 22px;
}
.wrapper3 .info {
	white-space: normal;
	color:rgba(255,255,255,0.8);
}
.wrapper3 .info span, #container.author #description .info span {
	color: rgba(255,255,255,0.8);
	white-space: normal;
}
.wrapper3 .info span, #account .top .info span {
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}
.wrapper3 .lSAction {
	width: 100%;
	height: 40px;
    position: absolute;
	z-index: 3;
	top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.lSPrev, .lSNext {
	position: relative;
	z-index: 3;
	cursor: pointer;
	display: block;
	right: 4px;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	-webkit-transition: color .3s linear !important;
  	-moz-transition: color .3s linear !important;
  	-ms-transition: color .3s linear !important;
  	-o-transition: color .3s linear !important;
  	transition: color .3s linear !important;
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.4 !important;
	font-size: 40px;
	color: rgba(255,255,255,1);
}
.lSPrev:before {
 	content: "\e900";
}
.lSNext:before {
	content: "\e901";
}
#author-prev {
	float: left;
	left: -53px !important;
}
#author-next {
	float: right;
	right: -53px !important;
}

/* Edition */
#edition > ul {
	margin-top: 100px;
}
#vip {
	top: 28px;
	margin: -28px auto 0 auto;
}
#edition .title, #vip .title {
    display: none;
}
#edition:before {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}
#edition, #vip {
	min-height: 550px;
	width: 100%;
	position: relative;
	z-index: 1;
}
.wrapper4 ul {
	width: auto;
    max-width: calc((415px * 3) + 30px);
    height: 100%;
    display: inline-block;
	z-index: 1;
	position: relative;
}
.wrapper4 li {
	background-color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	border-radius: 5px;
	box-sizing: border-box;
	height: auto;
	margin: 0 15px 15px 0;
	padding: 3px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width: calc((100% - 45px) / 3);
}
#vip .wrapper4 li {
	background-color: rgba(0, 0, 0, 1.0);
	-webkit-backdrop-filter: none;
    backdrop-filter: none;
}
#container:not(.spec-edit) #edition li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
	margin: 0 0 15px 0;
	padding: 0;
}
.wrapper4 .thumb {
	width: 100%;
	border-radius: 5px;
}
.wrapper4 li .main {
	margin: 0;
	padding: 10px;
}
.wrapper4 li h1 {
	text-align: left;
}
#container:not(.spec-edit) #edition li {
	height: auto;
}
#container:not(.spec-edit) #edition li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
	width: 235px;
}
#container:not(.spec-edit) #edition li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) .main {
	padding: 0;
}
#container:not(.spec-edit) #edition li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) .main h1 {
	line-height: 40px;
	height: 40px;
	text-align: center;
	width: 100%;
}
.wrapper4 li .main p {
	height: 44px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden; 
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	line-height: 22px;
}
.wrapper4 li .main p:hover, .wrapper4 li.disable h1, #container.coupon .wrapper4 li.disable .main p, #container.coupon-cont .wrapper4 li.disable .main p, #account .content > ul > li:nth-child(6) .outer > ul > li div:nth-child(2):hover, #container.coupon .wrapper4 li.disable h1 + div span:before, 
#container.coupon .wrapper4 li.disable:not(.pay) .main div span:first-child:after, #container.coupon-cont .wrapper4 li.disable:not(.pay) .main div span:first-child:after, #container.coupon-cont:not(.pay).disable #article > div:nth-child(4) span:first-child:after, #container.coupon .wrapper4 li.disable .main div span:first-child, #container.coupon-cont .wrapper4 li.disable .main div span:first-child, #container.coupon-cont.disable #article > div:nth-child(4) span:last-child,
#container.coupon-cont.disable .coupon .btn, #container.coupon-cont.disable #aside > .btn > span, #container.article.buy.disable #aside > .btn > span, .wrapper4 li.disable .main .btn, 
#container.article.disable #aside > .btn h1, #container.coupon-cont.disable #aside > .btn h1, #container.coupon-cont.disable .coin p, #container.coupon-cont.disable .coin p a, #container.coupon-cont.disable .coin p a:hover {
	color: rgba(255,255,255,0.4) !important;
}
#container:not(.spec-edit) #edition li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) .main p, #container:not(.spec-edit) #edition li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) .thumb {
	display: none;
}
.wrapper4 li .main p {
	display: -webkit-box;
}
.wrapper4 li.ad1, #container.spec-edit .wrapper4 li.ad1, #container.coupon .wrapper4 li.ad1, #container.service > .outer li.ad1 {
    padding: 0;
	height: auto;
}
.wrapper4 li.disable .thumb img, #container.coupon-cont.disable #aside > .btn .thumb img, #container.article.disable #aside > .btn .thumb img, #container.coupon-cont.disable #article .coupon img {
	filter: grayscale(1);
}
.wrapper4 li.disable .thumb img {
	max-width: 100%;
}
li.disable .thumb:after {
    content: "優惠結束";
    color: rgba(255, 255, 255, 1);
	background: rgba(0,0,0,0.2);
}

/* Wrapper 5 */
.wrapper5 {
	width: 100%;
	min-height: 235px;
	height: auto;
	position: relative;
	display: inline-block;
	width: calc(100% + 30px);
}
.wrapper5 .main {
	margin: 0 0 0 15px;
    float: left;
    padding: 10px 0;
    box-sizing: border-box;
}
.wrapper5 .main h1 {
	cursor: pointer;
	width: 100%;
	padding: 0 0 15px 0;
	text-align: left;
}
.wrapper5 .main div div {
	line-height: 29px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	display: block;
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	font-size: 13px;
}
#coupon.wrapper5 .main .btn {
    margin: 27px 0 0 0;
    padding: 0;
 }
.buy.disable .wrapper5 .main .btn {
	cursor: default;
    background-color: rgba(138,154,154,0.6) !important;
    border-color: rgba(138,154,154,0.8) !important;
 }
.buy.disable .wrapper5 .main .btn:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
.wrapper5 .main p {
	width: 100%;
	height: 132px;
	line-height: 22px;    
	display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
	overflow: hidden;
	cursor: pointer;
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
	color: rgba(255,255,255,0.8);
}

/* Footer */
#footer {
	font-size: 13px;
    line-height: 20px;
    color: rgba(255,255,255,0.8);
    text-align: left;
    position: relative;
	overflow: hidden;
    z-index: 1;
}
#container.article #footer, #container.coupon-cont #footer, #container.author #footer, #container.epaper #footer, #container.error #footer, #container.more #footer, #container.spec-edit #footer, #container.spec-edit-cont #footer, #container.service #footer, #container.coupon #footer {
	margin: 0;
}
#footer .outer {
	position: relative;
	margin: 0 auto;
	width: 1290px;
}
#footer a {
	color: rgba(255,255,255,0.8);
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#footer a:hover {
	opacity: rgba(255,255,255,0.4);
}
#footer ul {
	display: block;
	position: relative;
	float: left;
	width: 300px;
	margin: 0 0 20px 20px;
}
#footer li:first-child {
	font-size: 15px;
	margin: 40px auto 15px auto;
	color: #fff;
}
#footer .copyright {
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.4);
	border-style: solid none none none;
}

/* Holiday */
#container.holiday #banner ul:before {
	content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
	left: -25px;
    background: url('') center center no-repeat;
    display: block; 
	z-index: 5; 
}
#container.holiday #banner ul:after {
	content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -55px;
	right: -20px;
    background: url('') center center no-repeat;
    display: block;
	z-index: 5;
}
#container.holiday .filter:before {
	content: '';
    width: 110px;
    height: 110px;
    position: absolute;
    top: 130px;
    background: url('') center center no-repeat;
    display: block;
	left: -10px;
    z-index: 5;   
}
#container.holiday #author:after {
	content: '';
    height: 510px;
    position: relative;
    margin: -483px auto 0 auto;
    background: url('') center bottom no-repeat;
    width: 100%;
    display: block;
	z-index: -1;
}
#container.holiday #footer:after {
	content: '';
    height: 500px;
    position: absolute;
    margin-left: -680px;
    left: 50%;
    bottom: 0;
    background: url('') right bottom no-repeat;
    width: 1360px;
    display: block;
	z-index: -1;
}

/* Search */
#container.search, #container.fb, #container.account, #container.overlay-video, #container.tutorial, #container.order {
	-webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -ms-filter: blur(30px);
    -o-filter: blur(30px);
    filter: blur(30px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='30');
	-webkit-transition: 3s -webkit-filter linear;
  	-moz-transition: 3s -moz-filter linear;
  	-ms-transition: 3s -ms-filter linear;
  	-o-transition: 3s -o-filter linear;
	transition: 3s -webkit-filter linear;
	overflow: hidden;
}
#search, #fb, #account, #signin, #signup, #overlay-video, #tutorial, #order, #overlay-ad, #mobile-menu {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	visibility: visible;
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	transition: all .7s cubic-bezier(.25, .8, .25, 1);
	z-index:99;
}
/*#search:not(.hide):before, #fb:not(.hide):before, #account:not(.hide):before, #overlay-video:not(.hide):before, #tutorial:not(.hide):before, #order:not(.hide):before, #overlay-ad:not(.hide):before, #mobile-menu:not(.hide):before {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    transform: translateZ(0.1px);
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	transition: all .7s cubic-bezier(.25, .8, .25, 1);
	z-index: -1;
}*/
html.fixed .chat.is-visible {
	opacity: 0;
}
#tutorial, #order {
	overflow: hidden;
}
#search .icon-close, #fb .icon-close, #account .icon-close, #signin .icon-close, #signup .icon-close, #overlay-ad .icon-close, #overlay-video .icon-close, #mobile-menu .icon-close, #tutorial .icon-close, #order .icon-close {
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 10;
}
#search.hide, #fb.hide, #search.hide #map-search, #account.hide, #signin.hide, #signup.hide, #overlay-ad.hide, #overlay-video.hide, #mobile-menu.hide, #tutorial.hide, #order.hide {
    top: -100%;
	visibility: hidden;
	z-index: -1;
}
#search.hide .icon-close, #fb.hide .icon-close, #account.hide .icon-close, #signin.hide .icon-close, #signup.hide .icon-close, #overlay-ad.hide .icon-close, #overlay-video.hide .icon-close, #tutorial.hide .icon-close, #order.hide .icon-close, #search.hide .fb-like {
    display: none;
}
#search-content, #account-content, #signin-content, #signup-content, #overlay-video-content {
	width: 1275px;
	margin: 0 auto;
	position: relative;
	min-height: 890px;
	text-align: center;
}
#search-input {
	font-size: 30px;
	background: none;
	border: none;
	height: 45px;
	line-height: 45px;
	font-weight: 300;
	position: relative;
	float: left;
	width: 1220px;
	padding: 0 45px 0 0;
	color: rgba(255,255,255,0.8);
}
#search .icon-search {
	font-size: 30px;
    position: relative;
    float: right;
	opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: -45px 0 0 15px;
	cursor: pointer;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
} 
#search .icon-search:hover {
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#search-box {
	position: relative;
	margin: 0 auto;
	height: 150px;
	text-align: left;
	padding: 15px 0 0 0;
}
#search.hide #search-box, #search-box li:nth-child(3), #search-box li:nth-child(4) {
	display: none;
}
#search-box .outer {
	position: relative;
	margin: 0 auto;
	width: calc(((415px * 3) - 15px - 235px) / 3 * 2 + 15px);
}
#search .dropdown, #account .content > ul > li .filter .dropdown {
	float: left;
	margin: 15px 15px 0 0;
}
#search .dropdown {
	width: calc((100% - 45px) / 4);
}
#search .dropdown select, #account .content > ul > li .filter .dropdown select {
	width: 100%;
}
#search-box li:last-child .dropdown {
	margin: 15px 0 0 0; 
}
#search .wrapper2 {
	margin: 0 auto;
	width: 100%;
	left: auto;
}
#search-keyword {
	position: relative;
	margin: 15px auto 30px auto;
	display: block;
	width: auto;
	height: 29px;
	line-height: 29px;
	color: rgba(255,255,255,0.8);
	float: right;
	padding: 0 5px 0 0;
}
#search #search-keyword span {
	cursor: pointer;
	padding: 0 10px 0 0;
}
#search span.toggle-map {
	position: relative;
	float: right;
	padding: 0 15px 0 0;
	color: rgba(255,255,255,0.8) !important;
	opacity: 0;
	display: none;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#search span.toggle-map:before {
	content: '收起地圖';
}
#search span.toggle-map:hover {
	color: rgba(255,255,255,0.4) !important;
}
#search .show-map, .show-pay {
	position: fixed; 
	opacity: 0;
	right: 0; 
	top: 0;
	width: 32px;
	height: 100%;
	z-index: 9;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#search .show-map .btn, .show-pay .btn {
	width: 29px;
	height: 75px;
	line-height: 29px;
	writing-mode: vertical-rl;
	border: none;
	position: relative;
	float: left;
}
#search .show-map:after, .show-pay:after {
	content: '';
	width: 3px;
	height: 100%;
	position: relative;
	float: right;
}

/* Map Mode */
#search.map #search-content {
    width: 100%;
    margin: 0 0 0 70px;
}
#search.map.hide-map #search-content, #search.map.hide-map #search-box.fixed .outer, 
#search:not(.map) #search-content, #search:not(.map) #search-box.fixed .outer {
    width: 1275px;
    margin: 0 auto;
}
#search.map #search-box, #search.map #search-box .outer {
	float: left;
}
#search #search-box #search-keyword, #search #search-input {
	width: 100%;
	box-sizing: border-box;
}
#search #search-result ul, #search.no-result #no-result ul, #search.less #no-result ul {
	float: left;
    display: block;
    width: calc(((415px * 3) - 15px - 235px) / 3 * 2 + 30px);
	height: auto;
	left: auto;
	padding: 0;
}
#search li.ad1,  #search li.ad2 {
	display: none;
}
#search.map span.toggle-map {
	opacity: 1;
	display: block;
	padding: 0 !important;
}
#search.hide.map.hide-map .show-map {
	opacity: 0;
}
#search.map #search-box li:nth-child(3), #search.map #search-box li:nth-child(4) {
	display: block;
}
#search #search-keyword {
	margin: 10px auto;
	float: left;
}

/* Search Map */
#search .map-wrapper {
	position: fixed;
	top: 0;
	height: 100%;
	right: -100%;
    left: auto;
	opacity: 0;
	-webkit-transition: opacity .7s linear;
  	-moz-transition: opacity .7s linear;
  	-ms-transition: opacity .7s linear;
  	-o-transition: opacity .7s linear;
  	transition: opacity .7s linear;
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	transition: all .7s cubic-bezier(.25, .8, .25, 1);
	z-index: 7;
}
#search.map .map-wrapper {
	opacity: 1;
	left: calc(((415px * 3) - 15px - 235px) / 3 * 2 + 30px + 55px + 40px);
	right: 0;
	z-index: 9;
}
#map-search, #map-location, #map-vip {
    height: 100%;
	right: 0; 
	opacity: 1;
	top: 0;
	-webkit-transition: opacity .7s linear;
  	-moz-transition: opacity .7s linear;
  	-ms-transition: opacity .7s linear;
  	-o-transition: opacity .7s linear;
  	transition: opacity .7s linear;
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	transition: all .7s cubic-bezier(.25, .8, .25, 1);  
}
#search.map.hide-map .map-wrapper, #search.map.hide-map .map-wrapper #map-search {
	opacity: 0;
	left: auto;
	right: -100%;
}

/* Hide Map */
#search.map.hide-map #search-box, #search.map.hide-map #search-box .outer, 
search:not(.map) #search-box, #search:not(.map) #search-box .outer {
	width: 100%;
	float: inherit;
}
#search.map.hide-map #search-box.fixed, #search:not(.map) #search-box.fixed {
	left: 0;
    margin: 0;
	width: 100%;
}
#search.map.hide-map #search-result ul, #search.map.hide-map.no-result #no-result ul, #search.map.hide-map.less #no-result ul,
#search:not(.map).no-result #no-result ul, #search:not(.map) #search-result ul {
	width: calc(((415px * 3) - 15px - 235px) / 3 * 4);
}
#search.map.hide-map span.toggle-map:before {
	content: '展開地圖';
}
#search.map.hide-map div.toggle-map, #search.map.hide-map li.ad2, #search:not(.map) li.ad2 {
	/*display: block;*/
}
#search.map.hide-map li.ad1 {
	display: none;
}

/* No Result */
#search #no-result, #search.no-result #search-result, #search.no-result .pagination, #search.map #no-result li:nth-child(3) {
	display: none;
}
#search.map.hide-map #no-result li:nth-child(3)  {
	display: block;
}
#search.no-result #no-result, #search.map.hide-map.no-result #no-result, #search.less #no-result, #search.map.hide-map.less #no-result {
 	display: inline-block;
	left: 0;
	position: absolute;
    bottom: 0;
}
#search #no-result .title, #search.map.hide-map #no-result .title {
    display: none;
}
#search.no-result #search-content:before, #search.map.hide-map.no-result #search-content:before, #account li.no-result:before, #container.more.no-result #filter:after, #container.spec-edit-cont.no-result #filter:after, #account .content > ul > li.coming-soon:nth-child(3) .outer:after, #account .content > ul > li:nth-child(3).no-result .no-result:before, #account .content > ul > li:nth-child(5).no-result .no-result:before, #account .content > ul > li:nth-child(6).no-result .no-result:before, #container.coupon.no-result #coupon > ul:before {
	content: '沒有搜尋結果';
	font-size: 30px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.4);
    display: block;
    width: 100%;
    position: absolute;
    top: calc(50% - 80px);
    -ms-transform: translate(-0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#search.map.no-result #search-content:before {
	width: calc(((415px * 3) - 15px - 235px) / 3 * 2 + 15px);
}
#search.map .pagination {
	width: calc(((415px * 3) - 15px - 235px) / 3 * 2 + 30px);
	float: left;
}
#search.map.hide-map .pagination {
    width: calc(100% + 15px);
}
#account .content > ul > li:nth-child(5) .outer .pagination, #account .content > ul > li:nth-child(6) .outer .pagination {
    padding: 0 0 30px 0;
}

/* Tag */
#video li .tag, .wrapper6 li .tag {
  	width: 75px;
  	height: 75px;
  	overflow: hidden;
  	position: absolute;
  	top: -5px;
  	left: -5px;
	z-index: 3;
}
#video li .tag:before, #video li .tag:after, .wrapper6 li .tag:before, .wrapper6 li .tag:after {
  	position: absolute;
  	z-index: -1;
  	content: '';
  	display: block;
  	border: 3px solid;
	border-top-color: transparent;
  	border-left-color: transparent;
}
#video li .tag span, .wrapper6 li .tag span {
  	position: absolute;
  	display: block;
  	width: 106px;
  	padding: 5px 0;
  	color: #fff;
  	font-size: 13px;
  	text-align: center;
	right: -6px;
  	top: 13px;
 	transform: rotate(-45deg);
}
#video li .tag:before, .wrapper6 li .tag:before {
  	top: 0;
  	right: 0;
}
#video li .tag:after, .wrapper6 li .tag:after {
  	bottom: 0;
  	left: 0;
}
#video li .tag, #overlay-video li .tag, #container.video li .tag {
	left: 5px;
	top: 5px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	overflow: inherit;
	cursor: pointer;
	padding: 0;
}
#video li .tag span, #overlay-video li .tag span, #container.video li .tag span, .show-pay .icon-gift {
	width: 44px;
	height: 44px;
	line-height: 44px;
	top: 0;
	right: 0;
	padding: 0;
	transform: rotate(0deg);
	font-size: 24px;
	background: none !important;
	opacity: 0.8;
}
.wrapper1 li .tag, .wrapper2 li .tag, .wrapper6 li .tag, #video li .tag:before, #video li .tag:after, #overlay-video li .tag:before, #overlay-video li .tag:after, #container.more li.show-tag .tag, .video .wrapper1 li .tag:before, .video .wrapper1 li .tag:after, .video .wrapper2 li .tag:before, .video .wrapper2 li .tag:after {
	display: none;
}
li.show-tag .tag, #container.more.video li.show-tag .tag {
	display: block;
} 

/* Pagination */
.pagination {
	position: relative;
	margin: 0 auto;
	padding: 0 0 10px 0;
    width: 100%;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	z-index: 1;	
}
.pagination ul {
    position: relative;
	float: right;
	width: auto;
	left: auto;
	min-height: auto;
}
.pagination li {
	min-width: 15px;
	width: auto;
    margin: 0 15px 0 0 !important;
	height: 29px !important;
	min-height: 29px;
	line-height: 29px;
	display: block;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	float: left;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
	background: none !important;
}
.pagination li.current {
	cursor: default;
	color: rgba(255,255,255,0.4) !important;
}
.pagination li.current:hover {
	color: rgba(255,255,255,0.4) !important;
}
.pagination .icon-arrow-left, .pagination .icon-arrow-right {
	background: none;
}
.pagination li:first-child, .pagination li:nth-child(2), .pagination li:nth-child(3), .pagination li:nth-last-child(3), .pagination li:nth-last-child(2), .pagination li:last-child {
	display: none;
}
.pagination li:first-child.active, .pagination li:nth-child(2).active, .pagination li:nth-child(3).active, .pagination li:nth-last-child(3).active, .pagination li:nth-last-child(2).active, .pagination li:last-child.active {
	display: block;
}
.pagination div {
	color: rgba(255,255,255,0.4);
	white-space: nowrap;
	width: auto;
	position: relative;
	float: left;
}
.pagination div span:first-child {
	font-size: 30px;
	font-weight: 300;
	line-height: 15px;
	padding: 0;
}
.pagination div span:nth-child(2) {
	padding: 0 10px 0 0;
}
#container.more .pagination, #container.spec-edit-cont .pagination, #container.author .pagination, #container.coupon .pagination  {
	width: 1290px;
	padding: 3px 0 13px 0;
}

/* Author */
#container.author #description {
	width: 1275px;
	position: relative;
	z-index: 1;
	text-align: center;
}
#container.author #description .main {
	text-align: center;
    display: block;
    margin: -400px auto 0 auto;
    padding: 250px 15px 0 15px;
	position: relative;
	width: calc(100% - 30px);
	z-index: 4;
}
#container.author #description .main h1, #account .top h1 {
	font-size: 30px;
	font-weight: 300;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
	z-index: 2;
}
#container.author #description .main p {
	color: rgba(255,255,255,0.8);
	padding: 20px 0 0 0;
	line-height: 22px;
	display: block;
	overflow: hidden; 
	z-index: 2;
	font-size: 14px;
}
#container.author #description .main ul {
	margin: 15px 0 0 0;
	line-height: 22px;
    font-size: 14px;
}
#container.author #description a {
	color: rgba(255,255,255,0.8);
	-webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
#container.author #description a:hover {
	color: rgba(255,255,255,0.4);
}
#container.author #description .thumb {
	width: 200px;
	height: 200px;
	-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	top: -200px;
	z-index: 3;
}
#container.author #description .info {
	height: 30px;
	position: absolute;
	top: 0;
	left: 5px;
	overflow: hidden;
	z-index: 2;
	color: rgba(255,255,255,0.8);
	text-align: left;
}
#container.author #description .info div {
    position: relative;
    float: left;
}
#container.author #description .info span {
	display: inline;
	white-space: nowrap;
	font-size: 30px;
	line-height: 35px;
	max-width: 115px;
	overflow: hidden;
	font-weight: 300;
	margin: 0 0 0 10px;
}
#container.author #description .info span:nth-child(5), #container.author #description .info span:nth-child(6) {
	display: none;
}
#container.author #description .social {
	height: 30px;
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 5;
}
#container.author #description .thumb img, #account .top .thumb img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#container.author #new {
	margin: 0 0 -15px 0;
}

/* Article */
#container.article > .outer, #container.coupon-cont > .outer {
	width: 1275px;
	min-height: 1450px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
}
#container.article #article, #container.coupon-cont #article {
	position: relative;
	float: left;
	width: calc(100% - (((415px * 3) - 235px - 15px) / 3) - 15px);
	margin: 0 15px 0 0;
	padding: 15px 0 0 0;
	line-height: 20px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	z-index: 1;
}
#container.article #article > h1, #container.coupon-cont #article > h1, #tutorial h1, #order h1 {
	font-size: 30px;
	line-height: 45px;
	font-weight: 300;
	min-height: 45px;
	width: 100%;
	float: left;
	text-align: left;
	padding: 5px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
	color: rgba(255,255,255,1.0);
}
#container.article #article > .social .btn, #container.coupon-cont #article > .social .btn {
	border-radius: 4px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	padding: 0 10px;
	cursor: pointer; 
	position: relative;
	float: right;
	margin: 0 0 0 5px;
	font-size: 12px;
	width: auto;
	border: none;
	display: none;
}
#container.article #article > .social, #container.coupon-cont #article > .social {
	height: 30px;
	position: absolute;
	top: 15px;
	right: 0;
}
#container.article #article > .info {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	text-align: left;
	width: 100%;
}
#container.article #article .root span, #container.article #article > .info span, #container.coupon-cont #article .root span, #container.coupon-cont #article > .info span, #overlay-video .info .author {
	cursor: pointer;
	padding: 0 5px;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#container.article #article .root span:first-child, #container.article #article > .info > span:first-child, #container.coupon-cont #article .root span:first-child, #container.coupon-cont #article > .info > span:first-child {
	padding: 0 5px 0 0;
}
#container.article #article > .info > span:first-child, #container.article #article>.info > span:first-child:hover, #container.article #article>.info span:nth-child(2), #container.article #article>.info span:nth-child(3), #container.article #article>.info a span, #container.coupon-cont #article > .info > span:first-child, #container.coupon-cont #article>.info > span:first-child:hover, #container.coupon-cont #article>.info span:nth-child(2), #container.coupon-cont #article>.info span:nth-child(3), #container.coupon-cont #article>.info a span, #container.article #article>.info .author.disable:hover {
	color: rgba(255,255,255,0.8);
}
#container.article #article .root span:hover, #container.article #article>.info span:hover:nth-child(2), #container.article #article > .info a span:hover, #container.article #article>.info span:hover:nth-child(3), #container.coupon-cont #article .root span:hover, #container.coupon-cont #article>.info span:hover:nth-child(2), #container.coupon-cont #article > .info a span:hover, #container.coupon-cont #article>.info span:hover:nth-child(3), #overlay-video .info .author:hover {
	color: rgba(255,255,255,0.4);
}
#container.article #article > .info > span:first-child, #container.coupon-cont #article > .info > span:first-child, #container.article #article>.info .author.disable {
	cursor: default;
}
#container.article #article > .info > span:nth-child(3):before, #container.article #article > .info a span:before, #container.article #article > .info > span:nth-child(4):before, #container.coupon-cont #article > .info > span:nth-child(3):before, #container.coupon-cont #article > .info a span:before, #container.coupon-cont #article > .info > span:nth-child(4):before, #overlay-video .info .author:before {
	content: '';
	border-style: none none none solid;
	border-width: 1px;
	border-color: rgba(255,255,255, 0.4);
	padding: 0 0 0 15px;
}
#container.article #article>p, #container.article #article>div, #container.article #article #content p, #container.article #article #content img, #container.article #article #content iframe, #container.article #article h2, #container.article #article h3, #container.coupon-cont #article>p, #container.coupon-cont #article>div, #container.coupon-cont #article #content p, #container.coupon-cont #article #content img, #container.coupon-cont #article h2, #container.coupon-cont #article h3 {
	margin: 0 auto 15px auto;
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
}
#container.article #article>p, #container.article #article>div:not(.info):not(#coupon), #container.article #article #content p, #container.coupon-cont #article>p, #container.coupon-cont #article>div:not(.coupon), #container.coupon-cont #article #content p, #container.article #content ul, #container.coupon-cont #content ul {
    font-size: 14px;
    line-height: 22px;
	color: rgba(255,255,255,0.8) !important;
}
#container.article #article #content .ad3 img, #container.article #article #content .ad3 p {
    padding: 0;
}
#container.article #article>div.ad3, #container.coupon-cont #article>div.ad3 {
	padding: 0;
}
#article #content div:not(.btn) {
    background: none !important;
    color: rgba(255,255,255,0.8) !important;
}
#container.article #article .root, #container.coupon-cont #article .root {
	text-align: left;
}
#container.article #article h2, #container.coupon-cont #article h2 {
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color: #fff;
}
#container.article #article > img, #container.article #article #content img, #container.article #article #content iframe:not([id*="google_ads_iframe_"]), #container.article #article #content blockquote, #container.coupon-cont #article > img, #container.coupon-cont #article #content img, #container.coupon-cont #article #content iframe:not([id*="google_ads_iframe_"]), #container.coupon-cont #article #content blockquote, #container.coupon-cont #article .coupon img, #container.article #article #content video, #container.coupon-cont #article #content video {
	width: 845px !important;
	max-width: none !important;
	margin: 0 auto 20px auto !important;
	display: block;
	border-radius: 15px;
}
#container.article #article #content .video iframe {
    width: 100% !important;
}
#container.article #article > img, #container.coupon-cont #article > img, #container.article #article #content img, #container.coupon-cont #article #content img {
	height: auto;
}
#container.article #article #content iframe:not([class]):not([id]), #container.coupon-cont #article #content iframe:not([class]):not([id]), #container.article #article #content video, #container.coupon-cont #article #content video {
	height: 513px;
}
#container.article #article #content a, #container.coupon-cont #article #content a {
	word-break: break-all;
}
#container.article #article > ul, #container.coupon-cont #article > ul, #container.article #article #content ul, #container.coupon-cont #article #content ul {
	margin: 0 auto 20px auto;
}
#container.article #article > ul > li, #container.coupon-cont #article > ul > li, #container.article #article #content li, #container.coupon-cont #article #content li {
    text-align: justify;
	list-style-type: decimal-leading-zero;
    list-style-position: inside;
}
#container.article #article .wrapper1 ul, #container.coupon-cont #article .wrapper1 ul {
	left: 0;
	float: left;
    margin-left: 15px;
}
#container.article #aside, #container.coupon-cont #aside {
	position: relative;
	float: left;
	width: calc(((415px * 3) - 235px - 15px) / 3);
	margin: -50px 0 0 0;
	z-index: 3;
}
#container.article #aside > .facebook .fb_iframe_widget span, #container.coupon-cont #aside > .facebook .fb_iframe_widget span {
	display: inline-block;
    position: relative;
    text-align: justify;
    width: calc(((415px * 3) - 235px - 15px) / 3) !important;
}
#container.article #aside > .btn, #container.coupon-cont #aside > .btn, #overlay-video > .btn {
	display: inline-block;
    height: 120px;
    line-height: 120px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 22px;
    background: none;
    position: relative;
    z-index: 5;
    font-weight: 300;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateZ(0.1px);
	overflow: hidden;
}
#container.article #aside > .btn.fixed, #container.coupon-cont #aside > .btn.fixed, #overlay-video > .btn {
	position: fixed;
    bottom: 15px;
    right: 15px;
    line-height: 44px;
    height: 235px;
    width: 235px;
}
#container.article #aside > .btn > span, #container.coupon-cont #aside > .btn > span, #overlay-video > .btn span, #fb .btn span, #tutorial-content .btn span, #order-content .btn span { 
	z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0 0 15px;
	border-radius: 5px;
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateZ(0.1px);
}
#container.article #aside > .btn > span, #container.coupon-cont #aside > .btn > span { 
	overflow: hidden;
}
#container.article #aside > .btn.fixed span, #container.coupon-cont #aside > .btn.fixed span, #overlay-video > .btn span { 
    left: 0;
    bottom: 0;
    top: auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 205px;
    border: none;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    padding: 0 15px;
    position: absolute;
	border-radius: 0 0 5px 5px;
    z-index: 2;
}
#container.article #aside > .btn a, #container.coupon-cont #aside > .btn a, #overlay-video > .btn a {
    color: #fff;
}
#container.article #aside > .btn h1, #container.coupon-cont #aside > .btn h1 {
	font-size: 15px;
    z-index: 3;
    position: relative;
    font-weight: 300;
    padding: 15px 0 0 15px;
    width: calc(100% - 120px - 30px);
    height: 44px;
    line-height: 44px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
#container.article #aside > .btn.fixed h1, #container.coupon-cont #aside > .btn.fixed h1, #overlay-video > .btn h1, #overlay-video.hide .btn {
	opacity: 0;
}
#container.article #aside > .btn .thumb, #container.coupon-cont #aside > .btn .thumb, #overlay-video > .btn .thumb {
	width: 120px;
	height: 120px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
	border-radius: 0 5px 5px 0;
}
#container.article #aside > .btn.fixed .thumb, #container.coupon-cont #aside > .btn.fixed .thumb {
	background: rgba(255,255,255,0.8);
}
#container.article #aside > .btn.fixed .thumb, #container.coupon-cont #aside > .btn.fixed .thumb, #overlay-video > .btn .thumb {
	position: fixed;
    height: 235px;
    width: 235px;
    bottom: 0;
    right: 0;
    top: auto;
    z-index: 1;
	border-radius:5px;
}
#container.article #aside > .btn .icon-arrow-right, #container.coupon-cont #aside > .btn .icon-arrow-right, #overlay-video > .btn .icon-arrow-right, #fb .btn .icon-arrow-right, #tutorial .btn .icon-arrow-right, #order .btn .icon-arrow-right {
	display: none;
}
#container.article #aside > .btn .outer, #container.coupon-cont #aside > .btn .outer, #overlay-video > .btn .outer {
	width: 100%;
}
#container.article #aside > .btn .icon-arrow-right, #container.coupon-cont #aside > .btn .icon-arrow-right {
	display: none;
}
#container.article #aside > .btn.fixed .icon-arrow-right, #container.coupon-cont #aside > .btn.fixed .icon-arrow-right {
	display: block;
}
#container.article #aside > .btn.fixed:before, #container.coupon-cont #aside > .btn.fixed:before {
    background: none;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
#container.article #aside > .facebook, #container.coupon-cont #aside > .facebook, #container.article #aside .instagram, #container.coupon-cont #aside .instagram, #container.article #aside .booking1, #container.coupon-cont #aside .booking1 {
	width: 100%;
	overflow: hidden;
	margin: 15px auto;
	position: relative;
	z-index: 1;
	border-radius: 5px;
}
#container.article #aside .booking1, #container.coupon-cont #aside .booking1 {
	display: none; 
}
#container.article #aside .booking2, #container.coupon-cont #aside .booking2, #container.article #aside .booking3, #container.coupon-cont #aside .booking3, #container.article #aside .booking4, #container.coupon-cont #aside .booking4 {
	display: none;
	position: relative;
	margin: 15px auto 0 auto;
	width: auto;
    float: left;
	z-index: 1;
	border-radius: 5px;
}
.booking1 iframe, .booking2 iframe, .booking3 iframe, .booking4 iframe {
	border-radius: 5px;
}
#container.article #aside .booking4, #container.coupon-cont #aside .booking4 {
    float: none;
    width: 320px;
	border-radius: 5px;
	overflow: hidden;
}
#container.article #aside .wrapper2, #container.coupon-cont #aside .wrapper2, #container.coupon-cont #aside .wrapper4 {
	width: 100%;
	margin: 0 auto;
	left: auto;
}
#container.coupon-cont #aside .wrapper4 {
	min-height: 0;
}
#container.article #aside .wrapper2 ul, #container.coupon-cont #aside .wrapper2 ul, #container.coupon-cont #aside .wrapper4 ul {
	width: 100%;
	z-index: 1;
	left: 0;
}
#container.article #aside .wrapper2 li, #container.coupon-cont #aside .wrapper2 li, #container.coupon-cont #aside .wrapper4 li {
	margin: 15px 0 0 0;
}
#container.article #aside .wrapper2 li:first-child, #container.coupon-cont #aside .wrapper2 li:first-child, #container.coupon-cont #aside .wrapper4 li:first-child {
	margin: 3px 0 0 0;
}
#container.article .wrapper1 li, #container.coupon-cont .wrapper1 li {
	margin: 0 15px 0 0;
	display: none;
}
#container.article .wrapper1 li:first-child, #container.article .wrapper1 li:nth-child(2), #container.coupon-cont .wrapper1 li:first-child, #container.coupon-cont .wrapper1 li:nth-child(2) {
    display: block;
}
#container.article #comment, #container.coupon-cont #comment {
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 210px;
	margin: 0 auto 21px auto;
	padding: 15px 0;
	z-index: 2;
	filter: contrast(0.25)brightness(1.5)saturate(2.5);
}
#container.article #comment > .outer, #container.coupon-cont #comment > .outer {
	width: calc(1275px - (((415px * 3) - 235px - 15px) / 3));
    position: relative;
    display: inline-block;
    min-height: 210px;
    margin-left: calc(((-415px * 3) + 235px + 15px) / 3);
    margin-bottom: 15px;
}
#container.article .fb-comments, #container.coupon-cont .fb-comments {
	position: relative;
	float: left;
}
#container.article #location, #container.coupon-cont #location {
	position: relative;
	margin: -21px auto 0 auto;
	width: 100%;
	height: 485px;
	display: none;
	border: none;
	z-index: 1;
	top: 0;
}
#container.article #location .bookingaff, #container.coupon-cont #location .bookingaff {
	position: relative;
	top: -18px;
}
#container.article #footer, #container.coupon-cont #footer {
	/*margin-top: -21px;*/
}
#container.article.map #location, #container.coupon-cont.map #location {
	display: inline-block;
}
#container.article #aside .ad3, #container.coupon-cont #aside .ad3 {
	margin: 0 auto;
}
#container.article #article .ad1, #container.coupon-cont #article .ad1 {
	display: block;
	text-align: center;
	margin: 40px auto;
}
#container.article #aside .ad3, #container.coupon-cont #aside .ad3 {
	display: block !important;
}
#container.article #aside > .btn .fb_iframe_widget, #container.coupon-cont #aside > .btn .fb_iframe_widget {
	display: none;
	position: absolute;
    z-index: 1;
    top: 0;
    left: 1px;
    width: 180px;
    height: 70px;
}
#container.article #aside > .btn .fb_iframe_widget span, #container.coupon-cont #aside > .btn .fb_iframe_widget span {
	position: absolute;
    top: 0;
}
#container.article #aside .ad1, #container.coupon-cont #aside .ad1 {
	display: none;
	float: left;
	margin-bottom: 5px;
}
#article li.ad3 {
    margin: 0 auto 20px auto;
}
#container.article #article #content iframe.wp-embedded-content {
    display: none;
}

/* Coupon */
#container.article #coupon .main > div {	
	font-size: 14px;
	height: 29px;
	line-height: 29px;	
	padding: 1px 0;
	cursor: default;
	display: block;
	text-align: left;
	overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
#container.article #article #coupon a .title span, #container.article #article #coupon a:hover .title span {
    color: #fff !important;
}
#container.article #article table, #container.coupon-cont #article table {
    width: 100% !important;
    border: none;
    margin: 0 auto 10px auto;
	border-collapse: collapse;
}
#container.article #article caption, #container.coupon-cont #article caption {
    margin: 0 auto 10px auto;
	text-align: left;
}
#container.article #article td, #container.coupon-cont #article td {
    min-height: 29px;
    line-height: 29px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 5px 10px;
    margin: 0;
    min-width: 44px;
}
#container.article #article tr:nth-child(even) {
    background: #fff;
}
#container.article #article tr:first-child {
    color: #fff;
	border-width: 1px;
	border-style: solid;
}
#container.article #article tr:first-child td, #container.coupon-cont #article td {
    border: none;
}
#container.article #article stong, #container.coupon-cont #article strong {
    font-weight: normal;
}
#container.article #article caption span, #container.coupon-cont #article caption span {
    font-size: 18px;
}
#container.coupon .wrapper4 > ul {
    width: 100%;
}
#container.coupon-cont #article #content td span, #container.coupon-cont #article #content td strong span, #container.coupon-cont #content td font, #container.coupon-cont #content td b, #container.coupon-cont.taiwan #content td span strong {
    color: rgba(255,255,255,0.8) !important;
    font-weight: normal;
}
#container.article.buy.disable #aside > .btn > span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
#container.coupon-cont .coin p span:after {
    content: "兌換";
}
#container.coupon-cont.pay .coin p span:after {
    content: "核銷";
}
#container.coupon-cont #article .coin a.error, #container.coupon-cont .coin p {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
	font-size: 14px;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
	pointer-events: none;
}
#container.coupon-cont #article .coin .error.on, #container.coupon-cont.vip #article .coin a.error.vip, #container.coupon-cont .coin p {
	position: relative;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	pointer-events: auto;
	line-height: 29px;
	display: inline-block;
}
#container.coupon-cont #article .coin a.error.on:hover, #container.coupon-cont.vip #article .coin a.error.vip:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#container.coupon-cont .menu {
    display: none;
}
#container.coupon-cont.menu .menu {
    display: block;
}

/* RSS */
#container.article #rss, #container.article.rss #content, #container.article.rss #aside:after, #container.article.rss #aside > .btn, #container.article.rss #coupon {
    display: none;
}
#container.article.rss #aside:after {
    margin: -12px 0 0 0;
}
#container.article.rss #rss {
    display: block;
	top: 20px;
    min-height: 255px;
	cursor: pointer;
}
#container.article #rss a {
	color: rgba(255,255,255,0.8);
}
#container.article #rss span {
	line-height: 20px;
    display: inline-block;
    text-align: left;
    bottom: 15px;
	left: 15px;
	right: 15px;
    position: absolute;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Social Plugin */
.fb-share, .fb-like, .line-it-button, .weibo-button {
	position: relative;
	float: right;
	margin: 0 0 0 6px;
}
.fb-like {
    border-radius: 3px;
    height: 20px;
    width: 75px;
	overflow: hidden;
}
.fb-like iframe {   
    margin-left: -4px;
}
.fb-like iframe:focus {
    background: transparent;
}
.weibo-button {
    width: 60px;
    height: 20px;
    overflow: hidden;
    border-radius: 4px;
}
.weibo-button iframe {
    margin: -1px 0 0 -1px;
}
.line-it-button {
    min-width: 51px;
    height: 20px !important;
}
li .social .fb_iframe_widget {
	margin: 1px 0 0 9px !important;
}
#fb .fb_iframe_widget, #aside .fb_iframe_widget {
	margin: 0;
}
.fb_iframe_widget iframe {
    visibility: visible !important;
	width: 100% !important;
}
.instagram-media {
	background: rgba(255,255,255,0.8) !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    width: 100% !important;
	margin: 0 !important;
	max-width: none !important;
    position: relative;
    z-index: 1;
}

/* Facebook */
#fb .facebook {
	width: 415px;
	height: 485px;
	position: absolute;
	top: calc(50% - 25px);
	left: 50%;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	overflow: hidden;
	border-radius: 5px; 
}
#fb.hide .facebook, #fb .facebook-mobile {
	display: none;
}
#fb .btn, #tutorial-content .btn, #order-content .btn {
	position: absolute;
	width: 415px;
	top: calc(50% + (485px / 2));
	left: 50%;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	display: inline-block;
    height: 40px;
    line-height: 40px;
    border: none;
    text-align: center;
    font-size: 15px;
    padding: 0 15px;
    background: none;
    z-index: 2;
	border-radius: 5px;
	overflow: hidden;
	box-sizing:border-box;
}
#fb .btn span, #tutorial-content .btn span, #order-content .btn span {
    padding: 0;
}
#fb .btn .icon-arrow-right, #tutorial .btn .icon-arrow-right, #order .btn .icon-arrow-right {
	bottom: 0;
}
.fb-share {
	color: rgba(255,255,255,0.8);
	background:rgba(24, 119, 242,1);
	border-radius: 3px;
    height: 20px;
	line-height: 20px;
    padding: 0 7px;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-writing-mode: horizontal-tb !important;    
    font: 400 11px system-ui;
	font-family: Helvetica, Arial, sans-serif;
}

/* Street View */
#street-view {
    height: 608px;
    z-index: 0;
    position: absolute !important;
    width: 100%;
    top: 0;
	display: none;
}
#container.article.street-view #street-view, #container.coupon-cont.street-view #street-view  {
	display: block;
}
#street-view iframe {
	width: 100%;
	height: 100%;
}
#container.article.street-view #nav, #container.coupon-cont.street-view #nav {
	bottom: auto;
	height: 130px;
}
#container.article.street-view, #container.article.street-view #nav-bg, #container.article.street-view #aside > .btn:before, #container.coupon-cont.street-view, #container.coupon-cont.street-view #nav-bg, #container.coupon-cont.street-view #aside > .btn:before {
	background: none !important;
}
#container.article.street-view > .outer, #container.coupon-cont.street-view > .outer {
	width: calc(1275px + 30px);
}
#container.article.street-view #article, #container.coupon-cont.street-view #article {
	padding: 15px 15px 0 15px;
	background: rgba(0,0,0,0.4);
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    transform: translateZ(0.1px);
}
#container.article.street-view #article > .social, #container.coupon-cont.street-view #article > .social {
	right: 15px;
	top: 15px;
}
#container.article.street-view #article:before, #container.coupon-cont.street-view #article:before {
	content: "";
    width: 100%;
    height: 580px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
}
.gm-iv-address-link {
    display:none !important;
}
.gm-iv-marker-icon {
    display:none !important;
}

@media screen and (max-width: 1825px) {
#container.article.street-view #aside, #container.coupon-cont.street-view #aside {
	margin: 15px 0;
}
#container.article.street-view > .outer, #container.coupon-cont.street-view > .outer {
	width: 1275px;
	margin: 615px auto 0 auto;
}
#container.article.street-view #article, #container.coupon-cont.street-view #article {
	background: none;
	-webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: none;
	margin: 0 15px 0 0;
    padding: 15px 0 0 0;
}
#container.article.street-view #article > .social, #container.coupon-cont.street-view #article > .social {
	right: 10px;
}
#container.article.street-view #article:before, #container.coupon-cont.street-view #article:before {
	background: none;	
}
#container.article #article > img, #container.article #article #content img, #container.article #article #content iframe, #container.article #article #content blockquote, #container.coupon-cont #article > img, #container.coupon-cont #article #content img, #container.coupon-cont #article #content iframe, #container.coupon-cont #article #content blockquote, #container.coupon-cont #article .coupon img, #container.article #article #content video, #container.coupon-cont #article #content video {
    width: calc(1275px - (((415px * 3) - 235px - 15px) / 3) - 45px) !important;
    max-width: none !important;
    margin: 0 auto 20px auto !important;
    display: block;
    border-radius: 15px;
}	
}

/* Google Map */
.gm-style-iw + div {
	top: 9px !important;
    left: 26px !important;
}
.gm-style div:first-child div:last-child div:last-child div div:first-child div:last-child {
    top: -36px !important;
    padding: 0;
	box-sizing: border-box;
}
.gm-style div:first-child div:last-child div:last-child div div:first-child div:nth-child(2) {
    left: 16px !important;
    top: -1px !important;
    width: 257px !important;
    height: 302px !important;
}   
.gm-style div:first-child div:last-child div:last-child div div:first-child div:nth-child(3) div:first-child div {
    left: -5px !important;
    width: 10px !important;
    height: 24px !important;
	transform: skewX(40deg) !important;
}
.gm-style div:first-child div:last-child div:last-child div div:first-child div:nth-child(3) div:last-child {
    left: 10px !important;
    width: 16px !important;
    height: 30px !important;
}
.gm-style div:first-child div:last-child div:last-child div div:first-child div:nth-child(3) div:last-child div {
    left: 10px !important;
    width: 10px !important;
    height: 24px !important;
	transform: skewX(-40deg) !important;
}
.gm-style > div:first-child > div:last-child > div:last-child > div > div:first-child > div:first-child {
    border-top-width: 17px !important;
}
.gm-style #content {
	 width: 235px; 
	 overflow: hidden;
}
.gm-style .gm-style-iw-d {
    max-width: none !important;
	margin: -12px 0 0 -2px;
}
button.gm-ui-hover-effect {
    line-height: 29px;
    text-align: center;
    left: 3px;
    width: 29px !important;
    height: 29px !important;
    top: 3px !important;
    border-radius: 5px 0 5px 0 !important;
}
button.gm-ui-hover-effect:before {
    content: "\e904";
    color: #fff;
	font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.gm-ui-hover-effect>span {
	display: none !important;
}
.gm-style .gm-style-iw-t::after {
	height: 10px;
	width: 10px;
	top: -36px !important;
}
.gm-style h1 {
	cursor: pointer;
	display: block; 
	width: 100%; 
	height: 30px;
	line-height: 30px; 
	font-size: 15px; 
	font-weight: normal; 
	color: #fff; 
	text-align: left; 
	margin: 22px auto 0 auto; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-ms-text-overflow: ellipsis;
	-moz-binding: url(ellipsis.xml#ellipsis);
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
	padding: 0 9px;
	box-sizing: border-box;
}
.gm-style .thumb {
    height: 0;
    padding-bottom: 90%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
	width: 235px;
	top: 12px;
}
.gm-style .thumb img {
	cursor: pointer; 
	width: auto; 
	height: 100%; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	-ms-transform: translate(-50%, -50%); 
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.gm-style .thumb img:hover {
	height: 115%; 
}
.gm-style button[aria-label="關閉"] {
	background-color: rgba(0, 0, 0, 0.2) !important;
}
.gm-style div:first-child div:last-child div:last-child div div:first-child div:nth-child(3).info {
	font-weight: normal; 
	line-height: 22px; 
	font-size: 14px; 
	color: rgba(255,255,255,0.8);
	padding: 0;
	padding: 0 9px;
}
.gm-style div:first-child div:last-child div:last-child div div:first-child div:nth-child(3).info:hover {
	color: rgba(255,255,255,0.4);
}
.gm-style .info span {
	position: relative;
    float: left;
	cursor: pointer;
	width: 100%;
	text-align: left;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-ms-text-overflow: ellipsis;
	-moz-binding: url(ellipsis.xml#ellipsis);
}
.gm-style .gm-style-iw > div {
	overflow: hidden !important;
	padding: 3px 3px 15px 3px;
}
.gm-style > div:first-child > div:last-child > div:last-child > div > div:first-child > div:nth-child(3) {
    overflow: hidden;
    width: 13px !important;
    height: 13px !important;
    top: 9px !important;
    left: 27px !important;
}
.gm-style > div:first-child > div:last-child > div:last-child > div > div:first-child > div:first-child > div:first-child {
    top: 286px !important;
    left: 133px !important;
}
.gm-ui-hover-effect {
    opacity: 1.0;
}
.gm-ui-hover-effect img {
    background: #fff;
    padding: 8px;
    margin: -6px 0 0 -8px !important;
}
.gm-style .gm-style-iw-c {
	top: 2px;
	border-radius: 5px;
    background: rgb(0,0,0) !important;
    box-shadow: none;
	padding: 0 0 0 2px;
}
.gm-style > div:first-child > div:nth-child(3) > div:first-child > div:nth-child(3) > div {
    opacity: 1.0 !important;
}
.gm-style > div[role=region] > div:first-child > div:nth-child(4) > div:not(:first-child):not([style*="z-index: 1000000"]):before {
    content: "\e913";
    font-size: 15px;
	display: block;
    width: 29px;
    height: 29px;
    line-height: 29px;
    position: absolute;
    z-index: 9;
    top: 9px;
    left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: rgb(255, 255, 255);
    font-family: 'icon';
    font-weight: normal;
    font-style: normal;
}
.gm-style .gm-style-iw-tc::after {
    display: none;
}
.gm-style .gm-style-iw-t {
    top: -14px !important;
}
.gm-style button img {
	filter: brightness(10);
}
.gmnoprint > div {
    background: none !important;
}
.gm-style button[aria-label="切換全螢幕檢視"], .gm-style button[aria-label="將衣夾人拖曳到地圖上，就能開啟街景服務"], .gm-bundled-control-on-bottom {
	margin: 15px !important;
	border-radius: 5px !important;
}
.gm-style button[aria-label="放大"] {
	border-radius: 5px 5px 0 0 !important;
}
.gm-style button[aria-label="縮小"] {
	border-radius: 0 0 5px 5px !important;
}
.gm-style button[aria-label="放大"] + div {
	display: none;
}

/* More */
#container.more #filter, #container.spec-edit-cont #filter {
	width: 1275px;
	min-height: 34px;
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
}
#container.more #filter .title, #container.spec-edit-cont #filter .title {
	float: left;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    border-style: solid;
    border-width: 0 0 0 3px;
    padding: 0 0 0 10px;
    max-width: 402px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
#container.spec-edit-cont #filter .title.on {
	cursor: pointer;
}
#container.more #filter .title span, #container.spec-edit-cont #filter .title span {
	font-size: 30px;
	font-weight: 300;
	padding: 0 10px 0 0;
}
#container.more #filter ul, #container.spec-edit-cont #filter ul {
	float: right;
}
#container.more #filter li, #container.spec-edit-cont #filter li {
	float: left;
	margin: 0 0 0 15px;
}
#container.more #filter li:nth-child(3), #container.more #filter li:nth-child(4), #container.spec-edit-cont #filter li:nth-child(3), #container.spec-edit-cont #filter li:nth-child(4) {
	display: none;
}
#container.more.map #filter li:nth-child(3), #container.more.map #filter li:nth-child(4), #container.spec-edit-cont.map #filter li:nth-child(3), #container.spec-edit-cont.map #filter li:nth-child(4) {
	display: block;
}
#container.more #hot, #container.spec-edit-cont #hot {
	margin: 0 0 -15px 0;
}
#container.more .wrapper2 .title span:before {
	content: "熱門文章";
}
#container.more .wrapper1 .title span:before {
	content: "所有文章";
}
#container.more.video .wrapper2 .title span:before {
	content: "熱門影片";
}
#container.more.video .wrapper1 .title span:before {
	content: "所有影片";
}
#container.more.video .wrapper1 .location, #container.more.video .wrapper2 .location, #container .wrapper1 .view, #container .wrapper2 .view {
	display: none;
}
#container.more.video .wrapper1 .view, #container.more.video .wrapper2 .view, #container #video.wrapper2 .view  {
	display: block;
	padding: 0;
}
#filter a, #filter input {
    float: right;
}
#filter input {
	width: 100px;
}

/* Spec-Edit */
#container.spec-edit #banner li, #container.coupon #banner li, #container.service #banner li {
	cursor: default;
}
#container.spec-edit #banner li:hover h1, #container.coupon #banner li:hover h1, #container.service #banner li:hover h1 {
	color: rgba(255,255,255,1.0);
}
#container.spec-edit #banner li:hover p, #container.coupon #banner li:hover p, #container.service #banner li:hover p {
	color: rgba(255,255,255,0.8);
}
#container.spec-edit .wrapper4, #container.coupon .wrapper4, #container.service > .outer {
	background: none;
	height: auto;
}
#container.spec-edit .wrapper4:before, #container.coupon .wrapper4:before, #container.service > .outer:before {
	display: none;
}
#container.spec-edit .wrapper4 ul, #container.coupon .wrapper4 > ul, #container.service > .outer ul {
    max-width: 1290px;
    height: 100%;
    display: inline-block;
	left: 8px;
	margin: 0 auto;
	padding: 0 0 25px 0;
    position: relative;
}
#container.coupon .wrapper4 > ul {
	padding: 0;
	z-index: 1;
}
#container.coupon.no-result .wrapper4 > ul {
	left: auto;
}
#container.spec-edit .wrapper4 li .main p:hover, #container.coupon .wrapper4 li .main p:nth-child(3):hover, #container.coupon-cont .wrapper4 li .main p:hover, #container.service > .outer li .main p:hover {
	color: rgba(255,255,255,0.4);
}
#container.spec-edit .wrapper4 li .thumb, #container.coupon .wrapper4 li .thumb, #container.coupon-cont .wrapper4 li .thumb, #container.service > .outer li .thumb {
	display: block;
	visibility: visible;
}
#container.spec-edit .wrapper4 li .main p, #container.coupon .wrapper4 li .main p, #container.service > .outer li .main p {
	display: -webkit-box;
}
#container.author > .ad3, #container.more > .ad3 , #container.spec-edit-cont > .ad3 {
	margin: 15px auto;
}
#container.spec-edit .wrapper4 li.ad3, .wrapper4 li.ad3, #container.coupon .wrapper4 li.ad3, #container.service > .outer li.ad3 {
    height: auto;
	padding: 0;
}

/* Coupon */
#container.coupon-cont #coupon {
	top: 28px;
}
#container.coupon-cont .wrapper4 li:nth-child(3) .thumb, #container.coupon-cont .wrapper4 li:nth-child(3) .main p {
	display: block;
}
#container.coupon-cont #article .coupon {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 0 0 10px 0;
}
#container.coupon-cont #article .coupon .outer p {
	position: absolute;
    line-height: 20px;
    width: 100px;
    left: 5px;
    top: 5px;
    z-index: 2;
    text-align: center;
    padding-top: 12px;
}
#container.coupon-cont #article > .info p {
    font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	max-height: 60px;
	text-align: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
#container.coupon-cont #article .coupon .outer p span:nth-child(2) {
	font-size: 25px;
	line-height: 30px;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
}
#container.coupon-cont #article .coupon .outer p span:nth-child(2) span {
	width: auto;
}
#container.coupon-cont #article .coupon .outer p span:nth-child(2) span:first-child {
	color: #fff;
}
#container.coupon-cont #article .coupon .outer p span:nth-child(2) span:last-child {
	font-size: 13px;
}
#container.coupon-cont #article .coupon .title, #tutorial .title, #order .title {
	font-size: 18px;
    line-height: 25px;
	padding: 20px 0 15px 0;
	text-align: center;
	width: 100%;
}
#container.coupon-cont #article .coupon .outer {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	width: 845px;
}
#container.coupon-cont #article .coupon .outer:before {
	content:'';
	width: 100px;
    height: 100px;
    position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 15px;
    z-index: 1;
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateZ(0.1px);
}
#container.coupon-cont.disable #article .coupon .outer:before {
    background: rgba(0,0,0,0.2);
}
#container.coupon-cont #article .coupon {
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.4);
}
#container.coupon-cont #article .coupon ul {
	text-align: center;
}
#container.coupon-cont #article .coupon ul li, #tutorial ul li, #order ul li {
	list-style-type: decimal-leading-zero; 
	list-style-position: inside;
}
#container.coupon-cont #article .coupon ul span, #tutorial ul span {
	font-size: 13px;
	color: rgba(255,255,255,0.8);
	line-height: 20px;
}
#container.coupon-cont #article > h1 {
	width: 77%;
	position: relative;
	color: rgba(255,255,255,1.0);
}
#container.coupon-cont #article > .info {
    position: relative;
    display: inline-block;
	width: 100%;
	float: left;
}
#container.coupon-cont #article > div:nth-child(4) {
	height: 30px;
    float: right;
    position: relative;
	text-align: right;
    line-height: 45px;
    padding: 5px 0;
	margin: 0;
    height: 45px;
}
#container.coupon-cont #article > div:nth-child(4) {
    float: right;
    position: relative;
	text-align: right;
    line-height: 45px;
    padding: 5px 0;
	margin: 0;
    height: 45px;
}
#container.coupon .wrapper4 li:not(.pay) .main div span:first-child:after, #container.coupon-cont .wrapper4 li:not(.pay) .main div span:first-child:after, #container.coupon-cont:not(.pay) #article > div:nth-child(4) span:first-child:after {
	font-size: 15px;
}
#container.coupon-cont #article > div:nth-child(4) span:last-child  {
	text-decoration: line-through;
}
#container.coupon.no-result #coupon {
	min-height: 0;
}
#container.coupon-cont #article > div:nth-child(4) span:first-child:after, #container.coupon .wrapper4 li .main div span:after, #container.coupon-cont .wrapper4 li .main div span:after {
    content: "分享幣";
    font-size: 13px;
    color: rgba(255,255,255,0.8);
    font-weight: normal;
    margin: 0 0 0 3px;
}
#container.coupon-cont .wrapper4 li {
	height: auto;
}
#container.coupon-cont.pay #article > div:nth-child(4) span:first-child:after, #container.coupon .wrapper4 li.pay .main div span:after, #container.coupon-cont .wrapper4 li.pay .main div span:after {
    content: "起";
}
#container.coupon.no-result .wrapper4 > ul >li ,#container.coupon #coupon > .ad1, #container.coupon #coupon > .ad2, #container.coupon #coupon > .ad3, 
#container.coupon-cont.free #article > div:nth-child(4) span:first-child:after, #container.coupon .wrapper4 li.free .main div span:after, #container.coupon-cont .wrapper4 li.free .main div span:after {
	display: none;
}
#container.coupon.no-result #coupon > .ad2, #order.goods ul ul:first-of-type li:last-child, #order.goods ul ul:first-of-type li:nth-last-child(2) {
	display: block;
}

/* Account */
#account .top {
	width: 625px;
    position: relative;
    margin: 15px auto;
    padding: 15px 0 0 0;
	min-height: 206px;
}
#account .top .thumb {
	top: 0;
	position: relative;
	float: left;
	cursor: pointer;
	width: 200px;
	height: 200px;
	border-radius: 200px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 3;
}
#account .top h1 {
	height: 50px;
    line-height: 50px;
	width: 100%;
	display: block;
}
#account .top .outer {
	position: relative;
	float: right;
	text-align: center;
}
#account .top .info {
	width: auto;
	display: inline-block;
	margin: 25px auto;
}
#account .top .btn {
	position: relative;
	width: 235px;
	height: 29px;
	line-height: 29px;
	border: none;
	background: rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.8) !important;
	border-radius: 5px;
	margin: 0 auto;
}
#account .top .thumb .btn {
	position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
	height: 34px;
	background: rgba(138,154,154,0.4);
    color: #fff !important;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
}
#account .top .thumb:hover .btn {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
#account .top .info div {
	width: 80px;
	position: relative;
	float: left;
	color: rgba(255,255,255,0.8);
	padding-bottom: 10px;
}
#account .tab, #container.service .tab, #container.coupon .tab {
	width: 100%;
	height: 44px;
	line-height: 44px;
	position: relative;
	display: inline-block;
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
	font-size: 15px;
	margin: 30px 0 15px 0;
}
#account .tab li, #container.service .tab li, #container.coupon .tab li {
	position: relative;
	display: block;
	float: left;
	width: 131px;
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#account .tab li:hover, #account .tab li.on, #container.service .tab li:hover, #container.service .tab li.on, #container.coupon .tab li.on, #container.coupon .tab li:hover {
	font-size: 18px;
}
#account .tab li.on, #container.service .tab li.on, #container.coupon .tab li.on {
	border-style: none none solid none;
    border-width: 3px;
}
#account .content .wrapper4 {
	height: auto;
}
#account.hide .ad, #account .content > ul > li, #container.service .content > ul > li, #account .content > ul > li div.no-result, #account .content > ul > li.no-result div.wrapper4 {
	display: none;
}
#account .content > ul > li.on, #container.service .content > ul > li.on, #account .content > ul > li.no-result div.no-result {
	display: block;
}
#account .content > ul > li:nth-child(2) .wrapper4 > ul > li .main:before {
	position: absolute;
    right: 0;
    top: -3px;
    content: "取消收藏";
    line-height: 18px;
    color: #fff;
    width: 36px;
    height: 36px;
    background: rgba(138,154,154,0.4);
    padding: 4px;
    font-size: 13px;
	text-align: center;
    white-space: normal;
	z-index: 2;
	display: none;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:hover .main:before {
	display: block;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:hover h1 {
	width: 335px;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:first-child:hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(2):hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+2):hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+3):hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+12):hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+13):hover h1 {
	width: 385px;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(3):hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(18):hover h1, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(19):hover h1 {
	width: 335px;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:first-child .main, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(2) .main, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+2) .main, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+3) .main, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+12) .main, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+13) .main {
	overflow: inherit;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(3) .main {
	overflow: hidden;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:first-child .main:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(2) .main:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+2) .main:before, 
#account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+3) .main:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+12) .main:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+13) .main:before {
    top: -117px;
    left: 50%;
    margin: -22px 0 0 -22px;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(18) .main:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(19) .main:before {
	top: -3px;
    left: auto;
    margin: 0;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(3) .main:before {
	overflow: hidden;
	top: -3px;
	left: auto;
	margin: 0;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:first-child .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(2) .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+2) .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+3) .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+12) .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+13) .thumb:before {
    content: "";
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	z-index: 1;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:first-child:hover .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(2):hover .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+2):hover .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(8n+3):hover .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+12):hover .thumb:before, #account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(16n+13):hover .thumb:before {
	display: block;
}
#account .content > ul > li:nth-child(2) .wrapper4 li:nth-child(3):hover .thumb:before {
	display: none;
}
#account .content > ul > li div.ad {
	padding: 28px 0 0 0;
    width: 1276px;
	position: absolute;
    bottom: 15px;
}
#account li.no-result:before, #account .content > ul > li:nth-child(3).no-result .no-result:before, #account .content > ul > li:nth-child(5).no-result .no-result:before, #account .content > ul > li:nth-child(6).no-result .no-result:before {
	content: "尚未收藏文章";
	line-height: 350px;
	height: 336px;
	position: relative;
    top: 0;
    margin: 0;
	z-index: -1;
}
#account .content > ul > li:nth-child(3).no-result .no-result:before, #account .content > ul > li:nth-child(5).no-result .no-result:before, #account .content > ul > li:nth-child(6).no-result .no-result:before {
    top: auto;
    height: auto;
    line-height: 150px;
    position: relative;
    transform: none;
}
#account .content > ul > li .outer {
	position: relative;
    width: 970px;
	float: left;
    height: 350px;
    margin: 0 0 20px 0;
}
#account .content li .info ul {
    display: inline-block;
}
#account .content li .info {
	width: 235px;
    position: relative;
    float: right;
    height: 410px;
    margin: 0;
    padding: 0 27px;
}
#account .content li .info li {
	width: 50%;
	float: left;
}
#account .content li .info li:first-child {
	width: 100%;
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
}
#account .content li .info h1 {
	width: 100%;
  	height: 25px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
	padding: 15px 0;	
}
#account .content li .info p {
  	width: 100%;
	color: rgba(255,255,255,0.8);
	line-height: 20px;
	text-align: center;
}
#account .content li .info li:first-child p {
	margin: 0 0 15px 0;
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify; 
}
#account .content li .btn, #container.service .content > ul > li:last-child .right .btn {
	position: absolute;
    width: 235px;
    height: 29px;
	line-height: 29px;
    border: none;
    bottom: 0;
	border-radius: 5px;
}
#account .content li:nth-child(4) .outer li {
	position: absolute;
	color: #fff;
	background: rgba(138,154,154,0.4);
	font-size: 15px;
	line-height: 100px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	font-weight: 300;
	cursor: pointer;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#account .content li:nth-child(4) .outer li:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#account .content li:nth-child(4) .outer li:first-child, #account .content li:nth-child(4) .outer li:nth-child(2), #account .content li:nth-child(4) .outer li:nth-child(6) {
	font-size: 30px;
	line-height: 200px;
	width: 200px;
	height: 200px;
	border-radius: 200px;
}
#account .content li:nth-child(4) .outer li:nth-child(3), #account .content li:nth-child(4) .outer li:nth-child(7) {
	font-size: 20px;
	line-height: 150px;
	width: 150px;
	height: 150px;
	border-radius: 150px;
}
#account .content li:nth-child(4) .outer li:first-child {
	top: 10px;
	left: 230px;
}
#account .content li:nth-child(4) .outer li:nth-child(2) {
	bottom: 10px;
    right: 180px;
}
#account .content li:nth-child(4) .outer li:nth-child(3) {
	top: 125px;
    left: 425px;
}
#account .content li:nth-child(4) .outer li:nth-child(4) {
	top: 225px;
    left: 250px;
}
#account .content li:nth-child(4) .outer li:nth-child(5) {
	top: 45px;
    right: 320px;
}
#account .content li:nth-child(4) .outer li:nth-child(6) {
	top: 120px;
    left: 40px;
}
#account .content li:nth-child(4) .outer li:nth-child(7) {
	top: 5px;
    right: 95px;
}
#account .content li:nth-child(4) .outer li:nth-child(8) {
	bottom: -20px;
    left: 360px;
}
#account .content li:nth-child(4) .outer li:nth-child(9) {
	bottom: 50px;
    right: 40px;
}
#account .content li .info li:nth-child(2) li, #account .content li .info li:last-child li.on {
    border: none;
    width: 100%;
    line-height: 20px;
    display: none;
}
#account .content li .info li:nth-child(2) li.on, #account .content li .info li:last-child li {
	border: none;
    width: 100%;
    line-height: 20px;
    display: block;
}
#account .content li:last-child .outer {
    width: 100%;
}
#account .content li:last-child .info {
	width: 100%;
	height: auto;
	padding: 0;
    margin: 0 auto;
	position: relative;
}
#account .content li:last-child .info li {
	width: 235px;
	border: none;
	margin: 0 46px;
	position: relative;
}
#account .content li:last-child .info li:first-child {
	margin: 0 47px 0 27px;
}
#account .content li:last-child .info li:last-child {
    float: right;
}
#account .content li:last-child .info li:last-child, #account .content li:last-child .info li:nth-last-child(2) {
	margin: 0 27px 0 47px;
}
#account .content li:last-child .info input, #order input, .return .atm input, #container.service .content > ul > li:last-child .left input {
	width: 100%;
    display: block;
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 15px 0 65px;
    box-sizing: border-box;
}
#order input {
	width: 125px;
	padding: 0 15px 0 95px;    
}
#order .goods input {
	width: 140px;
	padding: 0 15px 0 80px;
}
#account .content li:last-child .info select, #order select, #container.service .content > ul > li:last-child select {
    display: block;
    position: relative; 
    padding: 0 15px 0 0;
	width: 100%;
}
#account .content li:last-child .info .dropdown, #order .dropdown, #container.service .content > ul > li:last-child .left .dropdown {
	position: relative;
	margin-bottom: 15px;
	width: 235px;
}
#account .content li:last-child .info .birth .dropdown {
	width: 62px;
	float: left;
	margin-right: 5px;
}
#account .content li:last-child .info .birth .dropdown:first-child {
	width: calc(235px - 5px - 5px - 62px - 62px);
}
#account .content li:last-child .info .birth .dropdown:last-child {
	margin-right: 0;
}
#account .content li:last-child .info div:not(.error) span, #order-content > ul > li div > span, #account .content > ul > li:nth-child(6) .outer > ul > li .return .atm div span, #account .content > ul > li:nth-child(6) .outer > ul > li .return .atm div:nth-child(2) span, #container.service .content > ul > li:last-child .left div span, #epaper p.error span, #epaper p.success span {
	position: absolute;
    left: 0;
    line-height: 29px;
    text-align: left;
	word-break: keep-all;
    z-index: 2;	
	color: rgba(255,255,255,0.8);
}
#account .content li:last-child .info div:not(.error) span {
	color: rgba(255,255,255,0.8);
	text-align: center !important;
}
#account .content > ul > li:last-child .btn {
	margin: 40px auto 30px auto;
	position: relative;
}
#account .content li:last-child .btn.submit span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 29px;
} 
#account > .btn, #order > .btn, #tutorial > .btn {
	display: none;
	border: none;
	height: 44px;
	line-height: 44px;
	background: rgba(255,255,255,0.8);
	opacity: 100;
	filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
#account > .btn span, #order > .btn span, #tutorial > .btn span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
} 
#account.hide > .btn, #order.hide > .btn, #tutorial.hide > .btn {
	opacity: 0;
	filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.btn.fb, .btn.google, .btn.epaper {
    position: relative !important;
    margin: 0 auto 15px auto !important;
    left: auto !important;
}
.btn.fb {
	background: rgba(66,103,178,0.8) !important;
}
#account .content li:last-child .fb:before {
	content: '連結 Facebook 帳號';
}
#account .content li:last-child .fb.on:before {
	content: '已連結 Facebook 帳號';
}
.btn.google {
    background: rgba(221,75,57,0.8) !important;
}
#account .content li:last-child .google:before {
    content: '連結 Google 帳號';
}
#account .content li:last-child .google.on:before {
    content: '已連結 Google 帳號';
}
#account .content li:last-child .fb.on, #account .content li:last-child .google.on {
	cursor: default;
}
#account .content li:last-child .fb.on:hover, #account .content li:last-child .google.on:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#account .content li:last-child .fb.on, #account .content li:last-child .google.on, #account .content li:last-child .epaper.on {
    background: rgba(255,255,255,0.2) !important;
	color: rgba(255,255,255,0.8) !important;
}
#account .content li:last-child .info ul {
	width: 100%;
}
#account .content li:last-child .epaper:before {
	content: '訂閱電子報';
}
#account .content li:last-child .epaper.on:before {
	content: '取消訂閱電子報';
}
#account .content li:last-child li h1 {
	padding: 15px 0;
}
#account .content li:last-child .info li:first-child > div {
	position: relative;
}
#account .content li:last-child li:first-child .btn {
    margin: 0;
    width: 44px;
    position: absolute;
    right: 0;
	bottom: 0;
    line-height: 29px;
    border-radius: 0 5px 5px 0;
}
#account .content .wrapper4 {
    padding: 0 0 15px 0;
}
#account .wrapper4 li.ad2 {
    height: 90px;
	left: 0;
	margin: 0 auto;
}
#account .wrapper4 li:last-child h1 {
    padding: 0; 
}
#sale-prev {
	float: left;
	left: -50px !important;
}
#sale-next {
	float: right;
	right: -50px !important;
}
#container.coupon-cont.disable .coupon .btn, #container.coupon-cont.disable #aside > .btn, #container.coupon-cont.disable #aside > .btn span, #container.coupon-cont.disable #aside > .btn .thumb img, #container.article.disable #aside > .btn, #container.article.disable #aside > .btn span, #container.article.disable #aside > .btn .thumb img, .wrapper4 li.disable, .wrapper4 li.disable .main .btn, .wrapper4 li.disable .thumb img, .wrapper4 li.disable .main h1, .wrapper4 li.disable .main p
 {
    cursor: default;
}
#container.coupon-cont.disable .coupon .btn, .wrapper4 li.disable .main .btn {
    background: rgba(138,154,154,0.4) !important;
}
#container.coupon-cont.disable #aside > .btn > span, #container.article.buy.disable #aside > .btn > span {
	background: none !important;
}
#container.coupon-cont.disable #aside > .btn > span:before, #container.article.buy.disable #aside > .btn > span:before {
    content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(138,154,154,0.4) 0%, rgba(102, 102, 102, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(138,154,154,0.4) 0%,rgba(102, 102, 102, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(138,154,154,0.4) 0%,rgba(102, 102, 102, 0.4) 100%);
	z-index: -1;
}
#container.coupon-cont.disable .coupon .btn:hover {
    opacity: 1.0;
}
#account .content > ul > li:nth-child(3) .outer, #account .content > ul > li:nth-child(5) .outer, #account .content > ul > li:nth-child(6) .outer, #account .content > ul > li:nth-child(3) .filter, #account .content > ul > li:nth-child(5) .filter, #account .content > ul > li:nth-child(6) .filter, #account .content > ul > li:nth-child(3) .title, #account .content > ul > li:nth-child(5) .title, #account .content > ul > li:nth-child(6) .title, #account .content > ul > li:nth-child(3) .outer > ul > li, #account .content > ul > li:nth-child(5) .outer > ul > li, #account .content > ul > li:nth-child(6) .outer > ul > li {
	width: 100%;
	overflow: hidden;
}
#account .content > ul > li:nth-child(3) .filter, #account .content > ul > li:nth-child(5) .filter, #account .content > ul > li:nth-child(6) .filter {
	text-align: left;
}
#account .content > ul > li:nth-child(3) .title, #account .content > ul > li:nth-child(5) .title, #account .content > ul > li:nth-child(6) .title {
	margin: 15px 0 0 0;
}
#account .content > ul > li:nth-child(3) .title div, #account .content > ul > li:nth-child(5) .title div, #account .content > ul > li:nth-child(6) .title div, #account .content > ul > li:nth-child(3) .outer > ul > li div, #account .content > ul > li:nth-child(5) .outer > ul > li div, #account .content > ul > li:nth-child(6) .outer > ul > li div, #account .content > ul > li:nth-child(3) .title div:nth-child(2), #account .content > ul > li:nth-child(3) .outer > ul > li div:nth-child(2) {
	float: left;
	width: 170px;
	margin: 0 15px 0 0;
	padding: 0 15px;
	text-align: center;
	font-size: 14px;
	line-height: 29px;
	min-height: 29px;
	height: auto;
	color: rgba(255,255,255,0.8);
	cursor: default;
}
#account .content > ul > li:nth-child(3) .title div, #account .content > ul > li:nth-child(5) .title div, #account .content > ul > li:nth-child(6) .title div {
	border-radius: 5px;
}
#account .content > ul > li:nth-child(3) .outer, #account .content > ul > li:nth-child(5) .outer, #account .content > ul > li:nth-child(6) .outer {
	height: auto;
	margin: 0;
}
#account .content > ul > li:nth-child(3) .outer > ul, #account .content > ul > li:nth-child(5) .outer > ul, #account .content > ul > li:nth-child(6) .outer > ul {
	padding: 0 0 15px 0;
	min-height: 235px;
}
#account .content > ul > li:nth-child(3) .outer > ul > li, #account .content > ul > li:nth-child(5) .outer > ul > li, #account .content > ul > li:nth-child(6) .outer > ul > li {
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255,255,255, 0.4);
	-moz-transition: min-height .3s;
    -ms-transition: min-height .3s;
    -o-transition: min-height .3s;
    -webkit-transition: min-height .3s;
    transition: min-height .3s;
	min-height: 29px;
	padding: 10px 0;
	text-align: center;
}
#account .content > ul > li:nth-child(3) .outer > ul > li.ad1, #account .content > ul > li:nth-child(3) .outer > ul > li.ad2, #account .content > ul > li:nth-child(5) .outer > ul > li.ad1, #account .content > ul > li:nth-child(5) .outer > ul > li.ad2, #account .content > ul > li:nth-child(6) .outer > ul > li.ad1, #account .content > ul > li:nth-child(6) .outer > ul > li.ad2 {
	left: 0;
	padding: 8px 0 10px 0;
}
#account .content > ul > li:nth-child(3) .outer > ul > li.ad3, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3, #account .content > ul > li:nth-child(6) .outer > ul > li.ad3 {
	margin: 8px auto 10px auto;
}
#account .content > ul > li:nth-child(3) .outer > ul > li.ad3, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3, #account .content > ul > li:nth-child(6) .outer > ul > li.ad3 {
	border: none;
}
#account .content > ul > li:nth-child(3) .outer > ul > li div, #account .content > ul > li:nth-child(5) .outer > ul > li div, #account .content > ul > li:nth-child(6) .outer > ul > li div {
	padding: 0 15px;
}
#account .content > ul > li:nth-child(5) .title div:nth-last-child(2), #account .content > ul > li:nth-child(5) .title div:last-child, #account .content > ul > li:nth-child(5) .outer > ul > li  div:nth-last-child(3), #account .content > ul > li:nth-child(5) .outer > ul > li  div:nth-last-child(2), #account .content > ul > li:nth-child(6) .title div:nth-child(2), #account .content > ul > li:nth-child(6) .title div:nth-last-child(2), #account .content > ul > li:nth-child(6) .outer > ul > li  div:nth-child(2), #account .content > ul > li:nth-child(6) .outer > ul > li div:nth-child(3) {
	width: 385px;
}
#account .content > ul > li:nth-child(3) .title div:nth-child(3), #account .content > ul > li:nth-child(3) .outer > ul > li div:nth-child(3) {
    width: 600px;
}
#account .content > ul > li:nth-child(3) .outer > ul > li div:nth-child(2), #account .content > ul > li:nth-child(3) .outer > ul > li  div:nth-child(3), #account .content > ul > li:nth-child(5) .outer > ul > li  div:nth-last-child(3) {
	cursor: pointer;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
#account .content > ul > li:nth-child(3) .outer > ul > li div:nth-child(3) {
	
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#account .content > ul > li:nth-child(3) .outer > ul > li div:nth-last-child(3), #account .content > ul > li:nth-child(5) .outer > ul > li.disable  div:nth-last-child(3), #account .content > ul > li:nth-child(6) .outer > ul > li.disable  div:nth-child(2) {
	cursor: default;
}
#account .content > ul > li:nth-child(5) .outer > ul > li div .btn, #account .content > ul > li:nth-child(6) .outer > ul > li div .btn {
    display: inline-block;
    width: 65px;
    cursor: pointer;
    position: relative;
	padding: 0 15px;
	margin-left: 15px;
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on div .btn:after, #account .content > ul > li:nth-child(6) .outer > ul > li.detail div:nth-last-child(5) .btn:after, #account .content > ul > li:nth-child(6) .outer > ul > li.qa div:nth-last-child(4) .btn:after, #container.service .content li li.on .icon-arrow-down {
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on, #account .content > ul > li:nth-child(6) .outer > ul > li.detail, #account .content > ul > li:nth-child(6) .outer > ul > li.qa, #account .content > ul > li:nth-child(6) .outer > ul > li.return {
	min-height: 260px;
}
#account .content > ul > li:nth-child(5) .outer > ul > li .qrcode, #account .content > ul > li:nth-child(5) .outer > ul > li .img, #account .content > ul > li:nth-child(6) .outer > ul > li .qrcode, #account .content > ul > li:nth-child(6) .outer > ul > li .detail, #account .content > ul > li:nth-child(6) .outer > ul > li div.receipt, #account .content > ul > li:nth-child(6) .outer > ul > li .qa, #account .content > ul > li:nth-child(6) .outer > ul > li div.return, #account .content > ul > li:nth-child(5) .outer > ul > li.disable .btn, #account .content > ul > li:nth-child(3) .outer > ul > li.ad1, #account .content > ul > li:nth-child(5) .outer > ul > li.ad1, #account .content > ul > li:nth-child(6) .outer > ul > li.ad1, #account .content > ul > li:nth-child(3) .outer > ul > li.ad3, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3, #account .content > ul > li:nth-child(6) .outer > ul > li.ad3, #account .content > ul > li:nth-child(3).no-result .outer > ul, #account .content > ul > li:nth-child(5).no-result .outer > ul, #account .content > ul > li:nth-child(6).no-result .outer > ul, #account .content > ul > li:nth-child(3).no-result .outer .title, #account .content > ul > li:nth-child(5).no-result .outer .title, #account .content > ul > li:nth-child(6).no-result .outer .title, #account .content > ul > li:nth-child(3).no-result .outer .pagination, #account .content > ul > li:nth-child(5).no-result .outer .pagination, #account .content > ul > li:nth-child(6).no-result .outer .pagination {
	display: none;
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on .qrcode, #account .content > ul > li:nth-child(5) .outer > ul > li.on .img, #account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail, #account .content > ul > li:nth-child(6) .outer > ul > li.qa .qa, #account .content > ul > li:nth-child(6) .outer > ul > li.return div.return, #account .content > ul > li:nth-child(6) .outer > ul > li.receipt div.receipt {
	opacity: 1.0;
    display: inline-block;
    width: auto;
	height: 225px;
    margin: 15px auto 0 auto;
    position: relative;
	float: none;
    overflow: hidden;
    padding: 0;
	margin-bottom: 5px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.receipt div.receipt {
	height: auto;
	overflow: hidden;
} 
#account .content > ul > li:nth-child(5) .outer > ul > li .img {
	height: auto;
	line-height: 0;
}
#account .content > ul > li:nth-child(5) .outer > ul > li .img img {
	height: 100%;
	border-radius: 15px;
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on .qrcode > img, #account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail > img {
    width: auto;
    height: 225px;
    float: left;
	border-radius: 15px;
    display: block;
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on .qrcode > img, #account .content > ul > li:nth-child(6) .outer > ul > li div.receipt img:first-child {
	border-radius: 15px 0 0 15px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.detail img:nth-last-child(4) {
	border-radius: 15px 0 0 15px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.receipt img:nth-child(2) {
	border-radius: 0 15px 15px 0;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.receipt img {
	width: calc((300px + 225px) / 2);
	float: left;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.disable img {
	filter: grayscale(1);
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on .qrcode div img, #account .content > ul > li:nth-child(5) .outer > ul > li.on canvas, #account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail div img, #account .content > ul > li:nth-child(6) .outer > ul > li.detail canvas {
    display: inline-block;
    vertical-align: middle;
	height: 70%;
    margin-top: -29px;
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on .qrcode div, #account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail div {
    padding: 0; 
	background: rgb(255,255,255);
    width: 225px;
    height: 225px;
    text-align: center;
    line-height: 225px;
	border-radius: 0 15px 15px 0;
}
#account .content > ul > li:nth-child(5) .outer > ul > li.on .qrcode p, #account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail p:nth-last-child(2) {
	font-size: 30px;
    font-weight: 300;
	line-height: 225px;
	margin: 0 0 0 15px;
	float: left;
	width: auto;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail p:nth-last-child(2) {
	line-height: 50px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.goods.detail .detail p:nth-last-child(2) {
	line-height: 29px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: rgba(255,255,255,0.8) !important;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.goods.detail.disable .detail p {
	color: rgba(255,255,255,0.4) !important;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.goods.detail .detail {
    max-width: none;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail {
	max-width: 855px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail p:last-child {
    position: relative;
	float: left;
	margin: 0 15px;
	text-align: left;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail p:last-child span {
	margin-left: 5px;
}
#account .content > ul > li:nth-child(3) .title div:last-child, #account .content > ul > li:nth-child(5) .title div:last-child, #account .content > ul > li:nth-child(6) .title div:last-child, #account .content > ul > li:nth-child(3) .outer > ul > li  div:last-child, #account .content > ul > li:nth-child(5) .outer > ul > li  div:nth-last-child(2), #account .content > ul > li:nth-child(6) .outer > ul > li  div:nth-child(4) {
	margin: 0;
}
#account .content > ul > li:nth-child(3) .outer > ul > li  div:last-child {
	font-size: 20px;
    font-weight: 300;
	text-align: center;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div:nth-child(4) .btn {
    float: none;
    margin: 0 auto;
}
#account .content > ul > li:nth-child(3) .no-result, #account .content > ul > li:nth-child(5) .no-result, #account .content > ul > li:nth-child(6) .no-result {
    width: 1275px;
}
#account .content > ul > li:nth-child(3).no-result .no-result:before, #account .content > ul > li:nth-child(5).no-result .no-result:before, #account .content > ul > li:nth-child(6).no-result .no-result:before {
    content: "沒有任何紀錄";
}
#account .content > ul > li:nth-child(3) .no-result > .btn, #account .content > ul > li:nth-child(5) .no-result .btn, #account .content > ul > li:nth-child(6) .no-result .btn, #overlay-video-content > .btn {
    width: 235px;
    height: 29px;
	line-height: 29px;
    border: none;
    display: inline-block;
    position: relative;
}
#account .content > ul > li.less:nth-child(3) .outer li, #account .content > ul > li.less:nth-child(6) .outer li, #account .content > ul > li.less:nth-child(3) .pagination, #account .content > ul > li.less:nth-child(5) .pagination, #account .content > ul > li.less:nth-child(6) .pagination, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3 div .btn::after, #account .content > ul > li:nth-child(6) .outer > ul > li.ad3 div .btn::after, #account .content > ul > li:nth-child(3).no-result:before,  #account .content > ul > li:nth-child(5).no-result:before, #account .content > ul > li:nth-child(6).no-result:before, #account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail a, #account .content > ul > li:nth-child(5) .outer > ul > li .img .qrimg, #account .content > ul > li:nth-child(5) .outer > ul > li .img p {
    display: none;
}
#account .content > ul > li.less:nth-child(3) .outer li:first-child, #account .content > ul > li.less:nth-child(5) .outer li:first-child, #account .content > ul > li.less:nth-child(6) .outer li:first-child, 
#account .content > ul > li.less:nth-child(3) .outer li:nth-child(2),  #account .content > ul > li.less:nth-child(5) .outer li:nth-child(2), #account .content > ul > li.less:nth-child(6) .outer li:nth-child(2), 
#account .content > ul > li.less:nth-child(3) .outer li:nth-child(3), #account .content > ul > li.less:nth-child(5) .outer li:nth-child(3), #account .content > ul > li.less:nth-child(6) .outer li:nth-child(3), 
#account .content > ul > li.less:nth-child(3) .no-result, #account .content > ul > li.less:nth-child(5) .no-result, #account .content > ul > li.less:nth-child(6) .no-result {
    display: inline-block;
}
#account .content > ul > li.less:nth-child(3) .filter li:first-child, #account .content > ul > li.less:nth-child(5) .filter li:first-child, #account .content > ul > li.less:nth-child(6) .filter li:first-child {
	display: block;
}
#account .content > ul > li.less:nth-child(3) .no-result > .btn, #account .content > ul > li.less:nth-child(5) .no-result .btn, #account .content > ul > li.less:nth-child(6) .no-result .btn {
    top: 3px;
}
#account .content > ul > li:nth-child(3) .outer > ul > li.ad3, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3, #account .content > ul > li:nth-child(6) .outer > ul > li.ad3 {
	padding: 0;
}
#account .content > ul > li:nth-child(6) .outer > ul > li a {
	padding: 0 0 0 15px;
    display: inline;
}
#account .content > ul > li:nth-child(6) .outer > ul > li .receipt div:last-child a {
    padding: 10px 0 0 0;
    line-height: 29px;
    display: inline-block;
}
#account .content > ul > li:nth-child(6) .outer > ul > li.detail .detail p {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	max-width: 300px;
}
#account .content > ul > li:nth-child(5) .outer > ul > li div.qrimg, #account .content > ul > li:nth-child(6) .outer > ul > li div.qrimg {
	margin: 0;
}
#account div.ad1, #account div.ad2, #account div.ad3 {
	margin-bottom: 44px;
}
#account .content > ul > li, #account .content > ul, #account .content {
	height: auto;
    /*overflow: hidden;*/
	position: relative;
	margin: 0 auto;
}
#account .content > ul > li:nth-child(3) .filter .right {
    float: right;
    line-height: 29px;
    height: 29px;
    margin: 15px 0 0px 0px;
}
#account .content > ul > li:nth-child(3) .filter .right a { 
	margin: 0 0 0 15px;
}

/* QA */
#account .content > ul > li:nth-child(6) .outer > ul > li.qa div.outer, #account .content > ul > li:nth-child(6) .outer > ul > li.return div.outer {
	width: 300px;
	padding: 0;
}
#account .content > ul > li:nth-child(6) .outer > ul > li .return div, #account .content > ul > li:nth-child(6) .outer > ul > li.return div.outer {
    margin: 0;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.atm {
	padding-left: 0;
}
.qa textarea, #account .content > ul > li:nth-child(6) .outer > ul > li div.comment, .return textarea {
	resize: none; 
	height: 175px;
	width: 285px;
	padding: 4px 15px 15px 0;
	line-height: 20px;
	font-size: 14px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.comment {
	margin: 0;
	width: 500px;
	height: auto;
}
.qa a.submit, .qa a.left, .qa a.right, .return a.submit {
	line-height: 29px;
	float: right;
}
.qa .comment a {
	float: left;	
}
#account .content > ul > li:nth-child(6) .outer > ul > li a.left, #account .content > ul > li:nth-child(6) .outer > ul > li a.right {
	padding: 15px 15px 0 0;	
}
#account .content > ul > li:nth-child(6) .outer > ul > li.disable div.return div p, #account .content > ul > li:nth-child(5) .outer > ul > li.disable p, #account .content > ul > li:nth-child(6) .outer > ul > li.disable p:not(.error) {
    color: rgba(255,255,255,0.8);
}
.qa .outer p, .return .outer p, .return .outer p.error {
	width: auto;
	/*float: left;*/
    position: absolute;
    line-height: 29px;
    padding: 0;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
.qa .outer p.error, .return .outer p.error, #account .content li:nth-child(3) .qa .outer p.error, #account .content > ul > li:nth-child(6) .outer > ul > li.disable div.return div p.error, #container.service .error, #container.coupon-cont #article .coin .error {
	color: rgba(221,75,57,1.0);
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.qa .outer p.error.on, .return .outer p.error.on, #account .content > ul > li:nth-child(6) .outer > ul > li.disable div.return div p.error.on {
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.qa .comment span {
	padding: 0 0 0 15px;
}
.qa .comment li {
    height: 87px;
	line-height: 22px;
	width: 100%;
	text-align: left;
}
.qa .comment li p:last-child {
    height: 40px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 5px;
	text-align: justify;
}
.qa .comment li:first-child {
	width: 100%;
	border-style: none none solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
	margin-bottom: 10px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div:nth-child(2).left, #account .content > ul > li:nth-child(6) .outer > ul > li div.right {
	background: none;
	width: auto;
	padding: 0;
	margin: 0;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.right {
	float: right;
}
#account .content > ul > li:nth-child(6) .qa .no-result {
	width: 100%;
}
#account .content > ul > li:nth-child(6) .qa .no-result:before {
	width: auto;
    content: "尚無回覆";
    font-size: 30px;
    line-height: 87px;
    position: relative;
    top: auto;
    margin: 0 auto;
    height: auto;
    top: auto;
    transform: none;
}
#account .content > ul > li:nth-child(6) .qa .comment li.no-result:nth-child(odd):before {
	content: "尚無問題";
}
.qa .comment li.no-result p {
	display: none;
}

/* Return */
#account .content > ul > li:nth-child(6) .outer > ul > li .return div, .return select {
	width: 235px;
	position: relative;
}
.return select {
	font-size: 14px;
}
#account .content > ul > li:nth-child(6) .outer > ul > li div.icon-arrow-down {
    float: right;
    width: 29px;
    padding: 0;
    margin: 0;
    text-align: center;
}
#account .content > ul > li:nth-child(6) .outer > ul > li .return .atm > div {
    padding: 0;
    height: 29px;
    margin: 0 0 15px 0;
}
.return p, .receipt p {
	padding: 3px 0 0 0;
	text-align: justify;
	line-height: 22px;
}
#account .content > ul > li:nth-child(6) .atm p.title {
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
	cursor: default;
}
li .return .goods {
	display: none;
}
li.goods .return .goods {
	display: inline-block;
}

/* Error */
#account .content li .info li p.error, #account .content li .info li p.success, 
#epaper p.error, #epaper p.success, .service p.error, .service p.success {
	color: rgba(221,75,57,1.0);
	background: rgba(255,255,255,0.6);
	height: 29px;
	line-height: 29px;
	width: 235px;
	text-align: center;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
	border-radius: 5px;
}
#account .content li .info li p.error.on, #account .content li .info li p.success.on,
.service p.error.on, .service p.success.on {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#account .content li .info li p.error:before, #account .content li .info li p.error:after,
#account .content li .info li p.success:before, #account .content li .info li p.success:after, 
#account .content > ul > li p.success:before, #account .content > ul > li p.success:after,
#nav li .account:before, #epaper p.error:before, #epaper p.success:before, #epaper p.success:after, #epaper p.error:before, #epaper p.error:after, 
.service p.error:before, .service p.error:after, .service p.success:before, .service p.success:after {
	content: '';
    position: absolute;
	left: 50%;
    margin: -7px 0 0 -7px;
    text-align: center;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent rgba(221,75,57,0.2) transparent;
	border-radius: 5px;
}
#account .content li .info li p.error:before, #epaper p.error:before, #epaper p.success:before, .service p.error:before, .service p.success:before {
	border-color: transparent transparent rgba(255,255,255,0.6) transparent;
}
#account .content > ul > li p.success:before, #account .content > ul > li p.success:after {
    margin: 29px 0 0 -7px;
    border-width: 7px 7px 0 7px;
    border-color: rgba(255,255,255,0.6) transparent transparent transparent;
}
#account .content li .info li p.error span, #account .content li .info li p.success span, 
#epaper p.error span, #epaper p.success span, .service p.error span, .service p.success span  {
	text-align: center;
    width: 100%;
    left: 0;
	background: rgba(221,75,57,0.2);
	display: inline-block;
}
#account .content li.coming-soon:nth-child(3) li:last-child {
    width: 100%;
}

/* Recipient*/
.recipient {
	height: auto;
	overflow: hidden;
	padding: 0 27px;
}
.recipient > div, #account .content li:last-child .info .recipient li {
    position: relative;
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	min-height: 29px;
	line-height: 29px;
	margin: 0 auto 5px auto; 
}
.recipient > div:nth-child(2) {
    line-height: 0;
}
.recipient > div > div {
	display: inline-block;
	width: 987px;
	padding: 15px 0 0 0;
}
.recipient > div > div > div {
	width: 235px;
	margin: 0 47px;
	float: left;
	position: relative;
}
#account .content li:last-child .recipient .btn {
    position: absolute;
	top: 0;
	right: 0;
	margin: 0;
    width: 68px;
	line-height: 106px;
    height: 106px;
	padding: 0;
	background: none;
}
#account .content li:last-child .info .recipient li span, #account .content li:last-child .info .recipient li:last-child span {
	font-size: 13px;
    line-height: 29px;
	font-weight: normal;
	position: relative;
	left: auto;
	width: auto;
}
#account .content li:last-child .info .recipient li > span:first-child, #account .content li:last-child .info .recipient li:last-child > span:first-child {
	width: 205px;
	padding: 0 15px;
	display: block;
	float: left;
	text-align: center;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#account .content li:last-child .info .recipient li span.icon-delete, #account .content li:last-child .info .recipient li:last-child span.icon-delete, #account .content li:last-child .info .recipient li span.icon-edit, #account .content li:last-child .info .recipient li:last-child span.icon-edit {
	left: auto;
	right: 0;
	top: 0;
	text-align: center;
	color: #fff;
	position: absolute;
	font-size: 13px;
    line-height: 29px;
    width: 29px;
    font-weight: normal;
	margin: 0;
	background: none;
}
#account .content li:last-child .info .recipient li span.icon-edit, #account .content li:last-child .info .recipient li:last-child span.icon-edit {
	right: 39px;
}
#account .content li:last-child .info .recipient li div {
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    left: 250px;
    right: 83px;
    height: 29px;
	text-align: left;
}

/* Coming Soon */
#account .content li:nth-child(3) .info a:after, #account .content li:nth-child(3) .btn:after {
	content: '';
}
#account .content li.coming-soon:nth-child(3) .info a:after, #account .content li.coming-soon:nth-child(3) .btn:after {
	content: ' (敬請期待)';
}
#account .content li.coming-soon:nth-child(3) .ad3 .btn:after {
	display: none;
}
#account .content > ul > li.coming-soon:nth-child(3) .outer:after {
	content: '分享生活購物網即將上線';
    height: 100%;
    line-height: 350px;
    top: 0;
    margin: 0;
}
#account .content > ul > li.coming-soon:nth-child(3) .outer div {
	visibility:hidden;
}
#account .content li.coming-soon:nth-child(3) a, #account .content li.coming-soon:nth-child(3) .btn {
	cursor: default;
}

/* Coming Soon */
#account .content li.coming-soon:nth-child(3) .info li:last-child span {
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    width: 100%;
    font-weight: 300;
}
#account .content li.coming-soon:nth-child(3) .info .btn {
    bottom: 40px;
}
#account .content > ul > li.coming-soon:nth-child(3) .outer {
    width: 870px;
    left: 50px;
}

/* Sign In */
#signin, #signup {
	background: url('') no-repeat top center;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
#signin-content, #signup-content {
	font-size: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 570px;
	min-height: 0;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
	border-radius: 5px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 100%); 
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.4) 100%); 
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.4) 100%);
	z-index: 2;
}
#signin-bg, #signup-bg {
	display: none;
}
#signin.hide #signin-content, #signup.hide #signup-content, #signin.hide #signin-bg, #signup.hide #signup-bg {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#signin h1, #signup h1 {
	font-size: 30px;
    line-height: 45px;
    font-weight: 300;
    width: 100%;
    text-align: center;
	padding: 30px 0 15px 0;
}
#signin h2, #signup h2 {
	font-size: 15px;
    line-height: 30px;
	font-weight: normal;
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,0.8);
	padding: 0 0 20px 0;
}
#signin .btn, #signin-content div, #signup .btn, #signup-content div:not(.icon-arrow-down), #container.coupon-cont #article .coupon .btn {
	width: 415px;
    min-height: 45px;
	line-height: 45px;
	font-size: 15px;
    border: none;
	position: relative;
	margin: 15px auto 10px auto;
	z-index: 2;
	border-radius: 5px;
}
#container.coupon-cont #article .coupon .btn {
	margin-top: 0;
}
#signin-content div, #signup-content div:not(.icon-arrow-down):not(.btn) {
	margin: 0 auto 4px auto;
}
#signin-content div.title:before, #signin-content div.title:after {
	content: '';
    width: 35%;
    height: 22px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
    display: block;
    position: absolute;
	top: 0;
}
#signin-content div.title:before {
    left: 0;
}
#signin-content div.title:after {
    right: 0;
}
#signin input, #signup input, #signup select {
	font-size: 15px;
	width: 310px;
    height: 45px;
	line-height: 45px;
	position: relative;
	padding: 0 15px 0 75px;
	z-index: 1;
}
#signup-content li:first-child div:nth-child(4), #signup-content li:first-child div:nth-child(5), #signup-content li:first-child div:nth-child(6) {
	margin-top: 0;
}
#signup-content li:first-child div:nth-child(5) > div, #signup-content li:first-child div:nth-child(6) > div {
	width: calc((100% - 8px) / 3);
	float: left;
	margin-right: 4px;
	margin-top: 0;
	margin-bottom: 0;
}
#signup-content li:first-child div:nth-child(6) > div {
	width: calc((100% - 4px) / 2);
}
#signup-content li:first-child div:nth-child(5) > div:last-child, #signup-content li:first-child div:nth-child(6) > div:last-child {
	margin-right: 0;
}
#signup-content .dropdown, #signup-content select, #signup-content input, #signin-content input {
	width: 100%;
	box-sizing: border-box;
}
#signup-content li:first-child div:nth-child(5) div:first-child input {
	width: 100px; 
	float: left;
}
#signup-content div.icon-arrow-down {
    width: 45px;
	height: 45px;
	line-height: 45px;
	position: absolute;
}
#signup-content .dropdown {
	overflow: visible;
	height: auto;
}
#signup select {
	text-align: left;
	padding: 0 15px 2px 0;
	top: 0;
}
#signin li div > span, #signup li div > span {
	position: absolute;
    left: 0;
    text-align: left;
    z-index: 2;
	color: rgba(255,255,255,0.8);
}
#signin-content li > div > a, #signup-content li > div > a {
	width: 50%;
	position: relative;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#signin-content li > div > a:first-child {
	text-align: left;
	float: left;
}
#signin-content li > div > a:last-child {
	text-align: right;
	float: right;
}
#signin p.error, #signin p.success, #signup p.error, #signup p.success, #order p.error, #account .content > ul > li > p.error, #account .content > ul > li .btn p.success, #account > .btn .success {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 29px;
	width: 100%;
	color: rgba(221,75,57,1.0);
	background: rgba(255,255,255,0.6);
	line-height: 29px;
	text-align: center;
	z-index: -1;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
	border-radius: 5px;
}
#account > .btn .success {
	height: 44px;
	line-height: 44px;
	color: rgb(255,255,255);
}
#signin p.error.on, #signin p.success.on, #signup p.error.on, #signup p.success.on, #epaper p.error.on, #epaper p.success.on, #order p.error.on, #account .content > ul > li > p.error.on, #account .content > ul > li p.success.on, #account > .btn .success.on {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 10;
}
#signin p.error:before, #signin p.success:before, #signup p.error:before, #signup p.success:before, #order p.error:before, #account .content > ul > li > p.error:before, #account .content > ul > li > p.success:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 29px;
	width: 100%; 
	background: rgba(221,75,57,0.2);
	z-index: 0;
}
#account .content > ul > li .btn p.success {
    top: -44px;
	background: rgba(255,255,255,0.6);
}
#account.hide .content > ul > li p.error, #account.hide .content > ul > li p.success {
    display: none;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#signin li, #signup li {
	position: relative;
    width: 100%;
}
#signin li p, #signup li p {
	font-size: 13px;
    line-height: 20px;
    margin: -10px auto 19px auto;
	color: rgba(255,255,255,0.4);
	width: 415px;
}
#signin .btn.google {
    margin: 0 auto !important;
}
#signin-content div.title {
	margin: 26px auto;
	display: inline-block;
}
#signin .outer, #signup .outer {
	position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
    z-index: 2;
}
#signin p.error, #signin p.success, #signin p.error:before, #signin p.success:before, #signup p.error, #signup p.success, #signup p.error:before, #signup p.success:before {
    height: 45px;
    line-height: 45px;
    margin: 0;
	width: auto;
	padding: 0 15px;
	white-space: nowrap;
	border-radius: 5px;
}
#signin p.error, #signin p.success, #signup p.error, #signup p.success {
    left: calc(100% + 15px);
}
#signup-birth-year + p.error, #signup-gender + p.error {
    left: auto;
    right: calc(100% + 15px);
}
#signin p.error::before, #signin p.success::before, #signup p.error::before, #signup p.success::before {
    position: absolute;
    left: 0;
    right: 0;
}
#signin p.error:after, #signin p.success:after, #signup p.error:after, #signup p.success:after, #signin p.error span:after, #signin p.success span:after, #signup p.error span:after, #signup p.success span:after, #order p.error:after, #order p.error span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent rgba(221,75,57,0.2) transparent transparent;
    position: absolute;
    left: -10px;
    top: 14px;
}
#signup-birth-year + p.error:after, #signup-gender + p.error:after, #signup-birth-year + p.error span:after, #signup-gender + p.error span:after {
    left: auto;
	right: -10px;
	border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent rgba(221,75,57,0.2);
}
#signin p.error span:after, #signin p.success span:after, #signup p.error span:after, #signup p.success span:after, #order p.error span:after {
	border-color: transparent rgba(255, 255, 255, 0.6) transparent transparent;
}
#signup-birth-year + p.error span:after, #signup-gender + p.error span:after {
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.6);
}

/* Sign Up */
#signup li {
    top: 0;
}
#signup a {
	z-index: 3; 
    position: relative;
}
#signup li > p {
	margin: 25px auto;
}
#signup li:first-child > div:nth-child(3) {
	margin: 0 auto 4px auto;
}
#signup li:nth-child(2) p, #signup li:nth-child(3) p {
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
	margin: 0 0 20px 0;
}
#signup li:nth-child(2) p:last-child, #signup li:nth-child(3) p:last-child {
	margin: 0;
}
#signup li:nth-child(2) b, #signup li:nth-child(3) b {
	display: inline-block;
	margin: 0 0 5px 0;
	font-weight: normal;
}
#signup li:nth-child(2) .outer, #signup li:nth-child(3) .outer {
	position: relative;
    width: 415px;
    margin: 0 auto 15px auto;
    overflow: auto;
    height: 403px;
	padding: 0 30px;
}
#signup li.on .outer {
	z-index: 3;
}

/* Overlay Ad */
#container.overlay-ad {
	overflow: hidden;
}
#overlay-ad {
	display: none;
	z-index: 9;
}
#overlay-ad-content {
	position: absolute;
	left: 50%;
	width: 1280px;
	height: 100%;
	margin: 0 0 0 -640px;
	z-index: 2;
	cursor: pointer;
	padding: 0 0 44px 0;
}
#overlay-ad .ad3 {
	position: absolute;
	top: 44px;
	left: 50%;
	margin: 0 0 0 -207px;
}

/* Error */
#container.error, #container.error #nav-bg, #container.epaper, #container.epaper #nav-bg {
	background: none;
}
#container.error:after, #container.epaper:after {
	display: none;
}
#error, #subscribe, #unsubscribe {
	width: 100%;
	height: 310px;
	padding: 450px 0 0 0;
	text-align: center;
	position: relative;
	z-index: 0;	
	background: url('') top center no-repeat;
}
#error h1, #subscribe h1, #unsubscribe h1 {
	color: #fff;
    font-weight: 300;
    font-size: 30px;
	line-height: 50px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#error p, #subscribe p, #unsubscribe p {
    font-size: 14px;
	line-height: 50px;
    color: rgba(255,255,255,0.8);
	padding: 0 15px;
	max-height: 40px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
#error .btn, #subscribe .btn, #unsubscribe .btn {
	width: 305px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    border: none;
    position: relative;
    margin: 50px auto;
	border-radius: 5px;
}
#container.error:before, #container.epaper:before {
	display: none;
}

/* ePaper */
#epaper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#subscribe .outer, #unsubscribe .outer {
	width: 305px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    position: relative;
	margin: 50px auto;
}
#subscribe input, #unsubscribe input {
	width: 205px;
    height: 45px;
	line-height: 45px;
    font-size: 15px;
    position: relative;
    float: left;
}
#subscribe .btn, #unsubscribe .btn {
	width: 85px;
    position: relative;
	float: left;
	border-radius: 0 5px 5px 0;
    margin-top: 1px;
}
#epaper p.error, #epaper p.success {
    position: absolute;
    top: 60px;
	box-sizing: border-box;
    font-size: 13px;
    width: 100%;
	overflow: inherit;
}

/* Wrapper 6 */
.wrapper6, .wrapper6 ul, .wrapper6 li, .wrapper6 .main {
	width: 235px;
	float: left;
	left: auto;
	box-sizing: border-box;
	position: relative;
}
.wrapper6 li {
	height: 235px;
}
.show-pay .wrapper6 li {
	height: auto;
}
.wrapper6 .main {
	position: absolute;
	height: auto;
	max-height: 75px;
	bottom: 10px;
	margin: 0;
	padding-top: 0;
}
.wrapper6 .main h1 {
	max-height: 50px;
	height: auto;
}
.wrapper6 .social {
    position: absolute;
    right: 0;
    bottom: 10px;
	display: none;
}
.wrapper6 .fb-share {
    display: none;
}

/* Overlay Video */
#overlay-video {
	overflow-x: hidden;
	text-align: center;
}
#overlay-video > .outer {
	width: auto;
	height: 100%;
	margin: 30px auto;
	display: inline-block;
}
#overlay-video-content {
    position: relative;
	float: right;
	width: calc(1290px - (((415px * 3) - 235px - 15px) / 3) - 45px);
	height: auto;
	min-height: 0;
    margin: 0 auto;
}
#overlay-video iframe.video {
    position: relative;
    margin: 0 auto;
	width: 100%;
	border-radius: 15px;
}
#overlay-video.buy iframe.video, #container.article #article #content .video.buy iframe {
	border-radius: 15px 0  0 15px;
}
#overlay-video-content > h1 {
	font-size: 30px;
    line-height: 45px;
    font-weight: 300;
    min-height: 45px;
    width: 100%;
    text-align: left;
    padding: 10px 0;
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#overlay-video-content > .info {
	position: relative;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: left;
	padding: 0 0 10px 0;
	margin: -3px 0 0 0;
	white-space: nowrap;
	color: rgba(255,255,255,0.8);
}
#overlay-video-content > .info span {
	padding-right: 10px;
}
#overlay-video-content .social {
	position: relative;
	height: 30px;
	float: right;
	padding: 0 0 10px 0;
	border: none;
	min-width: 350px;
}
body.social {
    background: none;
    min-width: 0;
}
#overlay-video-content > p {
	width: 100%;
	display: inline-block; 
	min-height: 40px;
	line-height: 22px;
	font-size: 14px;
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
	position: relative;
	top: -5px;
	color: rgba(255,255,255,0.8);
}
#overlay-video-content > .btn {
	top: auto;
	margin: 15px auto;
}
#overlay-video-content > iframe {
	height: 513px;
}
#overlay-video #comment .outer {
    margin: 0 auto 30px auto;
}
#overlay-video .ad1 {
	display: block;
	margin: 15px auto 15px auto;
}
#overlay-video > .btn.fixed {
	width: 44px;
	height: 120px;
	border: 3px solid #fff;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
#overlay-video > .btn.fixed span {
	-webkit-writing-mode: vertical-rl; 
	-ms-writing-mode: vertical-rl; 
	writing-mode: vertical-rl; 
	width: 44px;
	height: 105px;
    padding: 15px 0 0 0;
	bottom: 0;
} 
#overlay-video > .btn.fixed .icon-arrow-right {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#overlay-video > .btn.fixed .thumb {
	display: none;
}
#overlay-video.taiwan .info .pay {
	color: #fff;
}
#overlay-video .outer > .wrapper6 {
	margin: 0 15px 0 0 ;
	float: left;
}
#overlay-video #comment {
    position: relative;
    display: inline-block;
    width: calc(100% + 15px);
    min-height: 210px;
    margin: 0 auto 20px auto;
    padding: 15px 0;
    z-index: 2;
	filter: contrast(0.25)brightness(1.5)saturate(2);
	left: -8px;
}
#overlay-video #location {
    position: relative;
    margin: 0 auto 20px auto;
    width: 100%;
    height: 485px;
    border: none;
    z-index: 1;
	border-radius: 5px;
    overflow: hidden;
}
#article .video {
	position: relative;
	width: -webkit-fill-available;
    margin: auto;
}
#article .video .show-pay .btn span {
	color: rgb(255,255,255) !important;
}
#container.article #article #content .video .show-pay img, #container.coupon-cont #article #content .video .show-pay img {
	max-width: 100% !important;
}
#container.article #article #content .video .show-pay .thumb:hover img, #container.coupon-cont #article #content .video .show-pay .thumb:hover img {
	max-width: 115% !important;
}
#container.article #article #content .video ul, #container.coupon-cont #article #content .video ul {
    margin: 0 auto;
}
#overlay-video.buy .show-pay, #article .video.buy .show-pay {
	display: block;
}
#overlay-video .outer > .wrapper6 li:last-child {
	display: none;
}

/* Show Pay */
.show-pay {
	position: absolute;
	top:0;
    height: 513px;
	opacity: 1.0;
	display: none;
	width: 32px;
	-moz-transition: all 1.5s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: all 1.5s cubic-bezier(0.4,0.0,1,1);
    -ms-transition: all 1.5s cubic-bezier(0.4,0.0,1,1);
    transition: all 1.5s cubic-bezier(0.4,0.0,1,1);
}
.show-pay.on {
	right: 0;
	width: auto;
}
.show-pay:after {
	float: left;
	opacity: 0.6;
}
.show-pay .btn {
	height: auto;
	padding: 10px 0 12px 0;
	border-radius: 0 0 0 5px;
}
.show-pay .icon-gift {
	padding: 0 0 8px 0;
	text-shadow: none;
}
.show-pay .wrapper6 { 
    height: 513px;  
	overflow-y: hidden;
	overflow-x: hidden;
	float: right;
	-moz-transition: all .3s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: all .3s cubic-bezier(0.4,0.0,1,1);
    -ms-transition: all .3s cubic-bezier(0.4,0.0,1,1);
    transition: all .3s cubic-bezier(0.4,0.0,1,1);
	opacity: 0;
	width: 0;
	z-index: -1;
}
.show-pay.on .wrapper6 {
	overflow-y: scroll;
	width: auto;
	opacity: 1.0;
	z-index: 1;
}
.show-pay .wrapper6::-webkit-scrollbar {
  width: 6px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.4);
}
.show-pay .wrapper6::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}
.show-pay .wrapper6 ul {
	background: rgba(0, 0, 0, 0.4);
    padding: 11px 6px 0 12px;
	box-sizing: initial;
	height: max-content;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    transform: translateZ(0.1px);
}
.show-pay .wrapper6 li {
	min-height: 0;
}
.show-pay .wrapper6 ul, .show-pay .wrapper6 li {
	width: 150px;
}
.show-pay .wrapper6 .main, .show-pay .wrapper6 .thumb {
	width: 100%;
}
.show-pay .thumb {
	height: calc(150px - 54px);
	border-radius: 5px;
}
.show-pay .wrapper6 .main {
	position: relative;
	bottom: auto;
}
.show-pay .wrapper6 .main .btn {
    width: 100%;
    writing-mode: unset;
    padding: 0;
	border-radius: 5px;
}
.show-pay .wrapper6 .main h1 {
	font-size: 13px;
	max-height: 40px;
	line-height: 30px;
	margin-top: 5px;
}
.show-pay .wrapper6 p {
	float: right;
}
.show-pay .wrapper6 p span {
    padding: 0;
	float: none;
}
#pay-prev {
	float: left;
	left: -50px !important;
}
#pay-next  {
	float: right;
	right: -50px !important;
}

/* No Result */
#container.more.no-result #hot, #container.more.no-result #all, #container.spec-edit-cont.no-result #hot, #container.spec-edit-cont.no-result #all {
	display: none;
}
#container.more.no-result #filter:after, #container.spec-edit-cont.no-result #filter:after, #container.coupon.no-result #coupon > ul:before {
	content: "沒有篩選結果";
    position: relative;
    top: auto;
    margin: 140px auto 80px auto;
    text-align: center;
    display: inline-block;
}
#container.coupon.no-result #coupon > ul:before {
    content: "目前尚無內容"; 
}
#container.more.no-result .ad1, #container.spec-edit-cont.no-result .ad1, #container.more.no-result .ad2, #container.spec-edit-cont.no-result .ad2, #container.more.no-result .ad3, #container.spec-edit-cont.no-result .ad3 {
    margin-bottom: 30px;
}

/* Mobile Menu */
#mobile-menu {
	overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
	border-color: rgba(255,255,255,0.4);
	border-width: 1px;
	border-style: none none none solid;
	backdrop-filter: blur(30px);
    transform: translateZ(0.1px);
}
#mobile-menu ul {
	height: auto;
}
#mobile-menu-content {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#mobile-menu-content > ul {
	width: 250px;
	margin: 0 auto;
    padding: 0 0 15px 0;
}
#mobile-menu-content li {
	width: 100%;
    height: 49px;
    line-height: 49px;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    position: relative;
}
#mobile-menu-content > ul > li {
	width: calc((100% - 4px) / 3);
	background: rgba(0, 0, 0, 0.2);
	float: left;
	text-align: center;
	height: 98px;
	line-height: 98px;
	margin: 0 1px 1px 0;
	border-radius: 5px;
}
#mobile-menu-content > ul > li:nth-child(3n) {
	margin-right: 0;
}
#mobile-menu-content li a {
	color: #fff;
}
#mobile-menu-content li:hover input {
    padding: 0 44px 0 15px;
}
#mobile-menu-content li:after {
	font-family: 'icon' !important;
  	speak: none;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 49px;
	width: 44px;
	display: block;
	position: relative;
	float: left;
	text-align: center;
}
#mobile-menu li .badge {
    top: 5px;
}
#mobile-menu-content > ul > li:nth-child(3) span:first-child, #mobile-menu-content > ul > li:nth-child(3) .badge, #mobile-menu-content > ul > li.on:nth-child(3) span:nth-child(2) {
	display: none;
}
#mobile-menu-content > ul > li.on:nth-child(3) span:first-child, #mobile-menu-content > ul > li.badge.on:nth-child(3) .badge {
	display: block;
}
#mobile-menu-content > ul > li:last-child, #mobile-menu-content > ul > li:nth-last-child(2), #mobile-menu-content > ul > li:nth-last-child(3) {
	width: 100%;
	height: 49px;
	line-height: 49px; 
	float: none;
	text-align: left;
}
#mobile-menu-content > ul > li:last-child span, #mobile-menu-content > ul > li:nth-last-child(2) span, #mobile-menu-content > ul > li:nth-last-child(3) span {
	padding: 0 0 0 15px;
}
#mobile-menu-content > ul > li:last-child:after, #mobile-menu-content > ul > li:nth-last-child(2):after, #mobile-menu-content > ul > li:nth-last-child(3):after {
 	content: "\e903";
	font-size: 13px;
 	position: absolute;
    top: 0;
    right: 0;
	-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#mobile-menu-content > ul > li:last-child, #mobile-menu-content > ul > li:nth-last-child(2), #mobile-menu-content > ul > li:nth-last-child(3) {
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.2);
	background: none;
}
#mobile-menu-content ul li ul {
	-moz-transition: min-height .5s;
    -ms-transition: min-height .5s;
    -o-transition: min-height .5s;
    -webkit-transition: min-height .5s;
    transition: min-height .5s;
    height: 0;
	min-height: 0;
    overflow: hidden;
	margin: 0 0 0 44px;
	width: 100%;
}
#mobile-menu-content > ul > li.expand:last-child, #mobile-menu-content > ul > li.expand:nth-last-child(2), #mobile-menu-content > ul > li.expand:nth-last-child(3) {
    height: auto;
}
#mobile-menu-content ul li.expand ul {
    min-height: 245px;
	height: auto;
}
#mobile-menu-content ul li.expand:after  {   
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#mobile-menu .ad1 {
	margin: 5px auto;
}
#mobile-menu .ad3 { 
    margin: 0 auto 70px auto;
}

/* Ad */
.ad1, .ad2, .ad3 {
    position: relative;
	width: 100%;
	height: auto;
	margin: 25px auto 40px auto;
	text-align:center;
	overflow: hidden;
	z-index: 1;
	border-radius: 5px;
}
li.ad1, .ad1 {
	width: 845px;
	min-height: auto;
	max-height: 90px;
	background: none;
}
.ad1, li.ad1 {
    display: none;
}
.ad3, li.ad3, .ad-bottom {
	display: none !important;
}
.ad2 a:nth-last-child(2) {
    padding: 0 0 0 12px;
}
li.ad2, .ad2 {
	width: auto;
	display: inline-block;
	max-height: 90px;
	min-height: auto;
	background: none;
	white-space: nowrap;
}
li.ad2, #container.spec-edit .wrapper4 li.ad2, #container.service > .outer li.ad2 {
	padding: 0 0 15px 0;
	margin: 0 auto;
	border-radius: 0;
	box-sizing: content-box;	
}
.ad2 iframe, .ad2 ins, .ad2 > a img {
	border-radius: 5px;
}
.ad3 div, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3 div {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	line-height: normal;
	display: inline-block;
	width:100% !important;																			
}
.ad3.SP div, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3.SP div {
    background: none;
	display: block;
	padding: 0 !important;
}
.ad3 h1 {
	width: 100%;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	font-weight: normal;
	font-size: 15px;
	text-align: left;
	line-height: 25px;
	padding: 10px 0 0 0;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
	cursor: pointer;
}
.ad3 p {
	font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    color: rgba(255,255,255,0.8);
	margin: 0 0 10px 0;
	max-height: 44px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
	cursor: pointer;
}
.ad3 h1:hover, .ad3 p:hover, .ad3 a:hover {
	color: rgba(255,255,255,0.4);
}
.ad3 img {
	cursor: pointer;
	border-radius: 15px;
	width: 100%;
}
.ad3 img:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.ad3 span, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3 span {
    color: #fff !important;
    margin: 0 5px 0 0;
	float: left;
	line-height: 22px;
}
.ad3 .btn, #account .content li.ad3 .btn, #container.coupon .wrapper4 li.ad3 .btn, #account .content > ul > li:nth-child(3) .outer > ul > li.ad3 .btn, #account .content > ul > li:nth-child(5) .outer > ul > li.ad3 .btn, #account .content > ul > li:nth-child(5) .no-result .ad3 .btn, .article #article #content .ad3 a.btn {
    text-decoration: none;
    display: inline-block;
    position: relative;
    float: right;
    color: rgba(255,255,255,0.8) !important;
    background: none !important;
    width: auto;
    height: auto;
    line-height: normal;
	right: auto;
	bottom: auto;
	top: auto;
}
.ad3 a, .article #article #content .ad3 div a {
	font-weight: normal !important;
    color: rgba(255,255,255,0.8) !important;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    display: block;
    float: left;
    line-height: 22px;
	text-align: left;
}
.ad3 ins {
    text-align: center;
	border-radius: 15px;
	overflow: hidden;
	background: rgb(255,255,255);
}
.ad3 ins iframe {
    position: relative !important;
    left: auto !important;
}
.ad2.SP > div:first-child {
    width: 970px;
    background: rgba(255,255,255,0.8);
    float: left;
}

/* Buy */
#container.article #coupon, #container.article #aside > .btn, #container.coupon-cont #aside > .btn, #overlay-video > .btn {	
	display: none;
}
#container.article.buy #coupon, #container.article.buy #aside > .btn, #container.coupon-cont #aside > .btn, #container.article.booking #aside > .btn, #container.coupon-cont.booking #aside > .btn, #overlay-video.buy > .btn {	
	display: block;
}
#container.article #aside > .btn .fb, #container.article #aside > .btn .line, #container.coupon-cont #aside > .btn .fb, #container.coupon-cont #aside > .btn .line, #container.coupon-cont #aside > .btn .tel, #container.article #aside > .btn .tel, #container.coupon-cont #aside > .btn .lbs, #container.article #aside > .btn .lbs {
	display: none;
	position: absolute;
	height: 44px;
	background-color: rgba(66, 103, 178, 0.6);
}
#container.article #aside > .btn .line, #container.coupon-cont #aside > .btn .line {
	background-color: rgba(0, 185, 0, 0.6);
} 
#container.article #aside > .btn .ad3, #container.coupon-cont #aside > .btn .ad3 {
	display: none;
}
[id^="div-tam-ad-"], [class*="div-tam-ad-"] {
	margin-top: 15px;
	position: relative;
    z-index: 1;
}

/* Tutorial */
#tutorial, #order {
	text-align: center;
	line-height: 20px;	
}
#tutorial-content, #order-content > ul > li {
	width: 1275px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -270px 0 0 -635px;
	min-height: 600px;
	background: url('') top center / cover no-repeat scroll;	
}
#tutorial h1, #tutorial p, #tutorial ul, #order h1, #order p, #order ul ul {
	width: 415px;
	position: relative;
    margin: 0 auto;
	z-index: 9;
	visibility: visible;
	top: 0;
}    
#tutorial ul, #tutorial p, #order p, #order ul ul {
    font-size: 14px;
    line-height: 22px;
    color: rgba(255,255,255,0.8);
}
#tutorial h1, #order h1 {
	height: 90px;
	white-space: normal;
	text-align: center;
	float: none;
}
#tutorial p {
	text-align: justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
	padding: 20px 0 10px 0;
}

/* Order */
#order-content {
	width: 1270px;
	height: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -280px 0 0 -635px;
}
#order-content > ul {
	display: inline-block;
	width: 100%;
}
#order-content .btn {
    position: relative;
    top: auto;
    left: auto;
    margin: 15px auto;
    transform: none;
}
#order-content > ul > li {
	background: none;
    position: relative;
    width: 392px;
    display: block;
    top: auto;
    left: auto;
    margin: 0 auto;
	min-height: 0;	
}
#order h1 {
	width: 100%;
	height: 45px;
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
}
#order-content > ul > li p:nth-child(2) {
	margin: 0 auto 15px auto;
	line-height: 29px;
}
#order ul ul {
	margin: 5px auto 27px auto;
}
#order ul ul li span {
    position: relative;
    left: auto;
	line-height: normal;
}
#order-content > ul > li > div, #order-content > ul > li > div a {
	width: 235px;
	line-height: 29px;
	display: inline-block;
	position: relative;
	vertical-align: top;
}
#order-content > ul > li > div a {
	margin: 0 auto 15px auto;
}
#order-content > ul > li:first-child > .outer div.goods {
	margin: 5px auto 10px auto;
}
#order-content .check, .coupon .check {
	text-align: left;
	display: inline-block;
	width: auto;
	cursor: pointer;
	line-height: 29px;
	-webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
#order-content .check.on, .coupon .check.on {
	color: rgba(255,255,255,0.8);
}
#order-content .icon-check, .coupon .icon-check, .coupon .icon-date {
	display: none;
	font-size: 18px;
    float: left;
    line-height: 29px;
    width: 29px;
    height: 29px;
    text-align: center; 
}
#order-content .check:before, .coupon .check:before {
	content: '不';
	float: left;
	width: auto;
}
#order-content > ul > li .outer span {
    position: relative;
    left: auto;
    margin-left: 5px;
}
#order p.error {
	top: 0;
    width: auto;
    padding: 0 15px;
    white-space: nowrap;
    left: 250px;
}
#order p.error:after, #order p.error span:after {
	top: 7px;
}
#order-content > ul > li div > span {
    text-align-last: justify;
    width: 65px;
}
#order-content .check.on:before, .coupon .check.on:before, #order .goods, #order-content > ul > li:first-child > div.goods:nth-last-child(2), #order.goods ul ul, #order.goods .receipt {
	display: none;
}
#order-content .check.on .icon-check, .coupon .check.on .icon-check {
	display: block;
}
#order.goods .goods {
	display: inline-block;
}
#order-content > ul > li.value1 > div.value1, #order-content > ul > li.value2 > div.value2, #order-content > ul > li.value3 > div.value3, #order.goods #order-content > ul > li:first-child > div.goods:nth-last-child(2), #order.goods .goods.dropdown {
	display: inline-block;
}

/* Service */
#container.service .tab {
    width: 100%;
    margin: 30px auto 15px auto;
}
#container.service .tab ul {
    width: 100%;
	left: 0;
}
#container.service .tab li {
    height: auto;
}
#container.service > .outer {
    z-index: 2;
    position: relative;
	width: 1275px;
}
#container.service .content {
	margin: 0 auto;
}
#container.service .content ul {
	width: 100%;
	left: 0;
	padding: 0;
}
#container.service .content li li {
	position: relative;
	list-style: decimal-leading-zero inside; 
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	line-height: 44px;
	color: rgba(255,255,255,1.0);
	height: 44px;
	min-height: 44px; 
	overflow: hidden;
	transition: min-height 0.3s;
	width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
	padding-right: 30px;
}
#container.service .content li li.on {
	height: auto; 
	min-height: 109px;
}
#container.service .content li > span { 
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	line-height: 44px;
	position: relative;
	transition: color 0.3s linear;
}
#container.service .content li li .icon-arrow-down {
    cursor: pointer;
	top: 0;
	height: 44px;
	line-height: 44px;
	font-size: 13px;
	position: absolute;
    right: 0;
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s, -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
#container.service .content li .icon-arrow-down:before {
	color: rgba(0, 0, 0, 0.4);
	transition: color 0.3s linear;
}
#container.service .content li li p {
	position: relative;
	width: 100%;
	overflow: hidden;
	line-height: 22px;
	text-align: justify;
	padding: 15px;
	margin: 0 0 15px 0;
	font-size: 14px;
	color: rgba(255,255,255,0.8);
	white-space: normal;
}
#container.service .content li li:last-child p {
	margin: 0;
}
#container.service .content > ul > li:last-child > p {
    position: relative;
    float: right;
    text-align: justify;
    width: 415px;
	font-size: 14px;
    line-height: 22px;
	color: rgba(255,255,255,0.8);
}
#container.service .content > ul > li:last-child .left {
    position: relative;
    float: left;
}
#container.service .content > ul > li:last-child .left .icon-arrow-down {
	height: 29px;
	line-height: 29px;
}
#container.service .content > ul > li:last-child .left .icon-arrow-down:before {
	color: #fff;
}
#container.service .content > ul > li:last-child .right {
	position: relative;
	float: left;
	width: 595px;
	margin: 0 15px;
}
#container.service .content > ul > li:last-child textarea {
    resize: none;
	width: 100%;
    height: 205px;
    line-height: 22px;
    padding: 4px 15px 4px 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
}
#container.service .content > ul > li:last-child .right .btn {
	position: relative;
	float: right;
	margin: 25px 0 30px 0;
}
#container.service > .outer .tab ul {
    padding: 0 0 20px 0;
}
#container.service .error, #container.service .success {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
	margin: 13px 0 30px 0; 
	position: absolute;
	line-height: 29px;
	width: 100%;
}
#container.service .error.on, #container.service .success.on {
	opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Coin */
#container.coupon .coin, #account .coin {
	width: 1275px;
	margin: 0 auto 15px auto;
	line-height: 29px;
	background: cccc
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #fff;
	border-radius: 5px;
}
#container.coupon .coin {
    padding: 4px 15px 5px 15px;
    line-height: 20px;
	z-index: 1;
    position: relative;
}
#account .coin {
	margin-bottom: 0;
}
#container.coupon-cont .coin {
	position: relative;
	margin: 15px auto;
	text-align: center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#container.coupon .tab {
	width: 1275px;
}
#container.coupon .tab ul {
	width: auto;
	max-width: none;
	display: block;
}
#container.coupon .tab li {
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
	-webkit-backdrop-filter: none;
    backdrop-filter: none;
}
#coupon li h1 + div, .coupon-cont .wrapper4 li h1 + div {
	text-align: right;
    width: 50%;
    font-size: 15px;
    position: absolute;
    right: 12px;
    bottom: 42px;
    line-height: 22px;
}
#coupon li p, .coupon-cont .wrapper4 li p {
	height: 22px;
    -webkit-line-clamp: 1;
    width: auto;
    float: left;
    margin-right: 5px;
}
#coupon li.ad3 p, .coupon-cont .wrapper4 li.ad3 p {
	height: auto;
    -webkit-line-clamp: 2;
}
#coupon li p:nth-child(3), .coupon-cont .wrapper4 li p:nth-child(3) {
	width: 100%;
}
#coupon li p:nth-child(5), .coupon-cont .wrapper4 li p:nth-child(5) {
	text-align: right;
}


/* Menu */
#container.coupon-cont #article .coupon .menu {
	margin: 20px auto;
}
#container.coupon-cont #article .coupon .menu > ul {
	width: 100%;
	display: inline-block;	
}
#container.coupon-cont #article .coupon .menu > ul > li {
	list-style-type: none;
	margin: 0 0 1px 0;
    font-size: 20px;
	height: 44px;
    line-height: 44px;
	text-align: left;
	padding: 0 0 0 15px;
	cursor: pointer;
	transition: background 0.3s linear 0s; 
	border-radius: 5px;	
}
#container.coupon-cont #article .coupon .menu li h1 { 
	font-size: 18px;
	font-weight: normal;
	float: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	color: rgba(255,255,255,0.8);
	max-width: 58%;
	transition: color 0.3s linear 0s;
}
#container.coupon-cont #article .coupon .menu .item, #container.coupon-cont #article .coupon .menu .price {
	float: right;
	display: inline-block;
}
#container.coupon-cont #article .coupon .menu .price {
	position: relative;
	float: right;
	margin: 0 15px; 	
}
#container.coupon-cont #article .coupon .menu .item {
    position: absolute;
    right: 140px;
}
#container.coupon-cont #article .coupon .menu .item li {
	float: left;
	min-width: 50px;
    max-width: 60px;
    padding: 0 7px;
	height: 26px;
	line-height: 26px;
	margin: 9px 0 0 0;
	list-style-type: none;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
}
#container.coupon-cont #article .coupon .menu ul.price span:first-child {
	font-size: 18px;
}
#container.coupon-cont #article .coupon .menu .price span:last-child {
	text-decoration: line-through;
}
#container.coupon-cont #article .coupon .menu .item li {
	opacity: 1.0;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#container.coupon-cont #article .coupon .menu .item li.on {
	cursor: default;
}
#container.coupon-cont #article .coupon .menu .item li:first-child {
	border-radius: 5px 0 0 5px;
}
#container.coupon-cont #article .coupon .menu .item li:last-child {
	border-radius: 0 5px 5px 0;
}
#container.coupon-cont #article .coupon .menu .item li:hover {
	opacity: 0.6;
}
#container.coupon-cont #article .coupon .menu .item li.on:hover {
	opacity: 1.0;
}
#container.coupon-cont #article .coupon .menu .price li {
	display: none;	
}
#container.coupon-cont #article .coupon .menu .price li.on, .coupon .check, .coupon .icon-date {
	display: inline-block;	
}
.coupon .check {
	float: right;
	font-size: 15px;
	margin: 0 auto 15px auto; 
}
.coupon .icon-date, .coupon .icon-check {
	font-size: 24px;
	margin: 0 5px; 
}
.coupon .date {
	float: left;
	line-height: 29px;
	margin: 0 auto 15px auto;
}
.coupon .date input {
	text-align: left;
    float: left;
	font-size: 15px;
    width: 115px;
    background: none;
    cursor: pointer !important;
    padding: 0;
	-webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
	border: none;
}
.datepicker-top-left:before, .datepicker-top-right:before, 
.datepicker-top-left:after, .datepicker-top-right:after {
    content: '';
    position: absolute;
    left: 20px;
    margin: -3px 0 0 -7px;
    text-align: center;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent rgba(0,0,0,0.4) transparent;
    border-radius: 5px;
}
.datepicker-panel>ul>li { 
	background: none;
	width: 40px;
    line-height: 40px;
    height: 40px;
}
.datepicker-top-left, .datepicker-top-right {
    border: none;
    border-radius: 5px;
    box-shadow: none;
    background: none;
}
.datepicker-container {
	font-size: 13px;
    font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue";
	z-index: 4 !important;
	width: calc(40px * 7);
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    transform: translateZ(0.1px);
}
.datepicker-panel>ul>li[data-view="month next"], .datepicker-panel>ul>li[data-view="month prev"], .datepicker-panel>ul>li[data-view="year next"], .datepicker-panel>ul>li[data-view="year prev"], .datepicker-panel>ul>li[data-view="years next"], .datepicker-panel>ul>li[data-view="years prev"], .datepicker-panel>ul>li[data-view=next] {
    font-size: 24px;
}
.datepicker-panel>ul>li[data-view="month current"], .datepicker-panel>ul>li[data-view="year current"], .datepicker-panel>ul>li[data-view="years current"] {
	width: calc(100% - 80px)
}
.datepicker-panel>ul>li.muted, .datepicker-panel>ul>li.muted:hover, .datepicker-panel > ul > li.disable, .datepicker-panel > ul > li.disable:hover, .datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover {
    color: rgba(255,255,255,0.4);
}
.datepicker-panel>ul {
    width: calc(40px * 7);
}
.datepicker-panel > ul > li.disable, .datepicker-panel > ul > li.disable:hover, .datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover, .datepicker-panel>ul[data-view=week]>li, .datepicker-panel>ul[data-view=week]>li:hover {
	background: none !important;
}
.datepicker-panel > ul > li.disable, .datepicker-panel > ul > li.disable:hover, .datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover {
	cursor: not-allowed;
}

/* Google Reviews */
#container.article #article #google-reviews {
    margin-bottom: 0;
	width: 100%;
}
#google-reviews {
	font-size: 14px;
    line-height: 22px;
    text-align: justify;
}
#google-reviews h2 {
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    margin: 0 auto 20px auto;
    text-align: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
}
.place-review-header, .review-item {
	display: inline-block;
	border-style: none none solid none ;
    border-width: 1px;
    padding: 0 0 15px 0;
	margin: 0 0 15px 0;
    border-color: rgba(255, 255, 255, 0.4);
	width: 100%;
}
.place-review-header {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}
.review-item:last-child {
	margin-bottom: 30px;
}
.chart {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    height: 8px;
    width: 200px;
	margin: 5px 0 5px 10px;
	border-radius: 8px;
}
.chart .full {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    background: rgb(251, 188, 4);
    display: inline-block;
    height: 8px;
    border-radius: 8px;
}
.business-chart, .business-rating {
	margin: 0 30px 0 0;
}
.business-title {
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 0%;
}
.business-rating {
    text-align: center;
    width: 250px;
}
.business-rating-number {
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
	width: 100%;
	display: inline-block;
}
.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
	margin: 10px auto 0 auto;
}
.ratings .full {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: rgb(251, 188, 4);
}
.business-title h1 {
	font-size: 18px;
    line-height: 25px;
	color: rgb(255,255,255);
	cursor: pointer;
	margin: 12px 0 40px 0;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    overflow: hidden;
	font-weight: normal;
}
.write-reviews {
	font-size: 14px;
	border-radius: 5px;
    height: 29px;
	line-height:29px;
	color: rgb(255,255,255);
	display: inline-block;
	cursor: pointer;
	margin: 0 0 10px 0;
	width: 150px;
    text-align: center;
}
.write-reviews:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.business-title > span {
	margin-left: 20px;
}
.write-reviews:hover {
	background: rgba(138, 154, 154, 0.1);
	-webkit-transition: all .3s linear;
  	-moz-transition: all .3s linear;
  	-ms-transition: all .3s linear;
  	-o-transition: all .3s linear;
  	transition: all .3s linear;
}
.write-reviews .icon-write {
	display: none;
}
.review-item .ratings, #vip .icon-rating {
	font-size: 20px;
}
.review-author p {
	cursor: pointer;
	color: rgb(255,255,255);
	font-size: 15px;
	max-width: calc(100% - 36px - 90px - 50px - 45px);
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
.review-author > * {
	line-height: 36px;
	float: left;
	margin: 0 15px 0 0;
}
.review-avatar, .review-avatar img {
    width: 36px;
    height: 36px;
}
.review-time {
	margin: 0;
}
.review-content {
	width: 100%;
	margin: 5px 0 0 0;
	display: inline-block;
	white-space: pre-wrap;
	text-align: left;
	color: rgba(255,255,255,0.8);
}
.read-more-wrap {
    text-align: justify;
    display: inline-block;
}
.read-more-target {
  white-space: normal;
  font-size: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: height .3s linear;
  -moz-transition: height .3s linear;
  -ms-transition: height .3s linear;
  -o-transition: height .3s linear;
  transition: height .3s linear;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: inherit;
  white-space: pre-wrap;
}
.read-more-trigger {
  display: inline-block;
  width: 100%;
}
.read-more-state, .read-more-state:checked ~ .read-more-trigger {
  display: none;
}

/* Receipt */
ul.receipt {
	width: 624px;
	margin: 0 auto;
	color: #666;
}
ul.receipt li {
	width: 300px;
	height: calc(300px / 5.7 * 9);
	float: left;
	overflow: hidden;
	padding: 20px 30px;
	box-sizing: border-box;
	text-align: center;
	background: rgba(255,255,255,1.0);
}
ul.receipt li img, ul.receipt li .header {
	width: 100%;
	margin: 0 auto 10px auto;
}
ul.receipt li .header, ul.receipt li .header h1 {
	font-size: 25px;
	line-height: 35px;
	font-weight: 300;
	color: rgba(0,0,0,1.0);
	position: relative;
}
ul.receipt li .header:after {
	content: "樣張";
    font-size: 115px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    text-align: center;
}
ul.receipt li p, ul.receipt li .title span:nth-child(2), ul.receipt li .amount span:nth-child(2) {
	text-align: center;
}
ul.receipt li .title span:last-child, ul.receipt li .amount span:last-child {
	text-align: right;
}
ul.receipt li:last-child p {
	text-align: justify;
}
ul.receipt li:first-child p span {
	margin: 0 5px;
}
ul.receipt li .barcode {
	width: 100%;
	height: 90px;
}
ul.receipt li .barcode img {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
ul.receipt li .qrcode {
	width: calc((100% - 60px) / 2);
	float: left;
	margin: 0 15px;
	height: 90px;
}
ul.receipt li .qrcode canvas {
    width: 100%;
    height: 100%;
}
ul.receipt li h2 {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: rgba(0,0,0,1.0);
	margin: 0 auto 10px auto;
}
ul.receipt li .title, ul.receipt li .amount {
	display: grid;
    grid-column-gap: 10px;
	grid-template-columns: repeat(3, 1fr);
}
ul.receipt li .title {
	border: 1px rgba(0, 0, 0, 0.4);
	border-style: none none solid none;
	margin: 0 auto 5px auto;
	padding: 0 0 5px 0;
}
ul.receipt li .amount {
	margin: 0 auto 20px auto;
}

/* Share Coin */
#container.coupon-cont.pay #article > div:nth-child(4) span:first-child:after, #container.coupon .wrapper4 li.pay .main div span:after, #container.coupon-cont .wrapper4 li.pay .main div span:after {
	display: none;
}
#container.coupon .wrapper4 li:not(.pay) .main div span:first-child, #container.coupon-cont .wrapper4 li:not(.pay) .main div span:first-child, #container.coupon-cont:not(.pay) #article > div:nth-child(4) span:first-child {
	visibility: hidden;
	position: relative;
	white-space: nowrap;
}
#container.coupon .wrapper4 li:not(.pay) .main div span:first-child:after, #container.coupon-cont .wrapper4 li:not(.pay) .main div span:first-child:after, #container.coupon-cont:not(.pay) #article > div:nth-child(4) span:first-child:after {
    content: "免費";
    visibility: visible;
    line-height: 22px;
    float: right;
	display: inline-block;
}
#container.coupon-cont:not(.pay) #article > div:nth-child(4) span:first-child:after, #container.coupon-cont #article > div:nth-child(4) span:first-child { 
	float: none;
	top: auto;
	left: auto;
	right: 0;
	transform: none;
	font-size: 30px;
    font-weight: 300;
}

/* VIP */
/*#container.coupon .wrapper4 li.vip .main div span:first-child:before, #container.coupon-cont .wrapper4 li.vip .main div span:first-child:before, #container.coupon-cont.vip #article > div:nth-child(4) span:first-child:before {
    content: "VIP 限定";
}
#container.coupon .wrapper4 li.vip .line1, #container.coupon-cont .wrapper4 li.vip .line1, #container.coupon .wrapper4 li.vip .line2, #container.coupon-cont .wrapper4 li.vip .line2 {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    top: -3px;
	left: -3px;
}
#container.coupon .wrapper4 li.vip .line2, #container.coupon-cont .wrapper4 li.vip .line2 {
	top: auto;
    left: auto;
	right: -3px;
    bottom: -3px;
}
#container.coupon .wrapper4 li.vip .line1 span, #container.coupon-cont .wrapper4 li.vip .line1 span, #container.coupon .wrapper4 li.vip .line2 span, #container.coupon-cont .wrapper4 li.vip .line2 span {
    position: absolute;
    display: block;
    width: 80px;
    height: 26px;
    top: 7px;
    left: -21px;
    transform: rotate(-45deg);
    background: -moz-linear-gradient(270deg, rgb(180,144,58) 0%, rgb(239,206,115) 28%, rgb(253,250,190) 48%, rgb(230,212,138) 64%, rgb(188,151,40) 100%);
    background: -webkit-linear-gradient(270deg, rgb(180,144,58) 0%, rgb(239,206,115) 28%, rgb(253,250,190) 48%, rgb(230,212,138) 64%, rgb(188,151,40,58) 100%);
    background: linear-gradient(270deg, rgb(180,144,58) 0%, rgb(239,206,115) 28%, rgb(253,250,190) 48%, rgb(230,212,138) 64%, rgb(188,151,40) 100%);
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.4));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.4));
    z-index: 2;
}
#container.coupon .wrapper4 li.vip .line2 span, #container.coupon-cont .wrapper4 li.vip .line2 span {
    top: auto;
	left: auto;
	bottom: 7px;
    right: -21px;
}
#container.coupon .wrapper4 li.vip .line1:before, #container.coupon-cont .wrapper4 li.vip .line1:before, #container.coupon .wrapper4 li.vip .line1:after, #container.coupon-cont .wrapper4 li.vip .line1:after, #container.coupon .wrapper4 li.vip .line2:before, #container.coupon-cont .wrapper4 li.vip .line2:before, #container.coupon .wrapper4 li.vip .line2:after, #container.coupon-cont .wrapper4 li.vip .line2:after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: rgba(180,144,58,1);
    top: 3px;
    right: 0;
	-webkit-filter: drop-shadow(0 22px 32px rgba(0,0,0,0.4));
    filter: drop-shadow(0 22px 32px rgba(0,0,0,0.4));
}
#container.coupon .wrapper4 li.vip .line1:after, #container.coupon-cont .wrapper4 li.vip .line1:after, #container.coupon .wrapper4 li.vip .line2:after, #container.coupon-cont .wrapper4 li.vip .line2:after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 3px;
}
#container.coupon .wrapper4 li.vip .line1:before, #container.coupon-cont .wrapper4 li.vip .line1:before {
    top: 0;
    right: 3px;
}
#container.coupon .wrapper4 li.vip .line1:after, #container.coupon-cont .wrapper4 li.vip .line1:after {
    bottom: 3px;
    left: 0;
}
#container.coupon-cont.vip .coupon .outer:before {
	background: -moz-linear-gradient(270deg, rgba(180,144,58,1) 0%, rgba(239,206,115,1) 28%, rgba(253,250,190,1) 48%, rgba(230,212,138,1) 64%, rgba(188,151,40,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(180,144,58,1) 0%, rgba(239,206,115,1) 28%, rgba(253,250,190,1) 48%, rgba(230,212,138,1) 64%, rgba(188,151,40,1) 100%);
    background: linear-gradient(270deg, rgba(180,144,58,1) 0%, rgba(239,206,115,1) 28%, rgba(253,250,190,1) 48%, rgba(230,212,138,1) 64%, rgba(188,151,40,1) 100%);
}*/

/* Point */
#account .content li .point {
	width: 100%;
	margin: 15px auto;
}
#account .content li .point .info li {
	width: 100%;
}
#account .content li .point .info > ul > li:first-child {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	max-height: calc(15px + 25px + 15px + 20px + 15px + 176px);
    overflow: hidden;
}
#account .content li .point .info > ul > li:nth-child(2) {
    height: 60px;
    overflow: hidden;
}
#account .content li .point .info li a {
	display: inline-block;
    width: 100%;
    line-height: 20px;
}
#account .content li .point .info li p {
	text-align: center;
}
#account .content li .point .info li ul {
	padding: 0 0 0 26px;
	font-size: 14px;
    line-height: 22px;
}
#account .content li .point .info li li {
	list-style-type: decimal-leading-zero;
    list-style-position: outside;
    word-break: break-all;
}
#account .content li .point .info li:first-child li {
	text-align: justify;
	border: none;
	color: rgba(255,255,255,0.8);
}
#account .content li .point > ul {
	width: calc(100% - 235px - 27px - 27px);
	float: left;
	position: relative;
}
#account .content li .point > ul li {
    width: calc((100% - (15px * 7)) / 7);
	margin: 0 15px 15px 0;
    float: left;
	position: relative;
}
#account .content li .point li .thumb {
   	position: relative;
    width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 100%;
	background: rgba(250,250,250,0.8);
}
#account .content li .point li .thumb:before {
    position: absolute;
    font-size: 50px;
    font-weight: 300;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#account .content li .point li:first-child .thumb:before {
   	content: "1";
}
#account .content li .point li:nth-child(2) .thumb:before {
   	content: "2";
}
#account .content li .point li:nth-child(3) .thumb:before {
   	content: "3";
}
#account .content li .point li:nth-child(4) .thumb:before {
   	content: "4";
}
#account .content li .point li:nth-child(5) .thumb:before {
   	content: "5";
}
#account .content li .point li:nth-child(6) .thumb:before {
   	content: "6";
}
#account .content li .point li:nth-child(7) .thumb:before {
   	content: "7";
}
#account .content li .point li:nth-child(8) .thumb:before {
   	content: "8";
}
#account .content li .point li:nth-child(9) .thumb:before {
   	content: "9";
}
#account .content li .point li:nth-child(10) .thumb:before {
   	content: "10";
}
#account .content li .point li:nth-child(11) .thumb:before {
   	content: "11";
}
#account .content li .point li:nth-child(12) .thumb:before {
   	content: "12";
}
#account .content li .point li:nth-child(13) .thumb:before {
   	content: "13";
}
#account .content li .point li:nth-child(14) .thumb:before {
   	content: "14";
}
#account .content li .point li:nth-child(15) .thumb:before {
   	content: "15";
}
#account .content li .point li:nth-child(16) .thumb:before {
   	content: "16";
}
#account .content li .point li:nth-child(17) .thumb:before {
   	content: "17";
}
#account .content li .point li:nth-child(18) .thumb:before {
   	content: "18";
}
#account .content li .point li:nth-child(19) .thumb:before {
   	content: "19";
}
#account .content li .point li:nth-child(20) .thumb:before {
   	content: "20";
}
#account .content li .point li .thumb img {
	position: absolute;
	top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	transition: all 0.3s ease 0s;
    max-width: 100%;
    height: auto;
	cursor: pointer;
}
#account .content li .point li:last-child .thumb img {
	cursor: default;
	filter: grayscale(100%);
}
#account .content li .point li:not(:last-child) .thumb img:hover {
	max-width: 115%;
}
#account .content li .point li:last-child .thumb {
	background: none;
}
#nav li .account.point .thumb {
    cursor: default;
}
#account .content li .point li:last-child .icon-dialog {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.3s ease 0s;
	transform: rotate(20deg);
	position: absolute;
    top: -45px;
    right: -50px;
}
#account .content li .point.on li:last-child .icon-dialog {
    opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1.0)";
}
#account .content li .point li:last-child .icon-dialog:before {
    font-size: 99px;
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#account .content li .point li:last-child .icon-dialog span {
    position: absolute;
    line-height: 20px;
    color: rgb(255,255,255);
    -webkit-font-smoothing: auto;
	width: 65px;
    text-align: center;
    top: 23px;
    left: 17px;
}
#account .content li .point.on li:last-child .thumb img {
	filter: none;
}

/* VIP */
#vip {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	left: 0;
	min-height: 570px;
}
#vip button {
	border-radius: 5px;
}
#vip .outer {
	position: absolute;
	left: calc((100vw - (415px * 3) - 30px) / 2);
    top: 50%;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	height: auto;
}
#vip-prev, #vip-next {
	display: none;
}
#vip .main, #coupon .main, .coupon-cont .wrapper4 li .main {
    padding-bottom: 0;
}
#vip .ratings {
    font-size: 15px;
    line-height: 22px;
    height: auto;
    width: auto !important;
    position: absolute;
    right: 10px;
    bottom: 42px;
}
#vip li, #coupon li:not([class*="ad"]) {
    padding-bottom: 0;
}
#vip .btn, #coupon .btn, .coupon-cont .wrapper4 li .btn {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-left: -10px;
	margin-bottom: 3px;
    line-height: 29px;
	height: 29px;
    border-radius: 5px;
    padding: 0 10px;
	display: inline-block;
}
#coupon li.ad3 .btn, .coupon-cont .wrapper4 li.ad3 .btn {
    margin: 0;
	padding: 0;
}
#vip .icon-rating {
	color: rgb(251, 188, 4);
	float: right;
	margin: 0 0 0 5px;
}
#vip .wrapper4 .thumb {
	display: block;
}
#vip .wrapper4 .main p {
	height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	width: 100%;
}
#vip .map-wrapper {
    position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
#map-vip {
	width: 100%;
	height: 100%;
}

/* Floating Chat */
.fabs {
	bottom: 0;
	position: fixed;
	margin: 15px;
	right: 0;
	z-index: 7;
}
.fab {
	color: rgba(255,255,255);
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	text-align: center;
	margin: 15px auto 0;
	cursor: pointer;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
	position: relative;
	overflow: hidden;
}
.fab:hover {
	transform: scale(1.1,1.1);
}
.fab [class^="icon-"], .fab [class*=" icon-"] {
	background: none !important;
}
.fab > i {
	font-size: 24px;
	line-height: 40px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-in-out;
}
.fab:hover > i {
	font-size: 24px;
}
.fab:not(:last-child) {
	width: 0;
	height: 0;
	margin: 20px auto 0;
	opacity: 0;
	visibility: hidden;
}
.fab:not(:last-child) > i {
	font-size: 1.4em;
	line-height: 40px;
}
.fab:not(:last-child).is-visible {
	width: 40px;
	height: 40px;
	margin: 15px auto 10;
	opacity: 1;
	visibility: visible;
}
.fab:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	-moz-transition-delay: 25ms;
	-o-transition-delay: 25ms;
	transition-delay: 25ms;
}
.fab:not(:last-child):nth-last-child(2) {
	-webkit-transition-delay: 20ms;
	-moz-transition-delay: 20ms;
	-o-transition-delay: 20ms;
	transition-delay: 20ms;
}
.fab:not(:last-child):nth-last-child(3) {
	-webkit-transition-delay: 40ms;
	-moz-transition-delay: 40ms;
	-o-transition-delay: 40ms;
	transition-delay: 40ms;
}
.fab:not(:last-child):nth-last-child(4) {
	-webkit-transition-delay: 60ms;
	-moz-transition-delay: 60ms;
	-o-transition-delay: 60ms;
	transition-delay: 60ms;
}
.fab:not(:last-child):nth-last-child(5) {
	-webkit-transition-delay: 80ms;
	-moz-transition-delay: 80ms;
	-o-transition-delay: 80ms;
	transition-delay: 80ms;
}
.fab:not(:last-child):active, .fab:not(:last-child):focus, .fab:not(:last-child):hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}
.zmdi {
    display: inline-block;
    text-rendering: auto;
}

/*Chatbox*/
.chat {
	position: fixed;
	right: 15px;
	bottom: calc(15px + 15px + 40px);
	width: 415px;
	min-height: 235px;
    max-height: 485px;
	border-radius: 15px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
	pointer-events: none;
    touch-action: none;
    overscroll-behavior: none;
}
.chat.is-visible {
	opacity: 1;
	-webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
	-moz-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
	-o-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
	animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
	width: 415px;
	pointer-events: auto;
    touch-action: auto;
    overscroll-behavior: auto;
}
.chat:before, .chat:after {
    content: '';
    position: absolute;
    right: calc((40px - 20px) / 2);
    bottom: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 10px 0 10px;
    -webkit-transition: opacity .7s linear;
    -moz-transition: opacity .7s linear;
    -ms-transition: opacity .7s linear;
    -o-transition: opacity .7s linear;
    transition: opacity .7s linear;
    z-index: 2;
	border-color: rgba(0, 0, 0, 1) transparent transparent;
}

/*Element state*/
.is-active {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.is-float {
	/*box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);*/
}
.is-max {
	box-shadow: inset 0 -12px 10px -10px rgba(0, 0, 0, 0.18), inset 0 12px 10px -10px rgba(0, 0, 0, 0.10);
}
.is-loading {
	display: block;
	-webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
	-moz-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
	-o-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
	animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
}

/*Animation*/
@keyframes zoomIn {
0% {
	 -moz-transform: scale(0);
	 -ms-transform: scale(0);
	 -webkit-transform: scale(0);
	 transform: scale(0);
	 opacity: 0.0;
}
100% {
	 -moz-transform: scale(1);
	 -ms-transform: scale(1);
	 -webkit-transform: scale(1);
	 transform: scale(1);
	 opacity: 1;
}
}

@keyframes load {
0% {
	 -moz-transform: scale(0);
	 -ms-transform: scale(0);
	 -webkit-transform: scale(0);
	 transform: scale(0);
	 opacity: 0.0;
}
50% {
	 -moz-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 -webkit-transform: scale(1.5);
	 transform: scale(1.5);
	 opacity: 1;
}
100% {
	 -moz-transform: scale(1);
	 -ms-transform: scale(1);
	 -webkit-transform: scale(1);
	 transform: scale(1);
	 opacity: 0;
}
}

/* Conversation Form */
.typing_loader{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: typing 1s linear infinite alternate;
    -ms-animation: typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    position: relative;
    left: -12px;
    margin: 7px 15px 6px;
}
.to .typing_loader {
    animation: typing-black 1s linear infinite alternate;
}
@-webkit-keyframes typing{
    0%{
        background-color: rgba(255,255,255, 1);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,0.4),
        20px 0px 0px 0px rgba(255,255,255,0.2);
    }
    50% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,1),
        20px 0px 0px 0px rgba(255,255,255,0.4);
    }
    100%{ background-color: rgba(255,255,255, 0.2);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,0.4),
        20px 0px 0px 0px rgba(255,255,255,1);
    }
}

@-moz-keyframes typing{
    0%{
        background-color: rgba(255,255,255, 1);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,0.4),
        20px 0px 0px 0px rgba(255,255,255,0.2);
    }
    50% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,1),
        20px 0px 0px 0px rgba(255,255,255,0.4);
    }
    100%{ background-color: rgba(255,255,255, 0.2);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,0.4),
        20px 0px 0px 0px rgba(255,255,255,1);
    }
}

@keyframes typing-black{
    0%{
        background-color: rgba(102, 102, 102, 0.8);
        box-shadow: 10px 0px 0px 0px rgba(102, 102, 102, 0.4),
        20px 0px 0px 0px rgba(102, 102, 102, 0.2);
    }
    50% {
        background-color: rgba(102, 102, 102, 0.4);
        box-shadow: 10px 0px 0px 0px rgba(102, 102, 102, 0.8),
        20px 0px 0px 0px rgba(102, 102, 102,0.4);
    }
    100%{ background-color: rgba(102, 102, 102, 0.2);
        box-shadow: 10px 0px 0px 0px rgba(102, 102, 102,0.4),
        20px 0px 0px 0px rgba(102, 102, 102,0.8);
    }
}
@keyframes typing{
    0%{
        background-color: rgba(255,255,255, 1);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,0.4),
        20px 0px 0px 0px rgba(255,255,255,0.2);
    }
    50% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,1),
        20px 0px 0px 0px rgba(255,255,255,0.4);
    }
    100%{ background-color: rgba(255,255,255, 0.2);
        box-shadow: 10px 0px 0px 0px rgba(255,255,255,0.4),
        20px 0px 0px 0px rgba(255,255,255,1);
    }
}

form.convFormDynamic {
    width: 100%;
	display: inline-block;
    margin: 20px 0;
    padding: 0 !important;
    position: relative;
	border-style: none none solid none;
    border-width: 1px;
    padding: 0 0 0 43px;
    border-color: rgba(255, 255, 255, 0.4);
}
form.convFormDynamic textarea.userInputDynamic {
    border: none;
    outline: none;
    font-size: 14px;
    float: left;
    width: calc(100% - 16px - 22px - 44px);
    line-height: 29px;
    min-height: 29px;
    max-height: 29px;
    display: block;
	margin-left: 0;	
	resize: none;
}
form.convFormDynamic input.userInputDynamic {
    border: none;
    outline: none;
    font-size: 13px;
    float: left;
    width: calc(100% - 16px - 30px - 29px - 8px);;
    line-height: 29px;
    min-height: 29px;
    max-height: 29px;
    display: block;
	resize: none;
}
div.conv-form-wrapper:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
div.conv-form-wrapper div#messages {
    max-height: calc(485px - 45px - 20px - 20px);
    height: auto !important;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
div.conv-form-wrapper * {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
div.conv-form-wrapper div#messages:after {
    content: '';
    display: table;
    clear: both;
}
div.conv-form-wrapper {
    position: relative;
}
div.conv-form-wrapper div.wrapper-messages {
    position: relative;
    height: calc(485px - 45px - 20px - 20px);
    max-height: calc(485px - 45px - 20px - 20px);
    overflow-y: scroll;
    transition: margin 0.1s;
    display: flex;
}
div.conv-form-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    height: 30px;
    top: 0;
    left: 0;
    z-index: 2;
    /*background: linear-gradient(#fff, transparent);*/
}
div.conv-form-wrapper div.wrapper-messages::-webkit-scrollbar, div#feed ul::-webkit-scrollbar, div.conv-form-wrapper div.options::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}
input[type="text"].userInputDynamic.error {
    color: #ac0000 !important;
}
input[type="text"].userInputDynamic {
    border-radius: 3px;
    margin: 0 15px;
}
textarea.userInputDynamic.error {
    color: #ac0000 !important;
}
textarea.userInputDynamic {
    border-radius: 0;
    margin: 8px;
}
div.conv-form-wrapper div#messages {
    transition: bottom 0.15s, padding-bottom 0.15s;
    height: auto !important;
    width: 100%;
    padding: 65px 0 0 0;
    box-sizing: border-box;
    align-self: flex-end;
}
div.conv-form-wrapper div.options {
    word-wrap: normal;
    white-space: nowrap;
    overflow-x: scroll;
    position: absolute;
    bottom: 100%;
    width: 100%;
	transform: translateY(-5px);
}
div.conv-form-wrapper div.options:after {
    content: '';
    display: table;
    clear: both;
}
div.conv-form-wrapper div.options div.option {
    padding: 7px 15px;
    display: inline-block;
    margin: 0 15px 10px 0;
    background: rgba(255,255,255,1.0);
    cursor: pointer;
	max-width: 385px;
	text-align: justify;
    box-sizing: border-box;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	-webkit-transition: all .3s linear;
  	-moz-transition: all .3s linear;
  	-ms-transition: all .3s linear;
  	-o-transition: all .3s linear;
  	transition: all .3s linear;
	border-radius: 15px;
}
div.conv-form-wrapper div.message {
    animation: slideTop 0.15s ease;
}
div.conv-form-wrapper div.message:after {
    content: '';
    display: table;
    clear: both;
}
div.conv-form-wrapper  div.message.ready {
    animation: bounceIn 0.2s ease;
    transform-origin: 0 0 0;
}
div.conv-form-wrapper  div#messages div.message {
    border-radius: 20px;
    padding: 12px 22px;
    font-size: 14px;
    display: inline-block;
    padding: 8px 15px 8px;
    border-radius: 20px;
    margin-bottom: 5px;
    float: right;
    clear: both;
    max-width: 75%;
    word-wrap: break-word;
}
div.conv-form-wrapper  div#messages div.message.to {
    background: rgba(255, 255, 255, 0.2);
    float: left;
    border-top-left-radius: 0;
	text-align: justify;
}
div.conv-form-wrapper div#messages div.message.from {
    color: #fff;
    border-top-right-radius: 0;
}
div.conv-form-wrapper div#messages div.message.image {
	width: 75%;
    padding: 0 0 75% 0;
    line-height: 0;
	height: 0;
    overflow: hidden;
    position: relative;
}
div.conv-form-wrapper div#messages div.message img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.message.to+.message.from, .message.from+.message.to {
    margin-top: 15px;
}
@keyframes slideTop {
    0% {
        margin-bottom: -25px;
    }
    100% {
        margin-bottom: 0;
    }
}

@keyframes bounceIn {
    0% {
        transform: scale(0.75, 0.75);
    }
    100% {
        transform: scale(1.0, 1.0);
    }
}
form.convFormDynamic .icon-image {
	font-size: 24px;
	position: relative;
	float: left;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
    color: rgba(255,255,255,0.8);
	background: none;
	border: none;
	cursor: pointer;
	opacity: 0.6; 
	-webkit-transition: all .3s linear;
  	-moz-transition: all .3s linear;
  	-ms-transition: all .3s linear;
  	-o-transition: all .3s linear;
  	transition: all .3s linear;
	pointer-events: none;
    touch-action: none;
    overscroll-behavior: none;
}
form.convFormDynamic .icon-image:hover {
    opacity: 1.0;   
}
form.convFormDynamic .icon-image:before {
    content: "\e915";   
}
form.convFormDynamic .icon-image.disabled, form.convFormDynamic .icon-image.disabled:hover {
	cursor: default;
	color: rgba(255, 255, 255, 0.4) !important; 
	opacity: 1.0;  
}
button.submit.glow:before {
    position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transition: all .3s linear;
  	-moz-transition: all .3s linear;
  	-ms-transition: all .3s linear;
  	-o-transition: all .3s linear;
  	transition: all .3s linear;
	-webkit-animation: SubmitGlow 3s infinite ease-in-out;
    animation: SubmitGlow 3s infinite ease-in-out;
}
@-webkit-keyframes SubmitGlow {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1.0;
    }
}
@keyframes SubmitGlow {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1.0;
    }
}

.no-border {
    border: none !important;
}
.dragscroll {
    cursor: grab;
}
div.conv-form-wrapper div#messages::-webkit-scrollbar, div#feed ul::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}
span.clear {
    display: block;
    clear: both;
}

.spinLoader,
.spinLoader:before,
.spinLoader:after {
    -webkit-animation: spinLoaderChat 1s infinite ease-in-out;
    animation: spinLoaderChat 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.spinLoader {
    text-indent: -9999em;
	left: 50%;
	top: 50%;
    margin: 0 auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.spinLoader.hidden {
    display: none!important;
}
.spinLoader:before,
.spinLoader:after {
    position: absolute;
    top: 0;
    content: '';
}
.spinLoader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinLoader:after {
    left: 1.5em;
}
@-webkit-keyframes spinLoaderChat {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes spinLoaderChat {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Development */
[v-cloak] { 
	display: none; 
}
body > img {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* Hidden for Deploy */
/*#nav li.on:hover .account, #nav li.on:nth-child(9) .account, #nav li:nth-child(9) .account, #nav li.on:hover #account-bg {
	display: none !important;
}*/