.only_1024, .only_mobile, .only_768 {
	display: none
}

@media (max-width:1216px) {
	.only_1280, .only_768 {
		display: none
	}

	.only_1024 {
		display: block
	}
}

@media (max-width:1016px) {
	.min_1024, .only_1280, .none_768 {
		display: none
	}

	.only_768 {
		display: block
	}
}

@media (max-width:767px) {
	.only_1280, .only_web {
		display: none
	}

	.only_mobile {
		display: block
	}
}

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
	font-size: 10px
}

body {
	min-height: 100%;
	-webkit-text-size-adjust: none;
	font-family: Meiryo, 黑体, 黑體, "Microsoft JhengHei UI", "Microsoft JhengHei", 微軟正黑體, "Microsoft YaHei UI", "Microsoft YaHei", 微软雅黑体, 微軟雅黑體, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, "WenQuanYi Micro Hei", sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
	background-color: #f5f5f5;
}

@media (max-width:767px) {
	body {
		background-color: #f5f5f5
	}
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, th, td {
	margin: 0;
	padding: 0
}

a {
	color: #414743;
	text-decoration: none;
	behavior: expression(this.onFocus=this.blur());
	outline: none;
}

a:hover {
	color: #00ada9;
}

img {
	border-style: none
}

iframe {
	display: block
}

form fieldset {
	margin: 0;
	padding: 5px;
	border: 1px solid #eee
}

form fieldset label {
	color: #414743;
	font-size: 15px;
	font-size: 1.5rem
}

form input[type=text], form input[type=password], form input[type=file], form textarea {
	width: 100%;
	padding: 5px;
	color: #414743;
	font-size: 15px;
	font-size: 1.5rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	line-height: 1.5
}

form input[type=text].inline, form input[type=password] .inline {
	width: 31%;
	margin: 0 5px 0 0;
}

@media (max-width:1016px) {
	form input[type=text].inline, form input[type=password] .inline {
		width: 41%
	}
}

@media (max-width:767px) {
	form input[type=text].inline, form input[type=password] .inline {
		width: 28%
	}
}

form select {
	width: 100%;
	padding: 5px;
	font-size: 1.5rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eee
}

h1, h2 {
	letter-spacing: 1px;
}

h3 {
	letter-spacing: 1px;
}

hr {
	float: none;
	height: 1px;
	margin: 8px 0;
	border-style: none none solid;
	clear: both
}

input, select {
	vertical-align: middle
}

label, label span {
	display: block
}

p {
	margin: 14px 0
}

ul, ol {
	margin: 14px 0;
	padding: 0 0 0 40px
}

#container {
	overflow: hidden
}

.wmark {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 586px;
	height: 55px;
	background: #fff;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	filter: alpha(opacity=85);
	opacity: .85;
}

@media (max-width:1016px) {
	.wmark {
		width: 680px
	}
}

@media (max-width:767px) {
	.wmark {
		display: none;
	}
}

.sub_body .wmark {
	width: 300px;
	height: 34px;
	background: #fff;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90);
	opacity: .9
}

#carousel.theme_2 .wmark {
	height: 85px
}

.focus_area .wmark {
	width: 100%
}

#album_index.focus_area .wmark {
	height: 70px;
}

@media (max-width:1016px) {
	#album_index.focus_area .wmark {
		height: 50px
	}
}

@media (max-width:767px) {
	#album_index.focus_area .wmark {
		height: 30px
	}
}

#category_theme .wmark {
	width: 480px;
}

@media (max-width:1216px) {
	#category_theme .wmark {
		height: 36px
	}
}

@media (max-width:767px) {
	#category_theme .wmark {
		width: 100%;
		height: 30px
	}
}

#category_mags_theme .wmark {
	width: 300px;
	height: 34px
}

#album_photos_body .wmark {
	width: 100%;
	height: 108px;
}

@media (max-width:767px) {
	#show_box #album_photos_body .wmark {
		height: 62px
	}
}

@media (max-width:1216px) {
	#topic_theme .wmark {
		width: 376px
	}
}

@media (max-width:1016px) {
	#topic_theme .wmark {
		width: 456px
	}
}

@media (max-width:1016px) {
	.index .wmark {
		height: 50px
	}
}

#container {
	overflow: hidden
}

dl.search_type {
	float: left;
	margin: 2px 3px 2px 1px;
	display: none;
}

dl.search_type dl {
	position: absolute;
	display: none;
	float: left;
	left: 4px;
	margin: 0;
	background: #eaeaea;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

dl.search_type dl a {
	display: block;
	margin: 0;
	padding: 5px 10px;
	border: none;
	white-space: nowrap;
}

dl.search_type dl a:hover {
	background: #fff
}

dl.search_type dl dt a {
	position: relative;
	width: 64px;
	padding: 0 10px;
	color: #606060;
	background: #eaeaea;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

dl.search_type dl dt dt a {
	border: none
}

dl.search_type dl dt.line {
	margin: 15px 0;
	border-bottom: 1px solid #e5e5e5
}

form .fbr {
	display: block;
	height: 20px
}

#header .channel.channel_toggle, dl.search_type dl.search_open_close {
	display: block
}

#ad_1 {
	width: 1200px;
	margin: auto auto 10px;
	overflow: hidden;
	text-align: center;
}

#ad_1 iframe {
	margin: auto;
}

@media (max-width:1216px) {
	#ad_1 {
		width: 1000px;
	}
}

@media (max-width:1016px) {
	#ad_1 {
		width: 750px;
		overflow: hidden
	}
}

@media (max-width:767px) {
	#ad_1 {
		width: 100%
	}
}

#ad_1 img, #ad_content img, #ad_history img, #ad_sidebar img {
	width: auto;
	max-width: 100%
}

#ad_2 {
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width:1016px) {
	#ad_2 {
		top: 370px;
		right: 35px
	}
}

#ad_3 {
	position: absolute;
	top: 260px;
	right: 0;
}

@media (max-width:1016px) {
	#ad_3 {
		top: 630px;
		right: 35px
	}
}

#ad_history, #ad_content {
	width: 890px;
	height: 85px;
	margin: 0 0 10px;
	padding: 10px 0;
	text-align: center;
	background: #f5f5f5;
	overflow: hidden;
}

@media (max-width:1216px) {
	#ad_history, #ad_content {
		width: 690px;
		height: auto;
		padding: 0
	}
}

@media (max-width:1016px) {
	#ad_history, #ad_content {
		width: 750px;
		height: auto;
		padding: 0
	}
}

@media (max-width:767px) {
	#ad_history, #ad_content {
		width: 100%
	}
}

#ad_mobile {
	margin: 0 0 10px;
	overflow: hidden;
}

#ad_mobile iframe {
	margin: auto
}

#ad_rubric, #ad_mag, #ad_mag_2, #ad_sidebar dt, #ad_index, #ad_google {
	margin: 0 0 10px
}

#ad_story {
	margin: 20px 0;
	text-align: center;
}

@media (max-width:1216px) {
	#ad_story img {
		max-width: 673px
	}
}

@media (max-width:1016px) {
	#ad_sub_sidebar {
		width: 750px
	}
}

@media (max-width:767px) {
	#ad_sub_sidebar {
		width: 100%
	}
}

@media (max-width:1016px) {
	#ad_sub_sidebar dt#ad_sub_sidebar_ad1 {
		width: 298px
	}
}

#ad_sub_sidebar dt, #ad_sub_sidebar_2 dt {
	width: 300px;
	height: 250px;
	margin: 0 0 10px
}

#ad_bd {
	width: 300px;
	height: 100px;
	margin: 0 0 10px
}

@media (max-width:1016px) {
	#ad_mag {
		width: 298px
	}
}

#header.active .menu {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 88888;
	box-shadow: 0 3px 3px rgba(40%, 40%, 40%, 0.5);
	-moz-box-shadow: 0 3px 3px rgba(40%, 40%, 40%, 0.5);
	-webkit-box-shadow: 0 3px 3px rgba(40%, 40%, 40%, 0.5);
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop))
}

#menu_mark {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

#loadmore {
	display: none;
	z-index: 99;
	background: url("//oops.udn.com/img/loadding.gif") no-repeat center 380px;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	filter: alpha(opacity=95);
	opacity: .95;
	display: block;
	background-color: #fff;
	background-position: center top;
	height: 50px
}

#vertiscroll {
	position: absolute;
	display: block;
	top: 0;
	left: 140px;
	width: 20px;
	height: 450px;
	background: url("//oops.udn.com/img/vsb.gif") no-repeat center -1014px;
	cursor: pointer;
	overflow: hidden
}

.menu .on, .menu .active, .weather_index .menu>dl>dt>a:hover, .weather_global .menu>dl>dt>a:hover, .weather_travels .menu>dl>dt>a:hover, .member_index .menu>dl>dt>a:hover, .invoce .menu>dl>dt>a:hover, .lotto .menu>dl>dt>a:hover {
	color: #414743;
	background: #c4c4c4
}

#menu_sub {
	position: absolute;
	display: none;
	top: 40px;
	left: 0;
	width: 890px;
	height: 229px;
	font-size: 1.5rem;
	background: #fff;
	border: 10px solid #c4c4c4;
	box-shadow: #666 0 3px 3px;
	-moz-box-shadow: #666 0 3px 3px;
	-webkit-box-shadow: #666 0 3px 3px;
	z-index: 88888;
}

@media (max-width:1016px) {
	#menu_sub {
		width: 730px;
		font-size: 13px;
		font-size: 1.3rem
	}
}

#menu_sub .close {
	position: absolute;
	display: block;
	right: -10px;
	bottom: -10px;
	width: 43px;
	height: 41px;
	margin: 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -3px -155px #c4c4c4;
	z-index: 12;
}

#menu_sub .close:hover {
	background-color: #999
}

.menu {
	position: relative;
	width: 100%;
	height: 42px;
	display: block;
	background: #000;
	overflow: hidden;
	clear: both;
}

.menu>dl {
	position: relative;
	width: 1200px;
	height: 45px;
	margin: auto;
	padding: 6px 0 0;
	white-space: nowrap;
	display: block;
}

@media (max-width:1216px) {
	.menu>dl {
		width: 1000px
	}
}

@media (max-width:1016px) {
	.menu>dl {
		width: 750px;
	}
}

@media (max-width:767px) {
	.menu>dl {
		width: auto;
		overflow: auto;
	}
}

.menu>dl>dt {
	display: inline;
	white-space: nowrap;
	overflow: hidden;
}

.menu>dl>dt>a {
	letter-spacing: 3px;
	padding: 0 50px;
	color: #ffe634;
	cursor: pointer;
	display: inline-block;
	font-size: 2rem;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	position: relative;
	text-align: center;
	white-space: nowrap;
	z-index: 12
}

@media (max-width:1216px) {
	.menu>dl>dt>a {
		margin: 0;
	}
}

@media (max-width:1016px) {
	.menu>dl>dt>a {
		font-size: 1.8rem;
		padding: 0 40px;
	}
}

@media (max-width:767px) {
	.menu>dl>dt>a {
		padding: 0 10px;
	}
}

.menu>dl>dt:last-child>a {
	margin: 0 10px 0 0
}

.menu>dl>dt #mh, .menu>dl>dt #mh:hover {
	padding: 0 10px;
	position: relative;
	width: 70px;
	z-index: 11
}

.menu>dl>dt #mh b {
	display: block;
	float: left;
	width: 40px;
	height: 34px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -61px -61px
}

.menu #ma {
	color: #fe9
}

.menu dt a#mhome {
	width: 40px !important;
	padding: 0 10px 0 0;
	text-indent: -999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -105px -1109px;
}

.menu dt a#mhome:hover {
	color: #fff
}

.weather_index .menu>dl>dt>a, .weather_global .menu>dl>dt>a, .weather_travels .menu>dl>dt>a, .invoce .menu>dl>dt>a, .lotto .menu>dl>dt>a {
	letter-spacing: 2px;
	padding: 0 30px;
}

@media (max-width:767px) {
	.weather_index .menu>dl>dt>a, .weather_global .menu>dl>dt>a, .weather_travels .menu>dl>dt>a, .invoce .menu>dl>dt>a, .lotto .menu>dl>dt>a {
		padding: 0 15px
	}
}

.sub_body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.3;
}

@media (max-width:1016px) {
	.sub_body {
		font-size: 14px;
		font-size: 1.4rem
	}
}

.sub_body dt {
	float: left;
	padding: 0 0 0 15px;
	width: 380px !important;
}

@media (max-width:1016px) {
	.sub_body dt {
		width: 203px !important
	}
}

.sub_body .big {
	background: #fff;
	border-right: 1px solid #e5e5e5;
	float: left;
	height: 206px;
	margin: -27px 0 0;
	padding: 20px 20px 3px 10px;
	position: relative;
	width: 300px !important;
}

@media (max-width:1016px) {
	.sub_body .big {
		margin: -20px 0 0
	}
}

.sub_body .big a {
	height: 190px;
	background: #fff;
	overflow: hidden;
}

.sub_body .big a img {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: auto;
	display: block;
}

@media (max-width:1016px) {
	.sub_body .big a img {
		max-width: 281px
	}
}

.sub_body .big a u {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -159px -707px;
	overflow: hidden;
	z-index: 2
}

.sub_body .mag .big {
	margin: 3px 0 6px;
}

.sub_body .mag .big a {
	height: 343px;
	padding: 0
}

.sub_body .mag .small {
	margin: 3px 0 7px;
}

.sub_body .mag .small a {
	height: 170px;
	padding: 0;
}

.sub_body .mag .small a img {
	max-width: 300px
}

.sub_body .mag a {
	height: 30px;
	line-height: 1.5;
	padding: 0 25px 0 0;
	width: auto;
}

.sub_body .mag a b {
	bottom: 5px;
	font-weight: 700
}

.sub_body .mag dt.line {
	margin: 10px 0 15px
}

.sub_body .pic {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -111px -1261px;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0
}

.sub_body .tv {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 8px -212px;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0
}

.sub_body a {
	position: relative;
	width: auto !important;
	width: 100% \7;
	height: 35px;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

.sub_body a b {
	position: absolute;
	bottom: 0;
	left: 0;
	text-indent: 10px;
	color: #414743;
	font-weight: 400
}

.sub_body a.more {
	color: #00ada9;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: right
}

.sub_body a.sp {
	color: #ee5103
}

.sub_body a:hover {
	text-decoration: underline
}

.sub_body .ad a {
	height: auto
}

@media (max-width:1016px) {
	.sub_body .ad img {
		width: auto;
		max-width: 100%
	}
}

.sub_body dl {
	background-color: #f5f5f5;
	float: left;
	height: 202px;
	padding: 27px 0 0;
	width: 769px;
}

@media (max-width:1016px) {
	.sub_body dl {
		width: 604px;
		padding: 20px 10px 0;
		border-right: none;
		background: none
	}
}

.sub_body dl.last {
	display: none;
}

@media (max-width:1016px) {
	.sub_body dl.last {
		width: 300px
	}
}

.sub_body dl.last.mag {
	background: #fff
}

@media (max-width:1016px) {
	.shopping .sub_body dl {
		width: 532px !important;
		padding: 20px 0 0 35px !important
	}
}

@media (max-width:1016px) {
	.shopping .sub_body .big a img {
		margin: 0 !important
	}
}

.sub_body dt.big a b {
	width: 100%;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

.sub_head {
	float: left;
	width: 110px;
	height: 229px;
	margin: 0 10px 0 0;
	background: #f5f5f5;
	border-right: 1px solid #d7d7d7;
}

@media (max-width:1016px) {
	.sub_head {
		width: 105px;
		margin: 0;
		background: none
	}
}

.sub_head a {
	display: block;
	width: 100% \7;
	height: 44px;
	padding: 0 0 0 15px;
	color: #222;
	border-bottom: 1px solid #d7d7d7;
	-o-text-overflow: ellipsis;
	background: #f5f5f5;
	cursor: pointer;
	line-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	font-weight: bold;
}

@media (max-width:1016px) {
	.sub_head a {
		padding: 0 0 0 10px
	}
}

.sub_head a.more {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 43px;
	height: 41px;
	margin: 0;
	border-left: 1px solid #ddd;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -54px -105px;
}

.sub_head a.more:hover {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -54px -105px #f2f2f2
}

.sub_head a:hover, .sub_head a.sub_active {
	color: #00ada9;
	background: #fff;
	width: 96px
}

.sub_head a.sub_active {
	border-right: none
}

.arrow_left, .arrow_right {
	position: absolute;
	display: none;
	top: 0;
	width: 40px;
	height: 34px;
	margin: 6px 0 0;
	z-index: 14;
	overflow: hidden;
	background-image: url("//oops.udn.com/img/sprite.png");
	background-repeat: no-repeat;
}

@media (max-width:1016px) {
	.arrow_left, .arrow_right {
		height: 36px
	}
}

@media (max-width:767px) {
	.arrow_left, .arrow_right {
		top: 53px
	}
}

.arrow_left {
	left: 0;
	background-position: -110px -2316px;
}

@media (max-width:1016px) {
	.arrow_left {
		background-position: -110px -2314px
	}
}

.arrow_right {
	right: 0;
	background-position: -150px -2316px;
}

@media (max-width:1016px) {
	.arrow_right {
		background-position: -150px -2314px
	}
}

#content_body #content_body_big dt>a h2 {
	padding: 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
	clear: both;
	line-height: 1.3
}

#content_body #content_body_cover dt>a h2 {
	padding: 10px 0 0;
	font-size: 18px;
	font-size: 1.8rem;
	clear: both;
	line-height: 1.3
}

#content_body .dt {
	float: left;
	height: 26px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 28px
}

#content_body .fb b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -411px
}

#content_body .pv {
	padding: 2px 10px 0;
	margin: 0 12px;
}

#content_body .pv b {
	display: inline-block;
	float: left;
	width: 26px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -365px
}

#content_body .pv, #content_body .fb {
	border: none;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	padding: 5px 10px 0
}

#content_body .share .facebook {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -60px -1109px;
}

#content_body .share .facebook:hover {
	background-position: -60px -1111px
}

#content_body .share .plurk {
	margin-right: 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -10px -709px;
}

#content_body .share .plurk:hover {
	background-position: -10px -711px
}

#content_body .share .twitter {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -10px -759px;
}

#content_body .share .twitter:hover {
	background-position: -10px -761px
}

#content_body .share b {
	display: inline-block;
	float: left;
	width: 24px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -459px
}

#content_body .share dl {
	position: absolute;
	display: none;
	top: 27px;
	left: -1px;
	width: 130px;
	padding: 5px 20px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	z-index: 2;
}

#content_body .share dl a {
	display: block;
	float: left;
	width: 30px;
	height: 31px;
	margin-right: 20px;
	text-indent: -9999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -176px -742px;
	overflow: hidden;
}

#content_body .share dl a:hover {
	background-position: -176px -743px
}

#content_body .share:hover dl {
	display: block
}

#content_body>dt>a {
	display: block;
	padding: 16px 32px;
	color: #666;
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
	font-size: 1.2rem;
}

@media (max-width:1216px) {
	#content_body>dt>a {
		padding: 16px 24px
	}
}

@media (max-width:1016px) {
	#content_body>dt>a {
		padding: 16px 34px
	}
}

#content_body>dt>a h2 {
	margin: -1px 0 4px;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold
}

#content_body>dt:hover {
	color: #414743;
}

#content_body>dt:hover h2 {
	color: #00ada9
}

#content_body>dt.ad>a {
	background: #fbfbe9
}

#content_body>dt:first-child>a {
	border-top: none
}

#content_body dt, #content_body .share {
	position: relative
}

#content_body a b {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.5;
	overflow: hidden
}

#content_body a img {
	display: block;
	float: left;
	max-width: 100%;
	width: auto;
	margin: 0 20px 0 0
}

#content_body a.sp {
	color: #ee5103
}

#content_body .big a img {
	max-width: 100%;
	width: auto
}

#content_body hr {
	margin: 10px 0 0;
	border-top: 1px solid #e5e5e5;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none
}

#content_body.type_1>dt>a {
	min-height: 120px;
	overflow: hidden
}

#content_body.type_1 img {
	float: right;
	margin: 0 0 0 15px
}

#content_body.type_2 {
	margin: 0 0 16px;
	overflow: hidden;
}

#content_body.type_2 a img {
	max-width: 75px
}

#content_body.type_2 .big a u {
	max-width: 380px;
	max-height: 220px;
	display: block;
	overflow: hidden
}

#content_body.type_2>dt>a {
	float: left;
	width: 380px;
	min-height: 96px;
}

@media (max-width:1216px) {
	#content_body.type_2>dt>a {
		width: 295px
	}
}

@media (max-width:1016px) {
	#content_body.type_2>dt>a {
		width: 305px
	}
}

#content_body.type_2>dt>a h2 {
	margin: -1px 0 12px;
	padding: 0 0 0 90px;
	font-size: 18px;
	font-size: 1.8rem
}

#content_body.type_2>dt>a b {
	margin: 0 0 0 90px;
}

@media (max-width:1216px) {
	#content_body.type_2>dt>a b {
		max-height: 36px;
		overflow: hidden
	}
}

#content_body.type_2>dt>a u {
	float: left;
	max-width: 75px;
	max-height: 75px;
	overflow: hidden
}

#content_body.type_2>dt.big>a {
	padding: 23px 32px 5px;
	min-height: 292px;
	border-style: none;
}

@media (max-width:1216px) {
	#content_body.type_2>dt.big>a {
		padding: 23px 24px 5px;
		min-height: 264px
	}
}

@media (max-width:1016px) {
	#content_body.type_2>dt.big>a {
		padding: 23px 34px 0;
		min-height: 271px
	}
}

#content_body.type_2>dt.big>a u {
	float: none;
	width: auto
}

#content_body.type_2>dt.big>a h2 {
	padding: 10px 0 0;
	clear: both
}

#content_body.type_3 #content_body_mag>dt>a u {
	max-width: 100px;
	max-height: 140px;
	overflow: hidden;
	display: block
}

#content_body.type_4 {
	margin: 0 0 16px;
	padding: 18px 0 25px;
	overflow: hidden;
}

#content_body.type_4>dt>a {
	float: left;
	width: 180px;
	padding: 12px 0 0 32px;
	border: none;
}

@media (max-width:1016px) {
	#content_body.type_4>dt>a {
		padding: 12px 0 0 63px
	}
}

#content_body.type_4>dt>a img {
	margin: 0;
	max-width: 180px;
	width: auto
}

#content_body.type_4>dt>a>b {
	width: 180px;
	height: 120px;
	overflow: hidden
}

@media (max-width:1216px) {
	#content_body.type_4>dt.big>a {
		padding: 12px 0 0 24px
	}
}

@media (max-width:1016px) {
	#content_body.type_4>dt.big>a {
		padding: 12px 0 0 34px
	}
}

#content_body.type_4>dt.big>a img {
	max-width: 396px;
	width: auto
}

#content_body.type_4>dt.big>a>b {
	width: 396px;
	height: 278px;
	overflow: hidden
}

#content_body.type_4>dt.big>a, #content_body.type_4>dt.big.video>iframe {
	width: 396px;
	padding: 12px 0 0 32px;
	border-style: none
}

#content_body.type_4>dt.big.video {
	float: left;
}

#content_body.type_4>dt.big.video>a {
	padding: 0 0 0 32px
}

#content_body.type_4>dt.video>a>b {
	height: 101px
}

#content_body.type_4>dt.line {
	float: left;
	width: 100%;
	margin: 24px 0 17px
}

#content_body.type_4 h2 {
	padding: 6px 0 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	clear: both;
	height: 38px;
	display: block;
	overflow: hidden
}

@media (max-width:1216px) {
	#content_body ul.index_read_block a img {
		width: 177px !important;
		height: 118px !important
	}
}

@media (max-width:1016px) {
	#content_body ul.index_read_block a img {
		width: 140px !important;
		height: 93px !important
	}
}

.mag_index #content_body.type_1 a b {
	white-space: normal;
	width: auto
}

@media (max-width:1216px) {
	#content_body_big {
		padding: 0
	}
}

#content_body_big a {
	float: left;
	width: 180px;
	padding: 23px 17px 0;
	border-bottom: none;
}

@media (max-width:1216px) {
	#content_body_big a {
		padding: 23px 24px 0
	}
}

@media (max-width:1016px) {
	#content_body_big a {
		padding: 23px 34px 0
	}
}

#content_body_big, #content_body_cover {
	padding: 0 0 0 15px;
	overflow: hidden
}

#content_body_book {
	padding: 0 0 22px;
	overflow: hidden;
}

#content_body_book .line {
	width: 100%;
	margin: 10px 0 20px
}

#content_body_book>dt {
	float: left;
	width: 378px;
	padding: 8px 0 0 32px;
}

@media (max-width:1216px) {
	#content_body_book>dt {
		width: 297px;
		padding: 8px 0 0 22px
	}
}

@media (max-width:1016px) {
	#content_body_book>dt {
		width: 320px
	}
}

#content_body_book>dt.big {
	width: 380px;
	padding: 10px 32px;
	border-right: 1px solid #e5e5e5;
}

@media (max-width:1216px) {
	#content_body_book>dt.big {
		width: 300px;
		padding: 10px 19px 10px 24px
	}
}

@media (max-width:1016px) {
	#content_body_book>dt.big {
		width: 320px;
		padding: 10px 19px 10px 34px
	}
}

#content_body_book>dt.big a {
	margin: 0;
	color: #666;
}

#content_body_book>dt.big a b {
	position: absolute;
	bottom: 0;
	left: 129px;
	font-size: 13px;
	font-size: 1.3rem
}

#content_body_book>dt.big a h3 {
	margin: -1px 0 4px;
	color: #222
}

#content_body_book>dt.big a:hover h3 {
	color: #00ada9
}

#content_body_book>dt.big img {
	float: left;
	margin: 0 15px 0 0
}

