@charset "big5";
/* CSS Document */

html {
  height:100%
}
body,textarea,input {
  margin:0px;
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
a:link, a:visited {
  color:#039;
  text-decoration:none;
}
a:active, a:hover {
  color:#f22;
  text-decoration:underline;
}
#Wrapper {
  width:970px;
  margin:0px auto;
  background:url(../images/layout_middle.gif) repeat-y;
}
#Header {
  background:url(../images/layout_top.gif) no-repeat top;
  height:171px;
  position:relative;
}
#Header .customimage {
	width:946px;
	height:158px;
	background:url(../images/layout_header.jpg) no-repeat;
	position:absolute;
	top:12px;
	left:12px;
}
#Header .companybg {
	width:946px;
	height:158px;
	position:absolute;
	top:12px;
	left:12px;
}
#Header .companylogo {
	padding:2px;
	margin-right:10px;
	background:#FFF;
	position:absolute;
	top:22px;
	left:22px;
}
#Header .companyname {
	font-size:24px;
	font-weight:bold;
	color:#000;
	position:absolute;
	top:40px;
	left:114px;
}
#Header .companyslogan {
	height:26px;
	color:#ee0000;
	position:absolute;
	top:72px;
	left:114px;
}
#Header .companystatus {
	position:absolute;
	top:22px;
	right:225px;
}
#Header .companystatus img {
	margin-left:3px;
}
#Header .companyview {
	width:132px;
	height:16px;
	font-size:10px;
	background:url(../../../images/icon_memo_view.gif) no-repeat right top;
	padding-top:2px;
	padding-right:25px;
	text-align:right;
	position:absolute;
	top:22px;
	right:90px;
}
#Header .favicon {
	position:absolute;
	bottom:10px;
	right:25px
}
#Header .corner {
	position:absolute;
	top:0px;
	right:0px
}
#Navigate {
	width:946px;
	height:43px;
	background:url(../images/nav_bg.gif) repeat-x;
	margin:0px auto;
	text-align:center;
	vertical-align:top;
}
#Navigate img {
	vertical-align:top;
}
#Content {
	width:926px;
	margin:0px auto;
	padding-top:11px;
}
#Content .subnav {
	width:232px;
	float:left;
}
#Content .list {
	width:230px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	float:left;
	position:relative;
}
#Content .main {
	width:664px;
	float:left;
	margin-left:20px;
	position:relative;
}
#Content .msgmain {
	width:664px;
	float:left;
	padding-left:10px;
	margin-right:20px;
	position:relative;
}
#Content .header {
	width:648px;
	height:26px;
	background:url(../images/header_bg.gif) repeat-x;
	color:#960000;
	padding:0px 8px;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}
