* {
font-family:"微軟正黑體","Lucida Sans","simhei",Arial;
}
body {
background:none repeat scroll 0 0 #FFFFFF;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:94%;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
.clear {
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}
a, a:visited {
color:#146BC3;
outline:medium none;
text-decoration:underline;
}
a:active, a:hover {
outline:medium none;
text-decoration:none;
}
a.more {
background:url("../images/menu-arrow.jpg") no-repeat scroll right center transparent;
padding-right:10px;
}
a.back {
background:url("../images/menu-arrow-back.gif") no-repeat scroll left center transparent;
padding-left:15px;
}
a.button {
background:url("../images/button-left.gif") no-repeat scroll left top transparent;
color:#000000;
display:block;
height:31px;
line-height:31px;
padding-left:17px;
text-decoration:none;
}
a.button:visited {
color:#000000;
text-decoration:none;
}
a.button span {
background:url("../images/button-right.gif") no-repeat scroll right top transparent;
display:block;
padding-right:17px;
width:auto;
}
a.button-green {
background:url("../images/button-left-green.gif") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
height:31px;
line-height:31px;
padding-left:17px;
text-decoration:none;
}
a.button-green:visited {
color:#FFFFFF;
text-decoration:none;
}
a.button-green span {
background:url("../images/button-right-green.gif") no-repeat scroll right top transparent;
display:block;
padding-right:17px;
width:auto;
}
a.button, a.button-green {
outline:medium none;
}
a.button, a.button:visited, a.button-green, a.button-green:visited {
background-position:left top;
}
a.button span, a.button:visited span, a.button-green span, a.button-green:visited span {
background-position:right top;
}
a.button:hover, a.button-green:hover {
background-position:0 -50px;
}
a.button:hover span, a.button-green:hover span {
background-position:100% -50px;
}
a.button:active, a.button-green:active {
background-position:0 -100px;
}
a.button:active span, a.button-green:active span {
background-position:100% -100px;
}
h1.multimedium-logo {
background:url("../images/multimedium-logo.jpg") no-repeat scroll 0 0 transparent;
height:60px;
text-indent:-8000px;
width:175px;
}
h1.multimedium-logo a {
display:block;
height:60px;
outline:medium none;
overflow:hidden;
width:175px;
}
h2 {
font-size:1.67em;
}
h2.big {
font-size:2.2em;
padding-bottom:40px;
}
h2.small {
font-size:1.1em;
font-weight:bold;
padding-bottom:8px;
}
h3 {
font-size:23px;
font-weight:normal;
padding-bottom:14px;
padding-top:25px;
}
#wrapper {
}
#header-wrapper {
background:url("../images/headerWrapper.jpg") repeat-x scroll 0 0 transparent;
height:60px;
width:100%;
}
#content-wrapper {
margin:0 auto;
padding-bottom:70px;
width:888px;
}
#footer-wrapper {
border-top:1px solid #C0C0C0;
}
#header {
height:60px;
margin:0 auto;
width:888px;
}
#header #buttons {
float:right;
margin:-60px 0 0 5px;
padding:11px 0 9px;
}
#header #buttons a {
float:left;
margin-left:10px;
}
#header a.button {
background-image:url("../images/header-button-left.gif");
}
#header a.button span {
background-image:url("../images/header-button-right.gif");
}
#header a.button-green {
background-image:url("../images/header-button-left-green.gif");
}
#header a.button-green span {
background-image:url("../images/header-button-right-green.gif");
}
#menu-wrapper {
border-bottom:1px solid #C0C4C7;
height:53px;
margin:0 auto;
width:888px;
}
#menu {
float:left;
line-height:53px;
}
#menu li {
float:left;
margin-right:30px;
}
#menu li.last {
margin-right:0;
}
#menu li a, #menu li a:active {
color:#626B74;
text-decoration:none;
}
#menu li a:active, #menu li a:hover {
color:#000000;
text-decoration:none;
}
#menu li.selected {
background:url("../images/menu-selected-bg.gif") no-repeat scroll center bottom transparent;
height:53px;
}
#menu li.selected a, #menu li.selected a:visited {
color:#000000;
text-decoration:none;
}
#menu li.selected a:active, #menu li.selected a:hover {
color:#000000;
text-decoration:none;
}
#submenu {
border-right:1px solid #84878A;
width:221px;
}
#submenu li {
}
#submenu li a {
display:block;
padding:20px 0 20px 55px;
}
#submenu li a, #submenu li a:visited {
background-position:0 0;
border-bottom:1px solid #D5D8DB;
color:#858B91;
text-decoration:none;
}
#submenu li a:active, #submenu li a:hover {
background-color:#EDEFF1;
background-position:-222px 0;
border-bottom:1px solid #D5D8DB;
color:#000000;
text-decoration:none;
}
#submenu li.selected {
background-color:#EDEFF1;
}
#submenu li.selected a, #submenu li.selected a:visited, #submenu li.selected a:active, #submenu li.selected a:hover {
background-color:#EDEFF1;
background-position:-222px 0;
border-bottom:1px solid #D5D8DB;
color:#000000;
text-decoration:none;
}
#content {
}
.reading {
}
.reading p {
line-height:160%;
padding-bottom:20px;
}
.reading ul li {
background:url("../images/menu-arrow.jpg") no-repeat scroll left top transparent;
padding:0 0 14px 15px;
}
.reading table {
border:1px solid #DEDEDE;
}
.reading table th {
background-color:#4F4F4F;
color:#F1F1F1;
border:1px solid #EDEDED;
font-weight:bold;
margin:1px;
padding:10px;
text-align:center;
}
.reading table td {
border:1px solid #EDEDED;
color:#111111;
margin:1px;
padding:10px;
}
.intro {
color:#999999;
padding-bottom:20px;
}
.small {
font-size:0.9em;
}
.note {
color:#AAAAAA;
}
.footnote {
border-top:1px solid #CCCCCC;
color:#AAAAAA;
font-size:0.9em;
margin-top:15px;
padding-top:10px;
}
.column {
float:left;
}
.column12 {
width:444px;
}
.column13 {
width:296px;
}
.column23 {
width:592px;
}
.column14 {
width:223px;
}
.column14-with-background {
background:url("../images/column-14-bg.jpg") no-repeat scroll left top transparent;
height:589px;
width:223px;
}
.column24 {
width:444px;
}
.column34 {
width:665px;
}
html, body {
height:100%;
}
#push-footer {
clear:both;
display:block;
height:125px;
}
#wrapper {
height:auto !important;
margin:0 auto -125px;
min-height:100%;
}
#footer-wrapper {
height:125px;
}
#footer {
color:#848484;
margin:0 auto;
width:888px;
}
#footer #news {
margin:0 auto;
width:888px;
}
a#rss-subscribe {
background:url("../images/footer-news-rss.gif") no-repeat scroll left top transparent;
float:right;
height:23px;
margin-top:-2px;
outline:medium none;
text-decoration:none;
text-indent:-40000px;
width:22px;
}
a#rss-subscribe, a#rss-subscribe:visited {
background-position:left top;
}
a#rss-subscribe:active, a#rss-subscribe:hover {
background-position:0 -50px;
}
#footer #news ul {
padding-bottom:15px;
}
#footer #news li {
border-bottom:1px solid #F3F3F3;
padding:7px 5px;
}
#footer #news li a, #footer #news li a:visited {
color:#999FA3;
text-decoration:none;
}
#footer #news li a:active, #footer #news li a:hover {
color:#999FA3;
text-decoration:none;
}
#footer #news li a .headline, #footer #news li a:visited .headline {
color:#146BC3;
text-decoration:underline;
}
#footer #news li a:active .headline, #footer #news li a:hover .headline {
color:#146BC3;
text-decoration:none;
}
#banner-home {
background:url("../images/banner-home.jpg") no-repeat scroll 0 0 transparent;
height:300px;
position:relative;
width:888px;
}
#banner-home #demo {
background:url("../images/demo-thumb.jpg") no-repeat scroll 0 0 transparent;
height:54px;
left:355px;
padding-left:110px;
padding-top:7px;
position:absolute;
top:190px;
}
#info-home-smartfolder, #info-home-languages {
padding-left:125px;
padding-top:14px;
}
#info-home-intro {
}
#info-home-intro h3 {
padding-top:8px;
}
#info-home-smartfolder {
background:url("../images/index-ippbx.png") no-repeat scroll 20px 0 transparent;
padding-bottom:20px;
}
#info-home-languages {
background:url("../images/index_fax.png") no-repeat scroll 20px 0 transparent;
}
.module-text {
padding-bottom:5px;
padding-top:5px;
}
#modules-wrapper {
clear:both;
padding-top:20px;
width:888px;
}
#modules-wrapper h2 {
padding-bottom:12px;
}
#modules {
background:url("../images/modules-gradient.jpg") no-repeat scroll 0 0 #F0F0F0;
border-bottom:1px solid #D7D9DB;
border-top:1px solid #93969A;
height:179px;
margin-bottom:10px;
width:888px;
}
#carousel li {
float:left;
padding-left:15px;
padding-right:15px;
}
#info-wrapper {
padding-top:30px;
}
#info-wrapper h2 {
padding-bottom:20px;
}
#info-wrapper .intro {
padding-bottom:0;
}
.odd{
background-color:#FFF;
}
.even{
background-color:#ddd;
}
.odd:hover{
background-color:#7DAA41;
}
.even:hover{
background-color:#7DAA41;
}