#content_body_book>dt.big span {
	display: block;
	color: #444;
}

#content_body_book>dt.big span.price {
	color: #888
}

#content_body_book dt a {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 1px 0 10px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5
}

#content_body_cover a {
	float: left;
	width: 142px;
	padding: 25px 15px 5px;
	border-bottom: none;
}

@media (max-width:1216px) {
	#content_body_cover a {
		padding: 25px 17px 5px 9px
	}
}

@media (max-width:1016px) {
	#content_body_cover a {
		padding: 25px 24px 5px 17px
	}
}

@media (max-width:1216px) {
	#content_body_focus {
		width: auto
	}
}

@media (max-width:1216px) {
	#content_body_list {
		margin: 20px 0 30px 31px
	}
}

#content_body_mag {
	padding: 0 0 16px;
	overflow: hidden;
}

#content_body_mag .line {
	width: 100%;
	margin: 0 0 12px
}

#content_body_mag>dt {
	float: left;
	width: 396px;
	padding: 16px 0 0 32px;
}

@media (max-width:1216px) {
	#content_body_mag>dt {
		width: 307px;
		padding: 16px 0 0 24px
	}
}

@media (max-width:1016px) {
	#content_body_mag>dt {
		width: 307px;
		padding: 16px 0 0 34px
	}
}

#content_body_mag>dt>a {
	float: left
}

#content_body_mag>dt dt>a {
	display: block;
	margin: 0 0 12px 123px;
	font-size: 15px;
	font-size: 1.5rem;
	text-indent: -13px;
	line-height: 1.3
}

#letour {
	padding: 0 32px 20px
}

#content_body_banner {
	padding: 0 32px 16px;
	overflow: hidden;
}

#content_body_banner img {
	max-width: 100%;
	width: auto
}

.content_body_sponsor {
	padding: 20px 0;
	overflow: hidden;
}

.content_body_sponsor dl {
	width: 100%;
}

@media (max-width:1016px) {
	.content_body_sponsor dl {
		width: 158px
	}
}

.content_body_sponsor>dt {
	float: left;
	width: 380px;
	padding: 0 25px 0 32px;
}

@media (max-width:1216px) {
	.content_body_sponsor>dt {
		width: 286px
	}
}

@media (max-width:1016px) {
	.content_body_sponsor>dt {
		width: 316px
	}
}

.content_body_sponsor>dt>dl {
	position: absolute;
	top: 114px;
	left: 191px;
}

@media (max-width:1216px) {
	.content_body_sponsor>dt>dl {
		top: 88px;
		width: 120px;
		line-height: 1.5
	}
}

@media (max-width:1016px) {
	.content_body_sponsor>dt>dl {
		top: 96px
	}
}

.content_body_sponsor>dt a {
	display: block;
	margin: 10px 0;
	overflow: hidden;
}

@media (max-width:1016px) {
	.content_body_sponsor>dt a {
		line-height: 1.5
	}
}

.content_body_sponsor>dt a:hover {
	text-decoration: underline
}

.content_body_sponsor>dt.first {
	border-right: 1px solid #e5e5e5
}

#also_news {
	position: absolute;
	top: 223px;
	right: 0;
	padding: 4px 10px 2px;
	color: #fff;
	background: #000;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
	opacity: .5;
}

#also_news:hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	opacity: .8
}

#carousel {
	position: relative;
	width: 586px;
	height: 391px;
	overflow: hidden;
	z-index: 1;
}

@media (max-width:1016px) {
	#carousel {
		width: 680px
	}
}

#carousel #also_news_1 {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 15px;
	font-size: 1.5rem
}

#carousel #also_news_2 {
	position: absolute;
	bottom: 5px;
	left: 285px;
	font-size: 15px;
	font-size: 1.5rem
}

#carousel b {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -159px -707px;
	overflow: hidden
}

#carousel h1 {
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 100%;
	color: #414743;
	font-size: 30px;
	font-size: 3rem;
	line-height: 50px;
	font-weight: bold;
	display: block;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:767px) {
	#carousel h1 {
		left: 0;
		padding: 5px 10px;
		font-size: 1.6rem;
		line-height: 1.4;
		text-align: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		white-space: normal;
		color: #fff;
		background-color: rgba( 0, 0, 0, 0.70);
	}
}

#carousel img {
	width: auto;
	max-width: 100%
}

#carousel.theme_2 #also_news {
	top: 199px
}

#carousel.theme_2 h1 {
	bottom: 25px
}

#album_index.focus_area #carousel h1 {
	font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 3.6rem;
	line-height: 70px;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	padding: 0 70px 0 10px;
}

@media (max-width:1016px) {
	#album_index.focus_area #carousel h1 {
		width: 100%;
		font-size: 30px;
		font-size: 3rem;
		line-height: 50px;
		padding: 0 60px 0 10px
	}
}

@media (max-width:767px) {
	#album_index.focus_area #carousel h1 {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
		padding: 0 50px 0 10px;
		text-align: left;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: keep-all
	}
}

.focus_area #focus_arrow_prev, .focus_area #focus_arrow_next {
	position: absolute;
	display: block;
	top: 250px;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	z-index: 1;
}

@media (max-width:1216px) {
	.focus_area #focus_arrow_prev, .focus_area #focus_arrow_next {
		top: 200px
	}
}

@media (max-width:1016px) {
	.focus_area #focus_arrow_prev, .focus_area #focus_arrow_next {
		top: 130px
	}
}

@media (max-width:767px) {
	.focus_area #focus_arrow_prev, .focus_area #focus_arrow_next {
		display: none
	}
}

.focus_area #focus_arrow_prev b, .focus_area #focus_arrow_next b {
	position: absolute;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-image: url("/img/arrow.png");
	background-repeat: no-repeat;
}

.focus_area #focus_arrow_prev {
	left: 10px;
}

.focus_area #focus_arrow_next {
	right: 10px;
}

.focus_area #focus_arrow_next b {
	background-position: -60px 0;
}

.focus_area #focus_arrow_prev:hover {
	left: 8px;
}

.focus_area #focus_arrow_next:hover {
	right: 8px;
}

#focus_tabs {
	border-top: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:1016px) {
	#focus_tabs {
		width: 680px
	}
}

@media (max-width:1016px) {
	#focus_tabs {
		background: #f5f5f5
	}
}

#focus_tabs a {
	display: block;
	float: left;
	width: 20%;
	height: 46px;
	color: #00ada9;
	text-align: center;
	background: url("//oops.udn.com/img/sprite.png") no-repeat right -1000px;
	line-height: 47px;
}

#focus_tabs a:hover, #focus_tabs a.on {
	color: #fff;
	background-color: #6fb1f0
}

#fs {
	position: absolute;
	top: 274px;
	left: 389px;
	cursor: pointer;
}

@media (max-width:1016px) {
	#fs {
		eft: 479px
	}
}

#pager {
	text-align: center;
	clear: both;
}

#pager a {
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
}

#pager a:hover, #pager a.selected {
	background-position: -54px -2106px
}

#social {
	position: absolute;
	top: 254px;
	left: 428px;
	width: 110px;
}

@media (max-width:1016px) {
	#social {
		left: 523px
	}
}

#social a {
	float: left;
	margin: 0 12px 0 0
}

#pager a span {
	margin: 16px 0 0;
	background: #ccc;
	display: inline-block;
	width: 8px;
	height: 8px;
	position: relative;
	text-indent: -9999px;
	border-radius: 8px;
}

#pager a.selected span {
	background: #ff6444;
}

#udntv {
	position: relative;
	display: block;
	width: 586px;
	height: 313px;
	background: #000;
}

@media (max-width:1016px) {
	#udntv {
		width: 680px
	}
}

#udntv #channel {
	position: absolute;
	top: 43px;
	left: 428px;
}

@media (max-width:1016px) {
	#udntv #channel {
		left: 523px
	}
}

#udntv #channel a {
	display: block;
	width: 106px;
	height: 29px;
	margin: 0 0 1px;
	padding: 2px;
	color: #fff;
	text-decoration: none;
	background: #333;
	line-height: 31px;
	overflow: hidden;
}

#udntv #channel a b {
	position: relative;
	display: block;
	float: left;
	top: 0;
	left: 0;
	width: 29px;
	height: 29px;
	margin: 0 10px 0 0;
	color: #ccc;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	background: #1a1a1a;
	line-height: 29px;
	overflow: hidden
}

#udntv #channel a:hover {
	color: #414743;
	background: #ccc;
}

#udntv #channel a:hover b {
	color: #fff
}

#udntv_ad {
	position: absolute;
	display: block;
	top: 210px;
	left: 132px;
	width: 361px;
	height: 70px;
	z-index: 9999
}

#udntv_logo {
	position: absolute;
	top: 7px;
	left: 429px;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	text-decoration: none;
}

@media (max-width:1016px) {
	#udntv_logo {
		top: 3px;
		left: 44px
	}
}

#udntv_time {
	display: none;
}

@media (max-width:1016px) {
	#udntv_time {
		position: absolute;
		display: block;
		top: 34px;
		left: 30px;
		padding: 0 0 0 15px;
		color: #ccc;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.5
	}
}

@media (max-width:1016px) {
	#udntv_time span {
		display: block;
		padding: 5px 0;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: 400
	}
}

#vwindow {
	position: absolute;
	top: 20px;
	left: 51px;
}

@media (max-width:1016px) {
	#vwindow {
		left: 141px
	}
}

.focus {
	position: absolute;
	top: 0;
	left: 0;
	width: 586px;
	height: 360px;
	background: #f5f5f5;
}

@media (max-width:1016px) {
	.focus {
		width: 680px;
		padding: 0 35px;
		background: none
	}

	.focus iframe {
		width: 680px
	}
}

.focus_area {
	position: relative;
	width: 873px;
	height: 582px;
	margin: 0 auto 60px;
}

@media (max-width:1216px) {
	.focus_area {
		width: 673px;
		height: 449px
	}
}

@media (max-width:1016px) {
	.focus_area {
		width: 750px;
		height: 500px
	}
}

@media (max-width:767px) {
	.focus_area {
		width: auto;
		height: auto;
		margin: 22px auto 0
	}
}

.focus_area #carousel {
	width: auto;
	text-align: center;
}

@media (max-width:767px) {
	.focus_area #carousel {
		height: auto;
		overflow: auto
	}
}

.focus_area #carousel a {
	position: relative;
	display: block;
	float: left;
	width: 873px;
	height: 582px;
	overflow: hidden;
}

@media (max-width:1216px) {
	.focus_area #carousel a {
		width: 673px;
		height: 449px
	}
}

@media (max-width:1016px) {
	.focus_area #carousel a {
		width: 750px;
		height: 500px
	}
}

@media (max-width:767px) {
	.focus_area #carousel a {
		width: auto;
		height: auto;
		float: none;
		margin: 0 10px 30px
	}
}

#album_index.focus_area {
	width: auto;
	height: auto;
	margin: 0;
}

@media (max-width:767px) {
	#album_index.focus_area {
		margin: 0 10px
	}
}

#album_index.focus_area #carousel {
	text-align: left;
	height: auto;
}

#album_index.focus_area #carousel dt {
	position: relative
}

#album_index.focus_area #carousel a {
	float: none;
	width: auto;
	height: auto;
	margin: 0 0 20px;
}

#album_index.focus_area #carousel a.share {
	position: absolute;
	right: 10px;
	bottom: -10px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -100px -2650px;
}

@media (max-width:1016px) {
	#album_index.focus_area #carousel a.share {
		bottom: -20px
	}
}

@media (max-width:767px) {
	#album_index.focus_area #carousel a.share {
		width: 30px;
		height: 30px;
		background-position: 6px -457px
	}
}

.focus_area.focus {
	width: 873px;
	height: auto;
	margin: 32px
}

a#udntvadv_open {
	position: absolute;
	display: block;
	top: 258px;
	left: 300px;
	width: 26px;
	height: 13px;
	text-indent: -9999px;
	background: url("//oops.udn.com/img/open_01.gif") no-repeat;
	z-index: 999;
}

a#udntvadv_open:hover {
	background: url("//oops.udn.com/img/open_02.gif") no-repeat
}

#carousel.theme_3 h1, #carousel.theme_4 h1 {
	line-height: 1.2;
}

#carousel.theme_3 h1:hover, #carousel.theme_4 h1:hover {
	bottom: auto;
	text-decoration: underline
}

#carousel.theme_3 dl, #carousel.theme_4 dl {
	position: absolute
}

#carousel.theme_3 a:hover, #carousel.theme_4 a:hover {
	bottom: auto;
	text-decoration: underline
}

#carousel.theme_4 {
	background: #000;
}

#carousel.theme_4 dl {
	padding: 0 40px
}

#carousel.theme_4 dt {
	padding: 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5
}

.color_1, a.color_1, .color_1 a {
	color: #ee5103 !important
}

.color_2, a.color_2, .color_2 a {
	color: #00ada9 !important
}

.color_3, a.color_3, .color_3 a {
	color: #000 !important
}

.color_4, a.color_4, .color_4 a {
	color: #fff !important
}

.color_5, a.color_5, .color_5 a {
	color: #e00 !important
}

.color_6, a.color_6, .color_6 a {
	color: #fc0 !important
}

.color_7, a.color_7, .color_7 a {
	color: #888 !important
}

.color_8, a.color_8, .color_8 a {
	color: #a63 !important
}

#album_body>a, #video_body a {
	font-weight: 700
}

#album_body dt a, #Market dt a {
	display: block;
	padding: 0 0 5px
}

#bd_body {
	padding: 28px 0 32px 32px;
	overflow: hidden;
}

@media (max-width:1216px) {
	#bd_body {
		padding: 28px 0 32px 24px
	}
}

@media (max-width:1016px) {
	#bd_body {
		padding: 28px 0 32px 34px
	}
}

#bd_body dt a {
	display: block;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
}

@media (max-width:1216px) {
	#bd_body dt a {
		margin: 0 19px 0 0
	}
}

@media (max-width:1016px) {
	#bd_body dt a {
		margin: 0 38px 0 0
	}
}

#bd_body dt b {
	display: block;
	color: #666;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5;
	text-justify: distribute
}

#bd_body dt h4 {
	padding: 6px 0 5px
}

#date_calendar {
	position: relative;
	color: #606060;
	border-bottom: 1px solid #d7d7d7;
	font-size: 12px;
	font-size: 1.2rem;
}

#date_calendar img {
	vertical-align: middle
}

#date_calendar a, #vote_body span {
	position: absolute;
	top: 0;
	right: 0
}

#history_body {
	padding: 20px 0 32px 32px;
	line-height: 1.9;
	overflow: hidden;
}

@media (max-width:1216px) {
	#history_body {
		padding: 28px 0 32px 24px
	}
}

@media (max-width:1016px) {
	#history_body {
		padding: 28px 0 32px 34px
	}
}

#history_body dt a {
	position: relative;
	width: 200px;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

#history_body dt b {
	display: block;
	color: #444;
	font-weight: 400
}

#history_body dt img {
	padding: 2px 0 7px
}

#history_body dt:first-child a {
	max-height: 132px;
	overflow: hidden
}

#history_body>dt {
	float: left;
	margin: 0 8px 0 0;
}

@media (max-width:1216px) {
	#history_body>dt {
		margin: 0 19px 0 0
	}
}

@media (max-width:1016px) {
	#history_body>dt {
		margin: 0 38px 0 0
	}
}

#lotto_body a {
	display: block;
	float: left;
	width: 50%;
	letter-spacing: 1px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.1;
	font-weight: bold;
}

#lotto_body a b {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 6px 0 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -4px -804px
}

#mag_body {
	line-height: 1.9;
}

#mag_body .line {
	margin: 15px 0;
	border-bottom: 1px solid #e5e5e5
}

#mag_body a:hover b {
	color: #00ada9
}

#mag_body b {
	padding: 0 5px 0 0;
	color: #444;
	text-align: center
}

#mag_body dt {
	overflow: hidden;
}

#mag_body dt a img {
	float: left
}

#mag_body dt dt a {
	display: block;
	padding: 0 0 10px 10px;
	line-height: 1.5
}

#meteorological {
	color: #606060;
	line-height: 1.2;
}

#meteorological dl {
	float: none;
	clear: both;
	overflow: hidden
}

#meteorological dt {
	float: left;
	width: 33.3%;
	text-align: center;
	line-height: 1.2;
}

#meteorological dt img {
	display: block;
	float: none;
	margin: auto;
	clear: both
}

#meteorological img {
	float: left;
	height: 40px;
	margin: 0 10px 0 0
}

#meteorological_body>img {
	height: 70px
}

#meteorological_body a {
	text-decoration: underline
}

#meteorological_body b {
	padding: 5px 0 0;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400
}

#meteorological_body>b {
	display: inline-block;
	padding: 5px 0
}

#meteorological_body dl {
	border-top: solid 1px #f2f2f2;
	margin: 15px 0 0;
	padding: 10px 0 0
}

#meteorological_body dt.weather_icon b {
	clear: both;
	display: block;
	float: none;
	margin: auto
}

#photo_body {
	position: relative;
	overflow: hidden;
}

#photo_body a {
	position: relative;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
	padding: 0 0 30px;
	overflow: hidden;
}

#photo_body a h4 {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

#tabs {
	position: absolute;
	top: 0;
	left: 586px;
	width: 278px;
	height: 352px;
	padding: 8px 13px 0;
	background: #f5f5f5;
}

@media (max-width:1216px) {
	#tabs {
		top: 0;
		left: -1291px;
		padding: 8px 107px 0 13px;
		z-index: 2
	}
}

@media (max-width:1016px) {
	#tabs {
		display: block;
		top: 370px;
		left: 35px;
		width: 344px;
		padding: 8px 13px 0
	}
}

#tabs_box {
	width: 278px;
	clear: left;
}

@media (max-width:1216px) {
	#tabs_box {
		padding: 15px 0 0
	}
}

@media (max-width:1016px) {
	#tabs_box {
		width: 343px;
		padding: 0
	}
}

#tabs_box ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	overflow: hidden;
}

@media (max-width:1216px) {
	#tabs_box ul {
		position: absolute;
		top: 0;
		left: 1887px;
		padding: 0
	}
}

@media (max-width:1016px) {
	#tabs_box ul {
		position: relative;
		top: auto;
		left: auto;
		padding: 10px 0
	}
}

#tabs_box ul li {
	position: relative;
	float: left;
}

@media (max-width:1216px) {
	#tabs_box ul li {
		float: none
	}
}

@media (max-width:1016px) {
	#tabs_box ul li {
		float: left
	}
}

#tabs_box ul li a {
	display: block;
	height: 31px;
	padding: 0 0 0 27px;
	color: #b0b0b0;
	letter-spacing: 1px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -179px -622px;
	font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 34px;
	font-weight: bold;
}

#tabs_box ul li a#tab1_btn {
	width: 47px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab1_btn {
		background-position: 14px -1406px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab1_btn {
		width: 65px;
		background-position: -179px -622px
	}
}

#tabs_box ul li a#tab2_btn {
	width: 40px;
	background-position: -177px -433px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab2_btn {
		background-position: -164px -1556px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab2_btn {
		width: 58px;
		background-position: -177px -433px
	}
}

#tabs_box ul li a#tab3_btn {
	width: 43px;
	letter-spacing: 0;
	background-position: -162px -1261px;
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab3_btn {
		width: 60px;
		letter-spacing: 0;
		background-position: -162px -1261px
	}
}

#tabs_box ul li a#tab4_btn {
	width: 40px;
	letter-spacing: 0;
	background-position: -177px -530px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab4_btn {
		background-position: -164px -1735px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab4_btn {
		width: 50px;
		letter-spacing: 0;
		background-position: -177px -530px
	}
}

#tabs_box ul li a:hover, #tabs_box ul li.active a {
	color: #000
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab1_btn, #tabs_box ul li a#tab2_btn, #tabs_box ul li a#tab3_btn, #tabs_box ul li a#tab4_btn {
		width: 55px;
		height: 90px;
		padding: 0 0 0 39px;
		line-height: 84px;
		color: #55544f;
		background-color: #f5f5f5
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab1_btn, #tabs_box ul li a#tab2_btn, #tabs_box ul li a#tab3_btn, #tabs_box ul li a#tab4_btn {
		height: auto;
		padding: 0 0 0 27px;
		line-height: 31px;
		color: #b0b0b0;
		background-color: #f5f5f5
	}
}

#tabs_box ul li a#tab1_btn:hover, #tabs_box ul li.active a#tab1_btn {
	background-position: -179px -1335px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab1_btn:hover, #tabs_box ul li.active a#tab1_btn {
		color: #fff;
		background-color: #1e5faf;
		background-position: -166px -1479px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab1_btn:hover, #tabs_box ul li.active a#tab1_btn {
		color: #414743;
		background-color: #f5f5f5;
		background-position: -179px -1335px
	}
}

#tabs_box ul li a#tab2_btn:hover, #tabs_box ul li.active a#tab2_btn {
	background-position: -177px -1431px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab2_btn:hover, #tabs_box ul li.active a#tab2_btn {
		color: #fff;
		background-color: #1e5faf;
		background-position: 11px -1556px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab2_btn:hover, #tabs_box ul li.active a#tab2_btn {
		color: #414743;
		background-color: #f5f5f5;
		background-position: -177px -1431px
	}
}

#tabs_box ul li a#tab3_btn:hover, #tabs_box ul li.active a#tab3_btn {
	background-position: -162px -1161px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab3_btn:hover, #tabs_box ul li.active a#tab3_btn {
		color: #fff;
		background-color: #1e5faf;
		background-position: 12px -1651px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab3_btn:hover, #tabs_box ul li.active a#tab3_btn {
		color: #414743;
		background-color: #f5f5f5;
		background-position: -162px -1161px
	}
}

#tabs_box ul li a#tab4_btn:hover, #tabs_box ul li.active a#tab4_btn {
	background-position: 3px -1332px;
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab4_btn:hover, #tabs_box ul li.active a#tab4_btn {
		color: #fff;
		background-color: #1e5faf;
		background-position: 13px -1745px
	}
}

@media (max-width:1016px) {
	#tabs_box ul li a#tab4_btn:hover, #tabs_box ul li.active a#tab4_btn {
		color: #414743;
		background-color: #f5f5f5;
		background-position: 3px -1332px
	}
}

@media (max-width:1216px) {
	#tabs_box ul li a#tab3_btn {
		background-position: -165px -1651px
	}
}

#video_body a:hover, #lotto_body a:hover, #photo_body a:hover h4 {
	color: #00ada9
}

#vote_body {
	line-height: 1;
}

#vote_body .send {
	display: block;
	margin: 6px 0;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	background: #6fb1f0;
}

#vote_body .send:hover {
	background: #ef6a25
}

#vote_body b {
	display: block;
	margin: 5px 0 15px;
}

#vote_body b.color_1 {
	background: #ffbc86
}

#vote_body b.color_2 {
	background: #dfdfdf
}

#vote_body dt {
	position: relative;
	overflow: hidden;
}

#vote_body dt b {
	display: block;
	float: left;
	height: 10px;
	margin: 3px 0 15px
}

.tabs_box_wrapper a {
	display: block;
	height: 28px;
	margin: 0 0 2px;
	padding: 0 0 0 6px;
	border-left: 4px solid #ccc;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 28px;
	color: #222;
}

@media (max-width:1216px) {
	.tabs_box_wrapper a.only_1024 {
		display: block;
		width: 940px
	}
}

@media (max-width:1016px) {
	.tabs_box_wrapper a.only_1024 {
		display: none
	}
}

.tabs_box_wrapper a b {
	display: inline-block;
	width: 46px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.tabs_box_wrapper a span {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin: 0 0 0 6px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -220px;
	overflow: hidden
}

.tabs_box_wrapper a.only_1024 {
	display: none
}

.tabs_box_wrapper a:hover {
	color: #00ada9;
	border-left: 4px solid #00ada9;
	background: #e5e5e5
}

.tabs_box_wrapper a.sp {
	color: #ee5103
}

a#invoice_btn b {
	background-position: -6px -854px
}

#author_article_list_filte {
	padding: 20px 0 0;
	overflow: hidden;
}

@media (max-width:767px) {
	#author_article_list_filte {
		padding: 20px 0 0;
	}
}

#author_article_list_filte a {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
	padding: 3px 15px 2px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

@media (max-width:767px) {
	#author_article_list_filte a {
		margin: 0 3px 10px 0;
		padding: 3px 6px 2px
	}
}

#author_article_list_filter {
	margin: 0 0 10px;
	padding: 40px 0 20px;
	border-bottom: 3px solid #d7d7d7;
	overflow: hidden;
}

#author_article_list_filter .total {
	float: right;
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 29px;
}

@media (max-width:767px) {
	#author_article_list_filter .total {
		display: block;
		padding: 0
	}
}

#author_article_list_filter a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px 15px 2px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

@media (max-width:767px) {
	#author_article_list_filter a {
		margin: 0 3px 10px 0;
		padding: 3px 6px 2px
	}
}

#author_article_list_filte a.active, #author_article_list_filter a.active, #author_article_list_filte a:hover, #author_article_list_filter a:hover {
	color: #fff;
	background: #ff6444
}

#author_article_list_head {
	position: relative;
	margin: 0;
	overflow: hidden;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.82;
}

@media (max-width:767px) {
	#author_article_list_head {
		line-height: 1.6
	}
}

#author_article_list_head dt {
	position: relative
}

@media (max-width:767px) {
	.article_list #author_article_list_head>dl>dt p {
		padding: 0 0 0 130px
	}
}

#author_article_list_head>dl>dt b {
	font-weight: 400
}

#author_article_list_head>dl>dt>a b {
	position: relative;
	display: block;
	font-weight: 400;
	overflow: hidden
}

