@charset "utf-8";
@import 'popups.css';

a:link, a:visited, a:active { text-decoration: none }
a:hover { color: #CC0000; }
a { color: #4C4C4C; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: Open Sans, Microsoft JhengHei, sans-serif; background: #FAFAFA; }
@font-face { font-family: 'FloodStd'; src: url('./fonts/FloodStd.eot'); src: url('./fonts/FloodStd.woff2') format('woff2'), url('./fonts/FloodStd.woff') format('woff'), url('./fonts/FloodStd.ttf') format('truetype'), url('./fonts/FloodStd.svg#svgFontName') format('svg'); }
.hand { cursor: pointer; }
input:focus { outline: none; }
::-ms-clear { display: none; }
.hidden { display: none !important; }
.clearfix:after { content: ""; display: table; clear: both; }

/* browser width 981px - infinite */
@media only screen and (min-width:981px) {
  .max640 { display: none !important; }
}

/* browser width 641px - 980px */
@media only screen and (min-width:641px) and (max-width:980px) {
  .max640, .min981 { display: none !important; }
}

/* browser width 0px - 640px */
@media only screen and (max-width:640px) {
  .min641, .min981 { display: none !important; }
}

/* browser width 981px - infinite */
@media only screen and (min-width:641px) {
  .min641 { display: block; }
}
#container { overflow: hidden; min-width: 640px; min-width: 320px; }
#nav-panel-toggle { position: fixed; top: 0; left: 0; visibility: hidden; width: 0; height: 0; }
label[for="nav-panel-toggle"] { cursor: pointer; touch-action: manipulation; }
#nav-panel-toggle ~ #skinner,
#nav-panel-toggle ~ .billboard,
#nav-panel-toggle ~ .index-logo,
#nav-panel-toggle ~ #sticky-wrap .nav,
#nav-panel-toggle ~ #site-padding,
#nav-panel-toggle ~ #ad_skinner { left: 320px; -webkit-transition: left .2s ease-in-out; transition: left .2s ease-in-out; }
#nav-panel-toggle + label[for="nav-panel-toggle"] { background: #fff; opacity: 0.5; visibility: visible; width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 13; cursor: default;
	-webkit-transition: visibility 0s, opacity .2s ease-in-out;
	transition: visibility 0s, opacity .2s ease-in-out;
}
#nav-panel-toggle:checked + label[for="nav-panel-toggle"] {
	opacity: 0; visibility: hidden;
	-webkit-transition: opacity .2s ease-in-out, visibility 0s .2s;
	transition: opacity .2s ease-in-out, visibility 0s .2s;
}
#nav-panel-toggle:checked ~ #skinner,
#nav-panel-toggle:checked ~ .billboard,
#nav-panel-toggle:checked ~ .index-logo,
#nav-panel-toggle:checked ~ #sticky-wrap .nav,
#nav-panel-toggle:checked ~ #site-padding,
#nav-panel-toggle:checked ~ #ad_skinner { left: 0 }

