/*@import url("display.css");*/
@import url("http://act.chinatimes.com/aimg/display.css");

/*-------------------------------------------------------*/
/*global*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, iframe {
	margin: 0;
	padding: 0;
}
* {
	word-break: break-all;
}
body {
	background: #FFFFFF;
	text-align: center;
	color: #000000;
	font: 13px/1.47 "Arial", "PMingLiU";
}
img {
	border-width: 0;
	-ms-interpolation-mode: bicubic;
}
map {
	height: 0;
	width: 0;
}

.pointer {
	cursor: pointer;
}
fieldset {
	border-style: none;
}
select option {
	margin: 2px 0;
	padding: 0 5px;
}
a:link, a:visited {
	color: #114477;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF3300;
	text-decoration: none;
}
.br-clear,
.clear {
	display: block;
	clear: both;
	height: 0;
	width: 0;
	overflow: hidden;
}
.clear-fix:before,
.clear-fix:after {
	content: "";
	display: table;
}
.clear-fix:after {
	clear: both;
}
.clear-fix {
        display: inline-block;
}
.clear-fix {
        display: block;
}
/*-------------------------------------------------------*/
/*ipad top prompt*/
.top-prompt {
	position: relative;
    font-size: 0;
}
.top-prompt .ipad img {
	display: block;
	width: 980px;
}
.top-prompt a.close {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
    font-size: 13px;
	height: 21px;
	text-align: center;
	text-decoration: none;
}
.top-prompt a.close span {
	padding-left: 18px;
	background: url(../images/ico-close.gif) no-repeat 0 2px;
    *background-position: 0 0;
	color: #666666;
}

/*-------------------------------------------------------*/
/*header*/

.header {
	height: 60px;
	*height: 62px;
	background: #FAFAFA url(../images/search-bgn.gif) no-repeat right 27px;
	position: relative;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font: 13px/1.5 "Arial", "PMingLiU";
	margin-bottom: -1px;
}
.header .special-promotion {
	position: relative;
	z-index: 11;
}
.header .special-promotion .bgn,
.header .special-promotion a {
	position: absolute;
	height: 60px;
	left: 0;
	top: 0;
}
.header .special-promotion .bgn {
	background-repeat: no-repeat;
	width: 334px;
	z-index: 1;
}
.header .special-promotion a {
	z-index: 2;
	width: 183px;
}
/*global logo attributes*/
.header .h1-logo {
	position: absolute;
	left: 124px;
	bottom: 0;
	z-index: 10;
}
.header .h1-logo a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 60px;
	text-indent: -9999px;
}
/*Index logo*/
.header #logo-idx.h1-logo {
	left: 0;
}
#logo-idx a {
	background-image: url(../images/logo-chinatimes.gif);
	width: 183px;
}
/*Index logo-s*/
.header #logo-idx-s.h1-logo {
	left: 0;
}
.header #logo-idx-s.h1-logo a {
	background-image: url(../images/logo-chinatimes-s.gif);
	width: 124px;
}
/*News logo*/
#logo-news a {
	background-image: url(../images/logo-ct-news.gif);
	width: 106px;
}
/*Money logo*/
#logo-money a {
	background-image: url(../images/logo-ct-money.gif);
	width: 106px;
}
/*Video logo*/
#logo-video a {
	background-image: url(../images/logo-ct-video.gif);
	width: 106px;
}
/*Showbiz logo*/
#logo-showbiz a {
	background-image: url(../images/logo-ct-showbiz.gif);
	width: 106px;
}
/*Life logo*/
#logo-life a {
	background-image: url(../images/logo-ct-life.gif);
	width: 106px;
}
/*Blog logo*/
#logo-blog a {
	background-image: url(../images/logo-ct-blog.gif);
	width: 151px;
}
/*Mag logo*/
#logo-mag a {
	background-image: url(../images/logo-ct-mag.gif);
	width: 106px;
}
/*Tech logo*/
#logo-tech a {
	background-image: url(../images/logo-ct-tech.gif);
	width: 106px;
}
/*Sports logo*/
#logo-sports a {
	background-image: url(../images/logo-ct-sports.gif);
	width: 106px;
}
/*Camera logo*/
#logo-camera a {
	background-image: url(../images/logo-ct-camera.gif);
	width: 151px;
}
/*Weather logo*/
#logo-weather a {
	background-image: url(../images/logo-ct-weather.gif);
	width: 106px;
}
/*Sudoku logo*/
#logo-sudoku a {
	background-image: url(../images/logo-ct-sudoku.gif);
	width: 106px;
}
/*Arts logo*/
#logo-arts a {
	background-image: url(../images/logo-ct-arts.gif);
	width: 106px;
}
/*Forums logo*/
#logo-forums a {
	background-image: url(../images/logo-ct-forums.gif);
	width: 106px;
}
/*Campus logo*/
#logo-campus a {
	background-image: url(../images/logo-ct-campus.gif);
	width: 106px;
}
/*CTW logo*/
#logo-ctw a {
	background-image: url(../images/logo-ct-ctw.gif);
	width: 196px;
}
/*Member logo*/
#logo-member a {
	background-image: url(../images/logo-ct-member.gif);
	width: 196px;
}
/*Forum logo*/
#logo-forum a {
	background-image: url(../images/logo-ct-forum.gif);
	width: 151px;
}
/*Ent logo*/
#logo-ent a {
	background-image: url(../images/logo-ct-movie.gif);
	width: 135px;
}
/*Knockeat logo*/
#logo-knockeat a {
	background-image: url(../images/logo-knockeat.gif);
	width: 196px;
}

.family-link {
	position: absolute;
	top: 5px;
	right: 132px;
	border-bottom: 0 solid #CCCCCC;
	z-index: 9;
}
.family-link .channel-list {
	text-align: right;
	letter-spacing: 0;
	font-size: 0;
}
.family-link .channel-list li {
	list-style: none;
	padding-right: 6px; /*FF*/
	*padding-right: 3px; /*IE*/
	padding-left: 6px; /*FF*/
	*padding-left: 6px; /*IE*/
	display: inline;
	border-right: 1px solid #CCCCCC;
	background: none;
	font: 13px/1.5 "Arial", "PMingLiU";
}
.family-link .channel-list li.last {
	border-style: none;
}
.family-link .channel-list li img {
	vertical-align: middle;
}
.family-link a:link, .family-link a:visited {
	color: #666666;
	text-decoration: none;
}
.family-link a:hover, .family-link a:active {
	color: #FF3300;
	text-decoration: underline;
}
.family-link li.highlight a:link, .family-link li.highlight a:visited,
.family-link li.highlight a:hover, .family-link li.highlight a:active {
	color: #FF3300;
}
.header .date {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	width: 115px;
	font: 13px/1.5 "Arial", "PMingLiU";
	text-align: right;
	border-left: 1px solid #CCCCCC;
	width: 126px;
	white-space: nowrap;
}
.header .life-info {
	position: absolute;
	bottom: 4px;
	z-index: 3;
	right: 500px;
	border-right: 1px solid #CCCCCC;
	padding-right: 5px;
	margin: 0;
}
.header .life-info select {
	height: 22px;
	font: 13px/1.5 "Arial", "PMingLiU";
}
.header .search {
	position: absolute;
	bottom: 1px;
	*bottom: 0;
	z-index: 5;
	font: 13px/1.5 "Arial", "PMingLiU";
	right: 130px;
}
.header .search table {
	font-size: 13px;
	line-height: 1.5;
}
.header .search input.form-txt {
	height: 22px;
	width: 120px;
}
.header .weather {
	position: absolute;
	right: 0;
	bottom: 4px;
	z-index: 2;
	border-left: 1px solid #CCCCCC;
}
.header .weather .weather-frame {
	width: 126px;
	height: 24px;
}
.header .weather img,
body.iframe-content .weather img {
	height: 24px;
	vertical-align: middle;
	padding: 0 0 0 2px;
	*padding: 0;
}
.header .weather a.more,
body.iframe-content .weather a.more {
    font: 13px/1.5 "Arial";
	background: url(../images/li-arrow-down.gif) no-repeat right 3px; /*FF*/
	*background: url(../images/li-arrow-down.gif) no-repeat right 0; /*IE*/
	padding-right: 16px;
	padding-left: 0;
}
/*iframe content CSS overwriting*/
body.iframe-content {
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: left;
}