#author_article_list_head>dl>dt {
	position: relative;
	padding: 20px 0;
	display: table;
	width: 100%;
	color: #414743;
}

@media (max-width:766px) {
	#author_article_list_head>dl>dt {
		padding: 15px 0;
	}
}

.author_article_list #author_article_list_head>dl>dt {
	border-top: none;
}

@media (max-width:767px) {
	.author_article_list #author_article_list_head>dl>dt {
		width: auto;
		margin: 0;
		padding: 10px 10px 35px
	}

	.author_article_list #author_article_list_head>dl>dt p {
		padding: 0 0 0 130px
	}
}

#author_article_list_head img {
	float: left;
	margin: 0 20px 0 0;
	max-width: 130px !important;
}

@media (max-width:767px) {
	.author_article_list #author_article_list_head img {
		display: block;
		float: none;
		margin: 0 0 10px
	}
}

#author_article_list_head>img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.article_list #author_article_list_head .count {
	bottom: auto;
	left: auto;
	overflow: hidden;
	padding: 20px 0 0;
	position: relative
}

@media (max-width:767px) {
	.author_list #author_article_list_head {
		padding: 0 0 20px;
	}
}

.author_list #author_article_list_head h2 {
	padding: 0 0 6px;
	margin: -6px 0 0;
}

@media (max-width:767px) {
	.author_list #author_article_list_head h2 {
		padding: 15px 0 2px
	}
}

.author_list #author_article_list_head .category {
	left: 141px
}

.author_list #author_article_list_head img {
	margin: 0 10px 10px 0;
}

.author_list #author_article_list_head .author_content {
	margin-left: 140px;
	line-height: 1.6;
	color: #414743;
}

#author_article_list_head .share dt {
	position: relative;
	padding: 0 10px 0 0;
	display: inline-block;
}

#author_article_list_head .share dt:last-child {
	padding: 0;
}

body.author_list #author_article_list_head>dl>dt {
	border-bottom: 1px solid #e5e5e5;
}

@media (max-width:766px) {
	.article_list #author_article_list_head>dl>dt {
		width: auto;
	}

	.article_list #author_article_list_head>dl>dt p {
		padding: 0 0 0 130px
	}
}

.story #author_article_list_head {
	margin: 40px 0 10px;
	padding: 20px 0 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: none
}

.mag_story #author_article_list_head {
	border-top: 1px solid #e5e5e5;
	padding: 20px 0 40px 140px;
	font-family: Helvetica, "Heiti TC", "Segoe UI", "微軟正黑體";
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.82;
	margin: 40px 0 0;
	overflow: hidden;
	position: relative;
	min-height: 120px;
}

.mag_story #author_article_list_head img {
	position: absolute;
	left: 0;
	top: 20px
}

.mag_story #author_article_list_head iframe {
	position: relative;
	left: -9px;
	top: 5px
}

.mag_story #author_article_list_head h2 {
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: 400
}

.id_7225 #author_article_list_head>img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	max-width: 120px !important
}

.author_article_list #author_article_list_head {
	margin: 0;
	padding: 0
}

.story_body #author_article_list_head a:hover h2 {
	color: #00ada9
}

.story_body #author_article_list_head h2 {
	font-size: 23px;
	font-size: 2.3rem
}

#author_article_list_list dt {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	margin: 10px 0;
	padding: 10px 0;
}

#author_article_list_list dt>a h2 {
	padding: 24px 0 0;
	color: #414743;
	font-size: 2rem;
	line-height: 1.4;
	overflow: hidden;
}

@media (max-width:767px) {
	#author_article_list_list dt>a h2 {
		font-size: 1.6rem;
	}
}

#author_article_list_list dt>a:hover h2 {
	color: #00ada9
}

#author_article_list_list>dt>a {
	color: #666;
}

@media (max-width:767px) {
	#author_article_list_list>dt>a {
		padding: 20px 0 10px;
		border-bottom: none
	}
}

#author_article_list_list a b {
	width: auto;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:767px) {
	#author_article_list_list a b {
		display: none
	}
}

#author_article_list_list b {
	position: relative;
	display: block;
	font-weight: normal
}

#author_article_list_list .dt {
	position: absolute;
	left: 200px;
	font-size: 1.2rem
}

#author_article_list_list img {
	float: left;
	margin: 0 20px 0 0;
	max-width: 180px;
	max-height: 120px
}

@media (max-width:767px) {
	#author_article_list_list img {
		margin: 0 10px 0 0;
		max-width: 120px;
		max-height: 80px
	}

	#author_article_list_list .dt {
		left: 130px;
		overflow: hidden;
	}
}

@media (max-width:767px) {
	#author_article_list_list .count .dt, #author_article_list_list .count .tag {
		float: none
	}
}

#author_article_list_head .count {
	position: relative;
	bottom: auto;
	left: auto;
	padding: 10px 0 0 150px;
}

@media (max-width:767px) {
	.author_article_list #author_article_list_head .count {
		position: relative;
		bottom: auto;
		left: auto;
		padding: 10px 0 0;
	}

	.author_article_list #author_article_list_head .count img {
		float: left;
		margin: 0 20px 0 0
	}
}

#author_article_list_head .count .share:hover dl {
	display: block
}

@media (max-width:767px) {
	.mag_story #author_article_list_head .count {
		position: relative;
		display: block;
		bottom: auto;
		left: auto;
		padding: 10px 0 0;
		clear: both
	}
}

.author_list #author_article_list_head .count {
	padding: 10px 0 0 140px
}

@media (max-width:375px) {
	.author_list #author_article_list_head .count {
		display: none
	}
}

.article_list #author_article_list_head .count {
	bottom: auto;
	left: auto;
	overflow: hidden;
	position: relative;
	padding: 20px 0 0
}

#author_article_list_head .count .facebook {
	margin: 0
}

@media (max-width:767px) {
	.author_list .count {
		left: 10px
	}
}

@media (max-width:767px) {
	.article_list .count {
		display: none
	}
}

.count .explanation {
	display: inline-block;
	float: left;
	width: 28px;
	height: 28px;
	padding: 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -179px -959px
}

.count .fb b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -411px
}

.count .on, .count .facebook:hover {
	background: #eee
}

.count .pv b {
	display: inline-block;
	float: left;
	width: 26px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -365px
}

.count .pv, .count .fb, .count .share, .count>.facebook {
	position: relative;
	float: left;
	height: 26px;
	margin: 0 12px 0 0;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	background: #fff;
	line-height: 28px;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
}

@media (max-width:767px) {
	.count .pv, .count .fb, .count>.facebook {
		margin: 5px 12px 20px 0
	}
}

.count iframe {
	float: left;
}

@media (max-width:767px) {
	.author_article_list .count iframe {
		padding-top: 9px !important;
		width: 100px !important
	}
}

.count .share {
	position: relative;
}

.count .share .facebook {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -60px -1109px;
}

.count .share .facebook:hover {
	background-position: -60px -1111px
}

.count .share .plurk {
	margin-right: 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -10px -709px;
}

.count .share .plurk:hover {
	background-position: -10px -711px
}

.count .share .twitter {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -10px -759px;
}

.count .share .twitter:hover {
	background-position: -10px -761px
}

.count .share b {
	display: inline-block;
	float: left;
	width: 24px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -459px
}

.count .share dl {
	position: absolute;
	display: none;
	top: 27px;
	left: -1px;
	min-width: 130px;
	padding: 5px 20px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	z-index: 2;
}

.count .share dl a {
	display: block;
	float: left;
	width: 30px;
	height: 31px;
	margin-right: 20px;
	text-indent: -9999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -176px -742px;
	overflow: hidden;
}

.count .share dl a:hover {
	background-position: -176px -743px
}

.count .share:hover dl {
	display: block
}

.count .tag {
	float: left;
	margin: 0 0 0 24px;
	line-height: 28px;
}

.count .tag a {
	color: #666;
	text-decoration: underline
}

.count .tag b {
	display: inline-block;
	float: left;
	width: 22px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -116px -1664px
}

#author_article_list_head .count .tag {
	margin: 0 12px 0 0
}

.count .tag b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -168px -2462px
}

@media (max-width:767px) {
	.author_article_list .count>img {
		float: left !important;
		margin-right: 10px !important
	}
}

@media (max-width:767px) {
	.author_article_list .count {
		position: relative;
		bottom: auto;
		left: 10px;
		overflow: hidden
	}
}

.count, #content_body>dt.ad>a span {
	padding: 10px 0 0;
}

#category_body {
	padding: 28px 0 32px 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#category_body {
		padding: 15px 0
	}
}

#category_body dl {
	float: left;
	margin: -20px 0 0;
	width: 328px;
}

@media (max-width:1216px) {
	#category_body dl {
		width: 298px
	}
}

@media (max-width:767px) {
	#category_body dl {
		width: auto;
		margin: 20px auto 0;
		float: none
	}
}

#category_body dl a {
	width: 100%;
	width: 100% \7;
	display: block;
	padding: 0 0 0 12px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.3;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1060px;
}

@media (max-width:1216px) {
	#category_body dl a {
		line-height: 2.2
	}
}

@media (max-width:767px) {
	#category_body dl a {
		width: auto;
		width: 100% \7;
		margin: 0 10px;
		padding: 0;
		text-indent: 12px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: keep-all
	}
}

#category_body dl a.sp {
	margin: 20px 0 0;
	color: #00ada9;
	font-weight: 700;
}

@media (max-width:767px) {
	#category_body dl a.sp {
		margin: 0 10px
	}
}

@media (max-width:767px) {
	.mag_category #category_body dl dt a {
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 2;
		font-weight: bold
	}
}

#category_mags_body {
	overflow: hidden;
	padding: 28px 32px;
}

#category_mags_body dl {
	margin: -5px 0 0;
	float: left;
	width: 509px;
}

@media (max-width:1216px) {
	#category_mags_body dl {
		width: 309px
	}
}

@media (max-width:1016px) {
	#category_mags_body dl {
		width: 369px
	}
}

@media (max-width:767px) {
	#category_mags_body dl {
		width: auto;
		margin: 20px 0 0;
		clear: both;
		float: none
	}
}

#category_mags_body dl a {
	width: auto !important;
	width: 100% \7;
	display: block;
	padding: 0 0 0 12px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.3;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1060px;
}

#category_mags_body dl a.sp {
	color: #00ada9;
	font-weight: 700
}

#category_mags_body dl a.outlink {
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	color: #999;
	background: none;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

@media (max-width:1216px) {
	#category_mags_body dl a.outlink {
		display: none
	}
}

@media (max-width:767px) {
	.mag_category #category_mags_body dl dt a {
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 2;
		font-weight: bold
	}
}

#category_mags_body dt {
	position: relative
}

#category_mags_body .outlink {
	width: auto
}

#category_mags_body .outlink:hover {
	text-decoration: underline
}

#category_sub {
	position: relative;
	margin: 0 0 0 -5px;
	padding: 0 0 10px;
	color: #999;
}

@media (max-width:767px) {
	#category_sub {
		margin: 30px 10px 10px;
		padding: 0
	}
}

#category_sub a {
	margin: 0 5px;
	color: #00ada9;
}

#category_sub a:hover {
	text-decoration: underline
}

#category_theme {
	position: relative;
	float: left;
	width: 480px;
	height: 304px;
	margin: 0 15px 0 0;
	overflow: hidden;
	z-index: 1;
}

@media (max-width:1216px) {
	#category_theme {
		width: 300px;
		height: 190px
	}
}

@media (max-width:1016px) {
	#category_theme {
		width: 330px;
		height: 193px
	}
}

@media (max-width:767px) {
	#category_theme {
		width: 100%;
		height: auto;
		float: none;
		margin: 0
	}
}

#category_theme h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 98%;
	font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 50px;
	color: #414743;
	display: block;
	overflow: hidden;
	margin: 0 1%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:1216px) {
	#category_theme h1 {
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 36px
	}
}

@media (max-width:767px) {
	#category_theme h1 {
		left: 0;
		width: 100%;
		font-size: 16px;
		font-size: 1.6rem;
		text-indent: 10px;
		line-height: 30px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: keep-all
	}
}

@media (max-width:767px) {
	#category_theme a {
		position: relative;
		display: block;
		margin: 0 10px;
		overflow: hidden
	}
}

#category_theme a b {
	position: absolute;
	bottom: 0;
	left: 10px;
	color: #414743;
	overflow: hidden;
	white-space: nowrap;
	font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 50px
}

#category_theme img {
	width: auto;
	max-width: 100%;
	height: auto
}

#category_mags_theme {
	position: relative;
	float: left;
	width: 300px;
	height: 400px;
	margin: 0 15px 0 0;
	overflow: hidden;
	z-index: 1;
}

@media (max-width:767px) {
	#category_mags_theme {
		margin: auto;
		width: auto;
		height: auto;
		float: none;
		display: inline
	}
}

#category_mags_theme h1 {
	position: absolute;
	bottom: 0;
	left: 10px;
	font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 50px;
	color: #414743;
	overflow: hidden;
	white-space: nowrap
}

#category_mags_theme a b {
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 280px !important;
	width: 100% \7;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 34px;
	color: #414743;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:767px) {
	#category_mags_theme a b {
		width: 100% !important;
		left: 0;
		text-indent: 10px
	}
}

#category_mags_theme a img {
	width: auto;
	max-width: 100%
}

#most {
	width: 898px;
	margin: 0 0 10px;
	line-height: 1.3;
	overflow: hidden;
}

@media (max-width:1216px) {
	#most {
		width: auto
	}
}

@media (max-width:767px) {
	#most {
		width: auto;
		font-size: 15px;
		font-size: 1.5rem;
		margin: 0 10px 10px !important
	}
}

#most .area {
	float: left;
	width: 289px;
	margin: 0 8px 0 0;
}

@media (max-width:1216px) {
	#most .area {
		width: 224px;
		height: 237px;
		margin: 0 6px 0 0
	}
}

@media (max-width:1016px) {
	#most .area {
		width: 244px;
		height: 237px;
		margin: 0 6px 0 0
	}
}

@media (max-width:767px) {
	#most .area {
		width: auto;
		float: none;
		margin: 0 10px 10px
	}
}

#most .area_body {
	padding: 15px 0 22px 32px;
	overflow: hidden;
}

@media (max-width:1216px) {
	#most .area_body {
		padding: 15px 15px 20px
	}

	#most .area_body img {
		width: auto;
		max-width: 100%
	}
}

@media (max-width:767px) {
	#most .area_body {
		padding: 15px 10px 20px;
		text-align: center
	}
}

#most a {
	display: block;
}

#most a img {
	padding: 0 0 6px
}

.afunc {
	position: absolute;
	right: 0;
}

@media (max-width:767px) {
	.mag_category .afunc {
		position: relative;
		right: auto;
		padding: 10px 0 30px;
		clear: both;
		overflow: hidden
	}
}

@media (max-width:767px) {
	.max .big .afunc {
		margin: 10px 10px 10px 0
	}
}

@media (max-width:767px) {
	.mag .afunc {
		position: relative;
		float: left;
		right: auto
	}
}

#mypage_author_hot .afunc, #mypage_disease_hot .afunc, #mypage_stars_hot .afunc {
	right: 0;
	top: 10px
}

area h3 a.rss {
	position: relative;
	display: inline-block;
	top: 7px;
	width: 28px;
	height: 28px;
	margin: 0 0 0 5px;
	background: url("/img/sprite.png") no-repeat 5px -1160px
}

.category_box .author dl {
	padding: 10px 0 0;
	overflow: hidden;
}

@media (max-width:767px) {
	.category_box .author dl {
		margin: auto;
		padding: 10px 0px 30px;
	}
}

.category_box .topic dl {
	float: left;
	padding: 28px 0 22px 32px;
}

@media (max-width:767px) {
	.category_box .topic dl {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0
	}
}

.category_box .topic dl.max {
	width: 100%;
	padding: 0;
}

@media (max-width:767px) {
	.category_box .topic dl.max {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0
	}
}

.category_box .topic hr {
	border-top: 1px solid #e5e5e5;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
}

.category_box .topic hr:last-of-type {
	display: none
}

.mag_story .category_box img {
	max-width: 100%;
	width: auto
}

.category_box_list {
	margin: 20px 0 0;
	padding: 10px 0 0;
	border-top: 1px dotted #ccc;
	overflow: hidden;
}

.category_box_list .big {
	position: relative;
	overflow: hidden;
}

.category_box_list .on, .category_box_list .track:hover {
	background: #eee
}

.category_box_list .on {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
	opacity: .4
}

.category_box_list .track {
	color: #4d4d4d;
	float: left;
	width: auto !important;
	height: 26px;
	padding: 0 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 28px;
	text-indent: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
}

.category_box_list .track b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -168px -2462px
}

.mag .category_box_list .big a.category_box_topic {
	float: left;
	width: 206px;
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
	background: none;
}

@media (max-width:1216px) {
	.mag .category_box_list .big a.category_box_topic {
		width: 434px
	}
}

@media (max-width:1016px) {
	.mag .category_box_list .big a.category_box_topic {
		width: 494px
	}
}

@media (max-width:767px) {
	.mag .category_box_list .big a.category_box_topic {
		width: 100%
	}
}

.mag .category_box_list .big dl a {
	text-indent: 12px;
}

@media (max-width:767px) {
	.mag .category_box_list .big dl a {
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 2;
		font-weight: bold
	}
}

.mag .category_box_list .big dt a {
	display: block;
	width: 100% \7;
	width: 100%;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:767px) {
	.mag .category_box_list .big dt a {
		width: 100%
	}
}

.mag .category_box_list .max .big {
	border: none;
	width: auto;
}

.mag .category_box_list .max .big dl dt {
	float: none
}

@media (max-width:767px) {
	.mag .category_box_list .max .big a.category_box_img, .mag .category_box_list .max .big a.category_box_topic {
		width: 100%;
		padding: 0
	}
}

.mag .category_box_list .max a.category_box_topic {
	width: 522px;
	padding: 0;
}

@media (max-width:1216px) {
	.mag .category_box_list .max a.category_box_topic {
		width: 312px
	}
}

@media (max-width:1016px) {
	.mag .category_box_list .max a.category_box_topic {
		width: 374px;
		font-size: 15px;
		font-size: 1.5rem
	}
}

.mag .category_box_list .max dl {
	width: 522px;
	margin: 0;
	padding: 16px 0 0;
}

@media (max-width:1216px) {
	.mag .category_box_list .max dl {
		width: 622px;
		padding: 10px 0 0
	}
}

@media (max-width:1016px) {
	.mag .category_box_list .max dl {
		width: 684px
	}
}

@media (max-width:767px) {
	.mag .category_box_list .max dl {
		width: 100%;
		padding: 20px 0 0;
		display: none
	}
}

@media (max-width:1216px) {
	.mag .category_box_list .max dl dt, .mag .category_box_list .max dl dt a {
		width: 291px
	}
}

@media (max-width:1016px) {
	.mag .category_box_list .max dl dt {
		width: 322px
	}
}

@media (max-width:767px) {
	.mag .category_box_list .max dl dt {
		width: 100%;
		margin: 0
	}
}

.category_box_list dt {
	margin: 0 0 10px;
	position: relative;
	overflow: hidden;
	background-color: #eee;
	border: 1px solid #eee;
}

.category_box_list dt:hover {
	background-color: #fff;
}

@media (max-width:1216px) {
	.mag .category_box_list dt.big {
		border-bottom: solid 1px #e3e7ea;
		margin: 0 32px 15px 0;
		padding: 0 0 15px
	}
}

@media (max-width:767px) {
	.mag .category_box_list dt.big {
		width: 100%;
		border-bottom: solid 1px #e3e7ea;
		margin: 0 0 15px;
		padding: 0 0 15px
	}
}

@media (max-width:767px) {
	.mag .category_box_list dt.big:last-child {
		border: none
	}
}

.mag .category_box_list a.explanation {
	display: inline-block;
	float: left;
	width: 28px;
	height: 28px;
	padding: 0;
	background: url("/img/sprite.png") no-repeat -179px -959px
}

.category_box .category_box_list.topic, .category_box .category_box_list.author {
	margin: 0;
	padding: 0;
	border-top: none
}

@media (max-width:767px) {
	.category_box .category_box_list.topic {
		padding: 10px 0px;
	}
}

.category .category_box_list a {
	display: block;
	width: 100% \7;
	width: 100%;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

.category_box_topic h3 {
	color: #414743;
	width: 100% \7;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: normal;
}

.category_box_list .big h3 {
	padding: 30px 0 10px;
	line-height: 1.2;
}

.category_box_list span {
	color: #666;
	line-height: 1.6;
	font-size: 1.4rem;
	position: absolute;
	bottom: 20px;
}

@media (max-width:767px) {
	.category_box_topic h3 {
		font-size: 1.8rem;
		padding: 10px 0;
	}
}

a.category_box_img {
	float: left;
	padding: 0 8px 0 0;
}

.category_box_topic img {
	float: left;
	margin: 0 20px 0 0;
	max-width: 240px;
}

a.category_box_ch {
	color: #ff6444;
	font-size: 1.4rem;
	padding: 30px 0 10px;
	display: block;
}

@media (max-width:1216px) {
	a.category_box_ch {
		padding: 20px 0 10px;
	}
}

#mypage_author_hot a.category_box_ch, #mypage_disease_hot a.category_box_ch {
	position: absolute;
	top: 15px;
	left: 100px
}

#mypage_stars_hot a.category_box_ch {
	position: absolute;
	top: 10px;
	left: 110px
}

@media (max-width:767px) {
	.big a.category_box_ch {
		margin: 3px 10px 0 0
	}
}

@media (max-width:767px) {
	.max a.category_box_ch {
		margin: 15px 10px 10px 0
	}
}

a.category_box_img {
	float: left;
	margin: 0 20px 0 0;
	width: 240px;
	min-height: 160px;
	background-color: #414743;
	padding: 0;
}

a.category_box_img img {
	max-width: 100%;
	width: auto;
}

@media (max-width:767px) {
	a.category_box_img, .category_box_topic img {
		margin: 0 10px 0 0;
		max-width: 120px;
		min-height: auto;
	}

	.mag .category_box_list a.category_box_img img {
		width: auto;
		max-width: 100%
	}

	a.category_box_ch, .category_box_list .big h3 {
		padding: 10px 0 0;
		margin: 0;
	}

	.max a.category_box_ch {
		padding: 0;
		height: auto;
		overflow: visible;
		/*margin: 3px 0 2px; */
		margin: 14px 0 2px;
		/* 首頁 */
		padding: 0;
	}

	.category_box_list span {
		display: none;
	}

	.category_box .author dl {
		padding: 0;
	}
}

#mypage_stars_hot a.category_box_img, #mypage_stars_list a.category_box_img {
	width: 90px;
	height: 90px;
	overflow: hidden;
	display: block;
	padding: 0 8px 0 0
}

#mypage_stars_hot a.category_box_img img {
	width: auto;
	max-width: 100%
}

#mypage_author_hot a.category_box_img, #mypage_disease_hot a.category_box_img {
	width: 90px;
	height: 90px;
	overflow: hidden;
	display: block;
	padding: 0;
}

#mypage_author_hot a.category_box_img img, #mypage_disease_hot a.category_box_img img {
	width: auto;
	max-width: 90%
}

#temporary_added {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
	opacity: .4
}

@media (max-width:1016px) {
	#mypage_author_hot>dl, #mypage_disease_hot>dl, #mypage_stars_hot>dl {
		overflow: hidden
	}
}

#mypage_stars_hot dl dl {
	padding: 30px 0 0
}

#faq_search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0 10px;
	overflow: hidden;
}

@media (max-width:767px) {
	#faq_search {
		position: relative;
		top: auto;
		right: auto;
		margin: 0 10px;
		padding: 10px 0;
		border: medium none
	}
}

.faq_body {
	padding: 28px 0 32px 32px;
}

@media (max-width:767px) {
	.faq_body {
		padding: 20px 0 30px 10px
	}
}

.faq_list a {
	display: block;
	padding: 0 0 0 12px;
	font-size: 15px;
	font-size: 1.5rem;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1060px;
	line-height: 2
}

.faq #faq_search #search_kw {
	float: left;
	width: 363px;
	height: 32px;
	border: solid 1px #cdcdcd
}

.faq h4 {
	padding: 10px 0;
	text-align: right;
}

@media (max-width:767px) {
	.faq h4 {
		text-align: center;
		padding: 10px
	}
}

.faq h4 a {
	color: #00ada9
}

#duijiang {
	margin: 10px 0 30px;
	padding: 20px 30px;
	background: #f5f5f5;
}

@media (max-width:767px) {
	#duijiang {
		display: none
	}
}

#duijiang form input.duijiang_a {
	display: block;
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 56px;
	font-size: 5.6rem;
	font-weight: bold
}

#duijiang form input.duijiang_b {
	width: 68%
}

#duijiang form input[type=text], #duijiang form textarea {
	width: 16%
}

#invoce_body {
	position: relative;
}

@media (max-width:767px) {
	#invoce_body {
		line-height: 1.3
	}
}

#invoce_body .invoce_6 {
	background: #f2f2f2
}

#invoce_body .invoce_info {
	color: #414743;
	font-size: 15px;
	font-size: 1.5rem;
}

@media (max-width:767px) {
	#invoce_body .invoce_info {
		padding: 25px 10px 5px
	}
}

#invoce_body .sp {
	color: #c00
}

#invoce_body a {
	display: block;
	padding: 20px 32px 0;
	text-align: right;
	text-decoration: underline;
}

@media (max-width:767px) {
	#invoce_body a {
		padding: 20px 10px 0;
		text-align: left
	}
}

#invoce_body b {
	display: block;
	color: #444;
	letter-spacing: 2px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
}

@media (max-width:767px) {
	#invoce_body b {
		margin: -5px 0 0;
		text-align: right;
		line-height: 1
	}
}

#invoce_body dl {
	padding: 20px 32px;
}

