body {color: #000000; background: #125379; margin: 0; padding: 0;} table {width: 100%; font-size: 11px;} table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;} a {color: #000000; text-decoration: none; font-weight: 500; background-color: transparent;} a:hover {color: #ff3300;} h1 {color: #222222; margin-bottom: 0px;padding:0px 0px 8px 0px; font-size:22px; font-weight: normal; text-align:left; border-bottom: 1px dotted #828282; height:22px;} h2 {padding:0px; font-size:16px; font-weight: normal; text-decoration: none;background: #fff url(images/line_2_27.gif) 0 0px;line-height: 27px;} h3 {} h4 {} h5 {} ul {} ol {} li {line-height: 20px;} li a:hover {color: #FFF; background-color: #365EAF;} input {border: 1px solid #AAAAAA; color: #333333; font: 12px verdana, arial, helvetica, sans-serif; background-color: #DDDDDD} input:hover {background-color: #FFFFFF} input.formButton {border: 1px solid #AA0000; font: 12px verdana, arial, helvetica, sans-serif; background-color: #CDCDCD} input.formButton:hover {background-color: #FFFFFF} #calculate_form input {border: 1px solid #AAAAAA; color: #FFF; font: 16px verdana, arial, helvetica, sans-serif; background-color: #880000} #drag_div input {border: 1px solid #AAAAAA; color: #333333; font: 12px verdana, arial, helvetica, sans-serif; background-color: #DDDDDD} textarea {border: 1px solid ##840707; font: 16px 新細明體, Arial, Helvetica, sans-serif; width: 100%; line-height: 180%; background-image: url('images/blur_l_t_300.gif'); background-repeat: no-repeat; background-position: left top;} #drag_div textarea {border: 1px solid ##840707; font: 16px 新細明體, Arial, Helvetica, sans-serif; width: 95%; line-height: 180%; background-image: url('images/blur_l_t_300.gif'); background-repeat: no-repeat; background-position: left top;} select {border: 1px solid #AAAAAA; color: #525252; font: 12px verdana, arial, helvetica, sans-serif; background-color: #F2F2F2;} .item {border: 1px solid #cccccc;} .itemHead {padding: 4px; background: #3E6299 url(images/3E6299bg_4_4.gif); color: #FFFFFF;} .itemInfo {text-align: right; padding: 3px; background-color: #efefef} .itemTitle a {font-size: 12px; font-weight: 100; font-variant: small-caps; color: #ffffff; background-color: transparent;} .itemPoster {font-size: 11px; font-style:italic;} .itemPostDate {font-size: 11px; font-style:italic;} .itemStats {font-size: 11px; font-style:italic;} .itemBody {padding-left: 5px;} .itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em; font-size: 16px;} .itemText a {text-decoration: underline;color:#0000DD;} .itemFoot {text-align: right; padding: 3px; background-color: #efefef;} .itemAdminLink {font-size: 11px;} .itemPermaLink {font-size: 11px;} th {background: #3E6299 url(images/3E6299bg_4_4.gif); color: #FFFFFF; padding : 4px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;} table#header {width: 1000px; background-color: #FFFFFF; margin:0 auto; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF;} td#header {width: 100%; background-color: #FFFFFF; vertical-align: middle; text-align:center;} table#content {width: 1000px; background-color: #FFFFFF; margin:0 auto; vertical-align: middle; text-align:center; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;} table#footer {width: 1000px; background-color: #FFFFFF; margin:0 auto; vertical-align: middle; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;} #user_aim {readonly:expression(this.readOnly=true); opacity:0;} td#leftcolumn {padding: 0px 5px 16px 5px; width: 220px; border-top: 5px solid #FFF; border-left: 10px solid #FFF; font-size:12px; background-color: #F0F0F0;} td#leftcolumn th {background-color: #3157FF; color: #FFFFFF; vertical-align: middle;} td#leftcolumn div.blockTitle {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; color: #888888; background-color: #FFFFFF; color: #888888; font-weight: 500; display:inline-block;} td#leftcolumn div.blockContent {padding: 10px; line-height: 120%; text-align:left; background-color: transparent;} #centercolumn {font-size: 12px; text-align:left; background: #FFF;} #centercolumn th {background-color: #3157FF; color: #FFFFFF; vertical-align: middle;} #centerCcolumn, #bottomCcolumn {padding: 0px 3px 1px 3px;} #centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; color: #888888; background-color: #FFFFFF; font-weight: 500; margin-top: 0px; margin-right: auto; margin-left: 0px; display:block;} #centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; line-height: 120%;} #centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn { width: 50%; padding: 0px 3px 0px 0px; } #centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; color: #639ACE; background-color: #FFFFFF; font-weight: 500; margin-top: 0px; } #centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; line-height: 120%; } div#content {text-align: left; padding: 8px; background: #FFF;} td#rightcolumn {width: 186px; padding: 5px 8px 2px 0px; border-left: 0px solid #505050; font-size:11px; text-align:left; background: #FFF;} td#rightcolumn th {background-color: #840707; color: #FFFFFF; vertical-align: middle;} td#rightcolumn div.blockTitle {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; background-color: #FFFFFF; color: #888888; font-weight: 500;} td#rightcolumn div.blockContent {padding: 4px; border-left: 1px solid #DCD1B9; border-right: 1px solid #DCD1B9; border-bottom: 1px solid #DCD1B9; line-height: 120%;background-color: #FFFFFF; background-image: url('images/blur_r_d_100.gif'); background-repeat: no-repeat; background-position: right bottom;} td#footer {height: 46px; text-align:center; vertical-align: middle; background-image: url('images/424242bg_4_4.gif'); color: #FFFFFF; border-top: 1px solid #656565; border-bottom: 1px solid #FFFFFF;} td#footer a {color: #EEEEEE; font-weight: 700;} td#footer a:hover {color: #FFFFFF;} td#footerbar {height: 22px; padding-right: 20px; vertical-align : middle; text-align:right; background-color: #C1D8F2; color: #333333;} td#mainmenu a {display: block; margin: 0; padding: 9px; background: url(images/go.gif); background-color: #E0E0E0;} td#mainmenu a:hover {color: #FFFFFF; background: url(images/go_hover.gif); background-color: #274A82;} td#mainmenu a.menuTop {padding-left: 36px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;} td#mainmenu a.menuMain {padding-left: 36px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;} td#mainmenu a.menuSub {padding-left: 43px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(images/go.gif) 7px 0px; background-color: #999999;} td#mainmenu a.menuSub:hover {padding-left: 43px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(images/go_hover.gif) 7px 0px; background-color: #666666;} ul.mainmenu {margin:0px;} .mainmenu *{margin:0;padding:0;line-height:1.0;} .mainmenu li{list-style:none outside; position:relative;} .mainmenu a {display: block; margin: 0; background: url(images/go.gif); background-color: #E0E0E0;} .mainmenu a:hover {color: #FFFFFF; background: url(images/go_hover.gif); background-color: #274A82;} .mainmenu a.menuTop {padding: 14px 36px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;} .mainmenu a.menuMain {padding: 14px 36px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;} .mainmenu a.menuSub {padding: 14px 36px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(images/go.gif) 0px 0px; background-color: #999999;} .mainmenu a.menuSub:hover {padding: 14px 36px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(images/go_hover.gif) 0px 0px; background-color: #666666;} /* 以下是往右展開的功能 */ .mainmenu ul { position: absolute; width: 100%; /* left offset of submenus need to match (see below) */ border-top: 1px solid #fff; } .mainmenu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ .mainmenu li:hover ul, .mainmenu li.sfHover ul { left: 199px; /* match ul width */ top: 1px; } /* 以上是往右展開的功能 */ td#usermenu a {background-color: #D2D2D2; display: block; margin: 0; padding: 4px; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA;} td#usermenu a:hover {background-color: #EEEEEE; color: #222222;} td#usermenu a.menuTop {border-top: 1px solid #AAAAAA;} td#usermenu a.highlight {background-color: #FFFF00;} .outer {border: 1px solid #568AE3;} .head {padding: 5px; background: #3E6299 url(images/3E6299bg_4_4.gif); color: #FFFFFF; font-weight: 500;} .head a {color: #EEE; font-weight: 800;} .head a:hover {color: #FFF; font-weight: 800;} .even {background-color: #D3E0F4; padding: 5px; color: #333333;} .odd {background-color: #E3EDF6; padding: 5px; color: #333333;} .foot {padding: 5px; background: #424242 url(images/424242bg_4_4.gif); color: #FFFFFF; font-weight: 500;} .foot a {color: #EEE;} .foot a:hover {color: #FFF;} tr.even td {background-color: #D3E0F4; padding: 5px;} tr.odd td {background-color: #E3EDF6; padding: 5px;} div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;} div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;} div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; font-weight: 500; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 11px;} div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; height: 200px; overflow: auto;} div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} .comTitle {font-weight: 500; margin-bottom: 2px;} .comText {padding: 2px; font-size: 16px;line-height: 150%;} .comUserStat {font-size: 11px; color: #3157FF; font-weight:500; border: 1px solid #c0c0c0; background-color: #ffffff; margin: 2px; padding: 2px;} .comUserStatCaption {font-weight: normal;} .comUserStatus {margin-left: 2px; margin-top: 11px; color: #3157FF; font-weight:500; font-size: 11px;} .comUserRank {margin: 2px;} .comUserRankText {font-size: 11px;font-weight:500;} .comUserRankImg {border: 0;} .comUserName {} .comUserImg {margin: 2px;} .comDate {font-weight: normal; font-style: italic; font-size: 11px;} .comDateCaption {font-weight: 500; font-style: normal;} /* ======= Body wrapper ======= */ #xo-wrapper {} #xo-bgstatic {} #xo-canvas { margin: 0; background-color: #C6C7C9; color: #000; } #xo-siteclosed { background: #3E6299 url(images/3E6299bg_4_4.gif); padding: 30px; color: #FFF; font-size: 1.2em; font-weight: bold; text-align: center; } #xo-siteclose { width: 400px; margin: 100px auto; background: #3E6299 url(images/3E6299bg_4_4.gif); padding: 30px; color: #FFF; font-size: 1.2em; font-weight: bold; text-align: center; border: 1px solid #666; } /*============== Styles for system_redirect.html (override system module) =================*/ #xo-redirect { width: 780px; margin: 50px auto; padding: 1em; font-weight: bold; text-align: center; } #xo-redirect .notreload { height: 28px; background-color: inherit; padding-top: 2px; color: #000; } #xo-redirect .notreload a { background-color: inherit; color: #ff0000; font-weight: bold; text-decoration: none; } #xo-redirect .message { min-height: 60px; background: #E8E8E8 url(images/E8E8E8bg_4_4.gif); padding: 1em; color: #333; font-size: 1.2em; text-align: center; border: 1px solid #666; } #xo-redirect .message img{ padding: 1em; } /* TABLE OUT COLOR */ .out-table {width:100%; background-image: url(images/ffffff-dddddd.gif);} .out-u {height: 20px; background-image: url(images/out-10-20-u.gif);} .out-r-u {width: 20px; height: 20px; background-image: url(images/out-20-20-r-u.gif);} .out-r {width: 20px; background-image: url(images/out-20-10-r.gif);} .out-r-d {width: 20px; height: 20px; background-image: url(images/out-20-20-r-d.gif);} .out-d {height: 20px; background-image: url(images/out-10-20-d.gif);} .out-l-d {width: 20px; height: 20px; background-image: url(images/out-20-20-l-d.gif);} .out-l {width: 20px; background-image: url(images/out-20-10-l.gif);} .out-l-u {width: 20px; height: 20px; background-image: url(images/out-20-20-l-u.gif);} .out-td {text-align: left; background-color: transparent;} /* TABLE IN COLOR */ .in-table {width:100%; background-color: transparent;} .in-u {height: 20px; background-image: url(images/in-10-20-u.gif);} .in-r-u {width: 20px; height: 20px; background-image: url(images/in-20-20-r-u.gif);} .in-r {width: 20px; background-image: url(images/in-20-10-r.gif);} .in-r-d {width: 20px; height: 20px; background-image: url(images/in-20-20-r-d.gif);} .in-d {height: 20px; background-image: url(images/in-10-20-d.gif);} .in-l-d {width: 20px; height: 20px; background-image: url(images/in-20-20-l-d.gif);} .in-l {width: 20px; background-image: url(images/in-20-10-l.gif);} .in-l-u {width: 20px; height: 20px; background-image: url(images/in-20-20-l-u.gif);} .in-td {text-align: left; background-color: #333333;} /* FOR MYDOWNLOADS 20110707 */ div.headmenu{ padding:10px; text-align:left } div.headmenu a{ font-size:16px; } ul.submenu{ list-style:none; position:absolute; background:#fff; text-align:left; color:#000; top:16px; left:20px; padding:10px; z-index:3 } ul.submenu li{ padding:2px; }