.page-container { width: 100%; z-index: 10; padding: 24px 0px 0px; font-family: "Open Sans", "Microsoft JhengHei", sans-serif; background: #fafafa; }

#site-padding {
	background: #fafafa;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.elletv #site-padding,
.elletv .page-container { background: #000; }
#site-wrapper { max-width: 1200px; margin: 0 auto; }

/* ==========================================================================
left menu
========================================================================== */
.nav-panel::-webkit-scrollbar { width: 1em; }
.nav-panel::-webkit-scrollbar-track { background-color: #FFFFFF; border: 1px solid #EEEEEE; }
.nav-panel::-webkit-scrollbar-thumb { background-color: #4C4C4C; }
.nav-panel { background: #fff; position: fixed; width: 320px; top: 0; bottom: 0; z-index: 14; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow-x: hidden;
-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }
.elletv .nav-panel { background: #000; }
#nav-panel-toggle ~ .nav-panel { left: 0px }
#nav-panel-toggle:checked ~ .nav-panel { left: -320px }
.csstransitions #nav-panel-toggle ~ .nav-panel { -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px) }
.csstransitions #nav-panel-toggle:checked ~ .nav-panel { left: 0px; -webkit-transform: translate3d(-320px,0px,0px); transform: translate3d(-320px,0px,0px) }
.nav-panel .close { float: right; margin: 0; width: 35px; height: 70px; background: url(../images/ico_close.png) no-repeat 0 30px; }

.nav-panel { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; font-weight: 300; color: #000; }

.nav-panel .section { clear:both; list-style: none; margin: 8px 0; padding: 0 20px 0 35px; }
.nav-panel .section.accordion { padding: 0; }
.nav-panel .section.accordion label a { line-height: 1.7em; padding: 0 20px 0 35px; width: 100%; display: block; }
.nav-panel .section a {line-height: 1.65em;border:none;outline:none}
.nav-panel .section + .section:before { content: ""; display: block; width: 100%; height: 1px; background: #EEE; margin: 15px 0; }

.nav-panel a.world { display: inline-block; width: 200px; }
.nav-panel a.world img { width: 100%; }
.nav-panel .section h4 { font-size: 20px; font-family: "FloodStd"; color: #4c4c4c; }
.nav-panel div.section.subscription h4 img {
	float: right; max-width: 98px; height: auto;
	margin: 0 0 3% 0;
	/*-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(250, 250, 250, 0.3)))*/
}

.elletv .nav-panel .section h4 { color: #fff; }

.nav-panel p.sns { text-align: justify; line-height: 0; margin: 10px 40px 10px 15px; }
.nav-panel p.sns:after {content:'';width:100%;display:inline-block}
.nav-panel p.sns a { display:inline-block; height: 24px; text-indent:100%;white-space: nowrap;overflow:hidden;position:relative; }
.nav-panel p.sns a:hover { opacity: 0.65 }
.nav-panel a.fb_icon { background: url('../images/ico_fb_off.png') no-repeat center; width: 13px; }
.nav-panel a.ig_icon { background: url('../images/ico_ig_off.png') no-repeat center; width: 23px; }
.nav-panel a.weibo_icon { background: url('../images/ico_weibo_off.png') no-repeat center; width: 28px; }
.nav-panel a.youtube_icon { background: url('../images/ico_youtube_off.png') no-repeat center; width: 20px; }
.elletv .nav-panel p.sns a:hover { opacity: 1 }
.elletv .nav-panel a.fb_icon { background: #000 url('../images/elletv/ico_fb_off.png') no-repeat center; width: 13px; }
.elletv .nav-panel a.ig_icon { background: #000 url('../images/elletv/ico_ig_off.png') no-repeat center; width: 23px; }
.elletv .nav-panel a.weibo_icon { background: #000 url('../images/elletv/ico_weibo_off.png') no-repeat center; width: 28px; }
.elletv .nav-panel a.youtube_icon { background: #000 url('../images/elletv/ico_youtube_off.png') no-repeat center; width: 20px; }
.elletv .nav-panel a.fb_icon:hover { background: #000 url('../images/elletv/ico_fb_on.png') no-repeat center; }
.elletv .nav-panel a.ig_icon:hover { background: #000 url('../images/elletv/ico_ig_on.png') no-repeat center; }
.elletv .nav-panel a.weibo_icon:hover { background: #000 url('../images/elletv/ico_weibo_on.png') no-repeat center; }
.elletv .nav-panel a.youtube_icon:hover { background: #000 url('../images/elletv/ico_youtube_on.png') no-repeat center; }

.nav-panel .accordion label {
	position: relative;
	min-height: 1.65em; overflow: hidden;
	display: block; width: 100%;
	cursor: pointer;
}
.nav-panel .accordion input[name="accordion"] {
	position: absolute; left: 0; visibility: hidden;
}
.nav-panel .accordion label > a {
	line-height: 1.65em;
	text-transform: uppercase;
	display: inline; width: auto;
}
.touchevents .nav-panel .accordion label > a {
	pointer-events: none;
}
.nav-panel .accordion input:checked + label {
	background: #eee;
	padding: 15px 0 10px 0;
	margin: 10px 0;
}
.elletv .nav-panel .accordion input:checked + label {
	background: #4c4c4c;
}
.nav-panel .accordion input:checked + label > a {
	font-weight: 700;
}
.touchevents .nav-panel .accordion input:checked + label > a {
	pointer-events: auto;
}
.nav-panel .accordion label ul {
	margin: 0 0 0 20px;
}
.js .nav-panel .accordion label ul {
	height: 0;
}
.csstransitions .nav-panel .accordion label ul {
	height: auto;
	max-height: 0;
}
.csstransitions .nav-panel .accordion label,
.csstransitions .nav-panel .accordion label ul {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	background: transparent;
}
.nav-panel .expanded li a {
	display: block;
	width: 100%;
}

.nav--menu { display: block; position: relative; width: 100%; height: 55px; vertical-align: middle; text-align: center; }
.nav--menu .text { display: none; float: left; font-size: 16px; line-height: 55px; margin-left: 10px; }
.index-logo + #sticky-wrap .nav .nav--menu .text { margin-left: 50px; }
.hide-nav #sticky-wrap { display: none !important }
#sticky-wrap .nav.fixed .nav--menu .text { margin-left: 10px; }
.nav--menu .text a { color: #000; }
.nav--menu .text a:hover { text-decoration: none; color: #CC0000; }
.nav--menu .text li { display: inline-block; margin: 0px 8px; font-size: 16px; font-weight: 300; }
.nav--inner,
.page-container, .index-logo { max-width: 1280px; margin: 0 auto; box-sizing: border-box; position: relative; height: auto; }

#container #site-wrapper { position: relative; }
.index-logo { display: none; width: 100%; text-align: center; margin: 0 auto; position: relative; z-index: 10; padding: 30px 0 21px; background: #fafafa }
@media only screen and (min-width:981px) {
	.nav--menu .text,
	.nav--menu .image,
	.index-logo { display: block }
	.index-logo .menu { display: inline-block; position: absolute; left: 48px; top: 46px; background: url(../images/ico_menu.png) no-repeat center; height: 48px; width: 48px; background-size: 28px 16px; }
	.index-logo .menu:hover { background-image: url(../images/ico_menu_on.png); }
	.index-logo .logo {text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
		margin: 0 auto; width: 294px; height: 85px; background: url(../images/logo_landing.png) no-repeat center;
	}
	.nav--menu .icons .profile-ico-post-login-mobile { display: none !important; }
	.mfp-bg.mfp-ready.profile { display: none; }
}

@media only screen and (max-width:980px) {
  .nav--menu .icons .profile-ico-post-login-desktop { display: none !important; }
}

/* ==========================================================================
sticky menu
========================================================================== */
#sticky-wrap { z-index: 11; text-transform: uppercase; position: relative; width: auto; height: 65px; margin: 0 auto }
.has_skinner .billboard + #sticky-wrap,
.has_skinner .billboard + #sticky-wrap .nav.fixed { max-width: 1280px; margin: auto; }
#sticky-wrap .nav { position: relative; width: 100%; height: 65px; margin: 0 auto; background: #fff url(../images/navi.gif) repeat-x bottom; }
#sticky-wrap .nav.fixed { position: fixed; top: 0; }
/* .nav.fixed .nav--inner .nav--menu .icons { right: 20px; } */
.nav--menu .icons { display: inline-block; position: absolute; margin-top: -12px; top: 50%; right: 20px; background: #fff; }
.elletv .nav--menu .icons { background: #000; }
.nav--menu .icons div { display: inline-block; margin: 0px 10px; }
.nav--menu .icons .calendar-ico { background-image: url(../images/ico_calendar.png); width: 25px; height: 25px; }
.nav--menu .icons .search-ico { background-image: url(../images/ico_magnifier.png); width: 25px; height: 25px; background-size: 25px 25px; }
.nav--menu .icons .profile-ico-pre-login.show,
.nav--menu .icons .profile-ico-post-login-desktop.show,
.nav--menu .icons .profile-ico-post-login-mobile.show { display: inline-block; }
.nav--menu .icons .profile-ico-pre-login { background-image: url(../images/ico_user.png); width: 25px; height: 25px; margin-right: 0px; background-size: 25px 25px; display: none; }
.nav--menu .icons .profile-ico-post-login-desktop,
.nav--menu .icons .profile-ico-post-login-mobile { background-image: url(../images/ico_user.png); width: 25px; height: 25px; margin-right: 0px; background-size: 25px 25px; display: none; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; border-radius: 99%; }
.nav--menu .icons .profile-ico-post-login-desktop.default,
.nav--menu .icons .profile-ico-post-login-mobile.default { border-radius: 0; }

.nav--menu .icons img { width: 100%; }
.nav--menu .logo {
	height: 55px;
}
.nav--menu .logo:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.nav--menu .logo img {
	vertical-align: middle;
	width: 133px; height: auto;
}
.nav--menu .image {
	position: absolute; left: 0; top: 0;
width: 68px; height: 55px; background-size: 28px 16px;
background-image: url(../images/ico_menu.png);
background-position: center;
background-repeat: no-repeat;
}
.nav--menu .image:hover { background-image: url(../images/ico_menu_on.png); }

@media only screen and (min-width: 641px) {
	.nav--menu .logo img {
		width: 120px;
	}
}

@media only screen and (min-width:981px) {
	.index-logo + #sticky-wrap .nav--menu .image,
	.index-logo + #sticky-wrap .nav--menu .logo { display: none }
	.nav--menu .logo {
		float: left;
		padding: 0 10px;
	}
	.nav--menu .image {
		float: left;
		position: static;
	}
	.index-logo + #sticky-wrap .nav.fixed .nav--menu .image,
	.index-logo + #sticky-wrap .nav.fixed .nav--menu .logo { display: block }
	.nav--menu .icons .calendar-ico:hover { background-image: url(../images/ico_calendar_on.png); }
	.nav--menu .icons .search-ico:hover { background-image: url(../images/ico_magnifier_on.png); }
	.nav--menu .icons .profile-ico-pre-login:hover { background-image: url(../images/ico_user_on.png); }
	.menu .text { display: inline-block; font-size: 20px; margin: 0px; }
	.menu ul.text li { display: inline-block; }
}
@media only screen and (min-width:1281px) {
	.has_skinner .billboard + #sticky-wrap .nav.fixed,
	.has_skinner .billboard + * + #sticky-wrap .nav.fixed { margin-left: calc(50% - 640px); }
}

@media only screen and (max-width:640px) {
  .nav--menu .icons { margin-top: -10px; right: 20px; }
  .nav--menu .icons .calendar-ico { display: none; }
}
@media only screen and (min-width:641px) and (max-width:980px) {
  .nav--menu .icons { right: 20px; }
}
@media only screen and (max-width:980px) {
  .page-container .block2-template.ad1x1 .ad,
  .page-container .billboard.active,
  .page-container .billboard.active,
  .page-container .block2-template.ad1x1 .ad { display: none !important; }
}

/* ==========================================================================
common load-more
========================================================================== */
.page-container .load-more { font-family: "Open Sans"; position: relative; z-index: 11; color: #1A1A1A; text-align: center; font-size: 16px; max-width: 1280px; margin: 0px auto; background-color: #FAFAFA; padding: 50px 0px; }
.elletv .page-container .load-more { color: #fff; background-color: #000 }
.page-container .load-more .text { font-size: 18px; border-radius: 50px; border: 1px #BBBBBB solid; display: inline-block; padding: 10px 20px; font-weight: 300; }
.page-container .load-more .image { width: 120px; height: 44px; margin: 20px auto 100px; display: none; }
.page-container .load-more .image > img { width: 100%; }
@media only screen and (max-width:640px) {
  .page-container .load-more { padding: 0px; }
  .page-container .load-more .text { font-size: 20px; padding: 10px 20px; margin: 50px 0px; }
}
@media only screen and (min-width:981px) {
  .page-container .load-more .text:hover { color: #FFFFFF; background-color: #CC0000; border: 1px solid transparent; }
}

/* ==========================================================================
common footer
========================================================================== */
footer { position: relative; z-index: 10; font-family: "Open Sans"; text-align: center; font-size: 12px; max-width: 820px; font-weight: 300; margin: 0 auto; padding: 0 30px 200px; }
footer::before { display: none; content: ""; background-repeat: no-repeat; background-size: contain; background-image: url(/design/ellehk_phase4/images/footer_logo_X2.png); width: 64px; height: 32px; margin: 0 auto; }
.elletv footer::before { background-image: url(/design/ellehk_phase4/images/elletv/footer_logo_white_x2.png); }

footer p { width: 94%; color: #4c4c4c; margin: 0 auto 10px; }
footer p + p { margin: 10px auto; }
footer .item { display: inline-block; margin: 5px 0; padding: 0px 10px; }
footer .item + .item { border-left: 1px solid #d2d2d2; }

@media (min-width:641px) {
	footer { padding: 0 30px 150px }
}
@media (min-width:981px) {
	footer::before { display: block }
	footer p { margin: 0 auto 5px; }
	footer p + p { margin: 5px auto; }
}

.mfp-close { position: fixed !important; }
.mfp-bg.mfp-ready { position: fixed !important; }

/* ==========================================================================
index kv
========================================================================== */
.page-container div.kv { position: relative; }
.page-container div.kv .image { position: relative; padding-bottom: 33.3333%; overflow: hidden; }
.elletv .page-container div.kv .image { position: relative; padding: 0; }
.page-container div.kv .has_video { position: absolute; top: 15px; right: 15px; width: 38px; height: 38px; }
.page-container div.kv .has_video img { width: 100%; }
.page-container div.kv .thumbnail { position: relative; padding-bottom: 66.6667%; }
.elletv .page-container div.kv .thumbnail { position: relative; padding: 0; }
.page-container div.kv .image a,
.page-container div.kv .thumbnail a { position: absolute; left: 0; top: 0; width: 100% }
.elletv .page-container div.kv .image a,
.elletv .page-container div.kv .thumbnail a { position: static; }
.page-container div.kv .image a img,
.page-container div.kv .thumbnail a img { width: 100%; }
.page-container div.kv .text { position: absolute; background-color: #FFFFFF; opacity: 0.85; padding: 15px; font-family: "Open Sans", "Microsoft JhengHei"; bottom: 0; margin-bottom: 30px; width: 390px; left: 15px; font-weight: 300; }
.page-container div.kv .text .title { font-size: 30px; }
.page-container div.kv .text .title > a { color: #000; }
.page-container div.kv .text .title > a:hover { color: #7d7d7d; }
.page-container div.kv .text .category-name { color: #1A1A1A; font-size: 30px; font-family: "FloodStd"; }
.page-container div.kv .text .sub_title { font-weight: 300; font-size: 16px; color: #1A1A1A; }
.page-container div.kv .hover { display: none; }
.page-container div.kv .inner .category-name { font-family: "FloodStd"; font-size: 30px; }
.page-container div.kv .inner a { color: #FFFFFF; display: block; }
.page-container div.kv .inner .title { font-family: "Open Sans", "Microsoft JhengHei"; font-size: 24px; line-height: 24px; margin: 5px 0px; font-weight: 300; }
.page-container div.kv .inner .sub_title { font-family: "Open Sans", "Microsoft JhengHei"; font-size: 16px; margin: 5px 0 0; font-weight: 300; }
@media only screen and (min-width:981px) {
  .page-container div.kv.extra-kv { margin: 20px 0px 50px; }
  /*.page-container .top-read-of-the-week.ad1x2 div.kv.extra-kv { width: calc(100% - 313px) }*/
  .page-container .top_read + div.kv { width: calc(100% - 313px); margin-top: -320px !important }
  .page-container div.kv:hover .text { display: none; }
  .page-container div.kv:hover .image img { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
  .page-container div.kv:hover .text { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); color: #1A1A1A; }
  .page-container div.kv:hover .hover { position: absolute; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #FFF; width: 100%; left: 0; font-size: 16px; bottom: 0; vertical-align: bottom; display: inline-block; }
  .page-container div.kv:hover .inner.center { display: block; }
  .page-container div.kv:hover .inner.left { display: block; }
  .page-container div.kv:hover .inner.right { display: block; }
}
@media only screen and (min-width:641px) {
	.page-container div.kv .thumbnail { position: relative; padding-bottom: 66.6667%; }
	.elletv .page-container div.kv .thumbnail { position: relative; padding: 0; }
	.page-container div.kv .image a,
	.page-container div.kv .thumbnail a { position: absolute; left: 0; top: 0; }
	.elletv .page-container div.kv .image a,
	.elletv .page-container div.kv .thumbnail a { position: static; }
  .page-container div.kv .text.center { left: 50%; margin-left: -180px; text-align: center; }
  .page-container div.kv .text.left { text-align: left; left: 30px; right: inherit; }
  .page-container div.kv .text.right { text-align: left; right: 30px; left: inherit; }
  .page-container div.kv .text .title { font-size: 22px; }
  .page-container div.kv .thumbnail { display: none }

}
.page-container div.kv .inner { position: absolute; bottom: 0; }
.page-container div.kv .inner.center { position: absolute; text-align: center; width: 390px; bottom: 60px; left: 50%; margin-left: -195px; display: none; margin-bottom: 20px; }
.page-container div.kv .inner.left { position: absolute; text-align: left; width: 390px; bottom: 60px; left: 30px; display: none; margin-bottom: 20px; }
.page-container div.kv .inner.right { position: absolute; text-align: center; width: 390px; bottom: 60px; left: 50%; margin-left: -195px; display: none; margin-bottom: 20px; }
.page-container div.kv .inner.center .icons { width: auto; display: block; position: absolute; text-align: center; left: 50%; margin: 20px 0 0 -49px; }
.page-container div.kv .inner.left .icons { width: auto; display: block; position: absolute; text-align: center; margin: 20px 0 0 0; }
/*.page-container div.kv .inner.right .icons { width: auto; display: block; position: absolute; text-align: center; left: 50%; margin: 20px 0 0 -49px; }*/
.page-container div.kv .inner.right .icons{width: 100%;left: 0;margin-top: 10px;margin-left: 0;}
.page-container div.kv .inner.center .icons .icon { margin: 0px 5px; cursor: pointer; }
.page-container div.kv .inner.left .icons .icon { margin: 0px 5px; cursor: pointer; }
.page-container div.kv .inner.right .icons .icon { margin: 0px 5px; cursor: pointer; }
@media only screen and (min-width:641px) and (max-width:980px) {
  .page-container div.kv.extra-kv { margin: 50px 0px; }
  .page-container div.kv .inner .category-name { font-family: "FloodStd"; font-size: 24px; }
  .page-container div.kv .inner .title { font-family: "Open Sans", "Microsoft JhengHei"; font-size: 18px; line-height: 18px; }
  .page-container div.kv .inner .sub_title { font-family: "Open Sans", "Microsoft JhengHei"; font-size: 16px; }
}
@media only screen and (max-width:640px) {
  .page-container div.kv { height: auto; /* margin: 20px 20px 50px; */margin: 0 20px 50px;}
  .page-container div.kv .inner { display: none !important; }
  .page-container div.kv .hover { display: none !important; }
  .page-container div.kv .text { text-align: center; background-color: #FFFFFF; position: relative; padding: 10px; min-width: 0px; width: 100%; left: 0; margin-bottom: 0px; }
  .page-container div.kv .text .title { font-size: 18px; }
  .page-container div.kv .text .category-name { font-size: 16px; }
  .page-container div.kv .text .sub_title { display: none; }
  .page-container div.kv.extra-kv { margin-top: 50px; }
}

/* ==========================================================================
general article
========================================================================== */
.page-container .general-articles { margin: 50px -8px 0px; font-size: 0px; overflow: hidden; position: relative; }
.page-container .general-articles .title { font-family: "FloodStd"; }
.page-container .general-articles .general-article { width: 33.3334%; padding: 0px 8px; position: relative; display: block; float: left; }
.page-container .general-articles .general-article { color: #000; }
.page-container .general-articles .general-article .text { font-family: "Open Sans", "Microsoft JhengHei"; font-size: 16px; text-align: center; height: 40px; overflow: hidden; box-sizing: border-box; overflow: hidden; margin: 15px 15px 30px; word-wrap: break-word; font-weight: 300; padding: 2px 0px; }
.page-container .general-articles .general-article .text a { color: #000; }
.elletv .page-container .general-articles .general-article .text a { color: #fff; }
.page-container .general-articles .general-article .text a:hover { color: #7d7d7d; }
.page-container .general-articles .general-article >.image { position: relative; overflow: hidden; }
.page-container .general-articles .general-article >.image a { width: 100%; height: 1px; padding-bottom: 66.6667%; overflow: hidden; display: block; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; }
.page-container.beauty_guide .general-articles .general-article >.image a { background-color: #fff; background-size: contain}
.page-container .general-articles .general-article .image img { width: 100%; }
.page-container .general-articles .general-article .inner .icons { display: none; }
.page-container .general-articles .general-article .inner .editor>a { width: 100%; height: 100%; }


.page-container .general-articles .general-article .has_video {
  position: absolute;
  top: 10px;
  right: 18px;
  width: 38px;
  height: 38px;
}


.page-container .general-articles .general-article .has_video > img {
  width: 100%;
}


@media only screen and (max-width:640px) {
  .page-container .general-articles .general-article:hover .inner { display: none; }
  .page-container .general-articles { margin: 0px 10px 0px; }
  .page-container .general-articles .general-article { width: 100%; padding: 0px 8px; }
  .page-container .general-articles .general-article .hover { display: none; }
  .page-container .general-articles .general-article .text { font-size: 18px; height: auto; margin: 10px 0px 30px; min-height: 60px; }
}
@media only screen and (min-width:641px) and (max-width:980px) {
  /*.page-container .general-articles { margin-top: 0px; }*/
  .page-container .general-articles .general-article { padding: 0px 4px; width: 50%; }
  .page-container .general-articles .general-article .text { margin-bottom: 30px; max-height: 75px; }
}
@media only screen and (min-width:981px) {

  /* selector */
  .page-container .general-articles .general-article:hover .text a { color: #7d7d7d; }

  /* pseudo-elements*/
  .page-container .general-articles .general-article:hover .hover { overflow: hidden; width: 100%; top: 0; color: #FFFFFF; background: rgba(0, 0, 0, 0.5); bottom: 0; position: absolute; }
  .page-container .general-articles .general-article:hover .inner { position: relative; height: 100%; width: 100%; vertical-align: middle; text-align: center; }
  .page-container .general-articles .general-article:hover .inner .icons { font-family: "FloodStd"; position: absolute; top: 0; margin: 140px auto 0px; text-align: center; width: 100%; display: block; }
  .page-container .general-articles .general-article:hover .category { font-family: "FloodStd"; position: absolute; width: 100%; margin-top: -48%; font-size: 30px; }
  .page-container .general-articles .general-article:hover .category a { color: #FFFFFF; display: block; }
  .page-container .general-articles .general-article .editor { }
  .page-container .general-articles .general-article:hover .editor { position: absolute; width: 200px; display: block; font-size: 14px; margin-top: -38%; height: 50px; max-width: 200px; margin-left: -100px; left: 50%; font-weight: 300; }
  .page-container .general-articles .general-article:hover .editor a { color: #FFFFFF; display: block; }
  .page-container .general-articles .general-article:hover .inner .icons { font-family: "FloodStd"; position: absolute; top: 0; margin: -26% -46px 0px; text-align: center; width: auto; display: block; left: 50%; }
  .page-container .general-articles .general-article:hover .inner .icons .icon { display: inline-block; margin: 0px 4px; cursor: pointer; }
  .page-container .general-articles .general-article:hover .inner .icons img { max-width: 100%; max-height: 100%; margin: auto; display: block; }
  .page-container .general-articles .general-article:hover .image a { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
}

/* ==========================================================================
block1 template
========================================================================== */
.page-container .block1-template { background-color: #000; overflow: hidden; padding: 15px 0px; position: relative; }
.page-container .block1-template .title { color: #FFFFFF; max-width: 300px; display: inline-block; font-family: "Open Sans", "Microsoft JhengHei"; font-weight: 300; top: 50%; position: absolute; margin: -19px 10px 0px 10px; text-align: center; font-size: 28px; min-width: 300px; }
.page-container .block1-template .title a { color: #FFFFFF; }
.page-container .block1-template .blocks { font-size: 0px; position: relative; overflow: hidden; border: none; display: block; max-width: 900px; margin: 0px 15px 0px 300px; vertical-align: middle;    /*width: 75%;*/ }
.page-container .block1-template .blocks .block { display: inline-block; width: 25%; padding: 0px 8px; float: left; width: 25% !important; position: relative; }
.page-container .block1-template .blocks .block .image { position: relative; overflow: hidden; max-height: 140px; }
.page-container .block1-template .blocks .block .image img { width: 100%; }
.page-container .block1-template .blocks .block .image > a { width: 100%; height: 1px; overflow: hidden; display: block; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; padding-bottom: 66.6667%; }
.page-container .block1-template .blocks .block .text { font-family: "Open Sans", "Microsoft JhengHei"; font-size: 14px; color: #FFFFFF; overflow: hidden; padding: 10px 10px 20px; overflow: hidden; word-wrap: break-word; max-height: 75px; font-weight: 300; }
.page-container .block1-template .blocks .block .text a { color: #FFFFFF; }
.page-container .block1-template .blocks .block .icons { display: none; margin: -18px 0px 0px; top: 50%; height: auto; text-align: center; position: absolute; left: 25%; width: auto; }
.page-container .block1-template .blocks .block .icons .icon { display: inline-block; margin: 0px 5px; cursor: pointer; }
.page-container .block1-template .blocks .block:hover .text a { color: #c8c8c8; }
@media only screen and (max-width:640px) {
  .page-container .block1-template { height: auto; padding-bottom: 20px; margin: 50px 0px; }
  .page-container .block1-template .title { position: relative; margin: 0px 0 10px 0; width: 100%; max-width: none; font-size: 30px; padding: 15px; line-height: 28px; }
  .page-container .block1-template .blocks { display: block; margin: 0px -8px; width: 100%; }
  .page-container .block1-template .blocks .block { width: 50%; }
  .page-container .block1-template .blocks .block:nth-child(1),
  .page-container .block1-template .blocks .block:nth-child(3) { padding: 0px 4px 0 28px; }
  .page-container .block1-template .blocks .block:nth-child(2),
  .page-container .block1-template .blocks .block:nth-child(4) { padding: 0px 28px 0 4px; }
  .page-container .block1-template .slick-dots { position: relative; bottom: 0px; height: 30px; }
  .page-container .block1-template .slick-dots li button:before { color: #FFF; font-size: 20px; }
  .page-container .block1-template .blocks .block .text { padding: 10px 10px 0px; text-align: center; }
}
@media only screen and (max-width:980px) {
  .page-container .block1-template .blocks .block .text { font-size: 16px; padding: 10px 10px 0px; }
}
@media only screen and (min-width:641px) and (max-width:980px) {
  .page-container .block1-template { height: auto; }
  .page-container .block1-template .title { position: relative; margin: 30px 0px; width: 100%; max-width: none; text-align: center; line-height: 28px; font-size: 30px; color: #FFFFFF; text-align: center; }
  .page-container .block1-template .blocks { display: block; margin: 0px; max-width: none; padding-bottom: 30px; width: 100%; }
  .page-container .block1-template .blocks .block { width: 25%; padding: 4px; }
}
@media only screen and (min-width:981px) {
  .page-container .block1-template .title { float: left; }
  .page-container .block1-template .blocks .block { width: 25%; }
  .page-container .block1-template .blocks .block .image { max-width: 210px; }
  .page-container .block1-template .blocks .block .image img { max-width: 100%; max-height: 100%; margin: auto; display: block; }
  .page-container .block1-template .blocks .block:hover .icons { display: block; }
  .page-container .block1-template .blocks .block:hover >.image a img { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
  .page-container .block1-template .blocks .block:hover .hover { display: block; overflow: hidden; width: 100%; top: 0; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5); opacity: 0.75; bottom: 0; position: absolute; text-align: center; }
  .page-container .block1-template .blocks .block:hover .hover .icons { font-family: "FloodStd"; position: absolute; top: 0; margin: 45px auto 0px; text-align: center; width: 100%; }
  .page-container .block1-template .blocks .block:hover .hover .icons .icon { display: inline-block; margin: 0px 5px; }
  .page-container .block1-template .blocks .block:hover .text:hover { color: #CC0000; }
  .page-container .block1-template .blocks .block:hover .image > a { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
}

/* ==========================================================================
block2 template
========================================================================== */
.page-container .block2-template { display: inline-block; vertical-align: top;/* margin-bottom: 20px; */ }
.page-container .block2-template .title { margin: 50px auto 20px; font-size: 30px; line-height: 30px; font-family: "FloodStd"; color: #4C4C4C; text-align: center; }
.page-container .block2-template .blocks { vertical-align: top; margin: 0px -60px 0px -7px; }
.page-container .block2-template .blocks .block { display: inline-block; vertical-align: top; padding: 0px 4px; position: relative; }
.page-container .block2-template .blocks .block:after { content: ""; display: inline-block; width: 100%; }
.page-container .block2-template .blocks .block .text { font-size: 16px; margin-top: 10px; font-weight: 300; }
.page-container .block2-template .blocks .block .text > a { color: #000; }
.page-container .block2-template .blocks .block .text:after { content: ""; display: inline-block; width: 100%; min-width: 210px }
.page-container .block2-template .blocks .block .image { position: relative; overflow: hidden; max-height: 140px; }
.page-container .block2-template .blocks .block .image img { width: 100%; }
.page-container .block2-template .blocks .block:hover .text a { color: #7d7d7d; }
.page-container .block2-template .blocks .block .image > a { width: 100%; height: 1px; overflow: hidden; display: block; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; padding-bottom: 66.6667%; }
@media only screen and (max-width:640px) {
  .page-container .block2-template { width: 100%; text-align: center; margin-bottom: 0px; }
  .page-container .block2-template .title { font-size: 30px; margin: 20px 0 10px 0; padding: 15px; }
  .page-container .block2-template .blocks { margin: 0px -8px; width: 100%; }
  .page-container .block2-template .blocks .block { display: inline-block; width: 25%; padding: 8px; float: left; width: 25% !important; }
  .page-container .block2-template .blocks .block:nth-child(1),
  .page-container .block2-template .blocks .block:nth-child(3) { padding: 0px 4px 0 28px; }
  .page-container .block2-template .blocks .block:nth-child(2),
  .page-container .block2-template .blocks .block:nth-child(4) { padding: 0px 28px 0 4px; }
  .page-container .block2-template .image img { width: 100%; }
  .page-container .block2-template .ad { margin: 50px 0px 0px; }
  .page-container div.kv .text .sub_title { font-size: 48px; }
  .page-container .block2-template .slick-dots { position: relative; top: 0px; margin-bottom: 4px; }
  .page-container .block2-template .blocks .block .image .icons { display: none; }
  .page-container .block2-template .blocks .block .text { padding: 10px; margin: 0px; }
}
@media only screen and (min-width:641px) and (max-width:980px) {
  .page-container .block2-template .blocks { width: 100%; }
  .page-container .block2-template.ad1x1 { width: 100%; margin: 0px; }
  .page-container .block2-template.ad1x1 .blocks { font-size: 0px; margin: 0px; }
  .page-container .block2-template.ad1x1 .blocks .block { display: inline-block; padding: 8px; float: left; width: 25% !important; padding: 4px; }
  .page-container .block2-template.ad1x1 .ad { display: block; width: 300px; max-width: 300px; margin: 50px auto 0px; }
}
@media only screen and (min-width:981px) {
  .page-container .block2-template .blocks .block .text { font-size: 14px; }
  .page-container .block2-template { width: 100%; }
  .page-container .block2-template div.kv { display: inline-block; width: 75%; vertical-align: top; margin: 0px -20px 0px -5px; text-align: center; position: relative; float: left; padding: 7px; }
  .page-container .block2-template div.kv .text { position: absolute; background-color: #FFFFFF; opacity: 0.85; bottom: 0px; font-family: "Open Sans", "Microsoft JhengHei"; transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; left: 50%; margin-left: -195px; max-width: 390px; font-size: 30px; margin-bottom: 15px; }
  .page-container .block2-template div.kv .text .category-name { color: #1A1A1A; font-size: 30px; font-family: "FloodStd"; }
  .page-container .block2-template div.kv .text .title { font-size: 32px; }
  .page-container .block2-template div.kv .text .sub_title { font-weight: 300; font-size: 16px; color: #1A1A1A; }
  .page-container .block2-template div.kv .image { position: relative; }
  .page-container .block2-template div.kv .image img { width: 100%; }
  .page-container .block2-template.ad1x1 { width: 100%; }
  .page-container .block2-template.ad1x1 .blocks { float: left; margin: 0px 308px 0 -4px; display: inline-block; }
  .page-container .block2-template.ad1x1 .blocks .block { width: 25% !important; float: left; }
  .page-container .block2-template.ad1x1 .ad { float: right; margin: 0 0 0 -300px; }
  .page-container .block2-template.ad1x1 .ad .image { text-align: center; max-width: 300px; margin: 0px auto; }
  .page-container .block2-template .blocks .block:hover .hover { width: 100%; top: 0; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5); bottom: 0; position: absolute; text-align: center; display: block; }
  .page-container .block2-template .blocks .block:hover .icons { display: inline-block; margin: -18px -60px 0px; top: 50%; width: auto; height: auto; left: 50%; }
  .page-container .block2-template .blocks .block:hover .image a img { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
  .page-container .block2-template .blocks .block:hover .image > a { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
}
@media only screen and (min-width:641px) {
  .page-container .block2-template .blocks .block .icons { font-family: "FloodStd"; position: absolute; top: 0; margin: 45px auto 0px; text-align: center; width: 100%; display: block; display: none; position: absolute; top: 0; width: 100%; height: 100%; text-align: center; margin: 0px auto; }
  .page-container .block2-template .blocks .block .icons .icon { display: inline-block; cursor: pointer; margin: 0px 10px; }
}

/* channel ========================================================================== */
.page-container > div .blocks .block .text:after {
    content: "";
    display: inline-block;
    width: 100%;
    min-width: 210px;
}
/* block0 ========================================================================== */
.channel .page-container .block0{display:inline-block;vertical-align:top;font-size:30px;color:#4C4C4C;}
.channel .page-container .block0 .channel-title{margin:20px auto;font-family:"FloodStd";text-align:center;}
/*.channel .page-container .block0*/ .sub-channels{display:none;}
.channel .page-container .block0 .blocks{vertical-align:top;margin:0px 308px 0 -4px; max-width:980px; display: inline-block!important;}
.channel .page-container .block0 .blocks .block{display:inline-block;vertical-align:top;padding:0px 4px;width:25%!important;position:relative;}
.channel .page-container .block0 .blocks .block .text{font-size:14px;padding:10px 0px;margin:0px 10px;overflow:hidden;word-wrap:break-word;font-weight: 300;}
.channel .page-container .block0 .blocks .block:hover .text a{color:#7D7D7D;}
.channel .page-container .block0 .blocks .block .image{position:relative;overflow:hidden;}
.channel .page-container .block0 .blocks .block .image a img{width:100%;}
.channel .page-container .block0 .blocks .block .image > a{width:100%;height:1px;overflow:hidden;display:block;background-repeat:no-repeat;background-size:cover;background-position:50% 0;padding-bottom:66.6667%;}
.channel .page-container.beauty_guide .block0 .blocks .block .image > a{ background-color: #fff; background-size: contain }
.channel .page-container .block0 .blocks .block .image .icons{display:none;}
.channel .page-container .block0 .blocks .block .image .icons img{max-width:100%;max-height:100%;margin:auto;display:block;}
.channel .page-container .block0 div.kv .text .title{font-size:20px;}
.channel .page-container .block0 div.kv .image{position:relative;overflow:hidden;}
.channel .page-container .block0 div.kv .image img{width:100%;}
.channel .page-container .block0 .blocks .block:hover .image .icons .inner{display:table-cell;vertical-align:middle;position:relative; cursor:pointer;}
/*.channel .page-container .block0 .slick-dots{position:relative;bottom:0px;}
.channel .page-container .block0 .slick-dots li button:before{font-size:20px;}*/
.channel .page-container .block0.ad1x1 > div.kv{/* display:inline-block; */clear:both;width:100%;position:relative;margin-top: 100px;}
/*.channel .page-container .block0.ad1x1 div.kv:empty,.channel .page-container .block0.ad1x1 div.kv{display:none;}*/
.channel .page-container .block0 div.kv .text{position:relative}
.channel .page-container .block0.ad1x1 div.kv .text.left{left:0;text-align:left;}
.channel .page-container .block0.ad1x2 div.kv .text.right{text-align:left;right:30px;left:inherit;}
.channel .page-container .block0.ad1x2 div.kv .inner .category-name{font-size:32px;}
.channel .page-container .block0.ad1x2 div.kv .inner .title{font-size:22px;}
.channel .page-container .block2-template{margin-bottom:0px;}

@media (min-width:641px){
	.channel .blocks .slick-track{width:100%!important;}
	.channel .page-container .block0 .blocks .block .hover{position:absolute;}
	.channel .page-container .block0 .blocks .block .hover .category{font-family:"FloodStd";font-size:30px;margin:30px 0px 10px;position:absolute;text-align:center;width:100%;}

/*.channel .page-container .block0*/ .sub-channels{display:block;box-sizing:border-box;font-size:16px;font-weight:300;line-height:1.667;max-width:78%;overflow:hidden;text-align:center;margin:30px auto;}
/*.channel .page-container .block0*/ .sub-channels a{display:inline-block;padding:0 20px;}

	.channel .page-container .block0 div.kv .hover{display:none;}
	.channel .page-container .block0 div.kv .inner.center{display:none;}
	.channel .page-container .block0 div.kv .inner.left{display:none;}
	.channel .page-container .block0 div.kv .inner.right{display:none;}

	/*.channel .page-container .block0 div.kv .inner.center .icons{width:auto;display:inline-block;position:absolute;text-align:center;left:50%;margin:10px 0 0 -46px;}*/
	.channel .page-container .block0 div.kv .inner.center .icons{width: 100%;left: 0;margin-top:10px;margin-left: 0;}
	.channel .page-container .block0 div.kv .inner.center .icons .icon{margin:0px 5px;cursor:pointer;}
	.channel .page-container .block0 div.kv .inner.left .icons{width:auto;display:inline-block;position:absolute;text-align:left;left:0px;margin:10px 0 0 0;}
	.channel .page-container .block0 div.kv .inner.left .icons .icon{margin:0px 5px;cursor:pointer;}
	.channel .page-container .block0 div.kv .inner.left .icons .icon img{width:auto;height:auto;}
	.channel .page-container .block0 div.kv .inner.right .icons{width:auto;display:inline-block;position:absolute;text-align:center;left:50%;margin:10px 0 0 -46px;}
	.channel .page-container .block0 div.kv .inner.right .icons .icon{margin:0px 5px;cursor:pointer;}
	.channel .page-container .block0 div.kv .inner{position:absolute;bottom:0;}
	.channel .page-container .block0 div.kv .inner .category-name{font-family:"FloodStd";font-size:36px;}
	.channel .page-container .block0 div.kv .inner .category-name a{color:#fff;display:block;}
	.channel .page-container .block0 div.kv .inner .title{font-family:"Open Sans","Microsoft JhengHei";font-size:30px;font-weight:300;margin:0;text-align:inherit;}
	.channel .page-container .block0 div.kv .inner .title a{color:#fff;display:block;}
	.channel .page-container .block0 div.kv .inner .sub_title{font-family:"Open Sans","Microsoft JhengHei";font-size:16px;font-weight:300;}
	.channel .page-container .block0 div.kv .inner .sub_title a{color:#fff;display:block;}
	.channel .page-container .block0 div.kv .has_video{position:absolute;top:15px;right:15px;width:50px;height:50px;}
	.channel .page-container .block0 div.kv .has_video img{width:100%;}

	.channel .page-container .block0 div.kv .text{position:absolute;background:rgba(255,255,255,0.85);padding:15px;font-family:"Open Sans","Microsoft JhengHei";text-align:center;margin:0}
	.channel .page-container .block0 div.kv .text.center{width:390px;margin-left:-195px;left:50%}
	.channel .page-container .block0 div.kv .text.right{text-align:left}
	.channel .page-container .block0.ad1x1 div.kv .text{bottom:30px}
	.channel .page-container .block0.ad1x1 div.kv .text.left{left:30px;}
	.channel .page-container .block0.ad1x1 div.kv .text.right{right:30px;}
	.channel .page-container .block0.ad1x2 div.kv .text{bottom:15px}
	.channel .page-container .block0.ad1x2 div.kv .text.left{left:15px;}
	.channel .page-container .block0.ad1x2 div.kv .text.right{right:15px;}
}
@media (max-width:640px){
	.channel .page-container .block0 .blocks { width: 100%;}
	.channel .page-container .block0 .blocks .block .text {font-size: 16px;}
	.channel .page-container .block0 .sub-channels{display:none;}
	.channel .page-container .block0 .ad{margin:50px auto;}
	.channel .page-container .block0{width:100%;text-align:center;}
	.channel .page-container .block0 .blocks{margin:0px -8px;}
	.channel .page-container .block0 .blocks .block .image{max-width:none;}
	.channel .page-container .block0 .blocks .block:nth-child(1),.channel .page-container .block0 .blocks .block:nth-child(3){padding:0px 4px 0 28px;}
	.channel .page-container .block0 .blocks .block:nth-child(2),.channel .page-container .block0 .blocks .block:nth-child(4){padding:0px 28px 0 4px;}
	.channel .page-container .block0 div.kv .inner{display:none;}
	.channel .page-container .block0.ad1x1 div.kv .text{position:relative;}
	.channel .page-container .block0.ad1x2 div.kv{width:100%;}
	.channel .page-container .block0.ad1x2 div.kv .text{position:relative;}
	.channel .page-container .block0.ad1x1 > div.kv{width:auto;}

}
@media (min-width:641px) and (max-width:980px){
	.channel .page-container .block0 .blocks {
		width: 100%;
	}
	.channel .page-container .block0 .blocks .block .text{font-size:16px;}
	.channel .page-container .block0.ad1x1{width:100%;}
	.channel .page-container .block0.ad1x1 div.kv{}
	.channel .page-container .block0.ad1x1 div.kv .image img{width:100%;}
	.channel .page-container .block0.ad1x1 .blocks{font-size:0px;margin:25px 0px 0px;max-width:none;width:100%!important;}
	.channel .page-container .block0.ad1x1 .ad{display:block;width:300px;max-width:300px;margin:40px auto 20px;}
	.channel .page-container .block0.ad1x2{width:100%;}
	.channel .page-container .block0.ad1x2 div.kv{display:inline-block;margin:20px 0px;float:left;position:relative;width:100%;}
	.channel .page-container .block0.ad1x2 div.kv .image img{width:100%;}
	.channel .page-container .block0.ad1x2 .blocks{max-width:100%;display:inline-block;width:100%;margin:25px 0px 0px;}
	.channel .page-container .block0.ad1x2 .blocks .block{width:49%;float:left;}
	.channel .page-container .block0.ad1x2 .ad{display:block;width:300px;text-align:center;margin:0 auto;}
}

@media (min-width:981px){
	.channel .page-container .block0 div.kv .text{position:absolute;background:rgba(255,255,255,0.85);padding:15px;font-family:"Open Sans","Microsoft JhengHei";text-align:center}
	.channel .page-container .block0.ad1x1 > div.kv{/*display:inline-block;*/clear:both;width:100%;position:relative;margin-top:50px;/* top:30px;*/margin-bottom: 80px }
	.channel .page-container .block0.ad1x2 {/*min-height: 764px;*/ margin-bottom: 80px }
	.channel .page-container .block0{width:100%;}
	.channel .page-container .block0.ad1x1{width:100%;}
	.channel .page-container .block0.ad1x1 .blocks{float:left;/*margin:0px 25% 0 -4px;width: 74%;*/}
	.channel .page-container .block0.ad1x1 .blocks .block{width:25%;float:left;}
	.channel .page-container .block0.ad1x1 .ad{float:right;text-align:center;margin:0px 0 0 -300px;box-sizing:border-box;width:300px;}
	.channel .page-container .block0.ad1x1 .ad .image{text-align:center;max-width:300px;margin:0px auto;}
	.channel .page-container .block0.ad1x2 .blocks{margin:0;float:left;width:-webkit-calc(100% - 313px);width:calc(100% - 313px)}
	.channel .page-container .block0.ad1x2 .blocks .block{display:inline-block;width:25%;float:left;}
	.channel .page-container .block0.ad1x2 .ad{width:300px;float:right;text-align:center;margin:0px 0 0 -300px;box-sizing:border-box;}
	.channel .page-container .block0.ad1x2 .ad .image{text-align:center;max-width:300px;margin:0px auto;}
	.channel .page-container .block0.ad1x2 > div.kv{display:inline-block;margin:0 0 0 4px;float:left;position:relative;width:-webkit-calc(100% - 313px);width:calc(100% - 313px);
    position: absolute;
    margin-top: 320px !important;
	}
	.channel .page-container .stories-row + .block0.ad1x2 > div.kv{
		margin-top: -320px !important;
	}
	.channel .page-container .block0 div.kv:hover .text{display:none;}
	.channel .page-container .block0 .blocks .block:hover .image .icons{font-family:"FloodStd";position:absolute;top:0;text-align:center;width:180px;margin-left:-90px;left:50%;max-width:180px;font-size:22px;display:table;vertical-align:middle;height:140px;}
	.channel .page-container .block0 .blocks .block:hover .image .icons .category{margin:0px 0px 4px;}
	.channel .page-container .block0 .blocks .block:hover .hover{display:block;overflow:hidden;width:100%;top:0;color:#fff;background:rgba(0,0,0,0.5);bottom:0;position:absolute;text-align:center;}
	.channel .page-container .block0 .blocks .block:hover .image .icons .icon{display:inline-block;margin:0px 4px;cursor:pointer;}
	.channel .page-container .block0 .blocks .block:hover .image > a > img{filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);}
	.channel .page-container .block0 div.kv:hover .image > a > img{filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);}
	.channel .page-container .block0 div.kv:hover a .text{filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);color:#1A1A1A;}
	.channel .page-container .block0 .blocks .block:hover .image .icons a{color:#fff;}
	.channel .page-container .block0 div.kv:hover .inner.left{display:block;text-align:left;width:390px;left:15px;margin-bottom:64px;}
	.channel .page-container .block0 div.kv:hover .inner.right{display:block;text-align:center;width:390px;left:50%;margin-left:-195px;margin-bottom:60px;}
	.channel .page-container .block0 div.kv:hover .inner.center{display:block;text-align:center;width:390px;left:50%;margin-left:-195px;margin-bottom:60px;}
	.channel .page-container .block0 div.kv:hover .hover{position:absolute;height:100%;background-color:rgba(0,0,0,0.5);color:#FFF;width:100%;top:0;display:block;bottom:0;}
	.channel .page-container .block0.ad1x2 div.kv:hover .inner.left{display:block;text-align:left;width:390px;left:15px;margin-bottom:64px;}
	.channel .page-container .block0.ad1x2 div.kv:hover .inner.right{display:block;text-align:center;width:390px;left:50%;margin-left:-195px;margin-bottom:60px;}
}


.topic .page-container .topic-page-title { margin: 30px auto; font-family: "FloodStd"; text-align: center; font-size: 30px; line-height: 30px; }
.topic .page-container .home_kv { position: relative; }
.topic .page-container .home_kv .icons { position: absolute; left: 15px; bottom: 15px; font-size: 0px; }
.topic .page-container .home_kv .icons .inner { }
.topic .page-container .home_kv .icons .inner .icon:first-child { margin-right: 10px; }
.topic .page-container .home_kv .icons .inner .icon { display: inline-block; cursor: pointer; }
.topic .page-container .home_kv .icons .inner .icon > img { width: 100%; }
.topic .page-container .home_kv .image { }
.topic .page-container .home_kv .image img { width: 100%; }
.topic .page-container .home_kv .thumbnail.max640 img { width: 100%; }
.topic .page-container .general-articles .general-article.ad { height: 402px; display: block !important }
.topic .page-container .general-articles .general-article.ad .ad_lrec { text-align: center; min-height: 381px; vertical-align: middle; display: block !important; width: 100%; }
.topic .page-container .icons { display: none; }
.topic .page-container .topic-page-share-btn{display:block;text-align:center;margin-top:25px;}

@media only screen and (min-width:641px) and (max-width:980px) {
  .topic .page-container .general-articles .general-article.ad { display: block; width: 100%; height: auto; margin: 40px 0px; }
  .topic .page-container .general-articles .general-article.ad .ad_lrec { min-height: inherit; }
}



@media only screen and (max-width:640px) {
  .topic .page-container .home_kv .icons { display: none; }
  .topic .page-container .icons { position: relative; margin: 30px 0px; font-size: 0px; display: block; text-align: center; width: 100%; }
  .topic .page-container .icons .inner { }
  .topic .page-container .icons .inner .icon:first-child { margin-right: 10px; }
  .topic .page-container .icons .inner .icon { display: inline-block; cursor: pointer; }
  .topic .page-container .icons .inner .icon > img { }
  .topic .page-container .general-articles .general-article.ad { display: table !important; }
  .topic .page-container .general-articles .general-article.ad .ad_lrec { display: table-cell !important; vertical-align: middle; }
  .topic .page-container .topic-page-share-btn{margin: 5px 0px;}
}


.single-page .section-2 .form > form .hints { color: #8d8d8d; font-family: "Open Sans"; font-size: 12px; text-align: left; margin: -20px auto 30px; left: 20px; position: relative; }
.single-page .section-2 .form > form .form-field .warning { color: #CC0000; font-size: 12px; font-weight: bold; text-align: left; display: block; margin: 10px 0px 0px 20px; }
.single-page .section-2 .form > form .form-field .warning.inline { display: inline; }
.single-page .section-2 .form > form .form-field .warning #ajax-check-sex { margin: 0px 0px 0px -4px; }

.single-page.edit-success .section-2 { text-align: center; }
.single-page.edit-success .section-2 .text{margin-top:40px;}
.single-page.login-success .section-1 .title { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; }
.single-page.login-success .section-2 { margin: 20px auto 50px; text-align: center; }
.single-page.logout-success .section-1 .title { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; }
.single-page.logout-success .section-2 { margin: 20px auto 50px; text-align: center; }

@media only screen and (max-width: 640px) {
  .single-page .section-2 .form > form .hints { left: 40px; }  
}




/*
* Stand Alone Login Page
*/
.stand-alone-login { width: 100%; height: 100%; margin: 0; padding: 0; }
.stand-alone-login .title { font-family: "FloodStd"; font-size: 36px; color: #4c4c4c; max-width: 600px; width: 100%; text-align: center; margin: 30px auto; }
.stand-alone-login .inner { background-color: #FFF; text-align: center; max-width: 600px; width: 100%; margin: 0px auto 100px; padding: 35px 0px; }
.stand-alone-login .inner .sub-title { margin: 10px 0px 20px; }
.stand-alone-login .inner .form { padding: 0px; }
.stand-alone-login .inner .form .elle-revamp-btn.register { margin-bottom: 40px !important; }
.stand-alone-login .inner .form .input-row.email { margin: 20px 0px; padding: 0px 20px; }
.stand-alone-login .inner .form .input-row.password { margin: 0px; padding: 0px 20px; }
.stand-alone-login .inner .form .input-row .login-text { background-color: #EEE; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 6px; border-radius: 50px; border: 0; width: 100%; height: 40px; padding: 12px; display: block; }
.stand-alone-login .inner .form .input-row .forget-password { font-family: "Open Sans"; font-weight: 300; font-size: 12px; color: #8d8d8d; text-decoration: underline; float: right; margin: 0px 10px 0px 0px; cursor: pointer; }
.stand-alone-login .inner .form label { color: #8d8d8d; font-size: 16px; text-align: left; margin: 0px 0px 4px 40px; font-family: "Open Sans"; font-weight: normal; display: inline; float: left; }
.stand-alone-login .inner .image.hand { position: absolute; top: 22px; right: 22px; }
.stand-alone-login .inner .line-text-center { margin: 50px 0px; }
.stand-alone-login .inner .form .elle-revamp-btn.login { margin: 30px 0px; }
.stand-alone-login .inner .form .elle-revamp-btn.register { margin: 0px; }
.stand-alone-login .inner .form .elle-revamp-btn.facebook-login { padding: 0px 20px !important; }
.stand-alone-login .inner .form .not-a-member-yet { font-size: 14px; font-weight: 300; color: #8d8d8d; font-family: "Open Sans"; margin: 10px 0px; }
.stand-alone-login .inner .form .input-row { text-align: center; }
.stand-alone-login .inner .form .input-row.email { margin: 0px; }
.stand-alone-login .inner .form .input-row.password { margin: 20px 0px 0px 0px; }
.stand-alone-login .inner .form .input-row .login-text { background-color: #EEE; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 6px; border-radius: 50px; border: 0; width: 90%; height: 40px; padding: 12px; }
.stand-alone-login .inner .form .input-row .forget-password { font-family: "Open Sans"; font-weight: 300; font-size: 12px; color: #8d8d8d; text-decoration: underline; float: right; margin: 0px 40px 0px 0px; cursor: pointer; }


.single-page { max-width: 600px; width: 100%; margin: 0px auto; }
.single-page .section-1 { margin-top: 18px; }
.single-page .section-1 .title { color: #cc0000; font-family: "FloodStd"; font-size: 18px; text-align: center; }
.single-page .section-1 .sub-title { font-family: "Open Sans"; font-size: 36px; font-weight: 300; color: #4c4c4c; text-align: center; line-height: 36px; }
.single-page .section-2 .form { text-align: center; }
.single-page .section-2 .form > form .row { color: #4c4c4c; font-size: 14px; text-align: left; margin: 10px 20px; }
.single-page .section-2 .form > form .form-title { font-family: "Open Sans", "Microsoft JhengHei"; font-weight: 300; font-size: 18px; text-align: center; }
.single-page .section-2 .form > form .form-field { margin: 20px 0px; font-size: 0px; }
.single-page .section-2 .form > form .form-field .half-field { width: 49%; display: inline-block; max-width: 292.5px; }
.single-page .section-2 .form > form .form-field .half-field:first-child { margin-right: 2%; }
.single-page .section-2 .form > form .form-field .half-field:last-child { float: right; }
.single-page .section-2 .form > form .form-field .sex { margin-left: 24px; font-size: 12px; text-align: left; }
.single-page .section-2 .form > form .form-field .sex .radio_text:last-child { margin-left: 30px; }
.single-page .section-2 .form > form .form-field label { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; font-weight: 300; color: #4C4C4C; display: block; text-align: left; margin: 10px 0px 4px 15px; font-size: 16px; }
.single-page .section-2 .form > form .form-field .not-edit { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; font-weight: 300; color: #4C4C4C; display: block; text-align: left; margin: 10px 0px 4px 15px; font-size: 14px; }
.single-page .section-2 .form > form .form-field .custom-select { padding: 0; margin: 0; border: 1px solid #eee; width: 100%; border-radius: 28px; overflow: hidden; background-color: #eee; background: #eee; background: #eee url("../images/ico_form_redarrow.png") no-repeat 97% 50%; display: inline-block; }
.single-page .section-2 .form > form .form-field .custom-select select { width: 100%; height: 40px; box-sizing: border-box; padding-left: 16px; border: none; font-family: "Open Sans", "Microsoft JhengHei"; font-size: 12px; color: #4c4c4c; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.single-page .section-2 .form > form .form-field.dob table { width: 100%; border-collapse: separate; }
.single-page .section-2 .form > form .form-field .dob-selectors { }
.single-page .section-2 .form > form .form-field .custom-select.width30 { width: 95%; background: #eee url("../images/ico_form_redarrow.png") no-repeat 90% 50%; }
.single-page .section-2 .form > form .form-field .custom-select.width30:last-child { margin: 0 5% 0 2%; }
.single-page .section-2 .form > form .form-field .custom-select.ie,
.single-page .section-2 .form > form .form-field .custom-select.width30.ie { background: #eee no-repeat 97% 50%; }

.single-page .section-2 .form > form .form-skintest-field{padding:10px 0;}
.single-page .section-2 .form > form .form-skintest-field > div{display:inline-block;vertical-align:middle;width: 70%;text-align:left;}
.single-page .section-2 .form > form .form-skintest-field > div:first-child{width: 30%;}
.single-page .section-2 .form > form .skintest-result{display:inline-block;color: #7d7d7d;margin-top:12px;}
.single-page .section-2 .form > form .btn-take-skintest{float: right;font-size: 16px;border: 1px solid #7d7d7d;padding: 8px 15px;border-radius: 50px;color: #7d7d7d;}

.single-page.thankyou { text-align: center; }
.single-page.thankyou .section-2 .text { margin-top: 50px; font-family: "Open Sans", "Microsoft JhengHei"; font-weight: 300; font-size: 14px; }


@media (min-width:981px){
  .single-page .section-2 .form > form .btn-take-skintest:hover{color: #FFF;background-color: #CC0000;border-color:#CC0000;}
}

@media only screen and (max-width:640px) {
  .single-page .section-2 .form > form .form-field .custom-select.ie,
  .single-page .section-2 .form > form .form-field .custom-select.width30.ie { background: #fff no-repeat 95% 50%; }
  .single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn,.single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn { width: 100% !important; }
}


.single-page .section-2 .form > form .form-field table tr:first-child td:first-child .custom-select { margin: 0 0 0 -5%; }
.single-page .section-2 .form > form .form-field table tr:first-child td:last-child .custom-select { margin: 0 -5% 0 0; }
.single-page .section-2 .form > form .form-field.tnc .row { color: #4c4c4c; font-size: 12px; text-align: left; margin: 10px 20px; }
.single-page .section-2 .form > form .form-field input[type='text'],
.single-page .section-2 .form > form .form-field input[type='password'] { background-color: #EEEEEE; width: 300px; background-color: #EEE; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 6px; border-radius: 50px; border: 0; width: 100%; height: 40px; padding: 12px; }
.single-page .section-2 .form > form .form-field textarea { background-color: #EEEEEE; width: 600px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 6px; border-radius: 50px; border: 0; width: 100%; padding: 12px;  font-family: "Open Sans", "Microsoft JhengHei"; }
.single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn,.single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn { padding: 0px 45px; font-size: 0;  line-height: 30px; border: 0; width: 59%; text-align: center; margin: 0;}
.single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn img { width: 13px; height: 24px; vertical-align: middle; margin: 10px; }
.single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn:hover,.single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn:hover { border: 0; }
.single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn .text,.single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn .text { color: #FFFFFF; display: inline-block; top: 5px; position: relative; margin: 0px 0px 0px 0px; font-size: 16px; }
.single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn{margin-top:50px;}
.single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn {margin-bottom:50px;margin-top: 25px;padding: 0px 26px;}
.single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn img { width: 24px; height: 24px; vertical-align: middle; margin: 10px; }
.single-page .section-2 .form > form #recaptcha { text-align: center; margin-top: 50px; }
.single-page .section-2 .form > form #recaptcha > div,
.single-page .section-2 .form > form #recaptcha > div > div { text-align: center; margin: 0px auto; width: 100%; }
.single-page .section-2 .form select,
.single-page .section-2 .form select:active,
.single-page .section-2 .form select:hover,
.single-page .section-2 .form textarea { outline: none }
.single-page .section-2 .form.edit .button .facebook-register.elle-revamp-btn { margin: 50px auto; }
.single-page .section-2 .form.edit .form-title { font-size: 30px; }
.single-page .section-2 .form.edit .email { text-align: left; margin: 0px 0px 0px 20px; }
.single-page.facebook-register .section-2 .form > form .form-title { margin: 50px auto; }


@media only screen and (max-width:640px) {
  .single-page .section-2 .form.edit .button .facebook-register.elle-revamp-btn{padding: 0px 35px;}
  .single-page .section-2 .form > form .button > a .facebook-register.elle-revamp-btn img, .single-page .section-2 .form > form .button > a .instagram-register.elle-revamp-btn img{display:block;margin-left: auto;margin-right: auto;}
  .single-page .section-1 .sub-title { margin-bottom: 0px; }
  .single-page .section-2 .form > form .form-field .half-field { width: 48%; }
  .single-page .section-2 .form > form .form-field { margin: 30px 20px; }
  .single-page .section-2 .form > form .btn-take-skintest{font-size:14px;}
  .button { margin: 0px 20px; }
  .button .facebook-register.elle-revamp-btn { width: 100%; }
  .button .facebook-register.elle-revamp-btn .text { font-size: 14px; }
}

.before-loaded .image { width: 120px; height: 44px; margin: 20px auto 100px; }
.before-loaded .image > img { width: 100%; }
.page-container.show { display: block !important; }
.before-loaded { z-index: 9; display: block; position: relative; width: 100%; background-color: #FAFAFA; padding: 200px 0px; max-width: 1280px; margin: 0px auto; }
.before-loaded .image { width: 120px; height: 44px; margin: 0px auto; background-color: #FAFAFA; display: block; position: relative; }
.before-loaded .image > img { width: 100%; }
.before-loaded.hide { display: none; }

/*
* Common
*/
.icons .icon.share { display: inline-block; width: 38px; height: 38px; background: url("../images/ico_article_photoshare.png") no-repeat center; cursor: pointer;}
.icons .icon.share:hover { background: url("../images/ico_article_photoshare_on.png") no-repeat center; }
.hover { -webkit-transition: background 300ms ease, padding 300ms linear; -webkit-filter: brightness(50%); -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; }
.elle-revamp-btn { font-size: 18px; font-family: "Open Sans", "Microsoft JhengHei", sans-serif; color: #1A1A1A; border-radius: 50px; border: 1px #BBBBBB solid; display: inline-block; padding: 10px 30px; margin: 30px auto 50px; cursor: pointer; font-weight: 300; }
.elle-revamp-btn a { color: #1A1A1A; }
.elle-revamp-btn:hover { color: #FFF; background-color: #CC0000; border-color: #CC0000; }
.elle-revamp-btn:hover a { color: #FFF; }
.elle-revamp-btn.blue { background-color: #3B5998; }
.elle-revamp-btn.deep-blue {background-color: #2c5c82;}
.elle-revamp-btn.grey { background-color: #8d8d8d; }
.elle-revamp-btn.blue:hover { background-color: #3B5998; }
.line-text-center { overflow: hidden; text-align: center; font-size: 12px; color: #8d8d8d; margin: 30px 0px; }
.line-text-center:before, .line-text-center:after { background-color: #8d8d8d; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 25%; }
.line-text-center:before { right: 0.5em; margin-left: -25%; }
.line-text-center:after { left: 0.5em; margin-right: -25%; }
.avatar-img { width: 160px; height: 160px; display: block; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; border-radius: 99%; margin: 50px 60px 50px 10px; }

.avatar-ico {margin-right: 10px;}


.edit-photo table { margin: 0px auto; }
.edit-photo table td { height: 100%; vertical-align: middle; }
.user_attr { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; color: #cc0000; margin: 20px 0px 0px 20px; text-align: left; }
.user_attr .facebook-binded { display: none;}
#ellehkform .ajax-loading, #forget-popup .outer .inner .form .ajax-loading, #forget-popup .outer .inner .form .ajax-loading, #login-popup .outer .inner .form .ajax-loading, .stand-alone-login .inner .form .ajax-loading { display: none; margin: 30px 0px 15px; padding: 17px 0px 16px; vertical-align: middle; }
#login-popup .mfp-close{ display:none; }
.triangle { display: inline-block; vertical-align: middle; height: 5px; font-size: 0; width: 10px; margin: 2px; }
.triangle img { width: 100%; height: 100%; }
#ajax-check-email a { font-weight: bold; color: #cc0000; }

@media (max-width:640px){
	.edit-photo .avatar-img{width: 120px;height: 120px;margin-right: 30px;}
}
/*
* Avatar Pop-up
*/
#avatar-popup { color: #FFF; position: fixed; top: 50%; left: 50%; margin-left: -195px; margin-top: -230px; background: url('../images/line_bg_10.gif') repeat; }
#avatar-popup .outer { display: block; background-color: #FFF; width: 370px; height: 460px; margin: 10px; font-size: 0; }
#avatar-popup .outer .inner { background-color: #FFF; text-align: center; width: 100%; }
#avatar-popup .outer .inner .image.hand { position: absolute; top: 22px; right: 22px; }
#avatar-popup .outer .inner .title { font-family: "FloodStd"; font-size: 36px; color: #4c4c4c; padding: 45px 0px 30px; }
#avatar-popup .outer .inner .elle-revamp-btn { display: block; width: 80%; margin: 30px auto; }
#avatar-popup .outer .inner #filelist { display: none; }

@media only screen and (min-width:981px) {
  #avatar-popup { top: 50%; left: 50%; margin-left: -195px; margin-top: -300px; }
  #avatar-popup .outer .inner .form .elle-revamp-btn:hover { color: #FFFFFF; background-color: #CC0000; border: 1px solid transparent; }
  #avatar-popup .outer .inner .form .elle-revamp-btn:hover a { color: #FFF; }
}

#powerTip {display:none;border-radius: 0px; margin:0;white-space: nowrap;text-align:left; text-transform: none;padding-top: 13px;}
#powerTip ul{ clear:both;background-color: #FFF;padding: 10px;}
#powerTip ul li { margin: 10px; }
#powerTip ul li a { font-family: "Open Sans", "Microsoft JhengHei", sans-serif; font-weight: 300; color: #000; }
#powerTip ul li a:hover { color: #CC0000; }

.hover-menu{position:relative;}
.hover-menu:hover .hover-menu-content,.hover-menu:hover #powerTip{display:block;}
.hover-menu-content{display:none;position:absolute;top:100%;right:0;}
.hover-menu-content:before{content:'';display:block;float:right;width: 0;height: 0;border-style: solid;border-width: 0 5.5px 11px 5.5px;border-color: transparent transparent #ffffff transparent;margin-right:5px;}

.form input:focus { border-color: #8fbfe6; box-shadow: 0 0 10px #8fbfe6; -moz-box-shadow: 0 0 10px #8fbfe6; -webkit-box-shadow: 0 0 10px #8fbfe6; }


@media(max-width:640px){
	.popup-active #sticky-wrap,.popup-active #end,.popup-active footer{display:none;}
}