@media (max-width:767px) {
	#invoce_body dl {
		padding: 20px 10px
	}
}

#invoce_body dt {
	position: relative;
	padding: 10px 0;
	color: #666;
	border-bottom: dotted 1px #d7d7d7;
	text-align: center;
}

@media (max-width:767px) {
	#invoce_body dt {
		padding: 20px 10px 5px;
		color: #999
	}
}

#invoce_body dt.invoce_topic {
	margin: 0 0 10px;
	padding: 10px 0;
	color: #414743;
	border-bottom: solid 3px #d7d7d7;
	text-align: center;
	letter-spacing: 1px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
}

@media (max-width:767px) {
	#invoce_body dt.invoce_topic {
		text-align: left
	}
}

#invoce_body hr {
	margin: 80px 0 60px;
	border-color: #d7d7d7
}

#invoce_body label {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #444;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 4px;
}

@media (max-width:767px) {
	#invoce_body label {
		top: 5px
	}
}

#invoce_txt {
	display: block;
	text-align: right;
	padding: 0 32px 32px;
	text-decoration: none;
}

@media (max-width:767px) {
	#invoce_txt {
		padding: 20px 10px 0;
		text-align: left
	}
}

#invoce_foot {
	padding: 20px 32px;
}

@media (max-width:767px) {
	#invoce_foot {
		padding: 20px 10px
	}
}

#invoce_foot b {
	font-size: 15px;
	font-size: 1.5rem
}

@media (max-width:767px) {
	#invoce_foot ol {
		padding: 0 0 0 20px
	}
}

#lottos .area_body {
	position: relative;
	padding: 32px;
}

@media (max-width:767px) {
	#lottos .area_body {
		padding: 32px 10px
	}
}

#lottos .sp {
	margin: 0 0 0 40px;
	color: #fff;
	background-position: -100px -2003px;
}

@media (max-width:1216px) {
	#lottos .sp {
		background-position: -109px -2003px
	}
}

@media (max-width:1016px) {
	#lottos .sp {
		background-position: -104px -2003px
	}
}

@media (max-width:767px) {
	#lottos .sp {
		margin: 0 0 0 10px;
		background-position: -157px -2608px
	}
}

#lottos b {
	display: inline-block;
	width: 100px;
	height: 100px;
	color: #414743;
	font-size: 46px;
	font-size: 4.6rem;
	text-align: center;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -2003px;
	line-height: 100px;
}

@media (max-width:1216px) {
	#lottos b {
		width: 83px;
		background-position: -9px -2003px
	}
}

@media (max-width:1016px) {
	#lottos b {
		width: 92px;
		background-position: -4px -2003px
	}
}

@media (max-width:767px) {
	#lottos b {
		width: 38px;
		height: 38px;
		font-size: 23px;
		font-size: 2.3rem;
		line-height: 38px;
		background-position: -107px -2608px
	}
}

#lottos h4 {
	display: block;
	padding: 0 0 20px;
	color: #444;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
}

@media (max-width:767px) {
	#lottos h4 {
		padding: 0 0 60px
	}
}

#lottos h4 strong {
	color: #222;
	font-weight: 700
}

@media (max-width:767px) {
	#lottos .btn_1 {
		top: 70px;
		right: 95px
	}
}

@media (max-width:767px) {
	#lottos .btn_2 {
		top: 70px;
		right: 10px
	}
}

#lottos_txt {
	padding: 0 0 20px;
	color: #444;
	text-align: right
}

.btn {
	float: left;
	height: 26px;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	line-height: 28px;
}

.btn:hover {
	background: #eee
}

.btn_1 {
	position: absolute;
	top: 30px;
	right: 112px
}

.btn_2 {
	position: absolute;
	top: 30px;
	right: 32px
}

#mypage_author_list dl dl .ch {
	position: absolute;
	top: 0;
	right: 90px;
	color: #888;
}

@media (max-width:1216px) {
	#mypage_author_list dl dl .ch {
		display: none
	}
}

@media (max-width:767px) {
	#mypage_author_list dl dl .ch {
		display: none
	}
}

#mypage_author_list dl dl a.topic {
	width: 100% \7;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	padding: 0 80px 0 0
}

@media (max-width:767px) {
	#mypage_author_list dl dl a.topic {
		margin: 0;
		padding: 0
	}
}

#mypage_author_list dl dl a.topic b {
	position: relative;
	display: inline-block;
	top: 1px;
	left: 5px;
	width: 18px;
	height: 9px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -168px -2172px
}

#mypage_author_list dl dl dt {
	position: relative;
	padding: 0 160px 0 0;
	line-height: 1.8;
	overflow: hidden;
}

@media (max-width:1216px) {
	#mypage_author_list dl dl dt {
		padding: 0 70px 0 0
	}
}

@media (max-width:767px) {
	#mypage_author_list dl dl dt {
		padding: 0
	}
}

@media (max-width:767px) {
	#mypage_author_list dl dl b {
		display: none
	}
}

@media (max-width:767px) {
	#mypage_author_list .category_box_img {
		display: none
	}
}

#mypage_author_list dl, #mypage_disease_list dl {
	dt: a img;
	width: 115px
}

#mypage_author_list dl dl a, #mypage_disease_list dl dl a {
	display: block
}

#mypage_author_list dl dl b, #mypage_disease_list dl dl b {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 400;
	color: #888
}

@media (max-width:767px) {
	#mypage_author_list>dl, #mypage_disease_list>dl {
		padding: 0
	}
}

#mypage_disease_hot>dl>dt dt {
	width: 100% \7;
	font-size: 13px;
	font-size: 1.3rem;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

@media (max-width:767px) {
	#mypage_disease_list dl dl {
		display: none
	}
}

#mypage_disease_list dl dl a.topic {
	width: 100% \7;
	padding: 0 70px 0 0;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:767px) {
	#mypage_disease_list dl dl a.topic {
		margin: 0;
		padding: 0
	}
}

#mypage_disease_list dl dl dt {
	position: relative;
	line-height: 1.8;
	overflow: hidden
}

@media (max-width:767px) {
	#mypage_disease_list dl dl b {
		display: none
	}
}

#mypage_head {
	padding: 0 32px;
	margin: 0 0 20px;
	overflow: hidden;
}

@media (max-width:767px) {
	#mypage_head {
		position: relative;
		width: 100%;
		height: 42px;
		overflow: auto;
		clear: both;
		display: block
	}
}

#mypage_head ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#mypage_head ul li {
	position: relative;
	float: left;
}

@media (max-width:767px) {
	#mypage_head ul li b {
		display: none
	}
}

#mypage_head ul li a {
	display: block;
	padding: 5px 15px;
	color: #666;
	border-right: 1px solid #e5e5e5;
	font-size: 15px;
	font-size: 1.5rem
}

#mypage_head dl dt b, #mypage_stars_list form>dl>dt>b, #mypage_author_list form>dl>dt>b, #mypage_disease_list form>dl>dt>b {
	color: #fb4c2f;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

@media (max-width:767px) {
	#mypage_head dl {
		position: relative;
		width: 200%;
		overflow: auto;
		display: block;
		white-space: nowrap
	}

	#mypage_head dl>dt {
		display: inline;
		overflow: hidden;
		white-space: nowrap
	}
}

#mypage_head ul li.active a, #mypage_head a:hover {
	color: #00ada9;
	background-color: #fff
}

#mypage_head a {
	width: 160px;
}

@media (max-width:767px) {
	#mypage_head a {
		width: 139px;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		position: relative;
		white-space: nowrap
	}
}

#mypage_save_hot b {
	display: inline-block;
	width: 22px;
	height: 30px;
	margin: 0 10px 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: center;
	background: #f2f2f2;
	line-height: 30px
}

#mypage_save_hot dt {
	position: relative;
	padding: 0 30px 1px 0;
}

@media (max-width:1216px) {
	#mypage_save_hot dt {
		float: left;
		margin: 0 10px 0 0
	}
}

@media (max-width:1016px) {
	#mypage_save_hot dt {
		width: 301px
	}
}

#mypage_save_hot dt a {
	display: block;
	width: 100% \7;
	width: 288px;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

#mypage_save_hot dt iframe {
	position: absolute;
	right: 0;
	top: 0
}

#mypage_save_hot dt:hover b {
	color: #222;
	background: #e5e5e5
}

#mypage_save_list {
	float: left;
	width: 810px;
	margin: 0 0 30px;
}

@media (max-width:767px) {
	#mypage_save_list {
		width: auto;
		display: list-item
	}
}

#mypage_save_list dt {
	position: relative;
}

@media (max-width:767px) {
	#mypage_save_list dt {
		height: 156px;
		border-bottom: 1px solid #e5e5e5
	}
}

#mypage_save_list dt>a {
	position: relative;
	display: block;
	min-height: 96px;
	max-height: 96px;
	margin: 0 50px 0 32px;
	padding: 30px 30px 30px 0;
	color: #222;
	border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.5;
	overflow: hidden;
}

@media (max-width:1216px) {
	#mypage_save_list dt>a {
		min-height: 95px;
		max-height: 130px
	}
}

@media (max-width:767px) {
	#mypage_save_list dt>a {
		margin: 0 50px 0 10px;
		visibility: hidden
	}
}

#mypage_save_list dt>a>b {
	max-height: 114px;
	max-width: 180px;
	overflow: hidden;
	float: right
}

#mypage_save_list dt a h3 {
	margin: -2px 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

@media (max-width:767px) {
	#mypage_save_list dt a h3 {
		text-decoration: none;
		visibility: visible
	}
}

#mypage_save_list dt a u {
	display: block;
	margin: 10px 0 0;
	color: #888;
	text-decoration: none;
}

@media (max-width:767px) {
	#mypage_save_list dt a u {
		margin-top: -10px;
		display: block;
		visibility: visible
	}
}

@media (max-width:767px) {
	#mypage_save_list dt a p {
		height: 0;
		visibility: hidden
	}
}

#mypage_save_list dt a:hover h3 {
	color: #000
}

#mypage_save_list img {
	display: block;
	float: right;
	width: auto;
	max-width: 180px;
	margin: 0 0 0 10px;
}

@media (max-width:767px) {
	#mypage_save_list img {
		text-decoration: none;
		visibility: visible;
		display: none
	}
}

#mypage_save_search {
	position: absolute;
	left: 0;
	padding: 0 32px;
}

@media (max-width:767px) {
	#mypage_save_search {
		position: relative;
		padding: 0 0 10px 10px;
		overflow: hidden
	}
}

#mypage_stars, #mypage_author, #mypage_disease, #mypage_save {
	position: relative;
	overflow: hidden
}

#mypage_disease_hot>dl>dt>dl {
	overflow: hidden
}

#mypage_stars_hot .area_body, #mypage_author_hot .area_body, #mypage_disease_hot .area_body, #mypage_save_hot .area_body {
	overflow: hidden
}

#mypage_author_hot>dl>dt>dl, #mypage_disease_hot>dl>dt>dl {
	position: absolute;
	left: 100px;
	top: 45px;
	width: 210px
}

#mypage_stars_hot>dl>dt dt {
	width: 100% \7;
	font-size: 13px;
	font-size: 1.3rem;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:1016px) {
	#mypage_stars_hot>dl>dt dt {
		width: 183px
	}
}

#mypage_author_hot>dl>dt dt {
	width: 100% \7;
	font-size: 13px;
	font-size: 1.3rem;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

#mypage_stars_hot>dl>dt, #mypage_author_hot>dl>dt, #mypage_disease_hot>dl>dt {
	position: relative;
	width: 100% \7;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:1016px) {
	#mypage_stars_hot>dl>dt, #mypage_author_hot>dl>dt, #mypage_disease_hot>dl>dt {
		float: left;
		width: 313px
	}
}

#mypage_stars_hot>dl>dt:last-child, #mypage_author_hot>dl>dt:last-child, #mypage_disease_hot>dl>dt:last-child {
	border-bottom: none
}

#mypage_stars_hot, #mypage_author_hot, #mypage_disease_hot, #mypage_save_hot {
	float: right;
	width: 318px;
	margin: 0 32px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2
}

#mypage_stars_list, #mypage_author_list, #mypage_disease_list {
	float: left;
	width: 810px;
	margin: 0 0 30px;
}

#mypage_stars_list form>dl, #mypage_author_list form>dl, #mypage_disease_list form>dl {
	padding: 0 0 0 32px;
}

#mypage_stars_list form>dl>dt, #mypage_author_list form>dl>dt, #mypage_disease_list form>dl>dt {
	position: relative;
	min-height: 126px;
	padding: 15px 80px 10px 10px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:767px) {
	#mypage_stars_list form>dl>dt, #mypage_author_list form>dl>dt, #mypage_disease_list form>dl>dt {
		padding: 15px 60px 10px 10px
	}
}

@media (max-width:767px) {
	#mypage_stars_list>dl>dt, #mypage_author_list>dl>dt, #mypage_disease_list>dl>dt {
		padding: 15px 50px 10px 10px
	}
}

#mypage_stars_list form>dl>dt img {
	width: auto;
	max-width: 100%
}

#mypage_stars_list dl dl a {
	float: left;
	width: 162px;
	margin: 0 10px 0 0;
}

@media (max-width:1216px) {
	#mypage_stars_list dl dl a {
		width: 154px
	}
}

@media (max-width:1016px) {
	#mypage_stars_list dl dl a {
		width: 180px
	}
}

@media (max-width:767px) {
	#mypage_stars_list dl dl a {
		width: 50%;
		padding: 0 10px 0 0;
		margin: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

#mypage_stars_list dl dl a u {
	max-width: 162px;
	max-height: 103px;
	overflow: hidden;
	display: block
}

@media (max-width:767px) {
	#mypage_stars_list>dl {
		padding: 0
	}
}

#mypage_stars_list_bar, #mypage_author_list_bar, #mypage_disease_list_bar, #mypage_save_list_bar {
	margin: 0 0 0 32px;
	padding: 5px 0 10px;
	border-bottom: 1px solid #d7d7d7;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: right;
	overflow: hidden;
}

@media (max-width:767px) {
	#mypage_stars_list_bar, #mypage_author_list_bar, #mypage_disease_list_bar, #mypage_save_list_bar {
		margin: 0 0 0 10px
	}
}

#mypage_stars_list_bar b, #mypage_author_list_bar b, #mypage_disease_list_bar b, #mypage_save_list_bar b {
	margin: 0 10px;
	color: #d7d7d7
}

@media (max-width:1216px) {
	.mypage_list {
		width: 614px !important
	}
}

.del_btn {
	display: inline-block;
	width: 68px;
	margin: 0 0 0 10px;
	text-align: center;
	text-decoration: none;
	background: #f2f2f2;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.del_btn:hover {
	color: #fff;
	background: #888;
	border: 1px solid #666
}

.mypage_save_search_submit {
	display: block;
	float: left;
	width: 66px;
	height: 34px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -134px -2359px;
}

.mypage_save_search_submit:hover {
	background-position: -134px -2409px
}

.on {
	background: #eee
}

#mypage_save_hot dt a.temporary_add {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -178px -350px;
	border-radius: 2px;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	filter: alpha(opacity=70);
	opacity: .7
}

.temporary_add:hover, #mypage_save_hot dt a.temporary_add:hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1
}

#mypage_save_hot dt a.temporary_add.on, #mypage_save_hot dt a.temporary_add.on:hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	filter: alpha(opacity=30);
	opacity: .3
}

.temporary_add:hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1
}

.track {
	display: inline-block;
	height: 26px;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 28px;
	font-weight: 400;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
}

.track:hover {
	background: #eee
}

.afunc .track.on {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
	opacity: .4
}

.track b, #story_body .track {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -168px -2462px
}

#story_body .track {
	float: left;
	margin: 0 12px 0 0;
}

a.track {
	color: #4d4d4d;
}

a.track:hover {
	background: #eee
}

a.explanation {
	display: inline-block;
	float: left;
	width: 28px;
	height: 28px;
	padding: 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -179px -959px
}

div.del {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 125px;
	padding: 31px 0 0;
	color: #666;
	border-bottom: 1px solid #ddd;
	text-align: center;
	background: #f2f2f2;
}

@media (max-width:1216px) {
	div.del {
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 156px;
		padding: 31px 0 0;
		color: #666;
		border-bottom: 1px solid #ddd;
		text-align: center;
		background: none repeat scroll 0 0 #f2f2f2
	}
}

@media (max-width:767px) {
	div.del {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 125px;
		padding: 31px 0 0;
		color: #666;
		border-bottom: 1px solid #ddd;
		text-align: center;
		background: none repeat scroll 0 0 #f2f2f2
	}
}

div.del a {
	display: block;
	color: #666;
}

@media (max-width:767px) {
	div.del a {
		font-size: 11px;
		font-size: 1.1rem
	}
}

div.del a b, div.del b {
	display: block;
	width: 16px;
	height: 16px;
	margin: 10px auto 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -117px -2468px
}

#mypage_author_list div.del {
	height: 144px;
}

@media (max-width:767px) {
	.mypage_author #mypage_author_list div.del {
		height: 156px
	}
}

@media (max-width:1016px) {
	#mypage_stars_list div.del {
		padding: 48px 0 0
	}
}

@media (max-width:767px) {
	.mypage_stars div.del {
		padding: 26px 0 0
	}
}

b.del {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 8px 0 0;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -117px -2468px;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	filter: alpha(opacity=30);
	opacity: .3;
}

b.del:hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1
}

form input.mypage_save_search_input {
	float: left;
	width: 250px;
	height: 34px;
	border-color: #cdcdcd;
	line-height: 34px;
	overflow: hidden;
}

@media (max-width:1216px) {
	form input.mypage_save_search_input {
		width: 100px
	}
}

@media (max-width:1016px) {
	form input.mypage_save_search_input {
		width: 160px
	}
}

@media (max-width:767px) {
	form input.mypage_save_search_input {
		width: 100px
	}
}

@media (max-width:1016px) {
	#mypage_save_head ul li a, #mypage_author_head ul li a, #mypage_disease_head ul li a, #mypage_stars_head ul li a {
		padding: 5px 8px 0
	}
}

@media (max-width:1016px) {
	.mypage_hot {
		float: none !important;
		width: auto !important;
		margin: 0 32px 32px !important
	}
}

@media (max-width:767px) {
	.mypage_hot {
		display: none
	}
}

@media (max-width:1016px) {
	.mypage_list {
		float: none !important;
		width: auto !important;
		padding: 0 32px 0 0
	}
}

@media (max-width:767px) {
	.mypage_list {
		padding: 0 10px 0 0
	}
}

#photo_body {
	position: relative;
	overflow: hidden;
}

#photo_body h4 {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

#photo_body a {
	position: relative;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
	padding: 0 0 30px;
	overflow: hidden;
}

@media (max-width:1216px) {
	#photo_body a {
		padding: 0 9px 30px 0
	}
}

#photo_body a:hover h4 {
	color: #00ada9
}

#photo_head {
	padding: 0 32px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:767px) {
	#photo_head {
		padding: 0 10px
	}
}

#photo_head a {
	display: block;
	float: left;
	min-width: 28px;
	margin: 0 10px 0 0;
	padding: 12px 0 3px;
	color: #666;
	border-bottom: 4px solid #fff;
	text-align: center
}

#photo_head a.active, #photo_head a:hover {
	color: #00ada9;
	border-bottom: 4px solid #00ada9;
	font-weight: 700
}

@media (max-width:1016px) {
	.photos #sidebar #choice {
		top: 730px
	}
}

@media (max-width:1016px) {
	.photos #sidebar #sidebar_epaper {
		position: absolute;
		top: 1124px;
		left: 54px;
		margin: auto
	}
}

#ranking_body {
	padding: 0 32px;
}

@media (max-width:767px) {
	#ranking_body {
		padding: 0 10px
	}
}

#ranking_filter {
	padding: 20px 0;
	overflow: hidden;
}

#ranking_filter a {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
	padding: 3px 15px 2px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

@media (max-width:767px) {
	#ranking_filter a {
		margin: 0 3px 10px 0;
		padding: 3px 6px 2px
	}
}

#ranking_filter a.active, #ranking_filter a:hover {
	color: #fff;
	background: #ff6444
}

#ranking_head, #mypage_head {
	padding: 0 32px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:767px) {
	#ranking_head, #mypage_head {
		padding: 0 10px
	}
}

#ranking_head a, #mypage_head a {
	display: block;
	float: left;
	min-width: 28px;
	margin: 0 10px 0 0;
	padding: 12px 0 3px;
	color: #666;
	border-bottom: 4px solid #fff;
	text-align: center
}

#ranking_head .active a, #mypage_head .active a, #ranking_head a:hover, #mypage_head a:hover {
	color: #00ada9;
	border-bottom: 4px solid #00ada9;
	font-weight: 700
}

@media (max-width:1216px) {
	#ranking_head a {
		margin: 0 1px 0 0
	}
}

@media (max-width:1016px) {
	#ranking_head a {
		margin: 0 4px 0 0
	}
}

#ranking {
	padding: 0 0 30px
}

#ranking_table {
	margin: 0 0 60px;
}

#ranking_table .no1 b {
	color: #fff;
	font-weight: 700;
	background: #ff6444;
	border: 1px solid #ff6444
}

#ranking_table a {
	position: relative;
	color: #222;
	font-size: 15px;
	font-size: 1.5rem;
}

#ranking_table a.sp {
	color: #ee5103
}

@media (max-width:767px) {
	#ranking_table a {
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: bold;
		color: #222
	}
}

#ranking_table b {
	display: block;
	width: 23px;
	height: 23px;
	margin: auto;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: center;
	line-height: 25px
}

#ranking_table td {
	padding: 10px 5px;
	border-bottom: 1px dotted #888
}

#ranking_table th {
	padding: 10px 5px;
	border-bottom: 3px solid #d7d7d7;
	white-space: nowrap
}

#ranking_table tr:hover td {
	background: #fff
}

#ranking_table .pic {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -111px -1261px;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0
}

#ranking_table .tv {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 8px -212px;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0
}

#ranking_table .only_web .fb_iframe_widget {
	margin: 0 0 0 10px
}

.ranking .fb_iframe_widget {
	display: block;
	float: left
}

.fb_iframe_widget.fb-like-box {
	height: 299px !important;
	display: block;
	overflow: hidden
}

.ranking #mainbar {
	overflow: visible
}

@media (max-width:1016px) {
	.ranking #sidebar #choice {
		top: 730px
	}
}

@media (max-width:1016px) {
	.ranking #sidebar #sidebar_epaper {
		position: absolute;
		top: 1124px;
		left: 54px;
		margin: auto
	}
}

#result {
	position: relative;
	overflow: hidden;
}

#result dt {
	position: relative;
	display: block;
	overflow: hidden;
	height: 112px;
	margin: 0 0 10px;
	border: 1px solid #eee;
	background-color: #eee;
	font-size: 1.3rem;
	line-height: 1.5;
}

@media (max-width:1216px) {
	#result dt {
		margin: 0 0 20px;
		overflow: hidden;
	}
}

@media (max-width:766px) {
	#result dt {
		margin: 0 0 10px;
		overflow: hidden;
		float: none;
		min-height: 80px;
		padding: 0 10px 10px 0;
	}
}

#result dt:hover {
	background: #fff;
}

#result dt .cat {
	color: #808080;
	display: block;
}

@media (max-width:766px) {
	#result dt .cat {
		display: none
	}
}

#result dt h2 {
	margin: 14px 0 6px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.4;
}

@media (max-width:766px) {
	#result dt h3 {
		padding: 0 0 0 140px;
	}
}

#result dt p {
	padding: 0 20px 0 0;
	margin: 12px 0 0;
	color: #222;
	width: auto !important;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:766px) {
	#result dt p {
		display: none
	}
}

@media (max-width:766px) {
	#result dt b {
		padding: 0
	}
}

@media (max-width:1216px) {
	#result_list {
		width: 676px
	}
}

@media (max-width:1016px) {
	#result_list {
		width: auto
	}
}

@media (max-width:766px) {
	#result_list {
		width: auto;
		float: none
	}
}

#result_search {
	float: right;
	width: 300px;
	padding: 34px 32px;
}

@media (max-width:1216px) {
	#result_search {
		width: 280px;
		padding: 34px 32px 34px 0
	}
}

@media (max-width:1016px) {
	#result_search {
		width: auto;
		float: none;
		padding: 34px 32px;
		overflow: hidden
	}
}

@media (max-width:766px) {
	#result_search {
		width: auto;
		float: none;
		padding: 30px 10px
	}
}

#result_search b {
	display: block;
	padding: 0 0 6px;
	color: #222;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400
}

#result_search form {
	padding: 0 0 40px;
	overflow: hidden;
}

@media (max-width:1016px) {
	#result_search form {
		float: left;
		width: 50%;
		padding: 0
	}
}

#result_search ul {
	margin: 0;
	padding: 0 0 0 20px;
	clear: both;
	overflow: hidden
}

#result_search li {
	padding: 8px 0 0;
	color: #808080;
	line-height: 1.5
}

#search_content i {
	float: left;
	margin: 0 20px 0 0;
	width: 180px;
	height: 120px;
	overflow: hidden;
}

@media (max-width:766px) {
	#search_content i {
		width: auto;
		margin: 0 10px 0 0;
		height: 80px;
		padding: 0;
		border: none
	}
}

#search_content i img {
	max-width: 200px;
	border-style: none;
}

@media (max-width:766px) {
	#search_content i img {
		max-width: 130px
	}
}


/*
#search_content a:hover i {
	display: block;
	height: auto;
	background: #fff;
	overflow: visible;
	z-index: 2;
}

@media (max-width:766px) {
#search_content a:hover i {
	height: 100px;
	padding: 0;
	border: none
}
}
*/

#search_info {
	padding: 0 0 10px;
	color: #808080;
}