/*-------------------------------------------------------*/
/*main*/

.main-bgn {
	background: url(../images/main-bgn.gif) repeat-y right top;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: -1px;
}
.realtime-news {
	background: #F5F5F5;
	margin: 0 0 10px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
}
.realtime-news iframe {
	margin-bottom: -4px;
	margin-left: -6px;
	*margin-left: -10px;
	width: 404px;
	*width: 404px;
	height: 20px;
}
.realtime-news dd.select {
	padding-right: 0;
	padding-left: 5px;
}
.realtime-news dd.more {
	padding-right: 6px;
	*margin-top: 2px;
}
.focus {
}
.focus-clmn-left {
	width: 370px;
	*width: 371px;
}
.focus-clmn-right {
	width: 292px;
	*width: 293px;
}
.focus .realtime-news {
	float: right;
	display: inline;
	border: none;
	margin: 1px 5px 0 5px;
	padding: 0;
	background: none;
	width: 478px;
}
.focus .realtime-news iframe {
	width: 261px;
	*width: 261px;
}
.focus-photo {
}
.focus .focus-photo .underlayer {
	padding-top: 0;
}
.focus-photo .container {
	padding: 5px;
	padding-bottom: 0;
	border-bottom: 1px solid #999999;
}
.news-camera {
	position: relative;
}
.news-camera .main-photo {
	/*float: left;*/
	/*width: 290px;*/
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.news-camera .main-photo li {
	list-style: none;
}
.news-camera .main-photo li.h2 {
	background: url(../images/wall.gif) no-repeat right 5px; /*FF*/
	*background: url(../images/wall.gif) no-repeat right 3px; /*IE*/
	padding-right: 5px;
	margin: 5px 5px 5px 0;
	float: left;
	font-size: 13px;
}
.news-camera .main-photo .photo,
.news-camera .main-photo .photo img{
	width: 290px;
	height: 220px;
	display: block;
}
.news-camera .main-photo h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 5px 0;
	white-space: nowrap;
}
.news-camera .main-photo a:link, .news-camera .main-photo a:visited {
	text-decoration: none;
}
.news-camera .main-photo a:hover, .news-camera .main-photo a:active {
	text-decoration: underline;
}
.news-camera .main-photo .ui a:link, .news-camera .main-photo .ui a:visited {
	text-decoration: underline;
}
.news-camera .main-photo .ui a:hover, .news-camera .main-photo .ui a:active {
	text-decoration: none;
}
.news-camera .photo-list {
	margin: 0;
	padding: 0;
	/*float: right;*/
	width: 66px;
	position: absolute;
	right: 0;
	top: 0;
}
.news-camera .photo-list .thumb-photo {
	margin-right: 0;
	margin-bottom: 5px;
}
.news-camera .photo-list .last {
	margin-bottom: 0;
}
.news-camera .photo-list .thumb-photo img {
	display: block;
	width: 60px;
	height: 45px;
}
.photo-list {
	margin-top: 10px;
	padding-top: 10px;
}
.photo-list li {
	list-style: none;
	margin-bottom: 5px;
}
.photo-list li.last {
	margin-bottom: 0;
}
.photo-list h3 {
	font-size: 13px;
	font-weight: normal;
	display: inline;
}
.photo-list .thumb-photo {
	float: left;
	margin-right: 4px;
}
.photo-list a:link, .photo-list a:visited {
	text-decoration: none;
}
.photo-list a:hover, .photo-list a:active {
	text-decoration: underline;
}
.focus-photo .ad .box-350 {
	margin: 3px auto 7px auto;
}
.focus-feature {
	border-top: 1px solid #CCCCCC;
	text-align: left;
}
.focus-feature-frame {
	width: 100%;
	height: 158px;
}
.focus-feature .container {
	padding: 0 5px;
}
.focus-feature div.container {
	padding-top: 1px;
	position: relative;
	height: 125px;
}
.focus-feature .vertical-list {
	padding: 0;
	padding-left: 125px;
}
.focus-feature .vertical-list li {
	margin-top: 0;
}
.focus-feature .bar-align-right,
.focus-feature .bar-align-left {
	margin-top: 5px;
	margin-left: 125px;
	padding-left: 0;
	padding-right: 0;
}
.focus-feature a.more {
	background-position: left 3px;
}
.focus-feature .cover {
	position: absolute;
	left: 13px;
	top: 2px;
	background: none;
	padding: 0 4px 0 0;
	margin: 0;
	width: 110px;
	*width: 114px;
	height: 115px;
}
.focus-feature .cover .thumb-photo {
	float: left;
	display: inline;
	margin-bottom: 3px;
}
.focus-feature .cover img {
	width: 104px;
	height: 106px;
}
.focus-feature a:link, .focus-feature a:visited {
	text-decoration: none;
}
.focus-feature a:hover, .focus-feature a:active {
	text-decoration: underline;
}
.focus-feature .ad {
	position: absolute;
	bottom: 5px;
	left: 7px;
}
.focus-feature .ad .box-350 {
	margin: 0;
}
/*focus news*/
.focus-news {
	text-align: left;
}
.focus-news-frame {
	width: 100%;
	height: 554px;
	margin-top: 5px;
}
.focus-news .container {
	padding: 0 8px;
	border: none;
}
.focus-news .vertical-list {
	padding: 0;
}
.focus-news .vertical-list li {
	margin: 0;
	height: 22px;
}
.focus-news .level-1 {
	padding-bottom: 5px;
	padding-top: 4px;
}
.focus-news .level-1 h1,
.focus-news .level-1 h3 {
	font-size: 21px;
	margin-bottom: 6px;
	line-height: 1.2;
}
.focus-news .level-1 p {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 22px;
}
.focus-news .level-1 h1.highlight a:link, .focus-news .level-1 h1.highlight a:visited,
.focus-news .level-1 h3.highlight a:link, .focus-news .level-1 h3.highlight a:visited {
	color: #CC0000;
}
.focus-news .level-1 h1.highlight a:hover, .focus-news .level-1 h1.highlight a:active,
.focus-news .level-1 h3.highlight a:hover, .focus-news .level-1 h3.highlight a:active {
	color: #FF3300;
}
.focus-news .level-1 h1.graphic-1,
.focus-news .level-1 h1.graphic-2,
.focus-news .level-1 h3.graphic-1,
.focus-news .level-1 h3.graphic-2 {
	background-repeat: no-repeat;
	background-position: left top;
}
.focus-news .level-1 h1.graphic-1 a,
.focus-news .level-1 h3.graphic-1 a {
	display: block;
	height: 96px;
	text-indent: -9999px;
}
.focus-news .level-1 h1.graphic-2 a,
.focus-news .level-1 h3.graphic-2 a {
	display: block;
	height: 48px;
	text-indent: -9999px;
}
.focus-news .level-1 a:link, .focus-news .level-1 a:visited {
	text-decoration: none;
}
.focus-news .level-1 a:hover, .focus-news .level-1 a:active {
	text-decoration: underline;
}
.focus-news .level-2 {
	padding-top: 5px;
	padding-bottom: 1px;
}
.focus-news .level-2 h1,
.focus-news .level-2 h3 {
	font-size: 15px;
	line-height: 1;
	margin-top: 6px;
	margin-bottom: 6px;
}
.focus-news .level-2 p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.focus-news .level-2 h1.highlight a:link, .focus-news .level-2 h1.highlight a:visited,
.focus-news .level-2 h3.highlight a:link, .focus-news .level-2 h3.highlight a:visited {
	color: #FF3300;
}
.focus-news .level-2 h1.highlight a:hover, .focus-news .level-2 h1.highlight a:active,
.focus-news .level-2 h3.highlight a:hover, .focus-news .level-2 h3.highlight a:active {
	color: #FF3300;
}
.focus-news .level-2 a:link, .focus-news .level-2 a:visited {
	text-decoration: none;
}
.focus-news .level-2 a:hover, .focus-news .level-2 a:active {
	text-decoration: underline;
}
/*focus news v2*/
.v2 h1 {
	font-size: 21px;
	line-height: 1.2;
	margin-bottom: 6px;
	margin-top: 4px;
}
.v2 h2 {
	font-size: 15px;
	height: 19px;
	line-height: 19px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
.v2 h3 {
	font-size: 13px;
	height: 18px;
	line-height: 18px;
	margin: 4px 0;
	padding: 0 0 0 18px;
	background: url("../images/li-dot-01.gif") no-repeat 0 3px;
	font-weight: normal;
	overflow: hidden;
	position: relative;
	top: -2px;
	*top: 0;
}
.v2 h1.graphic-1,
.v2 h1.graphic-2 {
	background-repeat: no-repeat;
	background-position: left top;
}
.v2 h1.graphic-1 a {
	display: block;
	height: 96px;
	text-indent: -9999px;
}
.v2 h1.graphic-2 a {
	display: block;
	height: 48px;
	text-indent: -9999px;
}
.v2 a:link,
.v2 a:visited {
	text-decoration: none;
}
.v2 a:hover,
.v2 a:active {
	text-decoration: underline;
}
.v2 h1 a:link,
.v2 h1 a:visited {
	color: #CC0000;
}
.v2 h1 a:hover,
.v2 h1 a:active {
	color: #FF3300;
}
.v2 h2 a:link,
.v2 h2 a:visited {
	color: #FF3300;
}
.v2 h2 a:hover,
.v2 h2 a:active {
	color: #FF3300;
}
.v2 p {
	line-height: 22px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.v2 .hr {
	height: 5px;
}
/**/
.focus-news .rotate {
	margin: 9px 0 0 0;
	background: #FFFFFF;
	zoom: 1;
}
.focus-news .rotate .container {
	border: none;
	padding: 0;
}
.focus-news .rotate h2 {
	font-size: 13px;
	font-weight: normal;
	background: #F2F2F2 url(../images/dash-h.gif) repeat-x left bottom;
	border-left: 70px solid #006699;
	padding: 1px 0 3px 5px;
	*padding: 3px 0 1px 5px; /*IE*/
	margin: 0;
	line-height: 1.47;
}
.focus-news .rotate .time {
	color: #FFFFFF;
	float: left;
	display: inline;
	margin-left: -70px;
	margin-top: 1px;
	*margin-top: -1px;
}
.focus-news .rotate .title-more {
	margin-right: 3px;
}
.focus-news .rotate .vertical-list {
	padding: 2px 0 4px 0;
	margin-top: 5px;
}
.focus-news .rotate .vertical-list a:link,
.focus-news .rotate .vertical-list a:visited {
	text-decoration: none;
}
.focus-news .rotate .vertical-list a:hover,
.focus-news .rotate .vertical-list a:active {
	text-decoration: underline;
}
.focus-news .meta {
	padding: 2px 0px;
	margin-top: 0;
	text-align: right;
}
.focus-news .meta  li,
.focus-news .meta  dd {
	font-size: 12px;
}
.focus-photo-carousel-wrapper {
}
.focus-photo-carousel-frame {
	width: 100%;
	height: 171px;
}
.wantbuy-carousel-frame {
	width: 663px;
	height: 215px;
	background: #ECECEC;
}
.board {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #E2E2E2;
}
.board .bgn {
	background: #EFF5F8 url(../images/board-bgn.gif) repeat-x left bottom;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #FFFFFF;
	padding-top: 5px;
}
.board a:link, .board a:visited {
	text-decoration: none;
}
.board a:hover, .board a:active {
	text-decoration: underline;
}
.board h2 {
	background: #FAFAFA url(../images/dash-h.gif) repeat-x left top;
	margin: 4px 0 0 60px;
	border: none;
	border-left: 8px solid #006699;
	font-size: 15px;
	line-height: 1.5;
	color: #000000;
	position: relative;
	*zoom: 1;
}
.board h2 b {
	background: url(../images/dash-h.gif) repeat-x left bottom;
	display: block;
	padding-left: 0.7em;
}
.board h2 span.icon {
	position: absolute;
	width: 52px;
	height: 30px;
	left: -62px;
	top: -4px;
	background-image: url(../images/ico-box-h2.gif);
	background-repeat: no-repeat;
}
.board h2.blog span.icon {
	background-position: 0 0;
}
.board h2.comment span.icon {
	background-position: -52px 0;
}
.board .clmn-table .vertical-list {
	padding: 8px 7px 15px 7px;
}
.info {
	border-bottom: 1px solid #CCCCCC;
}
.info-content-frame,
.info-consumer-frame {
	width: 100%;
	height: 297px;
}
.info a:link, .info a:visited {
	text-decoration: none;
}
.info a:hover, .info a:active {
	text-decoration: underline;
}
.info h2 {
	background: #E3E9EB url(../images/dash-h.gif) repeat-x left top;
	margin: 0;
	border: none;
	border-left: 8px solid #006699;
	font-size: 15px;
	line-height: 1.5;
	color: #000000;
}
.info h2 b {
	background: url(../images/dash-h.gif) repeat-x left bottom;
	display: block;
	padding-left: 0.7em;
}
.feature {
	margin-bottom: 8px;
}
.feature .fluid-inline-block .group {
	padding-left: 7px;
}
.feature .fluid-inline-block .entry {
	width: 320px;
	height: 250px;
	margin: 8px 8px 0 0;
	zoom: 1;
}
.feature .fluid-inline-block .entry .container {
	background: #F2F2F2;
	padding-top: 23px;
	*padding-top: 22px;
}
.feature .entry h2 {
	font-size: 15px;
	height: 23px;
	line-height: 24px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	background: #FFFFFF;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.feature .title-more {
	position: absolute;
	float: none;
	margin: 0;
	right: 7px;
	top: 3px;
}
.feature .articlebox {
	clear: both;
	border: 1px solid #CCCCCC;
	padding: 13px 9px 12px 9px;
	height: 200px;
	*height: 227px;
	font-size: 13px;
	background: #FFFFFF;
}
.feature .headline {
	min-height: 110px;
	*height: 120px;
	padding-bottom: 10px;
	background: url(../images/dash-h.gif) repeat-x 0 bottom;
}
.feature .headline h3 {
	margin-bottom: 8px;
	font-size: 15px;
}
.feature .headline h3 a:link,
.feature .headline h3 a:visited {
	text-decoration: none;
	color: #CC0000;
}
.feature .headline h3 a:hover,
.feature .headline h3 a:active {
	text-decoration: underline;
	color: #FF3300;
}
.feature .vertical-list a:link,
.feature .vertical-list a:visited {
	text-decoration: none;
	color: #114477;
}
.feature .vertical-list a:hover,
.feature .vertical-list a:active {
	text-decoration: underline;
	color: #FF3300;
}
.feature .headline .thumb-photo {
	float: left;
	display: inline;
	margin-right: 10px;
	*margin-right: 7px;
}
.feature .headline .thumb-photo .cropper {
	width: 125px;
	height: 72px;
	overflow: hidden;
}
.feature .headline .thumb-photo img {
	width: 125px;
	height: auto;
}
.feature .vertical-list {
	padding-bottom: 0;
}
.feature .fluid-inline-block .entry .container.alt {
	background: #E3E9EB;
}
.feature .fluid-inline-block .entry .container.high {
	z-index: 10;
}
.feature .alt .articlebox,
.feature .entry .alt h2 {
	background: #F5F5F5;
}
.fb-social-plugin {
	margin: 5px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 300px;
	*width: 306px;
	overflow: hidden;
}
.fb-social-plugin .container {
	width: 100%;
	background: #F5F5F5;
}

/*content*/
.content {
	font-size: 15px;
}
.content .bgn {
	background: #FFFFFF url(../images/content-head-bgn.gif) repeat-x 0 0;
}
.content .container {
	padding: 10px;
}
.content .container .page-index {
	margin-left: 0;
	margin-top: 0;
}
.content h2 {
	background: #FAFAFA url(../images/dash-h.gif) repeat-x left top;
	margin: 0;
	border: none;
	border-left: 8px solid #006699;
	font-size: 15px;
	line-height: 1.5;
	color: #000000;
	padding-top: 2px;
}
.content h2 b {
	background: url(../images/dash-h.gif) repeat-x left bottom;
	display: block;
	padding-left: 0.7em;
	padding-bottom: 2px;
}
.content h2.h2-1 {
	background: #E5E5E5 none;
	margin: 1.5em 1em;
	padding: 2px 0 2px 0.7em;
	border: none;
	border-left: 8px solid #CCCCCC;
}
.content h2 .inline-list {
	margin-top: 2px;
}
.content .articlebox {
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 1.5em;
	margin-top: 0.5em;
}
.content .articlebox h1,
.content .articlebox h3 {
	font-size: 100%;
	color: #CC0000;
	line-height: 1.5;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.content .articlebox h1.highlight,
.content .articlebox h3.highlight {
	font-size: 160%;
	color: #CC0000;
	line-height: 1.3;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-weight: bold;
	clear: both;
}
.content .articlebox h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.content .articlebox p {
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-size: 100%;
}
.content .articlebox p.intro {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 100%;
}
.content .articlebox .infobox {
	position: relative;
	top:15px;
	clear: both;
	margin-bottom: 15px;
	padding: 15px;
	background: #E6E6E6;
	border-radius: 5px;
}
.content .articlebox iframe.map {
	clear: both;
}
.content .photobox {
	width: 1px;
	border-collapse: collapse;
	padding: 0;
	margin: 0.5em auto 1em;
	font-size: 100%;
	line-height: 1.5;
}
.content .photobox td {
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.content .photobox .photo{
	display: block;
}
.content .photobox .photo-essay{
	font-size: 89%; /*FF*/
	*font-size: 88%; /*IE*/
	margin: 0.75em;
}
.content .photo-left {
	float: left;
	margin-top: 0.5em;
	margin-right: 1.5em;
	margin-left: 0;
}
.content .photo-right {
	float: right;
	margin-top: 0.5em;
	margin-left: 1.5em;
	margin-right: 0;
}
.content .multi-mediabox {
	float: left;
	margin-top: 0;
	margin-right: 1.5em;
	margin-left: 0;
}
.content .multi-mediabox .photobox {
	/* to fix FF2.0 floating bug */
	margin-left: 0;
	margin-right: 0;
}
.content .comment .container {
	margin: 0 0 20px 0;
	padding: 0 25px;

}
.content .comment .articlebox {
	margin: 0;
	padding: 5px 20px;
	border: solid 1px #CCCCCC;
	background: #FAFAFA;
}
.content .comment .articlebox h3 {
	font-size: 100%;
	color: #000000;
	line-height: 1.5;
	clear: none;
	margin-top: 1em;
	margin-bottom: 1em;
}
.content .comment .articlebox p {
	font-size: 89%; /*FF*/
	*font-size: 88%; /*IE*/
	margin-top: 1em;
	margin-bottom: 1em;
	width: 550px;
	overflow: hidden;
}
.content .comment .report {
	float: right;
	font-size: 13px;
	margin: 10px 0 10px 10px;
	padding: 0 5px 2px 5px;
	border: 1px solid #CC0000;
}
.content .comment .report a:link, .content .comment .report a:visited {
	color: #CC0000;
}
.content .comment .report a:hover, .content .comment .report a:active {
	color: #FF3300;
}
.content .comment .number {
	color: #990000;
}
.content .comment .floor {
	color: #000000;
	font-weight: bold;
}
.content .comment .dialogue-head {
	background: url(../images/comment-dialogue-head.gif) no-repeat 20px -30px;
	padding-left: 60px;
	margin-top: -1px;
	padding-top: 5px;
	line-height: 1.47;
}
.content .comment fieldset {
	text-align: center;
}
.content .comment .comment-form {
	width: 500px;
	margin: 10px auto;
	font-size: 13px;
	text-align: left;
}
.content .comment .comment-form th{
	text-align: right;
}
.content .comment .comment-form th, .content .comment .comment-form td {
	padding: 5px 0;
	vertical-align: top;
}
.content .comment p {
	margin-bottom: 5px;
}
.content .comment a.regenerate {
	position: relative;
	left: 8px;
	top: -5px;
}
.content .comment .memo {
	font-size: 13px;
	margin-top: 20px;
}
.content .comment .memo th,
.content .comment .memo td {
	padding-top: 20px;
}
.content .comment .memo ol {
	margin: 10px 0 10px 2em;
	list-style: decimal;
}
.content .comment .editor .articlebox {
	background-color: #EEF5F8;
	border-color: #A5BECA;
}
.content .comment .editor .articlebox p {
	width: auto;
}
.content .comment .editor .articlebox h3 {
	color: #CC0000;
}
.content .comment  .editor .dialogue-head {
	background-position: 20px 0;
}
.content .comment .container .editor {
	padding: 0;
}
.content .vertical-list {
	margin: 1em 0 1.5em;
	padding-top: 0;
	padding-bottom: 0;
}

.content .vertical-list li {
	font-size: 100%;
	margin-bottom: 0.5em;
	margin-top: 0;
}
.content .pulldown-list {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 15px;
}
.content .pulldown-list select {
	background: #E9F4FB;
	font-size: 15px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.content .pulldown-list select option {
	font-size: 15px;
}
.content table.news-list {
	font-size: 13px;
	line-height: 1.5;
	border-collapse: collapse;
	width: 590px;
}
.content table.news-list th, .content table.news-list td {
	padding: 5px 5px;
	text-align: left;
	vertical-align: top;
}
.content table.news-list th {
	border: solid 1px #CCCCCC;
	background: #F5F5F5;
	font-weight: normal;
}
.content table.news-list th a.sort {
	background: url(../images/li-arrow-down.gif) no-repeat right 3px; /*FF*/
	*background: url(../images/li-arrow-down.gif) no-repeat right 0; /*IE*/
	padding-right: 16px;
}
.content table.news-list tr {
	background: url(../images/dash-h.gif) repeat-x left bottom;
}
.content table.news-list tr.last {
	background: none;
}
.content table.news-list .rank {
	font-weight: bold;
	color: #9EBACC;
	text-align: center;
	width: 30px;
}
.content table.news-list .title a{
	display: block;
	font-size: 15px;
	padding-left: 18px;
	background: url(../images/li-dot-01.gif) no-repeat 0 3px; /*FF*/
	*background: url(../images/li-dot-01.gif) no-repeat 0 2px; /*IE*/
}
.content table.news-list .title {
}
.content table.news-list .time {
	width: 90px;
}
.content table.news-list .category {
	width: 70px;
}
.content table.news-list .source {
	width: 70px;
}
.content .lead-video {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
.content .lead-video h2 {
	width: 120px;
	background: #FAFAFA;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 8px solid #006699;
	padding-left: 8px;
	margin-left: 50px;
	z-index: 10;
	position: relative;
}
.content .lead-video .articlebox {
	padding-top: 10px;
	border: 3px double #006699;
	margin-right: 25px;
	margin-left: 25px;
	background: #EFF5F8 url(../images/board-bgn.gif) repeat-x left bottom;
	margin-top: -15px;
	padding-bottom: 10px;
}
.content .lead-video .articlebox h3 {
	clear: none;
}
.content .lead-video .articlebox p {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-size: 13px;
}
.content .last-updated {
	text-align: right;
	padding: 0 15px;
	margin-top: -45px;
	margin-bottom: 25px;
}
.content .photo-article-separator {
	margin-bottom: 1em;
}
.content .photo-article-separator .articlebox,
.content .photo-article-separator .vertical-list,
.content .photo-article-separator .pulldown-list {
	padding: 0 20px;
}
.content .photo-article-separator .articlebox {
	margin-top: 0;
	margin-bottom: 1em;
}
.content .photo-article-separator .photobox {
	margin: 0 0 1em 15px;
}
.content .photo-article-separator .photobox .cropper {
	height: 135px;
}
.content .photo-article-separator .articlebox h1,
.content .photo-article-separator .articlebox h3 {
	margin-bottom: 5px;
	margin-top: 0;
}
.content .photo-article-separator .vertical-list {
	margin-bottom: 1em;
	margin-top: 0;
}
.content .photo-article-separator .pulldown-list select {
	width: 390px;
}

/*-------------------------------------------------------*/
/*box*/

.wrapper {
	width: 980px; /*FF*/
	*width: 982px; /*IE*/
	background: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.clmn-left {
	width: 663px; /*FF*/
	*width: 665px; /*IE*/
	float: left;
	display: inline;
	padding: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-left: -1px;
	margin-right: -1px;
}
.clmn-right {
	width: 316px; /*FF*/
	*width: 318px; /*IE*/
	float: right;
	background: #F5F5F5;
	display: inline;
	padding: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-left: -1px;
	margin-right: -1px;
}
.floatbox-left {
	float: left;
	display: inline;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	margin-right: -1px;
}
.floatbox-right {
	float: right;
	display: inline;
	padding: 0;
	border-left: 1px solid #CCCCCC;
	margin-left: -1px;
}
form p {
	/*margin-top: 1em;
	margin-bottom: 1em;
	padding-right: 1em;
	padding-left: 1em;*/
}
.idx-place-holder {
	height: 118px;
}
.cnt-place-holder {
	height: 223px;
}
.thin-place-holder {
	height: 27px;
	overflow: hidden;
}

/*-------------------------------------------------------*/
/*nav*/

.topnav {
	background: #FFFFFF url(../images/topnav-sprite.gif) repeat-x 0 1px; /*FF*/
	*background: #FFFFFF url(../images/topnav-sprite.gif) repeat-x 0 2px; /*IE*/
	border-top: 1px solid #CCCCCC;
	padding-top: 1px;
	margin-top: -1px;
}
.topnav .menu {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
}
.topnav .menu li {
	height: 28px;
	width: 64px;
	float: left;
	text-align: center;
	font: 15px/28px "Arial", "PMingLiU";
	display: inline;
	list-style: none;
	border-left: 1px solid #474747;
	margin-right: -1px;
}
.topnav .menu li.last {
	margin-right: 0;
}
.topnav .menu li.rightitem {
	float: right;
}
.topnav .menu li a {
	display: block;
	width: 100%;
	cursor: pointer;
}
.topnav .menu li a b {
	display: block;
	width: 100%;
	font-weight: normal;
	background: url(../images/topnav-sprite.gif) no-repeat right -120px;
}
.topnav .menu li a:link, .topnav .menu li a:visited {
	background: url(../images/topnav-sprite.gif) repeat-x 0 -40px;
	color: #000000;
	text-decoration: none;
}
.topnav .menu li a.new:link, .topnav .menu li a.new:visited {
	color: #FF3300;
}
.topnav .menu li a.highlight:link, .topnav .menu li a.highlight:visited {
	background: url(../images/topnav-sprite.gif) repeat-x 0 -80px;
}
.topnav .menu li a:hover, .topnav .menu li a:active,
.topnav .menu li a.highlight:hover, .topnav .menu li a.highlight:active,
.topnav .menu li a.new:hover, .topnav .menu li a.new:active,
.topnav .menu li a.on:link, .topnav .menu li a.on:visited,
.topnav .menu li a.on:hover, .topnav .menu li a.on:active {
	background: url(../images/topnav-sprite.gif) repeat-x 0 -160px;
	color: #AAFFFF;
}
.topnav .menu li a.on b,
.topnav .menu li a:hover b {
	font-weight: bold;
	background: url(../images/topnav-sprite.gif) no-repeat right -200px;
}
.topnav .menu li.wantbuy {
	width: 75px;
}
.topnav .menu li.wantbuy a:link,
.topnav .menu li.wantbuy a:visited,
.topnav .menu li.wantbuy a:hover,
.topnav .menu li.wantbuy a:active {
	background: url(../images/logo-wantbuy-s.gif) no-repeat center 0;
}
.topnav .menu li.wantbuy a b,
.topnav .menu li.wantbuy a:hover b {
	background: none;
	text-indent: -9999px;
}
.topnav2 {
	border-bottom: 1px solid #CCCCCC;
	margin-top: -3px;
	*zoom: 1;
}
.topnav2 .bgn {
	border-bottom: 1px solid #707070;
	border-left: 1px solid #00BDFF;
	border-right: 1px solid #00BDFF;
	background: url(../images/topnav2-sprite.gif) repeat-x 0 0;
}
.topnav2 .menu {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
}
.topnav2 .menu li {
	list-style: none;
	background: url(../images/topnav2-sprite.gif) no-repeat right -40px;
	display: inline;
	float: left;
	padding: 0 8px 0 7px;
}
.topnav2 .menu li.last {
	background: none;
}
.topnav2 .menu li.base {
	position: relative;
	z-index: 6;
}
.topnav2 .menu li.base-high {
	position: relative;
	z-index: 11;
}
.topnav2 .menu a {
	cursor: pointer;
	display: block;
	text-align: center;
	height: 24px;
	font: 13px/22px "Arial", "PMingLiU";
	*line-height: 20px; /*IE*/
	*padding-top: 4px; /*IE*/
}
.topnav2 .menu a {
	display: inline-block;
}
.topnav2 .menu a:link, .topnav2 .menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.topnav2 .menu a:hover, .topnav2 .menu a:active {
	color: #AAFFFF;
	text-decoration: underline;
}
.topnav2 .menu a.on:link, .topnav2 .menu a.on:visited {
	text-decoration: none;
	font-weight: bold;
	color: #AAFFFF;
}
.topnav2 .menu li.highlight a:link, .topnav2 .menu li.highlight a:visited {
	color: #FFFF99;
}
.topnav2 .menu li.highlight a:hover, .topnav2 .menu li.highlight a:active {
	color: #D4FF80;
}
.topnav2 .menu li.highlight a.on:link, .topnav2 .menu li.highlight a.on:visited {
	text-decoration: none;
	font-weight: bold;
	color: #D4FF80;
}
.topnav2 .menu a .pointer {
	display: block;
	position: absolute;
	height: 8px;
	width: 15px;
	left: 35%;
	top: 24px;
}
.topnav2 .menu a .pointer {
	background: none;
}
.topnav2 .menu a.on .pointer {
	background: url(../images/topnav2-sprite.gif) no-repeat 0 -80px;
}
.topnav3-place-holder {
	margin-top: -3px;
}
.topnav3 {
	margin-top: 0;
}
.topnav3 .bgn {
	background: #5DE0FF url(../images/topnav3-sprite.gif) repeat-x 0 1px;
	margin-left: 8px;
	margin-right: 8px;
}
.topnav3 .menu {
	margin-right: 5px;
	margin-left: 5px;
}
.topnav3 .menu li {
	list-style: none;
	display: inline;
	float: left;
	background: url(../images/topnav3-sprite.gif) no-repeat right -36px;
	padding: 0 8px 0 7px;
}
.topnav3 .menu li.last {
	background: none;
}
.topnav3 .menu li.base {
	position: relative;
	z-index: 5;
}
.topnav3 .menu li.base-high {
	position: relative;
	z-index: 10;
}
.topnav3 .menu a {
	cursor: pointer;
	display: block;
	text-align: center;
	font-size: 13px;
	height: 35px;
	line-height: 35px;
}
.topnav3 .menu a {
	display: inline-block;
}
.topnav3 .menu a:link, .topnav3 .menu a:visited {
	color: #000000;
	text-decoration: none;
}
.topnav3 .menu a:hover, .topnav3 .menu a:active {
	color: #FF3300;
	text-decoration: underline;
}
.topnav3 .menu a.on:link, .topnav3 .menu a.on:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FF3300;
}
.topnav3 .menu a .pointer {
	display: block;
	position: absolute;
	height: 8px;
	width: 15px;
	left: 35%;
	top: 33px;
}
.topnav3 .menu a .pointer {
	background: none;
}
.topnav3 .menu a.on .pointer {
	background: url(../images/topnav3-sprite.gif) no-repeat 0 -80px;
}
.topnav3 .bdr-left, .topnav3 .bdr-right {
	width: 8px;
	height: 35px;
	text-indent: -9999px;
}
.topnav3 .bdr-left {
	float: left;
	background: #EFEFEF url(../images/topnav3-sprite.gif) no-repeat 0 -120px;	
}
.topnav3 .bdr-right {
	float: right;
	background: #F5F5F5 url(../images/topnav3-sprite.gif) no-repeat 0 -160px;	
}


/*-------------------------------------------------------*/
/*ui*/

.switch-tab {
	clear: both;
	float: none;
	padding-top: 3px;
	background: #E5E5E5;
}
.switch-tab .menu {
	margin: 1px 5px;
	float: left;
	display: inline;
	border: 1px solid #DBDBDB;
	padding-left: 1px;
}
.switch-tab .menu li {
	list-style: none;
	float: left;
	margin-left: -1px;
	display: inline;
	padding-right: 0;
	padding-left: 0;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	position: relative;
	z-index: 2;
	line-height: 20px;
}
.switch-tab .menu li.last {
}
.switch-tab .menu li a {
	cursor: pointer;
	font-size: 13px;
	line-height: 22px;
	height: 22px;
	padding: 0 7px 0 8px;
	display: block;
	letter-spacing: 0;
	vertical-align: middle;
}
.switch-tab .menu li a {
	display: inline-block;
}
.switch-tab .menu li a .bdr-left {
	display: none;
}
.switch-tab .menu li a .bdr-right {
	display: none;
}
.switch-tab .menu li a .pointer {
	display: block;
	position: absolute;
	height: 6px;
	width: 11px;
	left: 40%;
	top: 21px;
}
.switch-tab .menu li a.off {
	background: url(../images/menu-tab-sprite.gif) repeat-x 0 0;
}
.switch-tab .menu li a.off strong {
	font-weight: normal;
}
.switch-tab .menu li a.off .pointer {
	background: none;
}
.switch-tab .menu li a.off:link, .switch-tab .menu li a.off:visited {
	color: #666666;
	text-decoration: none;
}
.switch-tab .menu li a.off:hover, .switch-tab .menu li a.off:active,
.switch-tab .menu li.highlight a.off:link, .switch-tab .menu li.highlight a.off:visited,
.switch-tab .menu li.highlight a.off:hover, .switch-tab .menu li.highlight a.off:active {
	color: #FF3300;
	text-decoration: none;
}
.switch-tab .menu li a.on {
	background: #FF3300 url(../images/menu-tab-sprite.gif) repeat-x 0 -120px;
	font-weight: bold;
}
.switch-tab .menu li a.on strong {
	color: #FFFFFF;
}
.switch-tab .menu li a.on .pointer {
	background: url(../images/menu-tab-sprite.gif) no-repeat 0 -240px;
}
.switch-tab .menu li a.on:link, .switch-tab .menu li a.on:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.switch-tab .menu li a.on:hover, .switch-tab .menu li a.on:active {
	color: #FFFFFF;
	text-decoration: none;
}

.switch-tab .underlayer {
	border-top: 1px solid #CCCCCC;
	background: #FFFFFF url(../images/board-bgn.gif) repeat-x 0 1px;
	padding-top: 5px;
	clear: both;
}
.vertical-list {
	padding: 5px 6px 10px 2px;
}
.vertical-list li {
	list-style: none;
	background: url(../images/li-dot-01.gif) no-repeat 0 3px; /*FF*/
	*background: url(../images/li-dot-01.gif) no-repeat 0 2px; /*IE*/
	margin: 4px 0;
	padding: 0 0 0 18px;
}
.vertical-list li.last {
	margin-bottom: 0;
}
.vertical-list li span.meta.comment {
	border-left: 1px solid #CCCCCC;
	float: right;
	margin-left: 5px;
	padding-left: 23px;
	background: url(../images/ico-comment.gif) no-repeat 5px 3px;
	width: 45px;
	*width: 69px
}
.vertical-list li span.comment .number {
	color: #990000;
}
.vertical-list dt {
	font-weight: bold;
}
.vertical-list dt, .vertical-list dd {
	padding: 5px;
}
.vertical-menu {
	margin-top: 10px;
}
.vertical-menu .menu {
}
.vertical-menu .menu li {
	text-align: center;
	font-size: 15px;
	list-style: none;
	border: 1px solid #CCCCCC;
	margin-bottom: -1px;
	line-height: 28px;
	height: 28px;
}
.vertical-menu .menu li.last {
	margin-bottom: 0;
}
.vertical-menu .menu li a {
	display: block;
	cursor: pointer;
	background: #993300;
	width: 100%;
}
.vertical-menu .menu li a:link, .vertical-menu .menu li a:visited {
	background: #F5F5F5;
	color: #000000;
	text-decoration: none;
}
.vertical-menu .menu li a:hover, .vertical-menu .menu li a:active {
	background: #E9F4FB;
	color: #FF3300;
	text-decoration: none;
}
.vertical-menu .menu li a.on:link, .vertical-menu .menu li a.on:visited {
	background: #E9F4FB;
	font-weight: bold;
}
.clmn-table {
	border-collapse: collapse;
	font-size: 13px;
	line-height: 1.47;
}
.clmn-table .cell-left {
	border-right: 1px solid #CCCCCC;
	margin-right: -1px;
	text-align: left;
	vertical-align: top;
}
.clmn-table .cell-center {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: -1px;
	margin-left: -1px;
	text-align: left;
	vertical-align: top;
}
.clmn-table .cell-right {
	border-left: 1px solid #CCCCCC;
	margin-left: -1px;
	text-align: left;
	vertical-align: top;
}
.clmn-table .photo-list {
	padding: 0 6px 8px;
	margin: 5px 0 0;
}
.clmn-table .photo-list li {
	margin-bottom: 6px;
}
.clmn-table .photo-list li.last {
	margin-bottom: 0;
}
.clmn-table .photo-list .thumb-photo {
	margin-right: 4px;
	*margin-right: 1px;
}
.clmn-table .photo-list .thumb-photo img {
	width: 60px;
	height: 50px;
}
.clmn-table .photo-list h3 {
	display: block;
	line-height: 1.3;
	margin-bottom: 2px;
}
.clmn-table .photo-list p {
	line-height: 1.3;
}
.page-index {
	font-size: 0;
	letter-spacing: 0;
	font-weight: normal;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px; /*FF*/
	*margin-top: 10px; /*IE*/
}
.page-index dt,
.page-index dd,
.page-index li {
	display: inline;
	font-size: 13px;
}
.page-index dt {
	background: none;
	color: #666666;
}
.page-index dd, .page-index  li {
	background: url(../images/gt.gif) no-repeat right center;
	padding-right: 9px; /*FF*/
	*padding-right: 6px; /*IE*/
	padding-left: 5px; /*FF*/
	*padding-left: 5px; /*IE*/
	margin: 0;
}
.page-index dd.last, .page-index  li.last {
	background: none;
}
.page-index .ui a:link,
.page-index .ui a:visited {
	text-decoration: none;
}
.page-index .ui a:hover,
.page-index .ui a:active {
	text-decoration: underline;
}
.form-btn {
	background: #E6EFF5 url(../images/form-btn-bgn.gif) repeat-x bottom;
	color: #000000;
	border: 1px solid #000000;
	height: 21px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 13px;
}
.form-txt {
}
.wall {
	color: #CCCCCC;
	margin: 0 0;
	font-weight: normal;
}
.current {
	font-weight: bold;
	color: #FF3300;
}
.disable {
	color: #999999;
}
.must-have {
	color: #CC0000;
}
.bar-align-right {
	text-align: right;
	background: url(../images/dash-h.gif) repeat-x top;
	padding: 3px 6px 5px;
	clear: both;
	font-size: 13px;
	margin: 0;
}
.bar-align-left {
	text-align: left;
	background: url(../images/dash-h.gif) repeat-x top;
	padding: 3px 6px 5px;
	clear: both;
	font-size: 13px;
	margin: 0;
}
.dash-h {
	background: url(../images/dash-h.gif) repeat-x top;
	height: 1px;
}
.dash-up {
	background: url(../images/dash-h.gif) repeat-x top;
}
.dash-down {
	background: url(../images/dash-h.gif) repeat-x bottom;
}
.dash-none {
	background: none;
}
.title-more {
	border-left: 1px solid #CCCCCC;
	padding-left: 5px;
	font-weight: normal;
	font-size: 13px;
	float: right;
	display: inline;
	position: relative;
	margin-right: 7px;
	margin-top: -1.6em;
}
a.more {
	background: url(../images/ico-more.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding-left: 16px;
}
a.comment {
	background: url(../images/ico-comment.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.view {
	background: url(../images/ico-view.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding-left: 18px;
}
a.trackback {
	background: url(../images/ico-trackback.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.forward {
	background: url(../images/ico-forward.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.print {
	background: url(../images/ico-print.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.font,
span.font {
	background: url(../images/ico-font.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.video {
	background: url(../images/ico-video.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.audio {
	background: url(../images/ico-audio.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.feature {
	background: url(../images/ico-feature.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.discuss {
	background: url(../images/ico-discuss.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.vote {
	background: url(../images/ico-vote.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.forum {
	background: url(../images/ico-forum.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.web {
	background: url(../images/ico-web.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.enlarge {
	background: url(../images/ico-enlarge.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.album {
	background: url(../images/ico-album.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.calendar {
	background: url(../images/ico-calendar.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding-left: 18px;
}
a.ui {
	background: url(../images/wall.gif) no-repeat right center;
	padding-right: 6px;
	margin-right: 6px;
}
a.ui:link, a.ui:visited {
	color: #000000;
	text-decoration: underline;
}
a.ui:hover, a.ui:active {
	color: #FF3300;
	text-decoration: none;
}
.ui {
	font-size: 13px;
}
.ui span.highlight {
	color: #990000;
}
.ui a:link, .ui a:visited {
	color: #000000;
	text-decoration: underline;
}
.ui a:hover, .ui a:active {
	color: #FF3300;
	text-decoration: none;
}
.rightitem {
	float: right;
	display: inline;
}
.leftitem {
	float: left;
	display: inline;
}
.thumb-photo {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.visible {
	display: block;
}
.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}
li.comment,
h3.comment {
	background: url(../images/ico-comment.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 20px;
}
li.video,
h3.video {
	background: url(../images/ico-video.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 1px; /*IE*/
	padding: 0 0 0 20px;
}
li.audio,
h3.audio {
	background: url(../images/ico-audio.gif) no-repeat;
	background-position: 1px 2px; /*FF*/
	*background-position: 1px -1px; /*IE*/
	padding: 0 0 0 18px;
}
li.feature,
h3.feature {
	background: url(../images/ico-feature.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding: 0 0 0 18px;
}
li.discuss,
h3.discuss {
	background: url(../images/ico-discuss.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.vote,
h3.vote {
	background: url(../images/ico-vote.gif) no-repeat;
	background-position: 0 0; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding: 0 0 0 18px;
}
li.forum,
h3.forum {
	background: url(../images/ico-forum.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 -1px; /*IE*/
	padding: 0 0 0 18px;
}
li.album,
h3.album {
	background: url(../images/ico-album.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.calendar,
h3.calendar {
	background: url(../images/ico-calendar.gif) no-repeat;
	background-position: 0 2px; /*FF*/
	*background-position: 0 1px; /*IE*/
	padding: 0 0 0 18px;
}
li.new,
h3.new {
	background: url(../images/ico-new.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.superb,
h3.superb {
	background: url(../images/ico-superb.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.hottest,
h3.hottest {
	background: url(../images/ico-hottest.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.exclusive,
h3.exclusive {
	background: url(../images/ico-exclusive.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.nonsense,
h3.nonsense {
	background: url(../images/ico-nonsense.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.lousy,
h3.lousy {
	background: url(../images/ico-lousy.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.interesting,
h3.interesting {
	background: url(../images/ico-interesting.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}
li.strange,
h3.strange {
	background: url(../images/ico-strange.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 18px;
}

li.breaking-news,
h3.breaking-news {
	background: url(../images/ico-breaking-news.gif) no-repeat;
	background-position: 0 3px; /*FF*/
	*background-position: 0 0; /*IE*/
	padding: 0 0 0 30px;
}
.tab-menu {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
.tab-menu li {
	display: inline;
	float: left;
	border: 1px solid #CCCCCC;
	list-style: none;
	margin-right: -1px;
	margin-bottom: -1px;
}
.tab-menu li.last {
	margin-right: 0;
}
.tab-menu li a {
	display: block;
	padding: 4px 10px;
}
.tab-menu li a.on,
.tab-menu li.on a {
	background: #E9F4FB;
	font-weight: bold;
}
.tab-menu li a.on:link, .tab-menu li a.on:visited,
.tab-menu li.on a:link, .tab-menu li.on a:visited  {
	color: #FF3300;
	text-decoration: none;
}
.tab-menu li a.on:hover, .tab-menu li a.on:active,
.tab-menu li.on a:hover, .tab-menu li.on a:active {
	color: #FF3300;
	text-decoration: underline;
}
.tab-menu li.highlight a:link, .tab-menu li.highlight a:visited,
.tab-menu li.highlight a:hover, .tab-menu li.highlight a:active {
	color: #FF3300;
}
.tab-menu li.sub {
	border: none;
	float: right;
}
.tab-menu li.sub .container {
	display: block;
	padding: 4px 10px 5px;
}
.tab-menu li.sub a {
	display: inline;
	padding: 2px; /*FF*/
	*padding: 0; /*IE*/
}
.tab-menu li.sub a.on {
	background: none;
}
.inline-list {
	font-size: 0;
	letter-spacing: 0;
	font-weight: normal;
}
.inline-list dt,
.inline-list dd,
.inline-list li {
	display: inline;
	font-size: 13px;
	letter-spacing: 0;
}
.inline-list dt {
	font-weight: bold;
}
.inline-list dd, .inline-list li {
	background: url(../images/wall.gif) no-repeat right center;
	padding-right: 6px; /*FF*/
	*padding-right: 3px; /*IE*/
	padding-left: 6px; /*FF*/
	*padding-left: 6px; /*IE*/
	margin: 0;
}
.inline-list dd.last, .inline-list li.last,
.inline-list dd.no-wall, .inline-list li.no-wall {
	background: none;
}
.zoom-font a.current:link,
.zoom-font a.current:visited {
	color: #FF3300;
	text-decoration: none;
}
.zoom-font #font-small {
	font-size: 13px;
}
.zoom-font #font-medium {
	font-size: 15px;
}
.zoom-font #font-large {
	font-size: 18px;
}
.page-nav {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}
.page-nav dl.inline-list {
	letter-spacing: -2px;
}
.bookmark {
	margin-top: 5px;
	margin-bottom: 15px;
}
.bookmark dd img {
	vertical-align: middle;
}
.bookmark dd span {
	display: none;
}
.bookmark dd.last iframe,
.article-function-bar li.last iframe {
	height: 62px;
}
.photo-article-separator {
	font: inherit;
	*font-size: 100%;
	*line-height: 1.47;
	margin: 0;
	border-collapse: collapse;
	display: block;
}
.photo-article-separator td.cell-photo,
.photo-article-separator td.cell-article {
	text-align: left;
	vertical-align: top;
}
.photo-article-separator td.cell-photo {
	width: 0;
}
.photo-article-separator .articlebox {
	padding: 0;
	margin: 0;
}
.photo-article-separator .articlebox h1,
.photo-article-separator .articlebox h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
	clear: none;
}
.photo-article-separator .articlebox .meta {
	padding-bottom: 0;
}
.photo-article-separator .articlebox p.intro {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.photo-article-separator .photobox {
	width: 1px;
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.5;
	padding: 0;
	margin: 0 10px 0 0;
}
.photo-article-separator .photobox td {
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.photo-article-separator .photobox .cropper {
	width: 180px;
	height: 120px;
	overflow: hidden;
}
.photo-article-separator .photobox img.photo {
	width: 180px;
}
.photo-article-separator .photobox h3 {
	font-size: 13px;
	margin: 5px;
}
.photo-article-separator .photobox .photo-essay {
	margin: 5px;
}
.fluid-inline-block {
	font-size: 0;
	word-spacing: -1px;
}
.fluid-inline-block .group {
	list-style: none;
}
.fluid-inline-block .entry {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	word-spacing: 0;
	width: 200px;
	margin: 5px 0 5px 5px;
}
.fluid-inline-block .entry {
	*display: inline;
}
.fluid-inline-block .container {
	position: relative;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}
div.hr {
	background: url(../images/dash-h.gif) repeat-x 0 center;
	height: 11px;
	font-size: 0;
}
iframe.postfile {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 0;
	height: 0;
}
.bookmark .google-plusone,
.article-function-bar .google-plusone {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	position: relative;
	top: 5px;
	*top: 3px;
}
.bookmark .google-plusone div,
.article-function-bar .google-plusone div {
	*zoom: 1;
	*display: inline;
}
/*-------------------------------------------------------*/
/*footer*/

.footer {
	clear: both;
	text-align: left;
	font: 13px/1.5 "Arial","PMingLiU";
	border-top: 1px solid #CCCCCC;
	color: #666666;
	background: #F5F5F5;
	margin: 0;
	position: relative;
	z-index: 1;
}
.footer .container {
	padding: 10px 20px;
}
.footer a:link, .footer a:visited {
	color: #666666;
	text-decoration: underline;
}
.footer a:hover, .footer a:active {
	color: #FF3300;
	text-decoration: none;
}
.footer .logo-wantwant-group,
.footer .logo-chinatimes-group {
	position: absolute;
	top: 20px;
	display: block;
	height: 60px;
	line-height: 60px;
	text-indent: -9999px;
	z-index: 100;
}
.footer .logo-wantwant-group {
	background: url(../images/logo-wantwant-group.gif) no-repeat left top;
	left: 60px;
	width: 54px;
}
.footer .logo-chinatimes-group {
	background: url(../images/logo-chinatimes-group.gif) no-repeat left top;
	right: 60px;
	width: 57px;
}
.footer .copyright {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.footer .global-site-link {
	margin-top: 5px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
.footer .global-site-link li {
	list-style: none;
	padding-right: 6px; /*FF*/
	*padding-right: 3px; /*IE*/
	padding-left: 6px; /*FF*/
	*padding-left: 6px; /*IE*/
	display: inline;
	border-right: 1px solid #CCCCCC;
	font-size: 13px;
}
.footer .global-site-link li.title {
	border-style: none;
	margin-right: -10px;
	color: #999999;
}
.footer .global-site-link li.last {
	border-style: none;
}