#Content .nonedata {
	width:130px;
	height:26px;
	margin:0px auto;
	padding:70px 0px;
	background:url(../../../images/prepare.gif) center no-repeat;
}
#Content .photo {
	border:1px solid #eee;
	padding:4px;
	width:500px;
	margin:20px auto;
	text-align:center;
}
#Content .photo div {
	margin-top:2px;
}
#Content .proitem {
	width:136px;
	height:132px;
	padding:8px 15px;
	padding-bottom:0px;
	margin-top:20px;
	background:url(../images/product_thumb_frame.gif) center no-repeat;
	float:left;
}
#Content .proitemname {
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin-top:2px;
}
#Content .prothumb {
	width:200px;
	height:161px;
	background:url(../images/product_frame.gif) no-repeat center;
	padding:8px;
	margin-left:12px;
	float:right;
}
#Content .proname {
	width:396px;
	border-bottom:1px solid #f2f2f2;
	padding-bottom:7px;
	margin-bottom:17px;
	position:relative;
	color:#000;
	font-size:16px;
	font-weight:bold;
}
#Content .proprice{
	top:4px;
	right:0px;
	position:absolute;
	font-size:11px;
	color:#000;
}
#Content .msgheader {
	position:absolute;
	font-weight:bold;
	color:#960000;
}
#Content .msgdetail .divider {
	height:1px;
	background:url(../images/divider_horizontal.gif) repeat-x;
}
#Content .msgdetail .id {
	width:12px;
	font-size:10px;
	text-align:center;
	padding:7px 7px;
}
#Content .msgdetail .detail {
	padding:7px 7px;
}
#Content .msgdetail .qline {
	clear:both;
}
#Content .msgdetail .aline {
	line-height:20px;
	padding-top:4px;
	clear:both;
}
#Content .msgdetail .icon {
	width:14px;
	padding-top:3px;
	float:left;
}
#Content .msgdetail .content {
	width:390px;
	color:#000;
	margin:0px 7px;
	float:left;
}
#Content .msgdetail .author {
	width:100px;
	font-size:11px;
	float:left;
	margin:0px 7px;
	text-align:center;
}
#Content .msgdetail .date {
	width:85px;
	font-size:10px;
	float:left;
	margin-left:7px;
}
#Content .msgdetail .replay {
	width:603px;
	margin-left:7px;
	float:left;
}
#Content .msgdetail .replay span {
	color:#ccc;
	font-size:10px;
}
#Content .main .footer, #Content .msgdetail .footer {
	clear:both;
	padding:14px 6px;
	margin-bottom:14px;
}
#Content .main .info, #Content .msgdetail .info {
	color:#555;
	font-size:11px;
	float:left;
}
#Content .main .pagelist, #Content .msgdetail .pagelist {
	float:right;
}
#Content .main .pagelist td, #Content .msgdetail .pagelist td {
	padding:0px 1px;
}
#Content .main .pagelist .num, #Content .msgdetail .pagelist .num {
	width:17px;
	height:17px;
	background:url(../images/btn_page_num.gif) no-repeat center top;
	font-size:10px;
	text-align:center;
}
#Content .postdate {
	width:134px;
	height:15px;
	background:url(../images/date_post_bg.gif) no-repeat;
	font-size:11px;
	color:#b2b2b2;
	padding-top:1px;
	padding-left:18px;
	position:absolute;
	right:9px;
	top:7px;
}
#Content .promodate {
	width:196px;
	height:15px;
	background:url(../images/date_promo_bg.gif) no-repeat;
	font-size:11px;
	color:#555;
	padding-top:1px;
	padding-left:20px;
	position:absolute;
	right:9px;
	top:7px;
}
#Content .detail {
	width:632px;
	padding:15px 16px;
	margin-bottom:25px;
	line-height:21px;
	clear:both;
}
#Content .detail .divider-ver {
	background:url(../images/divider_vertical.gif) center repeat-y;
	width:32px;
}
#Content .map {
	width:650px;
	height:323px;
	background:url(../images/map_frame.gif) no-repeat;
	padding:7px;
	margin-top:16px;
	margin-bottom:32px;
}
#Content .subnav .artilist {
	padding-bottom:1px;
	background:url(../images/divider_horizontal_gray.gif) repeat-x bottom;
	position:relative;
}
#Content .subnav .artilist .frame {
	padding:9px 8px;
}
#Content .subnav .artilist .icon {
	top:4px;
	right:202px;
	position:absolute;
}
#Content .subnav .artilist .thumb {
	padding:2px;
	border:1px #ccc solid;
	background:#fff;
	width:60px;
}
#Content .subnav .artilist .content {
	padding-left:7px;
}
#Content .subnav .artilist .content .date {
	color:#aaa;
	font-size:10px;
}
#Content .subnav .pagelist {
	margin-top:7px;
	margin-bottom:16px;
}
#Content .subnav .pagelist td {
	padding:0px 1px;
}
#Content .subnav .pagelist .num {
	width:17px;
	height:17px;
	background:url(../images/btn_page_num.gif) no-repeat center top;
	font-size:10px;
	text-align:center;
}
#Content .homelist {
	width:216px;
	font-size:11px;
	background:url(../images/divider_horizontal.gif) repeat-x top;
	padding:6px 7px;
	padding-bottom:0px;
	clear:both;
}
#Content .more {
	background:url(../images/divider_horizontal.gif) repeat-x top;
	text-align:center;
	padding-top:12px;
}
#Content .homelist .title {
	width:66px;
	font-weight:bold;
	color:#000;
	float:left;
}
#Content .homelist .content {
	width:150px;
	padding-bottom:5px;
	float:left;
}
#Content .msglist {
	width:216px;
	height:19px;
	font-size:11px;
	background:url(../images/divider_horizontal.gif) repeat-x top;
	padding:6px 7px;
	padding-bottom:0px;
	clear:both;
}
#Content .msglist .msgicon {
	width:42px;
	padding-bottom:5px;
	float:left;
}
#Content .msglist .msgtitle {
	width:174px;
	padding-bottom:5px;
	float:left;
}
#Content .homelink {
	width:185px;
	font-size:11px;
	background:url(../images/divider_horizontal.gif) repeat-x bottom;
	padding:6px 6px 6px 7px;
}
#Content .homelink img {
	margin-right:7px;
	margin-left:2px;
}
#Content .homeframe {
	padding:9px 10px;
}
#Content .homecasethumb {
	border:1px #eee solid;
	margin-bottom:5px;
}
#Content .hometitle {
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	line-height:16px;
}
#Content .homedetail {
	font-size:11px;
}
#Content .homecom {
	width:410px;
	float:left;
}
#Content .homecom .header {
	width:410px;
}
#Content .homecom .detail {
	width:396px;
}
#Content .homecomalbum {
	float:right;
	background:url(../images/album_frame.gif) no-repeat;
	width:170px;
	height:155px;
	position:relative;
	padding:10px;
	margin-top:24px;
	margin-right:8px;
}
#Content .homecomalbum .thumb {
	width:170px;
	height:128px;
	text-align:center;
}
#Content .homecomalbum .name {
	width:170px;
	top:144px;
	left:10px;
	text-align:center;
	position:absolute;
}
#Content .homecomalbum .link {
	top:166px;
	right:8px;
	position:absolute;
}
#Content .homefooter {
	width:684px;
	float:left;
	margin-left:10px;
}
#Content .link {
	position:absolute;
	right:8px;
	top:8px;
}
#Content .splash {
	padding:14px 3px;
}
#Content .splash .thumblist {
	margin:0px auto;
	clear:both;
}
#Content .splash .thumblist .item {
	background:url(../images/product_thumb_frame.gif) no-repeat top;
	width:136px;
	height:135px;
	padding:9px 10px;
	float:left;
}
#Content .splash .thumblist .item .text {
	text-align:center;
	font-weight:bold;
	color:#000;
	margin-top:4px;
}
#Content .splash .thumblist .divider {
	background:url(../images/splash_thumb_divider.gif) no-repeat;
	width:11px;
	height:148px;
	float:left;
}
#Content .splash .control {
	width:647px;
	height:20px;
	background:url(../images/splash_bar_bg.gif) no-repeat;
	margin:0px auto;
	position:relative;
	clear:both;
}
#Content .splash .control .btnleft {
	position:absolute;
	top:3px;
	left:11px;
}
#Content .splash .control .btnright {
	position:absolute;
	top:3px;
	right:11px;
}
#Content .splash .control .status {
	width:100%;
	text-align:center;
}
#Content .splash .control .status img {
	margin:6px 1px;
}
#Footer {
	height:109px;
	margin:0px auto;
	padding:0px 12px;
	padding-top:11px;
	background:url(../images/layout_bottom.gif) no-repeat left bottom;
	clear:both;
}
#Footer .legallogo {
	height:46px;
	padding:0px 11px;
}
#Footer .legallogo img {
	margin-right:6px;
}
#Footer .legallink {
	color:#999;
	text-align:right;
	padding:0px 11px;
}
#Footer a:link, #Footer a:visited {
  color:#666;
  text-decoration:none;
}
#Footer a:active, #Footer a:hover {
  color:#f22;
  text-decoration:underline;
}
#Footer .divider {
	height:1px;
	background:url(../images/divider_horizontal_gray.gif) repeat-x center;
}
#Footer .legalcom {
	height:29px;
	color:#666;
	padding:0px 11px;
}
#Footer .legalticrf {
	color:#666;
	text-align:right;
	padding:0px 11px;
}