@media (max-width:766px) {
	#search_info {
		padding: 20px 10px
	}
}

#search_info h1 {
	color: #ff6444;
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0;
}

.result_search_submit {
	display: block;
	float: left;
	width: 66px;
	height: 34px;
	background: url("/img/sprite.png") no-repeat -134px -2359px;
}

.result_search_submit:hover {
	background-position: -134px -2409px
}

form input.result_search_input {
	float: left;
	width: 224px;
	height: 34px;
	border-color: #cdcdcd;
}

@media (max-width:1216px) {
	form input.result_search_input {
		width: 214px
	}
}

@media (max-width:766px) {
	form input.result_search_input {
		width: 212px
	}
}

#rss_list .active .close_this b {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -15px -2114px
}

#rss_list .active .open_this {
	display: none
}

#rss_list .active dl, #rss_list .active .close_this {
	display: block
}

#rss_list .close_this, .group_btn .close_this {
	position: absolute;
	display: none;
	float: left;
	top: 0;
	right: 0;
	width: 45px;
	height: 26px;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	line-height: 28px;
}

#rss_list .close_this b, .group_btn .close_this b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -15px -2114px
}

#rss_list .open_this, .group_btn .open_this {
	position: absolute;
	float: left;
	top: 0;
	right: 0;
	width: 45px;
	height: 26px;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	line-height: 28px;
}

#rss_list .open_this b, .group_btn .open_this b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -116px -1614px
}

#rss_list .group {
	position: relative;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

#rss_list .group dl {
	display: none;
	padding: 0 32px 32px;
	overflow: hidden
}

.group_btn .open_this, .group_btn .close_this {
	width: 98px
}

#rss_list .single {
	padding: 0;
}

#rss_list .single h3 {
	padding: 16px 32px 12px;
	color: #222
}

#rss_list .single .ssr {
	background-color: #f5f5f5
}

#rss_list .single h3:hover, #rss_list .on {
	background: #fbfbe9
}

#rss_list dl dt {
	display: block;
	float: left;
	width: 25%;
	padding: 6px 0;
}

@media (max-width:767px) {
	#rss_list dl dt {
		width: 100%
	}
}

#rss_list dl dt a {
	color: #444;
	text-decoration: none;
}

#rss_list dl dt a:hover {
	color: #00ada9
}

#rss_list dl dt b {
	display: block;
	float: left;
	width: 28px;
	height: 24px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -13px -2165px
}

#rss_list .ssr dl dt b {
	background-position: -116px -2712px
}

.group>a {
	position: absolute;
	display: block;
	top: 12px;
	right: 32px;
	width: 65px;
	height: 28px
}

#sidebar {
	float: right;
	width: 300px;
	font-size: 1.7rem;
}

@media (max-width:1016px) {
	#sidebar {
		position: relative;
		width: 750px;
		margin: 0 0 30px;
		padding: 0 32px 40px;
		box-sizing: border-box;
		float: none;
	}
}

@media (max-width:767px) {
	#sidebar {
		width: 100%
	}
}

@media (max-width:767px) {
	#sidebar {
		display: none
	}
}

@media (max-width:1016px) {
	#sidebar #news_new, #sidebar #sidebar_feed, #sidebar .area {
		width: 298px
	}
}

#sidebar .deep .area_body {
	padding: 15px 14px 0;
	font-size: 13px;
	font-size: 1.3rem;
}

#sidebar .deep .area_body>dt {
	padding: 0 0 20px
}

#sidebar .deep .area_body dl {
	float: left;
}

@media (max-width:767px) {
	#sidebar .deep .area_body dl {
		float: none
	}
}

#sidebar .deep .area_body dt {
	overflow: hidden
}

#sidebar .deep a img {
	display: block
}

#sidebar .deep a.pro {
	width: 80px;
	padding: 0 10px 0 0;
	color: #999;
	text-align: center
}

#sidebar .deep dt a {
	position: relative;
	width: 100%;
	width: 100% \7;
	float: left;
	padding: 0 0 10px;
	line-height: 1.5;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

#sidebar .tiles {
	padding: 15px 14px;
}

#sidebar .tiles>dl>dd {
	overflow: hidden
}

#sidebar .tiles dd ul, #sidebar .tiles dd li {
	list-style: none;
	margin: 0;
	padding: 0
}

#sidebar .tiles dd li>a {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -1830px;
	margin: 0 10px 0 0
}

#sidebar .tiles dd li>a#login:hover {
	background-position: -100px -1830px
}

#sidebar .tiles dd li>a#publication {
	background-position: 0 -1920px
}

#sidebar .tiles dd li>a#publication:hover {
	background-position: -100px -1920px
}

#sidebar .tiles dd li>a#email {
	background-position: 0 -2920px
}

#sidebar .tiles dd li>a#email:hover {
	background-position: -100px -2920px
}

#sidebar .area.deep {
	background: #f5f5f5
}

#sidebar .area_body {
	padding: 10px 0;
	overflow: hidden
}

@media (max-width:767px) {
	#publication_head a {
		right: 10px !important
	}
}

@media (max-width:1216px) {
	#publication_main {
		width: 584px !important
	}
}

@media (max-width:1016px) {
	#publication_main {
		float: none !important;
		width: auto !important;
		padding: 0
	}
}

@media (max-width:767px) {
	#publication_main {
		float: none !important;
		width: auto !important
	}
}

@media (max-width:1016px) {
	#publication_side {
		float: none !important;
		width: auto !important
	}
}

@media (max-width:767px) {
	#publication_side {
		float: none !important;
		width: auto !important
	}
}

@media (max-width:767px) {
	#publication_body, #publication .group {
		padding: 20px 10px 170px !important
	}
}

#sidebar_blog_body a {
	display: block;
	padding: 0 0 15px;
	line-height: 1.2
}

#sidebar_epaper #email {
	display: block;
	width: 268px;
	margin: 0 0 10px;
	padding: 5px 0;
	color: #666;
	border: 1px solid #bbb
}

#sidebar_epaper_body .send {
	display: block;
	margin: 6px 0;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	background: #6fb1f0;
	line-height: 1;
}

#sidebar_epaper_body .send:hover {
	text-decoration: none;
	background: #ef6a25
}

#sidebar_epaper_body dt {
	position: relative;
	overflow: hidden
}

#sidebar_epaper_body form dt:first-child input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #414743;
	text-align: left;
	padding: 0 10px;
	border: 1px solid #d6d6d6;
	font-size: 15px;
	font-size: 1.5rem
}

#sidebar_feed {
	border: none
}

#sidebar_feed_like {
	height: 185px;
	margin: 0 0 10px;
	background: #fff
}

#sidebar_feed_recommendations {
	height: 300px;
	background: #fff
}

#sitemaps_list .active .close_this b {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -15px -2114px
}

#sitemaps_list .active dl, #sitemaps_list .active .open_this {
	display: block
}

#sitemaps_list .active .close_this {
	display: none
}

#sitemaps_list .close_this {
	position: absolute;
	display: none;
	float: left;
	top: 0;
	right: 0;
	width: 45px;
	height: 26px;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	line-height: 28px;
}

#sitemaps_list .close_this b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 115px -1614px
}

#sitemaps_list .group {
	position: relative;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden
}

#sitemaps_list .group dl {
	display: none;
	padding: 0 32px 32px;
	overflow: hidden
}

#sitemaps_list .open_this {
	position: absolute;
	float: left;
	top: 0;
	right: 0;
	width: 45px;
	height: 26px;
	padding: 0 10px;
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	line-height: 28px;
}

#sitemaps_list .open_this b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -116px -1614px
}

#sitemaps_list .single {
	padding: 0;
}

#sitemaps_list .single h3 {
	padding: 16px 32px 12px;
	color: #222
}

#sitemaps_list .single h3:hover, #sitemaps_list .on {
	background: #fbfbe9
}

#sitemaps_list dl dt {
	display: block;
	float: left;
	width: 25%;
	padding: 6px 0;
}

@media (max-width:767px) {
	#sitemaps_list dl dt {
		width: 100%
	}
}

#sitemaps_list dl dt a {
	padding: 0 0 0 12px;
	color: #444;
	text-decoration: none;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1066px;
}

#sitemaps_list dl dt a:hover {
	color: #00ada9
}

.group>a {
	position: absolute;
	display: block;
	top: 12px;
	right: 32px;
	width: 65px;
	height: 28px
}

#comments hr {
	border-bottom-color: #d7d7d7
}

#comments_head, #comments_body {
	padding: 28px 32px 32px;
}

@media (max-width:767px) {
	#comments_head, #comments_body {
		padding: 28px 10px 32px !important
	}
}

#ec {
	line-height: 1.3;
}

@media (max-width:767px) {
	#ec>#etuFrame {
		height: 390px
	}
}

#ec_body dt a, #slideshow_body dt a {
	display: block;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
}

.mag_story #ec_body dt a, .mag_story #slideshow_body dt a {
	margin: 0 38px 0 0
}

#ec_body {
	padding: 28px 0 32px 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#ec_body {
		padding: 0
	}
}

#ec_body dt h4 {
	padding: 8px 0;
	font-weight: 400
}

#ec_body dt span {
	color: #f00;
	font-weight: 400
}

#ec_body dt b {
	color: #999;
	font-weight: 400
}

#ec_body dt a {
	width: 158px;
}

@media (max-width:1216px) {
	#ec_body dt a {
		width: 148px
	}
}

@media (max-width:1016px) {
	#ec_body dt a {
		width: 160px;
		margin: 0 11px 0 0 !important
	}
}

@media (max-width:767px) {
	#ec_body dt a {
		position: relative;
		float: none;
		width: auto;
		min-height: 65px;
		margin: 0;
		padding: 10px;
		border-bottom: 1px solid #e5e5e5;
		overflow: hidden
	}
}

@media (max-width:767px) {
	#ec_body dt a span {
		position: absolute;
		bottom: 10px;
		left: 10px
	}
}

@media (max-width:767px) {
	#ec_body dt a span b {
		display: none
	}
}

#ec_body dt a img {
	width: auto;
	max-width: 100%;
}

@media (max-width:767px) {
	#ec_body dt a img {
		float: right;
		max-width: 120px;
		max-height: 90px;
		margin: 0 0 0 10px
	}
}

@media (max-width:767px) {
	#ec_body dt a h4 {
		padding: 0;
		color: #414743;
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.3;
		font-weight: bold
	}
}

#line_share {
	display: block;
	float: left;
	width: 102px;
	height: 25px;
	margin: 0 20px 0 0;
	text-indent: -999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat left -2214px
}

#line_udn {
	display: block;
	float: left;
	width: 90px;
	height: 25px;
	text-indent: -999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -110px -2214px
}

#logo_mag {
	position: absolute;
	top: -7px;
	left: 100px;
	display: block;
	width: 266px;
	height: 62px;
	background: url("//oops.udn.com/img/logo.png") no-repeat -1px -1px
}

#slideshow_body {
	padding: 28px 0 32px 32px;
	overflow: hidden;
}

#slideshow_body dt h4 {
	padding: 6px 0 5px;
	font-weight: 400
}

#story, .social_pop {
	position: relative
}

#story_also {
	margin: 40px 0 0;
	padding: 20px 30px;
	background: #f2f2f2;
	overflow: hidden;
	font-size: 16px;
	font-size: 1.6rem;
}

@media (max-width:767px) {
	#story_also {
		margin: 40px 0;
		padding: 20px
	}
}

#story_also a h2 {
	color: #414743;
	line-height: 2;
	padding: 0 0 0 3%;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	background: url("/img/sprite.png") no-repeat -193px -1062px;
	font-weight: normal;
	text-decoration: underline;
}

#story_also a:hover h2 {
	color: #00ada9;
}

#story_also h2 {
	padding: 0 0 10px;
	color: #00ada9;
	font-size: 1.6rem;
}

#story_body {
	position: relative;
	padding: 30px 0;
	font-size: 1.8rem;
	color: #414743;
	font-family: Helvetica, "Heiti TC", "Segoe UI", Meiryo, "微軟正黑體";
	text-align: justify;
	letter-spacing: 1px;
	text-justify: inter-ideograph;
}

@media (max-width:767px) {
	#story_body {
		font-family: Arial, "微軟正黑體", "新細明體", sans-serif;
		padding: 10px 0 20px;
		overflow: hidden;
		color: #222;
	}
}

#story_body p {
	margin: 20px 0;
}

#story_body blockquote {
	border-left: 5px solid #ff5a24;
	margin: 1em 0;
	padding: 1em;
	background-color: #f5f5f5
}

#story_body .mvouter {
	margin: 10px auto;
	z-index: 1;
}

@media (max-width:1216px) {
	#story_body .mvouter {
		position: relative;
		overflow: hidden
	}
}

@media (max-width:1216px) {
	#story_body .mvouter embed {
		width: 604px;
		height: 340px
	}
}

@media (max-width:1016px) {
	#story_body .mvouter embed {
		width: 664px;
		height: 374px
	}
}

#story_body .on {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
	opacity: .4
}

#story_body .on, #story_body a.temporary_added:hover {
	background: #eee
}

#story_body .photo {
	position: relative;
	margin: 20px auto
}

#story_body .photo figcaption, #story_body .photo_left figcaption, #story_body .photo_right figcaption, #story_body .photo_center figcaption, #story_body .photo_center_m figcaption, #story_body .mvouter a {
	display: block;
	padding: 10px 0 30px;
	color: #444;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

#story_body .photo_center, #story_body .photo_center_m {
	position: relative;
	display: table;
	float: none;
	margin: 10px auto;
}

@media (max-width:767px) {
	#story_body .photo_center, #story_body .photo_center_m {
		display: block
	}
}

#story_body .photo_left {
	position: relative;
	float: left;
	clear: left;
	margin: 5px 30px 10px 0;
}

@media (max-width:767px) {
	#story_body .photo_left {
		float: none !important;
		clear: both !important;
		margin: 0 auto !important
	}
}

#story_body .photo_right {
	position: relative;
	float: right;
	clear: right;
	margin: 5px 0 10px 30px;
}

@media (max-width:767px) {
	#story_body .photo_right {
		float: none !important;
		clear: both !important;
		margin: 0 auto !important
	}
}

#story_body .temporary_added {
	float: left;
	height: 26px;
	padding: 0 10px;
	margin: 0 0 0 10px;
	color: #4d4d4d;
	font-size: 1.2rem;
	line-height: 28px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	box-shadow: #f2f2f2 0 1px 1px;
	-moz-border-radius: 2px;
	-moz-box-shadow: #f2f2f2 0 1px 1px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: #f2f2f2 0 1px 1px;
}

#story_body .temporary_added b {
	display: inline-block;
	float: left;
	width: 20px;
	height: 26px;
	background: url("/img/sprite.png") no-repeat -184px -352px
}

#story_body a.explanation {
	display: inline-block;
	float: left;
	width: 28px;
	height: 28px;
	padding: 0;
	background: url("/img/sprite.png") no-repeat -179px -959px
}

.story_art_title {
	color: #414743;
	/*font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 3.2rem;
	line-height: 1.4;
	padding: 0 190px 0 0;
}

@media (max-width:767px) {
	.story_art_title {
		padding: 0;
	}
}

#story_body .content_title_1, #story_body .content_title_2, #story_body .content_title_3, #story_body .content_title_1 a, #story_body .content_title_2 a, #story_body .content_title_3 a {
	padding: 15px 0 0;
	font-weight: bold;
	font-size: 18px;
	/*font-family: Helvetica,"Heiti TC","Segoe UI",Meiryo,"微軟正黑體";*/
}

#story_body .content_title_1, #story_body .content_title_1 a {
	color: #0074ad;
}

#story_body .content_title_2, #story_body .content_title_2 a {
	color: #FF8000;
}

#story_body .content_title_3, #story_body .content_title_3 a {
	color: #808080;
}

#story_foot .also_title {
	font-weight: normal;
	font-size: 1.6rem;
	color: #414743;
}

#story_foot .also_title:hover {
	color: #00ada9;
}
/* 
// 因 內文頁延伸閱讀 取消
@media (max-width:1216px) {
	#story_body h2 {
		padding: 0 165px 0 0
	}
}

@media (max-width:767px) {
	#story_body h2 {
		padding: 0;
		font-size: 26px;
		font-size: 2.6rem
	}
}
*/

#story_body img {
	width: auto;
	max-width: 100%;
}

#story_body_content a {
	text-decoration: underline;
}

#story_body_content a:hover {
	text-decoration: none;
}

@media (max-width:767px) {
	#story_body img {
		margin: 0 10px 0 0
	}
}

#story_body_content {
	overflow: hidden;
	display: block;
}

#story_tags a {
	color: #ff5a24;
}

#story_foot {
	position: relative;
	padding: 30px 0;
	overflow: hidden;
}

@media (max-width:767px) {
	#story_foot {
		padding: 20px 0 !important
	}
}

#story_foot dl {
	overflow: hidden;
	padding: 10px 0 0;
	margin: 0 -15px;
}

#story_foot dt {
	width: 33.33%;
	height: 240px;
	float: left;
	padding: 0 15px 30px;
	box-sizing: border-box;
}

@media (max-width:767px) {
	#story_foot dt {
		width: 100%;
		height: auto;
		padding: 0 20px 0 0;
		margin: 0 0 10px;
		border: 1px solid #eee;
		background-color: #eee;
	}

	#story_foot .ratio-container {
		width: 130px;
		float: left;
		margin: 0 10px 0 0;
	}
}

.ratio-container img {
	max-width: 100%;
	width: auto;
	padding: 0 0 5px;
	display: block;
}

#story_foot dt a {
	overflow: hidden;
	letter-spacing: 1px;
}

@media (max-width:767px) {
	#story_foot dt a {
		padding: 10px 0 0;
		font-size: 1.8rem;
		line-height: 1.2;
		height: auto;
	}
}

#story_foot a {
	line-height: 2;
	display: block;
	overflow: hidden;
	line-height: 1.4;
}

@media (max-width:767px) {
	#story_foot a {
		white-space: normal;
		line-height: 1.4;
	}
}

#story_foot a.sp {
	color: #ee5103
}

#story_foot h4 {
	color: #ff5a24;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 0 10px;
}

@media (max-width:767px) {
	#story_foot h4 {
		padding: 20px 10px 0;
		font-size: 138%
	}
}

#story_related {
	display: none;
}

#temporary_add, #temporary_added {
	position: absolute;
	top: 34px;
	right: 32px;
	padding: 7px 15px 7px 40px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: url("/img/sprite.png") no-repeat -165px -345px;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #444;
	font-weight: 400
}

#temporary_add:hover {
	color: #fff;
	background: url("/img/sprite.png") no-repeat -165px -345px #ff5a24;
	border: 1px solid #333
}

.dialog_number, .fb-comments-count {
	display: block;
	float: left;
	padding: 0 0 0 11px;
	background: url("/img/sprite.png") no-repeat -153px -861px;
	overflow: hidden;
}

.dialog_number b, .fb-comments-count b, .dialog_number .fb_comments_count, .fb-comments-count .fb_comments_count {
	display: block;
	padding: 5px 7px 0 0;
	color: #414743;
	font-weight: 400;
	background: url("/img/sprite.png") no-repeat right -861px;
	line-height: 23px;
	overflow: hidden
}

.photo_pop {
	position: absolute;
	top: 0;
	left: 0;
	width: 31px;
	height: 31px;
}

.photo_pop ul {
	position: relative;
	display: none;
	width: 31px;
	height: 31px;
	margin: 0;
	padding: 10px;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	list-style: none;
	z-index: 2
}

.photo_pop li {
	float: left;
	margin-right: 20px;
}

.photo_pop li:last-child {
	float: left;
	margin-right: 0
}

.photo_pop li.facebook a {
	background-position: -110px -4410px
}

.photo_pop a {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url("//s.udn.com.tw/static/img/sprite.png");
	background-repeat: no-repeat
}

.photo_pop_icon {
	display: none
}

.social_pop li.print, .photo_pop li.pinterest {
	margin-right: 0
}

.social_pop li:hover a, .photo_pop li:hover a {
	margin-top: -1px
}

.social_pop ul {
	position: absolute;
	width: 130px;
	display: none;
	top: 30px;
	left: 0;
	padding: 5px 20px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	z-index: 2
}

.social_pop li {
	margin-right: 20px
}

.social_pop>a {
	width: 57px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat 0 -1043px
}

.social_pop:hover>a {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -100px -1043px
}

.social_pop:hover ul, .photo:hover ul, .photo_left:hover ul, .photo_right:hover ul, .photo_center:hover ul, .photo_center_m:hover ul {
	display: block
}

a.post_new {
	float: right;
	margin: 10px 0;
	padding: 4px 20px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #6db0f2;
	border: 1px solid #5a9ff0;
	border-radius: 4px;
	cursor: pointer;
}

a.post_new:hover {
	background: #5a9ff0;
	border: 1px solid #488fec
}

#story_author {
	margin: 30px 0;
	padding: 20px 0;
	border-top: 1px solid #d7d7d7
}

.videos_body {
	padding: 28px 0 32px 32px;
	overflow: hidden;
}

.videos_body dt a {
	position: relative;
	display: block;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
}

@media (max-width:1016px) {
	.videos_body dt a {
		margin: 0 38px 0 0
	}
}

@media (max-width:767px) {
	.videos_body dt a {
		float: none;
		margin: 0 auto
	}
}

.videos_body dt b {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -159px -707px;
	overflow: hidden
}

.videos_body dt h4 {
	padding: 6px 0 1px;
	font-weight: 400;
}

@media (max-width:767px) {
	.videos_body dt h4 {
		padding: 5px 0 30px
	}
}

#vote_body .pk .sendbtn {
	margin: 10px 0 0;
}

#vote_body .pk .sendbtn b {
	height: 44px;
	margin: 0 0 0 10px
}

#vote_body .pk dt {
	float: left;
	width: 49.5%
}

#vote_body .pk dt.pk_space {
	width: 1%
}

#vote_body .pk span {
	position: relative;
	top: auto;
	left: auto;
	margin: auto
}

#vote_body .pk_area_1, #vote_body .pk_area_2 {
	position: relative;
	padding: 0 50px 0 0;
	background: #f5f5f5;
}

#vote_body .pk_area_1 b, #vote_body .pk_area_2 b {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	margin: 0;
	text-align: center
}

#vote_body .pk_area_2 {
	padding: 0 0 0 50px;
}

#vote_body .pk_area_2 b {
	right: auto;
	left: 0
}

#vote_body .send {
	display: block;
	margin: 6px 0;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	background: #6fb1f0;
}

#vote_body .send:hover {
	background: #ef6a25
}

#vote_body>b {
	display: block;
	margin: 5px 0 20px;
	color: #00ada9;
	letter-spacing: 1px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700
}

#vote_body b.color_1 {
	background: #ffbc86
}

#vote_body b.color_2 {
	background: #dfdfdf
}

#vote_body dl {
	padding: 20px 0 10px
}

#vote_body dt {
	position: relative;
	padding: 0 0 10px;
	line-height: 30px;
	overflow: hidden;
}

#vote_body dt b {
	display: block;
	float: left;
	height: 30px;
	margin: 0 0 0 25px
}

#vote_body span {
	position: absolute;
	top: 0;
	right: 0
}

#vote_list_body {
	padding: 0 32px;
}

@media (max-width:767px) {
	#vote_list_body {
		padding: 0 10px
	}
}

#vote_list_filter {
	padding: 20px 0;
	overflow: hidden;
}

#vote_list_filter a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px 15px 2px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px
}

#vote_list_filter a.active, #vote_list_filter a:hover {
	color: #fff;
	background: #ff6444
}

#vote_list_head {
	margin: 0 0 20px;
	padding: 0 32px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:767px) {
	#vote_list_head {
		padding: 0 10px
	}
}

#vote_list_head a {
	display: block;
	float: left;
	min-width: 28px;
	margin: 0 10px 0 0;
	padding: 12px 0 3px;
	color: #666;
	border-bottom: 4px solid #fff;
	text-align: center
}

#vote_list_head a.active, #vote_list_head a:hover {
	color: #00ada9;
	border-bottom: 4px solid #00ada9;
	font-weight: 700
}

#vote_list_table .view_result {
	position: relative;
	display: block;
	width: 60px;
	height: 26px;
	margin: auto;
	padding: 0;
	text-indent: -999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -95px -1714px;
	overflow: hidden;
}

@media (max-width:767px) {
	#vote_list_table .view_result {
		width: 40px;
		background-position: -107px -1714px
	}
}

#vote_list_table .no1 b {
	color: #fff;
	font-weight: 700;
	background: #ff6444;
	border: 1px solid #ff6444
}

#vote_list_table a {
	padding: 0 0 0 20px;
	color: #005fba;
	font-size: 15px;
	font-size: 1.5rem;
}

@media (max-width:767px) {
	#vote_list_table a {
		display: block;
		padding: 0 10px
	}
}

#vote_list_table b {
	display: block;
	width: 23px;
	height: 23px;
	margin: auto;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: center;
	background: #fff;
	border: 1px solid #f2f2f2;
	line-height: 25px
}

#vote_list_table td {
	padding: 10px 0;
	border-bottom: 1px dotted #888
}

#vote_list_table th {
	padding: 10px 5px 10px 0;
	border-bottom: 3px solid #d7d7d7;
	white-space: nowrap
}

#vote_list_table tr:hover td {
	background: #fff
}

#ranking_table .striped, #vote_list_table .striped, #weather_index_table .striped {
	background: #f5f5f5
}

#vote_more a {
	width: 100%;
	width: 100% \7;
	padding: 0 0 0 12px;
	line-height: 2;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1060px;
}

#vote_more a b {
	margin: 0 0 0 15px;
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
}

@media (max-width:767px) {
	#vote_more a b {
		display: none
	}
}

.vtotal {
	padding: 10px 0;
	text-align: right
}

.votes #vote_body, .votes #vote_more {
	padding: 20px 32px;
	font-size: 15px;
	font-size: 1.5rem;
}

@media (max-width:767px) {
	.votes #vote_body, .votes #vote_more {
		padding: 20px 10px;
		font-size: 15px;
		font-size: 1.5rem
	}
}

.votes #vote_body img {
	width: auto;
	max-width: 100%
}

.votes #vote_body input {
	margin: 0 10px 0 0
}

.votes #vote_more {
	padding: 0 32px 30px
}

.votes label {
	position: absolute
}

.votes .dondon {
	float: left;
}

@media (max-width:767px) {
	.votes .dondon {
		float: none
	}
}

.votes .dondon_item label {
	position: relative
}

.votes #vote_more h4, #vote_body dl.pk {
	padding: 0 0 10px
}

#sidebar_weather {
	font-size: 13px;
	font-size: 1.3rem
}

#weather_bar {
	margin: 0 0 10px;
	background: #f5f5f5;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 44px;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_bar {
		margin: 0 10px 10px;
		background: #fff
	}
}

#weather_bar a h3 {
	display: block;
	float: left;
	width: 43%;
	height: 44px;
	color: #ff7d00;
	text-indent: 30px;
	line-height: 44px;
}

@media (max-width:767px) {
	#weather_bar a h3 {
		float: none;
		width: auto;
		text-indent: 10px
	}
}

#weather_bar b {
	display: block;
	float: left;
	width: 14%;
	height: 44px;
	color: #fff;
	text-align: center;
	background: #d8f1ff;
}

@media (max-width:767px) {
	#weather_bar b {
		float: none;
		width: auto;
		text-align: left;
		text-indent: 10px
	}
}

@media (max-width:1216px) {
	#weather_day, #weather_night {
		width: 302px
	}
}

@media (max-width:1016px) {
	#weather_day, #weather_night {
		width: 332px
	}
}

#weather_day b, #weather_night b {
	position: absolute;
	top: 75px;
	left: 35px;
}

@media (max-width:1216px) {
	#weather_day b, #weather_night b {
		left: 10px
	}
}

@media (max-width:1016px) {
	#weather_day b, #weather_night b {
		left: 20px
	}
}

@media (max-width:767px) {
	#weather_day b, #weather_night b {
		left: 10px
	}
}

#weather_day h3, #weather_night h3 {
	position: absolute;
	top: 80px;
	left: 155px;
	font-size: 36px;
	font-size: 3.6rem;
}

@media (max-width:1216px) {
	#weather_day h3, #weather_night h3 {
		left: 120px;
		font-size: 30px;
		font-size: 3rem
	}
}

@media (max-width:1016px) {
	#weather_day h3, #weather_night h3 {
		left: 135px;
		font-size: 30px;
		font-size: 3rem
	}
}

@media (max-width:767px) {
	#weather_day h3, #weather_night h3 {
		left: 130px;
		font-size: 24px;
		font-size: 2.4rem
	}
}

#weather_day h4, #weather_night h4 {
	position: absolute;
	top: 125px;
	left: 155px;
}

@media (max-width:1216px) {
	#weather_day h4, #weather_night h4 {
		left: 120px
	}
}

@media (max-width:1016px) {
	#weather_day h4, #weather_night h4 {
		left: 135px
	}
}

@media (max-width:767px) {
	#weather_day h4, #weather_night h4 {
		left: 130px;
		top: 120px
	}
}

#weather_day i, #weather_night i {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
}

@media (max-width:1216px) {
	#weather_day i, #weather_night i {
		right: 15px;
		font-size: 30px;
		font-size: 3rem
	}
}

@media (max-width:1016px) {
	#weather_day i, #weather_night i {
		right: 25px
	}
}

#weather_day {
	color: #90c2e2;
	background: #cef;
}

@media (max-width:767px) {
	#weather_day {
		float: none;
		width: auto;
		margin: 0 0 20px
	}
}

#weather_day h3, #weather_day h4 {
	color: #5497c6
}

#weather_night {
	position: relative;
	float: left;
	width: 402px;
	height: 200px;
	margin: 0 20px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
}

@media (max-width:767px) {
	#weather_night {
		float: none;
		width: auto;
		margin: 0 0 20px
	}
}

#weather_night h3, #weather_night h4 {
	color: #fff
}

#weather_globals .area_body {
	padding: 20px 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_globals .area_body {
		padding: 20px 10px 30px
	}
}

#weather_globals a {
	color: #444;
	font-size: 15px;
	font-size: 1.5rem;
	text-decoration: none;
	line-height: 1.5;
}

@media (max-width:767px) {
	#weather_globals a {
		display: block;
		margin: 0;
		text-align: center
	}
}

#weather_globals dt {
	float: left;
	width: 25%;
	padding: 20px 0;
	border-bottom: none;
}

@media (max-width:767px) {
	#weather_globals dt {
		width: auto;
		padding: 20px 9px
	}
}

#weather_index_body {
	width: 844px;
	padding: 0 32px 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_index_body {
		width: auto;
		padding: 0 10px
	}
}

#weather_index_body h1 {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
}

#weather_index_body h1 b {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400
}

#weather_index_filter {
	padding: 20px 0;
	overflow: hidden;
}

#weather_index_filter a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px 15px 2px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 2px
}

#weather_index_filter a.active, #weather_index_filter a:hover {
	color: #fff;
	background: #ff6444
}

#weather_index_foot {
	padding: 10px 32px;
	background: #f5f5f5;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_index_foot {
		height: 110px;
		padding: 10px
	}
}

#weather_index_foot b {
	float: none;
	margin: auto;
	clear: both;
	display: block;
}

@media (max-width:767px) {
	#weather_index_foot b {
		display: block
	}
}

#weather_index_foot dt {
	float: left;
	width: 97px;
	padding: 10px;
	border-bottom: none;
	text-align: center;
}

#weather_index_foot dt:hover {
	background: #fff
}

@media (max-width:1216px) {
	#weather_index_foot dt {
		width: 69px
	}
}

@media (max-width:1016px) {
	#weather_index_foot dt {
		width: 77px
	}
}

@media (max-width:767px) {
	#weather_index_foot dt {
		width: auto
	}
}

#weather_index_head {
	margin: 0 0 20px;
	padding: 0 32px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_index_head {
		padding: 0 10px
	}
}

#weather_index_head a {
	display: block;
	float: left;
	min-width: 28px;
	margin: 0 10px 0 0;
	padding: 12px 12px 3px;
	color: #666;
	border-bottom: 4px solid #fff;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2
}

#weather_index_head a.active, #weather_index_head a:hover {
	color: #00ada9;
	border-bottom: 4px solid #00ada9;
	font-weight: 700
}

#weather_index_live .area_body, #weather_index_info .area_body {
	padding: 20px 32px 32px;
	font-size: 15px;
	font-size: 1.5rem;
}

@media (max-width:767px) {
	#weather_index_live .area_body, #weather_index_info .area_body {
		padding: 20px 10px 30px
	}
}

#weather_index_photo .area_body {
	padding: 20px 0 32px 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_index_photo .area_body {
		padding: 20px 10px 30px
	}
}

#weather_index_photo .area_body dt {
	float: left;
	width: 404px;
	margin: 0 20px 0 0;
}

@media (max-width:1216px) {
	#weather_index_photo .area_body dt {
		width: 302px
	}
}

@media (max-width:1016px) {
	#weather_index_photo .area_body dt {
		width: 332px
	}
}

@media (max-width:767px) {
	#weather_index_photo .area_body dt {
		width: auto;
		margin: 0 0 20px;
		float: none
	}
}

#weather_index_table a {
	padding: 0 0 0 20px;
	color: #005fba;
	font-size: 15px;
	font-size: 1.5rem
}

#weather_index_table td {
	padding: 10px;
	border-bottom: 1px dotted #888
}

#weather_index_table th {
	padding: 10px 5px 10px 0;
	border-bottom: 3px solid #d7d7d7;
	white-space: nowrap
}

#weather_index_table tr:hover td {
	background: #fff
}

#weather_night {
	color: #ccc;
	background: #999
}

#weather_travel_body b, #weather_global_body b {
	margin: 0 1px;
	color: #ccc;
	font-weight: 400
}

#weather_travels {
	color: #444;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}

#weather_travels .area_body .big {
	font-weight: 700
}

#weather_travels .area_body dl {
	padding: 0 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_travels .area_body dl {
		position: relative;
		display: table;
		padding: 0 10px;
		overflow: inherit
	}
}

#weather_travels .area_body h3 {
	padding: 20px 32px 0;
	color: #444;
}

@media (max-width:767px) {
	#weather_travels .area_body h3 {
		padding: 20px 10px 0;
		font-size: 138%
	}
}

#weather_travels .area_body hr {
	border-bottom: 1px solid #d7d7d7
}

#weather_travels dt {
	float: left;
	width: 25%;
	padding: 0 0 20px;
	border-bottom: none;
}

@media (max-width:767px) {
	#weather_travels dt {
		width: auto;
		display: block;
		margin: 0;
		padding: 10px 9px;
		text-align: center
	}
}

@media (max-width:767px) {
	#weather_travels .big {
		width: 100%;
		padding: 10px 0 20px;
		text-align: left
	}
}

@media (max-width:767px) {
	#weather_travels .big b {
		position: absolute;
		top: -60px;
		right: 10px
	}
}

#weather_travels b, #weather_globals b {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

@media (max-width:767px) {
	#weather_travels b, #weather_globals b {
		float: none;
		margin: auto
	}
}

@media (max-width:767px) {
	#weather_travels a span, #weather_globals a span, #weather_travels span, #weather_globals span {
		display: block;
		height: 1px;
		overflow: hidden
	}
}

#weather_typhoon_box #tab1 {
	padding: 10px 32px 32px;
	text-align: center;
}

@media (max-width:767px) {
	#weather_typhoon_box #tab1 {
		padding: 10px 10px 30px
	}
}

#weather_typhoon_box #tab2 {
	padding: 10px 32px 32px;
	font-size: 15px;
	font-size: 1.5rem;
}

@media (max-width:767px) {
	#weather_typhoon_box #tab2 {
		padding: 10px 10px 30px
	}
}

#weather_typhoon_box #tab3 {
	padding: 10px 0 32px 32px;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_typhoon_box #tab3 {
		padding: 10px 10px 30px
	}
}

#weather_typhoon_box #tab3 dt {
	float: left;
	width: 403px;
	margin: 0 20px 0 0;
}

@media (max-width:1216px) {
	#weather_typhoon_box #tab3 dt {
		width: 302px
	}
}

@media (max-width:1016px) {
	#weather_typhoon_box #tab3 dt {
		width: 332px
	}
}

@media (max-width:767px) {
	#weather_typhoon_box #tab3 dt {
		width: auto;
		float: none;
		margin: 0
	}
}

#weather_typhoon_box img, #weather_index_photo .area_body img {
	width: auto;
	max-width: 100%
}

#weather_typhoon_head {
	margin: 0 0 20px;
	padding: 0 32px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}

@media (max-width:767px) {
	#weather_typhoon_head {
		padding: 0 10px
	}
}

#weather_typhoon_head ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#weather_typhoon_head ul li {
	position: relative;
	float: left;
}

#weather_typhoon_head ul li a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 12px 0;
	color: #666;
	border-bottom: 4px solid #fff;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2
}

#weather_typhoon_head ul li.active a, #weather_typhoon_head a:hover {
	color: #00ada9;
	border-bottom: 4px solid #00ada9;
	font-weight: 700
}

.weather_icon a {
	margin: 0 10px 0 0;
	color: #00ada9;
	text-decoration: underline;
	line-height: 35px
}

.weather_icon b {
	display: inline-block;
	float: right;
	background: url("//oops.udn.com/img/weather.png") no-repeat top left
}

.weather_icon dt {
	padding: 5px 10px;
	border-bottom: solid 1px #e3e7ea
}

b.weather_01 {
	width: 50px;
	height: 50px
}

b.weather_02 {
	width: 50px;
	height: 50px;
	background-position: -100px 0
}

b.weather_03 {
	width: 50px;
	height: 50px;
	background-position: -200px 0
}

b.weather_04 {
	width: 50px;
	height: 50px;
	background-position: -300px 0
}

b.weather_05 {
	width: 50px;
	height: 50px;
	background-position: -400px 0
}

b.weather_06 {
	width: 50px;
	height: 50px;
	background-position: -500px 0
}

b.weather_07 {
	width: 50px;
	height: 50px;
	background-position: -600px 0
}

b.weather_07m {
	width: 50px;
	height: 50px;
	background-position: -700px 0
}

b.weather_08 {
	width: 50px;
	height: 50px;
	background-position: -800px 0
}

b.weather_08m {
	width: 50px;
	height: 50px;
	background-position: -900px 0
}

b.weather_09 {
	width: 50px;
	height: 50px;
	background-position: -1000px 0
}

b.weather_09m {
	width: 50px;
	height: 50px;
	background-position: -1100px 0
}

b.weather_10 {
	width: 50px;
	height: 50px;
	background-position: -1200px 0
}

b.weather_10m {
	width: 50px;
	height: 50px;
	background-position: -1300px 0
}

b.weather_11 {
	width: 50px;
	height: 50px;
	background-position: -1400px 0
}

b.weather_11m {
	width: 50px;
	height: 50px;
	background-position: -1500px 0
}

b.weather_12 {
	width: 50px;
	height: 50px;
	background-position: -1600px 0
}

b.weather_12m {
	width: 50px;
	height: 50px;
	background-position: -1700px 0
}

b.weather_13 {
	width: 50px;
	height: 50px;
	background-position: -1800px 0
}

b.weather_13m {
	width: 50px;
	height: 50px;
	background-position: -1900px 0
}

b.weather_14 {
	width: 50px;
	height: 50px;
	background-position: 0 -100px
}

b.weather_14m {
	width: 50px;
	height: 50px;
	background-position: -100px -100px
}

b.weather_15 {
	width: 50px;
	height: 50px;
	background-position: -200px -100px
}

b.weather_15m {
	width: 50px;
	height: 50px;
	background-position: -300px -100px
}

b.weather_16 {
	width: 50px;
	height: 50px;
	background-position: -400px -100px
}

b.weather_16m {
	width: 50px;
	height: 50px;
	background-position: -500px -100px
}

b.weather_17 {
	width: 50px;
	height: 50px;
	background-position: -600px -100px
}

b.weather_17m {
	width: 50px;
	height: 50px;
	background-position: -700px -100px
}

b.weather_18 {
	width: 50px;
	height: 50px;
	background-position: -800px -100px
}

b.weather_b_01 {
	width: 110px;
	height: 110px;
	background-position: -900px -100px
}

b.weather_b_02 {
	width: 110px;
	height: 110px;
	background-position: -1060px -100px
}

b.weather_b_03 {
	width: 110px;
	height: 110px;
	background-position: -1220px -100px
}

b.weather_b_04 {
	width: 110px;
	height: 110px;
	background-position: -1380px -100px
}

b.weather_b_05 {
	width: 110px;
	height: 110px;
	background-position: -1540px -100px
}

b.weather_b_06 {
	width: 110px;
	height: 110px;
	background-position: -1700px -100px
}

b.weather_b_07 {
	width: 110px;
	height: 110px;
	background-position: -1860px -100px
}

b.weather_b_07m {
	width: 110px;
	height: 110px;
	background-position: 0 -260px
}

b.weather_b_08 {
	width: 110px;
	height: 110px;
	background-position: -160px -260px
}

b.weather_b_08m {
	width: 110px;
	height: 110px;
	background-position: -320px -260px
}

b.weather_b_09 {
	width: 110px;
	height: 110px;
	background-position: -480px -260px
}

b.weather_b_09m {
	width: 110px;
	height: 110px;
	background-position: -640px -260px
}

b.weather_b_10 {
	width: 110px;
	height: 110px;
	background-position: -800px -260px
}

b.weather_b_10m {
	width: 110px;
	height: 110px;
	background-position: -960px -260px
}

b.weather_b_11 {
	width: 110px;
	height: 110px;
	background-position: -1120px -260px
}

b.weather_b_11m {
	width: 110px;
	height: 110px;
	background-position: -1280px -260px
}

b.weather_b_12 {
	width: 110px;
	height: 110px;
	background-position: -1440px -260px
}

b.weather_b_12m {
	width: 110px;
	height: 110px;
	background-position: -1600px -260px
}

b.weather_b_13 {
	width: 110px;
	height: 110px;
	background-position: -1760px -260px
}

b.weather_b_13m {
	width: 110px;
	height: 110px;
	background-position: -1920px -260px
}

b.weather_b_14 {
	width: 110px;
	height: 110px;
	background-position: 0 -420px
}

b.weather_b_14m {
	width: 110px;
	height: 110px;
	background-position: -160px -420px
}

b.weather_b_15 {
	width: 110px;
	height: 110px;
	background-position: -320px -420px
}

b.weather_b_15m {
	width: 110px;
	height: 110px;
	background-position: -480px -420px
}

b.weather_b_16 {
	width: 110px;
	height: 110px;
	background-position: -640px -420px
}

b.weather_b_16m {
	width: 110px;
	height: 110px;
	background-position: -800px -420px
}

b.weather_b_17 {
	width: 110px;
	height: 110px;
	background-position: -960px -420px
}

b.weather_b_17m {
	width: 110px;
	height: 110px;
	background-position: -1120px -420px
}

b.weather_b_18 {
	width: 110px;
	height: 110px;
	background-position: -1280px -420px
}

b.weather_s_01 {
	width: 35px;
	height: 35px;
	background-position: -1440px -420px
}

b.weather_s_02 {
	width: 35px;
	height: 35px;
	background-position: -1525px -420px
}

b.weather_s_03 {
	width: 35px;
	height: 35px;
	background-position: -1610px -420px
}

b.weather_s_04 {
	width: 35px;
	height: 35px;
	background-position: -1695px -420px
}

b.weather_s_05 {
	width: 35px;
	height: 35px;
	background-position: -1780px -420px
}

b.weather_s_06 {
	width: 35px;
	height: 35px;
	background-position: -1865px -420px
}

b.weather_s_07 {
	width: 35px;
	height: 35px;
	background-position: 0 -580px
}

b.weather_s_07m {
	width: 35px;
	height: 35px;
	background-position: -85px -580px
}

b.weather_s_08 {
	width: 35px;
	height: 35px;
	background-position: -170px -580px
}

b.weather_s_08m {
	width: 35px;
	height: 35px;
	background-position: -255px -580px
}

b.weather_s_09 {
	width: 35px;
	height: 35px;
	background-position: -340px -580px
}

b.weather_s_09m {
	width: 35px;
	height: 35px;
	background-position: -425px -580px
}

b.weather_s_10 {
	width: 35px;
	height: 35px;
	background-position: -510px -580px
}

b.weather_s_10m {
	width: 35px;
	height: 35px;
	background-position: -595px -580px
}

b.weather_s_11 {
	width: 35px;
	height: 35px;
	background-position: -680px -580px
}

b.weather_s_11m {
	width: 35px;
	height: 35px;
	background-position: -765px -580px
}

b.weather_s_12 {
	width: 35px;
	height: 35px;
	background-position: -850px -580px
}

b.weather_s_12m {
	width: 35px;
	height: 35px;
	background-position: -935px -580px
}

b.weather_s_13 {
	width: 35px;
	height: 35px;
	background-position: -1020px -580px
}

b.weather_s_13m {
	width: 35px;
	height: 35px;
	background-position: -1105px -580px
}

b.weather_s_14 {
	width: 35px;
	height: 35px;
	background-position: -1190px -580px
}

b.weather_s_14m {
	width: 35px;
	height: 35px;
	background-position: -1275px -580px
}

b.weather_s_15 {
	width: 35px;
	height: 35px;
	background-position: -1360px -580px
}

b.weather_s_15m {
	width: 35px;
	height: 35px;
	background-position: -1445px -580px
}

b.weather_s_16 {
	width: 35px;
	height: 35px;
	background-position: -1530px -580px
}

b.weather_s_16m {
	width: 35px;
	height: 35px;
	background-position: -1615px -580px
}

b.weather_s_17 {
	width: 35px;
	height: 35px;
	background-position: -1700px -580px
}

b.weather_s_17m {
	width: 35px;
	height: 35px;
	background-position: -1785px -580px
}

b.weather_s_18 {
	width: 35px;
	height: 35px;
	background-position: -1870px -580px
}

nav {
	display: none
}

#nav {
	position: relative;
	padding: 0 0 10px;
	color: #999;
	width: 100%;
	display: block;
	font-size: 1.4rem;
}

body.mag_category #nav, body.author_list #nav, body.author_articles_list #nav {
	display: none;
}

@media (max-width:767px) {
	#nav {
		padding: 0 10px 10px
	}
}

#nav a {
	color: #666;
	text-decoration: underline;
}

#nav a:hover {
	text-decoration: none
}

#nav a.now {
	color: #666;
}

#nav>b {
	color: #666;
	font-weight: 400;
}

.faq #nav {
	padding: 0 0 21px
}

#hot_key {
	position: absolute;
	top: 0;
	right: 0;
}

#hot_key a {
	color: #666
}

#rubric_body {
	line-height: 1.9;
}

#rubric_body dl {
	float: left
}

#rubric_body dt {
	overflow: hidden;
}

#rubric_body dt a {
	position: relative;
	display: block;
	float: left;
	width: 180px;
	padding: 0 0 10px;
	line-height: 1.5;
}

#rubric_body dt a img {
	display: block
}

#rubric_body a.pro {
	width: 80px;
	padding: 0 10px 0 0;
	color: #999;
	text-align: center
}

#album_body>a {
	font-weight: 700
}

#album_body dt a {
	display: block;
	padding: 0 0 5px
}

#channel_tab a:hover, #channel_tab .active {
	color: #00ada9;
	background: #f5f5f5
}

#footer {
	display: block;
	display: table;
	float: none;
	width: 100%;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	background: #000;
	clear: both;
}

#footer b {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400
}

#footer_wrapper {
	width: 1200px;
	margin: auto;
	padding: 22px 0 18px;
}

@media (max-width:1216px) {
	#footer_wrapper {
		width: 940px;
		padding: 22px 30px 18px
	}
}

@media (max-width:1016px) {
	#footer_wrapper {
		width: 690px;
		padding: 22px 30px 18px
	}
}

@media (max-width:767px) {
	#footer_wrapper {
		width: 100%;
		text-align: center;
		padding: 22px 0 18px
	}
}

#footer_wrapper a {
	color: #fff
}

#gotop {
	display: none;
	position: fixed;
	overflow: hidden;
	width: 46px;
	height: 46px;
	right: 30px;
	bottom: 50px;
	color: #444;
	font-size: 34px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	background: none;
	border-radius: 6px;
	z-index: 11;
	filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

@media (max-width:767px) {
	#gotop {
		right: 5px;
		bottom: 60px;
	}
}

#gotop:before {
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	display: block;
	width: 42px;
	height: 42px;
	color: #898989;
	line-height: 36px;
	border-radius: 99em;
	border: 2px solid #898989;
	background-color: rgba(255, 255, 255, 0.7);
}

#header {
	position: relative;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 126px;
	background: #ffe634;
	margin: 0 auto 10px;
	z-index: 88888;
}

@media (max-width:767px) {
	#header {
		display: none
	}
}

#header.active {
	z-index: inherit
}

#header .channel {
	position: absolute;
	display: none;
	top: 22px;
	left: 150px;
	width: 395px;
	margin: 0;
	padding: 8px 16px 16px;
	border-top: 5px solid #666;
	-moz-box-shadow: #666 0 3px 3px;
	-webkit-box-shadow: #666 0 3px 3px;
	background: #fff;
	box-shadow: #666 0 3px 3px;
	z-index: 88889;
}

#header .channel a {
	width: 79px;
	height: 25px;
	margin: 0 0 10px;
	text-decoration: none
}

#header_body_wrapper {
	position: relative;
	width: 1200px;
	height: 64px;
	margin: auto;
	z-index: 20;
}

@media (max-width:1216px) {
	#header_body_wrapper {
		width: 1000px
	}
}

@media (max-width:1016px) {
	#header_body_wrapper {
		width: 750px
	}
}

@media (max-width:767px) {
	#header_body_wrapper {
		width: 100%
	}
}

#header_head {
	height: 22px;
	line-height: 22px;
	background: #ffe634;
}

#header_head_fun {
	display: none;
}

#header_head_fun>a {
	position: relative;
	margin: 0 28px 0 0;
	color: #606060;
	background: url("//oops.udn.com/img/sprite.png") no-repeat;
}

@media (max-width:1016px) {
	#header_head_fun>a {
		margin: 0 10px 0 0
	}
}

@media (max-width:767px) {
	#header_head_fun>a {
		margin: 0 8px 0 0;
		padding: 0 0 0 21px
	}
}

#header_head_fun>a#apps {
	padding: 0 0 0 20px;
	background-position: -183px -238px
}

#header_head_fun>a#family {
	margin: 0 18px 0 0;
	padding: 0 10px 0 21px;
	background-position: -182px -316px;
}

@media (max-width:767px) {
	#header_head_fun>a#family {
		margin: 0 8px 0 0;
		padding: 0 0 0 21px
	}
}

#header_head_fun>a#family.family_toggle {
	display: inline-block;
	background-color: #666;
	color: #fff
}

#header_head_fun>a#fans {
	padding: 0 0 0 19px;
	background-position: -183px -197px;
}

@media (max-width:767px) {
	#header_head_fun>a#fans {
		margin: 0 8px 0 0;
		padding: 0 0 0 21px
	}
}

#header_head_fun>a#gohome {
	display: inline-block;
	padding: 0 0 0 19px;
	background-position: -184px -2567px
}

#header_head_fun>a#rss {
	padding: 0 0 0 19px;
	background-position: -184px -277px
}

#header_head_fun>a#temporary {
	margin: 0 3px 0 0;
	padding: 0 0 0 19px;
	background-position: -184px -355px
}

#header_head_fun b {
	position: relative;
	display: inline-block;
	top: -3px;
	padding: 0 3px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #fb4c2f;
	border-radius: 6px;
	line-height: 16px;
	overflow: hidden
}

#header_head_fun #sethome>a {
	position: relative;
	margin: 0 28px 0 0;
	color: #606060;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -184px -158px;
	padding: 0 0 0 19px
}

#sethome {
	position: relative;
	display: inline-block;
}

#sethome div {
	position: absolute;
	left: 0;
	top: 20px;
	display: none;
	border: solid 1px #ccc;
	padding: 30px 50px 20px 30px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.7;
	white-space: nowrap;
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
	background: #fff;
	z-index: 999;
	color: #444;
}

#sethome div b {
	display: block;
	border-bottom: solid 1px #eee;
	padding: 0 0 5px;
	margin: 0 0 5px;
	background: none;
	font-size: 15px;
	font-size: 1.5rem;
	color: #414743;
	font-weight: 700;
	border-radius: 0;
	color: #00ada9
}

#sethome div i {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background-color: #aaa;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-style: normal;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

#sethome div i:hover {
	background-color: #666
}

#sethome div u {
	background: url("//oops.udn.com/img/sprite.png") no-repeat right top;
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	top: 10px;
	left: 5px;
}

#sethome div u.firefox {
	background-position: -260px top;
	width: 54px;
	height: 20px;
	top: 5px
}

#header_head_member {
	float: right;
	width: 25%;
	color: #b4b4b4;
	text-align: right;
}

#header_head_member a#log {
	padding: 0 0 0 19px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -184px -120px
}

#header_head_member a {
	display: inline;
	color: #00ada9
}

#header_head_wrapper {
	background-image: url("//oops.udn.com/img/doll.png");
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 0;
	left: 50%;
	width: 300px;
	height: 126px;
	z-index: 13;
	margin-left: -802px;
}

@media (max-width:1216px) {
	#header_head_wrapper {
		margin-left: -702px
	}
}

@media (max-width:1016px) {
	#header_head_wrapper {
		margin-left: -577px
	}
}

@media (max-width:1016px) {
	#header_head_wrapper .channel span.hover, #header_head_wrapper .channel a b {
		left: 15px
	}
}

#header_head_wrapper a {
	display: inline-block;
	line-height: 22px;
	overflow: hidden
}

#header_search {
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 1000;
	width: 295px
}

#logo {
	position: absolute;
	display: block;
	top: 10px;
	left: 0;
	width: 172px;
	height: 47px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat left top
}

.mypage_save #logo, .mypage_author #logo, .mypage_disease #logo, .mypage_stars #logo {
	background: url("//oops.udn.com/img/mypage.png") no-repeat left top
}

#mainbar {
	position: relative;
	float: left;
	width: 832px;
}

@media (max-width:1216px) {
	#mainbar {
		width: 668px;
	}
}

@media (max-width:1016px) {
	#mainbar {
		width: 750px;
		padding: 0 32px 0px;
		box-sizing: border-box;
		float: none;
	}
}

@media (max-width:767px) {
	#mainbar {
		width: 100%;
		padding: 0;
	}
}

#mainbar .area > h1, #mainbar .area > h3, .area > h3, #story_foot_more > h3, #story_foot_recommend>h3 {
	position: relative;
	line-height: 50px;
	overflow: hidden;
	font-size: 2.2rem;
	color: #00ada9;
	padding: 0 0 10px;
}

@media (max-width:767px) {
	#mainbar .area>h3, .area>h3, #story_foot_more>h3, #story_foot_recommend>h3 {
		padding: 0;
	}
}

#msg {
	position: relative;
	display: block;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto 10px;
	background: #d64937;
}

@media (max-width:1216px) {
	#msg {
		width: 1000px
	}
}

@media (max-width:1016px) {
	#msg {
		width: 750px
	}
}

@media (max-width:767px) {
	#msg {
		width: auto;
		margin: 10px
	}
}

@media (max-width:767px) {
	#msg {
		width: 100%
	}
}

#msg a:hover h1 {
	background: #c83426
}

#msg h1 {
	float: left;
	display: block;
	line-height: 55px;
	width: 50%;
	width: 100% \7;
	text-indent: 20px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

@media (max-width:1016px) {
	#msg h1 {
		width: 100%
	}
}

@media (max-width:767px) {
	#msg h1 {
		margin: 0;
		padding: 0 10px;
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
		font-weight: bold
	}
}

#search_kw {
	float: left;
	width: 216px;
	height: 28px;
	color: #414743;
	font-size: 15px;
	font-size: 1.5rem;
	border-style: none;
	border-width: 0;
	line-height: 28px;
	overflow: hidden
}

#search_submit {
	display: inline-block;
	float: right;
	width: 66px;
	height: 33px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #666 url("//oops.udn.com/img/sprite.png") no-repeat -17px -960px;
	border-radius: 2px;
	overflow: hidden;
}

#search_submit:hover {
	background-color: #333
}

.sendtn, .sendtn2 {
	display: inline-block;
	width: 222px;
	height: 44px;
	margin: 0 0 18px;
	color: #414743;
	text-align: center;
	letter-spacing: 1px;
	background: #f5f5f5;
	border: 1px solid #eee;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 44px;
}

.sendtn:hover, .sendtn2:hover {
	color: #fff;
	background: #444
}

@media (max-width:767px) {
	.sendtn, .sendtn2 {
		bottom: 0;
		left: 10px;
		position: absolute
	}
}

.sendtn2 {
	color: #fff;
	background: #888;
	border: 1px solid #ccc;
}

@media (max-width:767px) {
	.sendtn2 {
		bottom: 60px
	}
}

#sform1 {
	float: left;
	height: 30px;
	margin: 0 3px 0 0;
	padding: 2px 2px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #fff;
}

@media (max-width:767px) {
	#sform1 {
		margin: 0
	}
}

#show_box .close {
	position: absolute;
	display: block;
	right: -10px;
	bottom: -10px;
	width: 53px;
	height: 51px;
	margin: 0;
	background: #c4c4c4 url("//oops.udn.com/img/sprite.png") no-repeat scroll 1px -151px;
	z-index: 12;
}

#show_box .close:hover {
	background-color: #999
}

#sidebar dt a {
	line-height: 1.4;
	display: block;
	padding: 0 0 15px;
}

#sidebar a:hover, #footer_wrapper a:hover, #header_head_wrapper a:hover, #sitemap_wrapper a:hover {
	text-decoration: underline
}

#sidebar_attention_body a {
	display: block;
	height: 50px;
	margin: 0 0 10px;
	line-height: 50px
}

#sidebar_attention_body b {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	background-image: url("/img/sprite.png");
	background-repeat: no-repeat
}

#sidebar_fix {
	width: 300px;
}

@media (max-width:1016px) {
	#sidebar_fix {
		position: relative;
		width: 100%;
		margin: 20px 0 0;
		box-sizing: border-box;
		background: #fff;
	}
}

@media (max-width:767px) {
	#sidebar_fix {
		width: 100%
	}
}

#sitemap {
	display: table;
	width: 100%;
	background: #d8d8d8;
}

#sitemap h3 {
	padding: 14px 0 12px;
	color: #333
}

#sitemap_wrapper {
	width: 1200px;
	margin: auto;
}

@media (max-width:1216px) {
	#sitemap_wrapper {
		width: 940px;
		padding: 0 30px
	}
}

@media (max-width:1016px) {
	#sitemap_wrapper {
		width: 690px
	}
}

#sitemap_wrapper .group dl {
	margin: 0 30px 0 0;
}

@media (max-width:1216px) {
	#sitemap_wrapper .group dl {
		margin: 0 16px 0 0
	}
}

@media (max-width:1016px) {
	#sitemap_wrapper .group dl {
		margin: 0 47px 0 0
	}
}

#sitemap_wrapper a {
	display: block;
	color: #666
}

#sitemap_wrapper dl {
	padding: 0 0 22px;
	overflow: hidden;
}

@media (max-width:1016px) {
	#sitemap_wrapper dl {
		padding: 0
	}
}

#sitemap_wrapper dl dl {
	float: left;
	padding: 0
}

#sitemap_wrapper dt {
	float: left;
	margin: 0 36px 0 0;
}

@media (max-width:1216px) {
	#sitemap_wrapper dt {
		margin: 0 16px 0 0
	}
}

@media (max-width:1016px) {
	#sitemap_wrapper dt {
		min-height: 244px;
		margin: 0 47px 0 0
	}
}

#sitemap_wrapper dt b {
	display: block;
	margin: 16px 0;
	color: #555
}

#sitemap_wrapper hr {
	border-bottom-color: #d7e8f4
}

#tv_body {
	padding: 28px 0 32px 32px;
	overflow: hidden;
}

@media (max-width:1216px) {
	#tv_body {
		padding: 28px 0 32px 24px
	}
}

@media (max-width:1016px) {
	#tv_body {
		padding: 28px 0 32px 34px
	}
}

#tv_body dt a {
	position: relative;
	display: block;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
}

@media (max-width:1216px) {
	#tv_body dt a {
		margin: 0 19px 0 0
	}
}

@media (max-width:1016px) {
	#tv_body dt a {
		margin: 0 38px 0 0
	}
}

#tv_body dt b {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -159px -707px;
	overflow: hidden
}

#tv_body dt h4 {
	padding: 6px 0 1px;
	font-weight: 400
}

.mag_story #tv_body a {
	margin: 0 38px 0 0
}

#wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto 30px;
	display: table;
	overflow: visible;
	z-index: 1;
}

@media (max-width:1216px) {
	#wrapper {
		width: 1000px
	}
}

@media (max-width:1016px) {
	#wrapper {
		width: 750px
	}
}

@media (max-width:767px) {
	#wrapper {
		width: 100%;
		margin: 0;
		display: block
	}
}

.area {
	margin: 0 0 10px;
}

@media (max-width:767px) {
	.area {
		margin: 0 10px 10px
	}
}

.area h3 a, .category_box>h3, #story_foot h3 {
	color: #00ada9;
}

body.mag_category .category_box>h3 {
	border-bottom: 3px solid #00ada9;
	display: inline;
	padding: 0 !important;
}

.area h1 span, .area h3 span {
	border-bottom: 3px solid #00ada9;
}

.area h3 a {
	border-bottom: 3px solid #00ada9;
}

.area h3 a:hover, #sidebar .area h3 a:hover {
	text-decoration: none;
}

.area h3 a.more {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	border: none;
}

.area h3 a.more:before {
	border-bottom: none;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	content: '\72';
	display: inline-block;
	color: #666;
	font-size: 28px;
	line-height: inherit;
}

.area h3 a.more:hover {
	background-color: #f2f2f2
}

.arrow-bottom {
	position: absolute;
	display: inline-block;
	top: 10px;
	right: 10px;
	width: 1px;
	height: 1px;
	margin-left: 5px;
	border-top: 4px solid #606060;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.channel {
	position: relative;
	margin: 18px 0 0;
	border-top: 5px solid #ef6a25;
}

@media (max-width:1016px) {
	.channel {
		margin: 390px 0 0
	}
}

.channel a {
	position: relative;
	display: block;
	float: left;
	width: 7.13%;
	width: 7.12%;
	height: 25px;
	padding-top: 47px;
	color: #222;
	text-align: center;
}

.channel a:hover {
	color: #00ada9
}

@media (max-width:1216px) {
	.channel a {
		width: 7.13%
	}
}

.channel b {
	position: absolute;
	display: block;
	top: 0;
	width: 50px;
	height: 47px;
	margin: auto;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -101px -200px
}

.channel a b, .channel span.hover {
	left: 16px;
}

@media (max-width:1216px) {
	.channel a b, .channel span.hover {
		left: 12px
	}
}

@media (max-width:1016px) {
	.channel a b, .channel span.hover {
		left: 3px
	}
}

.channel a.channel_10_btn b {
	background-position: -101px -600px
}

.channel span.hover {
	position: absolute;
	top: 0;
	width: 50px;
	height: 47px;
	background-image: url("//oops.udn.com/img/sprite.png")
}

#header_channel a b {
	left: 15px
}

.channel a.channel_10_btn:hover b, .channel a.channel_10_btn span.hover, a.channel_10_btn.active b, a.channel_10_btn.active span {
	background-position: -51px -600px
}

.channel a.channel_11_btn b {
	background-position: -101px -650px
}

.channel a.channel_11_btn:hover b, .channel a.channel_11_btn span.hover, a.channel_11_btn.active b, a.channel_11_btn.active span {
	background-position: -51px -650px
}

.channel a.channel_12_btn b {
	background-position: -101px -700px
}

.channel a.channel_12_btn:hover b, .channel a.channel_12_btn span.hover, a.channel_12_btn.active b, a.channel_12_btn.active span {
	background-position: -51px -700px
}

.channel a.channel_13_btn b {
	background-position: -101px -750px
}

.channel a.channel_13_btn:hover b, .channel a.channel_13_btn span.hover, a.channel_13_btn.active b, a.channel_13_btn.active span {
	background-position: -51px -750px
}

.channel a.channel_14_btn b {
	background-position: -101px -1302px
}

.channel a.channel_14_btn:hover b, .channel a.channel_14_btn span.hover, a.channel_14_btn.active b, a.channel_14_btn.active span {
	background-position: -101px -1552px
}

.channel a.channel_15_btn b {
	background-position: -101px -850px
}

.channel a.channel_15_btn:hover b, .channel a.channel_15_btn span.hover, a.channel_15_btn.active b, a.channel_15_btn.active span {
	background-position: -51px -850px
}

.channel a.channel_16_btn b {
	background-position: -101px -1150px
}

.channel a.channel_16_btn:hover b, .channel a.channel_16_btn span.hover, a.channel_16_btn.active b, a.channel_16_btn.active span {
	background-position: -51px -1150px
}

.channel a.channel_17_btn b {
	background-position: -48px -2399px
}

.channel a.channel_17_btn:hover b, .channel a.channel_17_btn span.hover, a.channel_17_btn.active b, a.channel_17_btn.active span {
	background-position: 1px -2399px
}

.channel a.channel_18_btn b {
	background-position: -50px -2349px
}

.channel a.channel_18_btn:hover b, .channel a.channel_18_btn span.hover, a.channel_18_btn.active b, a.channel_18_btn.active span {
	background-position: 0 -2349px
}

.channel a.channel_19_btn b {
	background-position: -50px -2449px
}

.channel a.channel_19_btn:hover b, .channel a.channel_19_btn span.hover, a.channel_19_btn.active b, a.channel_19_btn.active span {
	background-position: 0 -2449px
}

.channel a.channel_20_btn b {
	background-position: -50px -2499px
}

.channel a.channel_20_btn:hover b, .channel a.channel_20_btn span.hover, a.channel_20_btn.active b, a.channel_20_btn.active span {
	background-position: 0 -2499px
}

.channel a.channel_21_btn b {
	background-position: -50px -2700px
}

.channel a.channel_21_btn:hover b, .channel a.channel_21_btn span.hover, a.channel_21_btn.active b, a.channel_21_btn.active span {
	background-position: 0 -2700px
}

.channel a.channel_1_btn:hover b, .channel_1_btn span.hover, a.channel_1_btn.active b, a.channel_1_btn.active span {
	background-position: -51px -200px
}

.channel a.channel_2_btn b {
	background-position: -98px -151px
}

.channel a.channel_2_btn:hover b, .channel a.channel_2_btn span.hover, a.channel_2_btn.active b, a.channel_2_btn.active span {
	background-position: -49px -151px
}

.channel a.channel_3_btn b {
	background-position: -101px -250px
}

.channel a.channel_3_btn:hover b, .channel a.channel_3_btn span.hover, a.channel_3_btn.active b, a.channel_3_btn.active span {
	background-position: -51px -250px
}

.channel a.channel_4_btn b {
	background-position: -101px -300px
}

.channel a.channel_4_btn:hover b, .channel a.channel_4_btn span.hover, a.channel_4_btn.active b, a.channel_4_btn.active span {
	background-position: -51px -300px
}

.channel a.channel_5_btn b {
	background-position: -101px -350px
}

.channel a.channel_5_btn:hover b, .channel a.channel_5_btn span.hover, a.channel_5_btn.active b, a.channel_5_btn.active span {
	background-position: -51px -350px
}

.channel a.channel_6_btn b {
	background-position: -101px -400px
}

.channel a.channel_6_btn:hover b, .channel a.channel_6_btn span.hover, a.channel_6_btn.active b, a.channel_6_btn.active span {
	background-position: -51px -400px
}

.channel a.channel_7_btn b {
	background-position: -101px -450px
}

.channel a.channel_7_btn:hover b, .channel a.channel_7_btn span.hover, a.channel_7_btn.active b, a.channel_7_btn.active span {
	background-position: -51px -450px
}

.channel a.channel_8_btn b {
	background-position: -101px -500px
}

.channel a.channel_8_btn:hover b, .channel a.channel_8_btn span.hover, a.channel_8_btn.active b, a.channel_8_btn.active span {
	background-position: -51px -500px
}

.channel a.channel_9_btn b {
	background-position: -101px -550px
}

.channel a.channel_9_btn:hover b, .channel a.channel_9_btn span.hover, a.channel_9_btn.active b, a.channel_9_btn.active span {
	background-position: -51px -550px
}

.pagelink {
	position: relative;
	padding: 20px 0 40px;
	text-align: center;
	clear: both;
	font-family: "Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;
}

.pagelink a {
	margin: 0 5px 0 0;
	padding: 6px 15px 5px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	float: none
}

.pagelink a:hover, .pagelink .on {
	color: #fff;
	text-decoration: none;
	background: #aaa;
	border: 1px solid #999
}

.sendbtn {
	border-top: 1px solid #dedede;
	clear: both;
}

.sendbtn a:hover {
	color: #fff;
	background: #ef6a25
}

.sendbtn b {
	display: block;
	float: left;
	width: 34px;
	height: 44px;
	margin: 0 0 0 57px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -108px -2155px
}

.sendbtn a {
	display: block;
	width: 222px;
	height: 44px;
	margin: auto;
	color: #fff;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	letter-spacing: 1px;
	background: #6fb1f0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 44px;
	text-shadow: 1px 1px 1px #ef6a25
}

.showmore {
	border: none;
	margin: 0 0 32px;
	border-top: 1px solid #dedede;
}

.showmore .more {
	display: block;
	width: 222px;
	height: 44px;
	margin: auto;
	color: #666;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	letter-spacing: 1px;
	background: #e5e5e5;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 44px;
	text-shadow: none;
}

.showmore .more:hover {
	color: #222;
	background: #ddd
}

.showmore .more b {
	display: block;
	float: left;
	width: 25px;
	height: 44px;
	margin: 0 0 0 57px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -16px -503px
}

.sidebar_fix {
	position: fixed
}

.single {
	padding: 28px 32px 32px;
	font-size: 15px;
	font-size: 1.5rem;
}

.single a {
	color: #00ada9;
	text-decoration: underline
}

@media (max-width:767px) {
	.copyright .single, .privacy .single {
		padding: 20px 10px 30px
	}
}

.total {
	padding: 0 0 0 10px;
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
}

@media (max-width:767px) {
	.total {
		display: block;
		padding: 10px
	}
}

.udn_facebook b {
	background-position: -100px -1350px
}

.udn_google b {
	background-position: -100px -1400px
}

.udn_line {
	line-height: 113px;
}

.udn_line img {
	float: left;
	margin-right: 10px
}

.udn_plurk b {
	background-position: -100px -1750px
}

.udn_rss b {
	background-position: -100px -1500px
}

.udn_twitter b {
	background-position: -100px -1450px
}

#mag_topic_body a, #mag_hot_body a, #content_body.type_1 a b, #tab1 dt>a, #tab2 dt>a, #tab3 dt>a, #tab4 dt>a {
	width: 100%;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

#content_body.type_1 .share a b {
	width: 24px !important
}

.type_6 dt dt>a {
	width: auto;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}

.type_6 dt dt>h3, .type_6 #content_body_mag>dt dt>a {
	margin: 0 0 15px 115px
}

@media (max-width:1216px) {
	.type_7 .index_video {
		width: 370px !important;
		height: 310px !important
	}
}

@media (max-width:1016px) {
	.type_7 .index_video {
		width: 380px !important;
		height: 315px !important;
		padding: 14px 33px !important
	}
}

@media (max-width:1216px) {
	.type_7 .index_mid_ad1 {
		width: 202px !important;
		height: 338px !important
	}
}

@media (max-width:1016px) {
	.type_7 .index_mid_ad1 {
		width: 228px !important;
		height: 343px !important
	}

	.type_7 .index_mid_ad1 img {
		height: 228px !important
	}
}

@media (max-width:1216px) {
	.type_7 .index_read_block li {
		width: 177.2px !important;
		height: 210px !important
	}
}

@media (max-width:1016px) {
	.type_7 .index_read_block li {
		width: 139.5px !important;
		height: 190px !important
	}
}

@media (max-width:1216px) {
	.index_mid_ad1 img {
		height: 222px !important
	}
}

.type_8 #content_body_mag {
	padding: 300px 0 0;
}

@media (max-width:1216px) {
	.type_8 #content_body_mag {
		padding: 240px 0 16px
	}

	.type_8 #content_body_mag>dt>a {
		display: none
	}

	.type_8 #content_body_mag>dt dt>a {
		margin: 0 0 12px 22px
	}
}

@media (max-width:1016px) {
	.type_8 #content_body_mag {
		padding: 260px 0 16px
	}
}

#album_photos {
	position: absolute;
	top: 20px;
	left: -9999px;
	z-index: 11;
	background: #fff;
	border: 10px solid #c4c4c4;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 30px #333;
	-moz-box-shadow: 0 0 30px #333;
	box-shadow: 0 0 30px #333
}

#album_photos_body img {
	max-width: 100%;
	width: auto
}

#album_photos_body h1 {
	box-sizing: border-box;
	position: absolute;
	left: 60px;
	bottom: 10px;
	color: #414743;
	width: 280px;
	height: 84px;
	border-right: solid 1px #777;
	padding: 0 10px 0 0;
	font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.4;
	font-weight: bold
}

#album_photos_body b {
	box-sizing: border-box;
	position: absolute;
	left: 376px;
	bottom: 10px;
	color: #414743;
	margin: 0 180px 0 0;
	overflow-y: auto;
	font-weight: 400;
	height: 80px;
	line-height: 1.5
}

#album_photos_body a.share {
	background: url("//oops.udn.com/img/sprite.png") no-repeat scroll -100px -2650px;
	bottom: 50px;
	display: block;
	height: 50px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	width: 50px
}

#album_photos_body .page {
	color: #414743;
	bottom: 60px;
	position: absolute;
	right: 90px;
	font-weight: 700
}

@media (max-width:1216px) {
	#show_box #album_photos_body h1 {
		left: 40px;
		width: 270px
	}
}

@media (max-width:1016px) {
	#show_box #album_photos_body h1 {
		left: 10px;
		width: 150px;
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 25px
	}
}

@media (max-width:767px) {
	#show_box #album_photos_body h1 {
		left: 10px;
		bottom: 7px;
		width: auto;
		height: 50px;
		margin: 0 120px 0 0;
		font-family: "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 25px;
		font-weight: bold
	}
}

@media (max-width:1216px) {
	#show_box #album_photos_body b {
		left: 336px;
		margin: 0 140px 0 0
	}
}

@media (max-width:1016px) {
	#show_box #album_photos_body b {
		left: 176px
	}
}

@media (max-width:767px) {
	#show_box #album_photos_body b {
		display: none
	}
}

@media (max-width:1216px) {
	#show_box #album_photos_body .page {
		right: 70px
	}
}

@media (max-width:767px) {
	#show_box #album_photos_body .page {
		bottom: 33px;
		right: 50px
	}
}

@media (max-width:1216px) {
	#show_box #album_photos_body a.share {
		right: 20px
	}
}

@media (max-width:1016px) {
	#show_box #album_photos_body a.share {
		right: 10px
	}
}

@media (max-width:767px) {
	#show_box #album_photos_body a.share {
		bottom: -5px;
		right: 45px
	}
}

#album_photos #focus_arrow_prev, #album_photos #focus_arrow_next {
	top: 45%;
}

#album_photos #focus_arrow_prev b, #album_photos #focus_arrow_next b {
	top: 0;
	background: none
}

#mag_most {
	width: 898px;
	margin: 0 0 10px;
	line-height: 1.3;
	overflow: hidden;
}

@media (max-width:1216px) {
	#mag_most {
		width: auto
	}
}

@media (max-width:767px) {
	#mag_most {
		width: auto;
		margin: 0 10px 10px !important;
		display: list-item
	}
}

#mag_most .area {
	float: left;
	width: 439px;
	margin: 0 8px 0 0;
}

@media (max-width:1216px) {
	#mag_most .area {
		width: auto;
		float: none;
		display: block;
		margin: 0
	}
}

@media (max-width:767px) {
	#mag_most .area {
		margin: 0 0 10px;
		display: list-item
	}
}

#mag_most .area_body {
	padding: 15px 32px 22px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	overflow: hidden;
}

@media (max-width:767px) {
	#mag_most .area_body {
		padding: 15px 0 22px 10px
	}
}

@media (max-width:767px) {
	#mag_most .area_body {
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 2;
		font-weight: bold
	}
}

#mag_most .area_body a {
	width: auto;
	width: 100% \7;
	display: block;
	padding: 0 0 0 12px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1060px;
}

#mag_most .area_body a b {
	margin: 0 0 0 15px;
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
}

@media (max-width:1216px) {
	#mag_most .area_body a b {
		display: none
	}
}

#mag_most a b {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	margin: 0 0 0 15px;
	color: #999;
}

@media (max-width:767px) {
	#mag_most a b {
		display: none
	}
}

@media (max-width:1216px) {
	#mag_most_hot.area {
		margin: 0 0 10px
	}
}

#rank_loading {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	display: none;
	width: 100%;
	bottom: 80px
}

#mag_writer {
	min-height: 512px
}

#mag_writer_body a img {
	float: left;
	margin: 0 10px 0 0
}

#mag_writer_body dt {
	margin: 0 0 10px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}

#mag_writer_body dt:last-child {
	border-bottom: none
}

#mag_writer_body dt>a {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}

#mag_writer_body dt>a:hover {
	text-decoration: none
}

#mag_writer_body.area_body h3 {
	padding: 0 0 5px;
}

#mag_writer_body.area_body h3 a {
	width: 100%;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	color: #222
}

#mhome_sub {
	position: absolute;
	top: auto;
	left: auto
}

.area_list a {
	width: auto;
	width: 100% \7;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	padding: 0 0 0 12px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -197px -1060px
}

.video-wrapper {
	width: 873px;
	max-width: 100%
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#market_list.single a {
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
	color: #444;
	line-height: 2
}

#market_list.single:hover {
	color: #00ada9;
	text-decoration: underline
}

#market_list.single .single {
	color: #ccc
}

#news_calendar table, #news_calendar_body table {
	border: 1px solid #e5e5e5;
	background: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 35px
}

#news_calendar a, #news_calendar_body a {
	text-decoration: none
}

#news_calendar table td, #news_calendar_body table td {
	color: #999;
	text-decoration: none;
	padding: 1px
}

#news_calendar table th, #news_calendar_body table th {
	color: #fff;
	background: #6fb1f0;
	font-size: 13px;
	font-size: 1.3rem;
}

#news_calendar table th a, #news_calendar_body table th a {
	color: #fff
}

#news_calendar table a, #news_calendar_body table a {
	text-align: center;
	width: 35px;
	height: 35px;
	color: #414743;
	display: block;
}

#news_calendar table a b, #news_calendar_body table a b {
	color: #00ada9
}

#news_calendar table a.yest, #news_calendar_body table a.yest {
	color: #999;
	background-color: #f5f5f5
}

#news_calendar table a:hover, #news_calendar_body table a:hover, #news_calendar table a:hover b, #news_calendar_body table a:hover b {
	color: #fff;
	background: #6fb1f0;
	text-decoration: none
}

#news_calendar table .updown, #news_calendar_body table .updown {
	background: #a9d0f6
}

#mainbar #history #news_calendar {
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 9;
	display: none;
}

#mainbar #history #news_calendar table a {
	width: 41px
}

#mainbar #history h3 {
	position: relative;
	overflow: visible;
}

#mainbar #history h3>a {
	background: url("//oops.udn.com/img/sprite.png") no-repeat -4px -554px;
}

#mainbar #history h3>a:hover #news_calendar {
	display: block
}

.vote {
	position: relative
}

.showmore .more a, .sendbtn a {
	cursor: pointer
}

.showmore .more .bbox, .sendbtn .bbox {
	line-height: 46px;
	display: table;
	margin: 0 auto
}

.showmore .more b, .sendbtn b {
	margin: 0 3px 0 0 !important
}

.more2, .more3, .more4, .more5, .more6, .more7, .more8 {
	display: none;
}

.vote_body {
	font-size: 15px;
	font-size: 1.5rem;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1;
	min-height: inherit;
	overflow: hidden;
}

.vote_body b {
	display: block;
	margin: 5px 0 15px;
}

.vote_body b.question {
	color: #222
}

.vote_body>b {
	color: #00ada9;
	display: block;
	margin: 5px 0 20px;
	letter-spacing: 1px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold
}

.vote_body .vote_msg {
	color: #f00;
	width: 100%;
	text-align: center;
	line-height: 35px;
	font-weight: bold
}

.vote_body dl {
	padding: 20px 0 10px
}

.vote_body dt {
	position: relative;
	padding: 0 0 10px;
	margin-bottom: 10px;
	line-height: 1.2;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.vote_body dt b {
	margin-left: 18px;
	display: block;
	float: left;
	height: 30px;
	margin: 0;
}

.vote_body dt b.voteend {
	margin-left: 0
}

.vote_body .send {
	display: block;
	margin: 6px 0;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	background: #6fb1f0;
}

.vote_body .send:hover {
	background: #0075c2
}

.vote_body span {
	position: absolute;
	top: 0;
	right: 0
}

#vote_more {
	padding: 0;
	margin-bottom: 10px;
	clear: both
}

#mainbar #vote_more>dl {
	padding: 15px 32px 20px;
}

@media (max-width:767px) {
	#mainbar #vote_more>dl {
		padding: 10px 10px 15px
	}
}

#mainbar #vote_more>dl>dt {
	padding: 0 150px 0 0;
	position: relative;
}

@media (max-width:767px) {
	#mainbar #vote_more>dl>dt {
		padding: 5px 0
	}
}

#mainbar #vote_more>dl>dt a {
	display: block;
	padding: 0;
	background: url("/static/img/sprite.png") no-repeat -197px -1060px;
	font-size: 15px;
	line-height: 2;
}

#mainbar #vote_more>dl>dt a b {
	position: absolute;
	right: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
	margin: 0 0 0 15px
}

@media (max-width:767px) {
	#mainbar #comments {
		padding: 0 10px !important
	}

	#mainbar #comments h3 {
		padding-bottom: 5px !important;
		border-bottom: 1px solid #ddd !important
	}
}

.vote_body label {
	display: block;
	overflow: hidden;
	padding: 0 60px 0 25px;
	position: relative;
}

.vote_body label input {
	left: 0;
	position: absolute;
	top: 0
}

.vote_body input {
	margin: 0 10px 0 0
}

.vote_body .dondon_item label {
	position: relative;
	padding-right: 50px
}

.vote_body .vtotal {
	position: relative;
	top: auto;
	right: auto;
	display: table;
	float: right
}

#story_body_content .vote_body {
	padding: 20px 0
}

.vtotal {
	padding: 10px 0;
	text-align: right
}

.verifyArea {
	float: left;
	display: table;
	line-height: 40px;
	vertical-align: middle;
}

.verifyArea a {
	display: inline-block
}

.verifyArea .captcha {
	width: 120px;
	height: 30px;
	margin: -5px 0 0 5px;
	padding: 0 5px;
	color: #414743;
	font-size: 15px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	line-height: 30px
}

.verifyArea .captcha_img {
	width: 60px;
	height: 26px;
	vertical-align: middle;
	margin: -5px 0 0
}

.vote_item dt {
	padding: 5px 0 10px;
}

.vote_item dt b {
	margin: -6px 0 0 20px;
	position: absolute
}

.vote_body .pk {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px !important;
}

.vote_body .pk dt {
	float: left;
	width: 48%;
	margin: 0 1% !important;
	border-width: 0;
	border-style: none;
	padding-bottom: 0;
}

.vote_body .pk dt>div:first-child {
	position: relative;
	background-color: #f5f5f5;
	display: block;
	overflow: hidden;
}

.vote_body .pk dt>div:first-child img {
	position: relative;
	width: 100% !important;
	height: auto;
	margin: 0 !important;
	overflow: hidden;
	float: right
}

.vote_body .pk a {
	width: auto;
	cursor: pointer
}

.vote_body .pk .sendbtn {
	margin: 10px 0 0;
}

.vote_body .pk .sendbtn b {
	height: 44px
}

.vote_body .pk .pk_area {
	position: relative;
}

.vote_body .pk .pk_area b {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	font-size: 12px;
	width: 30px;
	text-align: center
}

.vote_body .pk>dt .pk_area {
	padding-left: 30px
}

.vote_body .pk>dt:first-child img {
	float: left !important
}

.vote_body .pk>dt:first-child b {
	right: 0 !important;
	left: auto
}

.vote_body .pk>dt:first-child .pk_area {
	padding-left: 0;
	padding-right: 30px
}

#mainbar #story .area, #mainbar #story_body .area {
	padding: 0;
	margin: 0;
	border-width: 0;
	border-style: none
}

#mainbar #story_body .vote {
	border-bottom: 0 none;
	padding: 0;
}

#mainbar #story_body .vote h3 {
	display: none !important
}

#mainbar .vote {
	margin-bottom: 10px;
}

#mainbar .vote .pie {
	float: left;
	width: 300px;
	height: 300px;
	margin: 0 20px 0 10px;
}

@media (max-width:767px) {
	#mainbar .vote .pie {
		float: none;
		width: auto;
		clear: both
	}
}

#mainbar .verifyArea {
	padding-bottom: 20px
}

#mainbar #vote_list_head {
	margin: 0 32px 20px;
	padding: 0;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.8;
}

@media (max-width:767px) {
	#mainbar #vote_list_head {
		margin: 0 10px 20px
	}
}

#mainbar #vote_list_head a {
	display: block;
	float: left;
	min-width: 28px;
	margin: 0 10px 0 0;
	padding: 12px 0 3px;
	color: #666;
	border-bottom: 4px solid #fff;
	text-align: center;
}

#mainbar #vote_list_head a.active, #mainbar #vote_list_head a:hover {
	font-weight: normal;
	font-weight: 700;
	color: #00ada9;
	border-bottom: 4px solid #00ada9
}

#mainbar #vote_list_body {
	padding: 0 32px;
}

@media (max-width:767px) {
	#mainbar #vote_list_body {
		padding: 0 10px
	}
}

#mainbar #vote_list_table .no1 b {
	color: #fff;
	font-weight: 700;
	background: #ff6444;
	border: 1px solid #ff6444
}

#mainbar #vote_list_table .view_result {
	position: relative;
	display: block;
	width: 60px;
	height: 26px;
	margin: auto;
	padding: 0;
	text-indent: -999px;
	background: url("//oops.udn.com/img/sprite.png") no-repeat -95px -1714px;
	overflow: hidden
}

#mainbar #vote_list_table a {
	padding: 0 0 0 20px;
	color: #414743;
	font-size: 15px
}

#mainbar #vote_list_table b {
	display: block;
	width: 23px;
	height: 23px;
	margin: auto;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	background: #fff;
	border: 1px solid #f2f2f2;
	line-height: 25px
}

#mainbar #vote_list_table td {
	padding: 10px 0;
	border-bottom: 1px dotted #888;
	font-size: 13px;
	line-height: 1.8
}

#mainbar #vote_list_table th {
	padding: 10px 5px 10px 0;
	border-bottom: 3px solid #d7d7d7;
	white-space: nowrap;
	font-size: 13px;
	line-height: 1.8;
	font-weight: bold
}

#mainbar #vote_list_table tr:hover td {
	background: #fff
}

#mainbar #ranking_table .striped, #mainbar #vote_list_table .striped, #mainbar #weather_index_table .striped {
	background: #f5f5f5
}

#sidebar .area {
	position: relative
}

#sidebar .vote_body b.question {
	margin: 0
}

#sidebar .vote_body dl {
	padding-left: 0 !important;
	padding-right: 0 !important
}

#sidebar .vote_body dt {
	padding-bottom: 0;
	margin-bottom: 5px
}

#sidebar .vote_body .vtotal {
	position: absolute;
	top: 0;
	bottom: auto;
	right: 15px
}

#sidebar .vote_body .sendbtn {
	margin-top: 10px
}

#sidebar .sendbtn {
	margin: 0;
	border-top-width: 0;
	border-top-style: none;
}

#sidebar .sendbtn a {
	width: auto;
	height: 45px;
	line-height: 45px;
	text-shadow: none;
	cursor: pointer;
	text-decoration: none !important
}

#sidebar .sendbtn a, #sidebar a.btn {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-width: 0 !important;
	border-style: none !important
}

#sidebar .verifyArea {
	position: relative;
	left: auto;
	bottom: auto;
	display: block;
	clear: both;
	float: none;
}

#sidebar .verifyArea input {
	float: right
}

#sidebar .dondon_item {
	padding-top: 0 !important
}

#sidebar .vote_item dt, #sidebar .dondon_item dt {
	border-width: 0;
	border-style: none
}

#verify_body {
	margin: 0;
	padding: 0
}

#verify h3 {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	color: #414743;
	font-size: 16px;
	font-weight: bold;
	line-height: 41px;
	letter-spacing: 1px;
	border-bottom: 1px solid #d7d7d7
}

#verify #verifyform {
	padding: 0 20px 20px;
}

#verify #verifyform a {
	color: #444;
	text-decoration: none
}

#verify #verifyform>label, #verify #verifyform>label>input {
	clear: both;
	float: none;
	display: lock
}

#verify #verifyform>label {
	padding-top: 20px;
	font-size: 13px;
	line-height: 1.8;
	color: #444;
}

#verify #verifyform>label.error {
	margin: 0;
	padding: 0;
	color: #f00
}

#verify #verifyform>label>input {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	color: #414743;
	font-size: 15px;
	line-height: 1.5;
	padding: 5px;
	width: 100%
}

#verify #verifyform #captcha {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	color: #414743;
	font-size: 15px;
	line-height: 1.5;
	padding: 5px;
	width: 100%
}

#verify #verify_sendtn {
	background-color: #f5f5f5;
	border: 1px solid #eee;
	color: #414743;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 44px;
	letter-spacing: 1px;
	line-height: 44px;
	margin: 20px auto;
	text-align: center;
	width: 222px;
	cursor: pointer;
}

#verify #verify_sendtn:hover {
	background-color: #444;
	color: #fff
}

#verify label.error {
	margin: 0;
	padding: 0 0 0 5px;
	color: #f00
}

#vote_more {
	border: 1px solid #ddd
}

#vote_list {
	border: 1px solid #ddd
}

#mainbar .vote {
	background-color: #fff;
	border: 1px solid #ddd;
}

@media (max-width:767px) {
	#mainbar .vote {
		margin: 0 10px 10px
	}
}

#mainbar .vote_body {
	padding-left: 32px;
	padding-right: 32px;
}

@media (max-width:767px) {
	#mainbar .vote_body {
		padding-left: 10px;
		padding-right: 10px
	}
}

#mainbar .vote>h3, #mainbar #vote_more>h3 {
	height: 40px;
	padding: 0 0 0 32px;
	margin: 0;
	border-bottom: 1px solid #d7d7d7;
	background: none;
}

#mainbar .vote>h3 span, #mainbar #vote_more>h3 span {
	display: table;
}

#mainbar .vote>h3 span a, #mainbar #vote_more>h3 span a {
	text-decoration: none;
	display: inline-block
}

#mainbar .vote>h3 span, #mainbar #vote_more>h3 span, #mainbar .vote>h3 span a, #mainbar #vote_more>h3 span a {
	color: #00ada9;
	font-family: "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold
}

#mainbar .vote>h3 span i, #mainbar #vote_more>h3 span i {
	display: none
}

#mainbar .showmore .more, #mainbar .sendbtn a {
	color: #666;
	background-color: #e5e5e5 !important;
	cursor: pointer;
	text-shadow: 1px 1px 1px #ddd !important;
}

#mainbar .showmore .more:hover, #mainbar .sendbtn a:hover {
	background-color: #ddd !important
}

#sidebar .vote>h3 {
	height: 40px;
	padding: 0 14px;
	margin: 0;
	border-bottom: 1px solid #d7d7d7;
	background: none;
}

#sidebar .vote>h3 span, #sidebar .vote>h3 span a {
	color: #00ada9;
	font-family: "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold
}

#sidebar .vote>h3 span i {
	display: none
}

#sidebar .showmore .more, #sidebar .sendbtn a {
	color: #ffe634;
	background-color: #000 !important;
	cursor: pointer;
	text-shadow: 1px 1px 1px #000 !important;
}

#sidebar .showmore .more:hover, #sidebar .sendbtn a:hover {
	color: #fff;
	background-color: #f90 !important;
	cursor: pointer;
	text-shadow: 1px 1px 1px #f90 !important
}

.fb-post.fb_iframe_widget, .fb-post.fb_iframe_widget span, .fb-post.fb_iframe_widget span iframe[style], .fb-comments.fb_iframe_widget, .fb-comments.fb_iframe_widget span, .fb-comments.fb_iframe_widget span iframe[style] {
	min-width: 100% !important;
	width: 100% !important;
}

.fb_iframe_widget {
	display: inline-block;
	position: relative;
}

.shareBar {
	position: relative;
	margin: 35px 0;
}

@media (max-width: 749px) {
	.shareBar {
		margin: 10px 0 20px;
	}
}

.shareBar__main {
	position: relative;
}

@media (max-width: 749px) {
	.shareBar__main {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}

	.shareBar--active .shareBar__main {
		display: block;
	}
}

.shareBar__main:after {
	content: '';
	clear: both;
	display: block;
}

.shareBar__main .set_font_size {
	top: 4px;
	right: 0;
}

.shareBar__main--bar {
	margin: 0;
	padding: 0;
	list-style: none;
}

.shareBar__main--bar li {
	position: relative;
	float: left;
	margin-right: 10px;
	color: #fff;
	line-height: 35px;
}

@media (max-width: 749px) {
	.shareBar__main--bar li {
		margin-right: 10px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
	}
}

.shareBar__main--bar li:hover {
	top: -1px;
}

.shareBar__main--bar li:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 20px;
	margin: 0;
	font-size: 20px;
	line-height: 35px;
	pointer-events: none;
}

@media (max-width: 749px) {
	.shareBar__main--bar li:before {
		position: relative;
		left: auto;
		margin: 0 auto;
		font-size: 25px;
		line-height: 40px;
	}
}

.shareBar__main--bar li a {
	display: block;
	padding: 0 20px 0 50px;
	height: 35px;
	font-size: 13px;
	line-height: 35px;
	color: #fff !important;
	font-family: Helvetica, Arial, "LiHei Pro", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif;
	text-decoration: none !important;
}

@media (max-width: 749px) {
	.shareBar__main--bar li a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 40px;
		height: 40px;
		overflow: hidden;
		opacity: 0;
	}
}

.shareBar__main--bar li.fb {
	background-color: #3b5998;
}

.shareBar__main--bar li.fb:before {
	content: '\45';
}

@media (max-width: 749px) {
	.shareBar__main--bar li.fb {
		display: none;
	}
}

.shareBar__main--bar li.gp {
	background-color: #dd4b39;
}

.shareBar__main--bar li.gp:before {
	content: '\58';
}

.shareBar__main--bar li.line {
	display: none;
	background-color: #4ecd00;
}

.shareBar__main--bar li.line:before {
	content: '\59';
}

@media (max-width: 320px) {
	.shareBar__main--bar li.line {
		display: block;
	}
}

.shareBar__main--bar li.whatsapp {
	display: none;
	position: relative;
	background-color: #43d854;
}

.shareBar__main--bar li.whatsapp:before {
	content: '\e93b';
}

@media (max-width: 749px) {
	.shareBar__main--bar li.whatsapp {
		display: block;
	}
}

.shareBar__main--bar li.whatsapp a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
}

.shareBar__main--bar li.discuss {
	background-color: #999;
}

.shareBar__main--bar li.discuss:before {
	content: '\56';
}

.shareBar__main--bar li.print {
	background-color: #999;
}

.shareBar__main--bar li.print:before {
	content: '\57';
}

@media (max-width: 749px) {
	.shareBar__main--bar li.print {
		display: none;
	}
}

.shareBar__main--bar li.save iframe {
	width: 115px;
	height: 35px;
	border: none;
	padding: 0;
	margin: 0;
}

@media (max-width: 749px) {
	.shareBar__main--bar li.save iframe {
		width: 40px;
		height: 40px;
	}
}

@media print {
	.shareBar__main--bar {
		display: none;
	}
}

.shareBar__info {
	display: flex;
	margin: 25px 0 40px;
	height: 30px;
}

@media (max-width: 749px) {
	.shareBar__info {
		flex-direction: column-reverse;
		margin: 0;
		padding-top: 40px;
		height: auto;
	}
}

.shareBar__info >iframe {
	float: left;
}

.shareBar__info ul {
	float: left;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	line-height: 0;
}

@media (max-width: 749px) {
	.shareBar__info ul {
		padding: 12px 0 13px;
		height: 40px;
		box-sizing: border-box;
	}
}

.shareBar__info li {
	margin: 0;
	padding: 0;
	float: left;
	padding: 0 10px 0 0;
}

@media (max-width: 749px) {
	.shareBar__info li:last-child {
		display: none;
	}
}

.shareBar__info .shareBar__info--author {
	float: left;
	margin: 0 20px 0 0;
	padding: 6px 0;
	color: #8d8d8d;
	font-size: 13px;
	font-family: Helvetica, Arial, "LiHei Pro", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif;
	font-weight: 400;
}

@media (max-width: 1016px) {
	.shareBar__info .shareBar__info--author {
		float: none;
	}
}

@media (max-width: 749px) {
	.shareBar__info .shareBar__info--author {
		font-size: 14px;
	}
}

.shareBar__info .shareBar__info--author span {
	margin-right: 10px;
}

.shareBar__info .shareBar__info--push {
	display: inline-flex;
	flex-direction: row-reverse;
	position: relative;
}

@media (max-width: 749px) {
	.shareBar__info .shareBar__info--push {
		flex-direction: row;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		z-index: 1;
	}

	.shareBar--active .shareBar__info .shareBar__info--push {
		display: none;
	}
}

.shareBar__info .linelike {
	display: none;
	padding: 0;
}

@media (max-width: 749px) {
	.shareBar__info .linelike {
		display: inline-block;
	}
}

@media (max-width: 320px) {
	.shareBar__info .linelike {
		display: none;
	}
}

.shareBar__info .linelike a {
	min-width: 68px;
	position: relative;
	height: 20px;
	padding: 0 5px 0 2px;
	margin: 0;
	background-color: #00b900;
	color: #fff !important;
	font-size: 0;
	line-height: 20px;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-width: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.shareBar__info .linelike a:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	content: '\59';
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

.shareBar__info .linelike span {
	display: inline-block;
	font-size: 12px;
	white-space: nowrap;
	font-weight: 400;
}

#shareBar--open,
  #shareBar--close {
	display: none;
}

@media (max-width: 749px) {
	#shareBar--open,
	#shareBar--close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		height: 40px;
		width: 40px;
		text-align: center;
	}

	#shareBar--open a,
	#shareBar--close a {
		display: block;
		text-decoration: none !important;
		opacity: 1;
	}

	#shareBar--open a:before,
	#shareBar--close a:before {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		content: ',';
		font-size: 25px;
		line-height: 40px;
		color: #666;
	}

	#shareBar--open a:hover,
	#shareBar--close a:hover {
		text-decoration: none;
	}
}

#shareBar--open a {
	transform: rotate(45deg) scale(0.9);
	-webkit-transform: rotate(45deg) scale(0.9);
	-moz-transform: rotate(45deg) scale(0.9);
	-o-transform: rotate(45deg) scale(0.9);
	-ms-transform: rotate(45deg) scale(0.9);
}

.story_bar {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 36px 20px;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
}

@media (max-width: 766px) {
	.story_bar {
		margin: 0;
		padding: 0 10px 20px;
	}
}

.story_bar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.story_bar li {
	position: relative;
	float: left;
	margin-right: 10px;
	color: #fff;
}

@media (max-width: 766px) {
	.story_bar li {
		margin-right: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
	}
}

.story_bar li:hover {
	top: -1px;
}

.story_bar li:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 20px;
	margin: 0;
	font-size: 20px;
	line-height: 40px;
	pointer-events: none;
}

@media (max-width: 766px) {
	.story_bar li:before {
		position: relative;
		left: auto;
		margin: 0 auto;
		font-size: 25px;
		line-height: 40px;
	}
}

.story_bar li a {
	display: block;
	padding: 0 20px 0 50px;
	height: 35px;
	font-size: 12px;
	line-height: 39px;
	color: #fff !important;
	font-family: Helvetica, Arial, "LiHei Pro", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif;
	text-decoration: none !important;
}

@media (max-width: 766px) {
	.story_bar li a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 40px;
		height: 40px;
		overflow: hidden;
		opacity: 0;
	}
}

.story_bar li.fb {
	background-color: #3b5998;
}

.story_bar li.fb:before {
	content: '\45';
}

.story_bar li.gp {
	background-color: #dd4b39;
}

.story_bar li.gp:before {
	content: '\58';
}

.story_bar li.line {
	background-color: #4ecd00;
}

.story_bar li.line.only_mobile {
	display: none;
}

@media (max-width: 766px) {
	.story_bar li.line.only_mobile {
		display: block;
	}
}

.story_bar li.line:before {
	content: '\59';
}

.story_bar li.discuss {
	background-color: #999;
}

.story_bar li.discuss:before {
	content: '\56';
}

.story_bar li.print {
	background-color: #999;
}

@media (max-width: 766px) {
	.story_bar li.print {
		display: none;
	}
}

.story_bar li.print:before {
	content: '\57';
}

.story_bar li.save iframe {
	width: 115px;
	height: 37px;
}

@media (max-width: 766px) {
	.story_bar li.save iframe {
		width: 40px;
		height: 40px;
	}
}

@media print {
	.story_bar {
		display: none;
	}
}

.set_font_size {
	position: absolute;
	right: 36px;
	top: 0;
	border: solid 1px #b9b9b9;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.set_font_size a {
	text-decoration: none !important;
	display: block;
	padding: 0 6px 0 8px;
	margin: 1px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 34px;
	height: 32px;
	color: #666 !important;
	float: left;
}

.set_font_size a:last-child {
	border-left: solid 1px #b9b9b9;
	padding: 0 6px;
}

.set_font_size a:hover {
	background-color: #f5f5f5;
	color: #414743;
	text-decoration: none;
}

@media (max-width: 766px) {
	.set_font_size.only_web {
		display: none;
	}
}
	















@media (max-width: 640px) {
	#ERuoops {
		height: 384px;
	}

	#udesign {
		height: 409px;
	}
}