@charset "utf-8"; /* Mobile XE (/modules/board/m.skins/default) */ /*csslint unqualified-attributes:false, display-property-grouping:false, universal-selector:false, font-sizes:false, known-properties:false*/ body { margin: 0; background: #fff; color: #000; word-wrap: break-word; } body, input, textarea, select, button, table { font-family: Tahoma, Geneva, sans-serif; } img { border: 0; } em { font-style: normal; } form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: 0; } textarea { resize: vertical; } input[type=checkbox], input[type=radio] { width: 13px; height: 13px; margin: 0; padding: 0; } /* Common */ .fl { float: left; } .fr { float: right; } /* Background */ .rp li li, .rp .answer, .rp .btn, .hx .write { background-image: url(../img/mx.png); background-repeat: no-repeat; } /* Body */ .bd { background: #f8f8f8; padding: 1px 0; } .co { margin: 10px; line-height: 1.4; font-size: 14px; color: #333; } .co:after { content: ""; display: block; clear: both; zoom: 1; } /* Hx */ .hx { position: relative; border-bottom: 1px solid #ccc8be; padding: 8px 10px; margin: 0; } .hx:after { content: ""; margin: 0 -10px; position: relative; top: 10px; display: block; clear: both; height: 1px; background: #fff; } .hx.h2 { background: #e5e5e5; text-shadow: 1px 1px 0 #fff; padding-right: 40px; font-size: 16px; line-height: 1.4; } .hx.h2 em { font-size: 12px; color: #6352d2; } .hx.h3 { background: #868686; font-size: 14px; color: #fff; } .hx.h3 em { font-size: 12px; } .hx h2, .hx h3 { margin: 0 10px 0 0; display: inline; } .hx a { color: #000; } .hx .ex { font-size: 12px; } .hx .tg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: visible; border: 0; cursor: pointer; opacity: 0; background: none; } .hx .ca { font-size: 12px; text-decoration: underline; color: #333; } .hx .ca:after { content: ""; display: inline-block; position: relative; left: 4px; width: 0; height: 0; border: 4px solid; border-color: transparent; border-left-color: #8d7de1; margin: 0 -8px 0 0; } .hx .write { position: absolute; top: 8px; right: 10px; background-position: 0 0; display: inline-block; width: 28px; height: 27px; font-size: 0; overflow: hidden; text-indent: -28px; } /* Global Navigation */ .gn { margin: 0; padding: 0; list-style: none; background: #d3d1cc; text-shadow: 1px 1px 0 #fff; } .gn li { border: 1px solid #a3a09a; border-left: 0; border-right: 0; margin: 0 0 -1px 0; background: #c3c3c3; } .gn li li { border: 1px solid #c9c9c9; border-left: 0; border-right: 0; background: #f8f8f8; } .gn li li li { background: #e8e8e8; } .gn ul { margin: 0 0 -1px 0; padding: 0; list-style: none; } .gn a { position: relative; text-decoration: none; display: block; padding: 10px; font-size: 16px; } .gn li a { color: #333; } .gn li a:after { position: absolute; top: 7px; right: 10px; content: "›"; color: #888; font-size: 18px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .gn li li a:before { content: ""; display: inline-block; width: 6px; height: 6px; border: 1px dotted #666; border-top: 0; border-right: 0; margin: 0 4px 0 0; vertical-align: top; } .gn li li a { padding-left: 15px; } .gn li li li a { padding-left: 30px; } .gn li li li li a { padding-left: 45px; } .gn li li li li li a { padding-left: 60px; } .gn em { color: #6352d2; font-size: 12px; } /* List */ .lt { margin: 0; padding: 0; list-style: none; background: #f8f8f8; font-size: 14px; } .lt li { border-bottom: 1px solid #ccc8be; } .lt a { display: block; text-decoration: none; color: #000; padding: 10px; } .lt .notice { display: inline-block; background: #a06acd; font-weight: bold; color: #fff; font-size: 12px; padding: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .lt .title { display: block; margin: 0 0 5px 0; } .lt .title strong { font-size: 14px; font-weight: bold; } .lt .title em { font-size: 12px; color: #333; color: #6352d2; } .lt .auth { display: block; font-size: 12px; } .lt .auth .time { padding: 0 5px; border-left: 1px solid #bfbfbf; } /* Toggle Open */ .tgo { display: none; background: #f8f8f8; color: #333; margin: 0; padding: 0; list-style: none; font-size: 14px; } .tgo.open { display: block; } .file { margin: 0; padding: 0; list-style: none; } .file li { border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; margin: 0 0 -1px 0; } .file a { text-decoration: none; display: block; padding: 10px 0 10px 10px; color: #333; } .file .size { font-size: 12px; border-left: 1px solid #bfbfbf; margin: 0 5px; padding: 0 10px; color: #666; } .rp ul { margin: 10px 0 -11px -10px; padding: 0; list-style: none; } .rp li { border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; padding: 10px 0 10px 10px; margin: 0 0 -1px 0; } .rp .xe_content, .rp p { margin: 0 0 5px 0; } .rp ul ul { margin-left: -25px; } .rp ul ul ul { margin-left: -40px; } .rp ul ul ul ul { margin-left: -55px; } .rp ul ul ul ul ul { margin-left: -70px; } .rp ul ul ul ul ul ul { margin-left: -85px; } .rp li li, .rp .answer { padding-left: 25px; background-position: 10px -145px; } .rp li li li { padding-left: 40px; background-position: 25px -145px; } .rp li li li li { padding-left: 55px; background-position: 40px -145px; } .rp li li li li li { padding-left: 70px; background-position: 55px -145px; } .rp li li li li li li { padding-left: 85px; background-position: 70px -145px; } .rp .btn { display: inline-block; width: 15px !important; height: 15px !important; padding: 0 !important; border: 0 !important; overflow: hidden; vertical-align: middle; text-indent: 15px; } .rp .btn.ed { background-position: 0 -32px; } .rp .btn.de { background-position: -15px -32px; } .rp .btn.re { background-position: -30px -32px; } .rp .auth { font-size: 12px; } .rp .auth .time { padding: 0 5px; border-left: 1px solid #bfbfbf; } /* Form Field */ .origin { padding: 10px 0; margin: 0 10px; font-size: 14px; } .ff { margin: 0; padding: 10px 0; } .ff ul { margin: 0 10px 10px 10px; padding: 10px 0 0 0; list-style: none; } .ff li { margin: 0 0 5px 0; padding: 0; } .ff label { margin-right: 10px; } .ff label+input[type=text], .ff label+input[type=email], .ff label+input[type=url], .ff label+input[type=password], .ff label+textarea, .ff label+select { display: block; width: 96%; font-size: 14px; margin: 0 0 5px 0; } .ff label+input[type=text], .ff label+input[type=email], .ff label+input[type=url], .ff label+input[type=password], .ff label+textarea { padding: 5px; } /* Button Area */ .bna { text-align: center; padding: 0 10px; margin: 10px 0; zoom: 1; } .bna:after { content: ""; display: block; clear: both; } .bn { display: inline-block; line-height: 26px !important; padding: 0 10px; font-size: 12px; font-weight: bold; border: 1px solid; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; vertical-align: middle; } .bn[type=submit], .bn[type=button] { height: 28px; } .bn[href] { height: 26px; } .bn.dark { border-color: #666; background: -webkit-gradient(top, #7e7c78, #5c5b58); background: -webkit-linear-gradient(top, #7e7c78, #5c5b58); background: -moz-linear-gradient(top, #7e7c78, #5c5b58); background: -o-linear-gradient(top, #7e7c78, #5c5b58); background: -ms-linear-gradient(top, #7e7c78, #5c5b58); background: linear-gradient(top, #7e7c78, #5c5b58); background-color: #777; color: #fff; -moz-box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset; } .bn.white { border-color: #b5b5b5; background: -webkit-gradient(top, #fff, #f0f0f0 50%, #e4e4e4 50%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #fff, #f0f0f0 50%, #e4e4e4 50%, #f6f6f6 100%); background: -moz-linear-gradient(top, #fff, #f0f0f0 50%, #e4e4e4 50%, #f6f6f6 100%); background: -o-linear-gradient(top, #fff, #f0f0f0 50%, #e4e4e4 50%, #f6f6f6 100%); background: -ms-linear-gradient(top, #fff, #f0f0f0 50%, #e4e4e4 50%, #f6f6f6 100%); background: linear-gradient(top, #fff, #f0f0f0 50%, #e4e4e4 50%, #f6f6f6 100%); background-color: #fff; color: #000; } /* Pagination */ .pn { font-size: 12px; text-align: center; background: #f2f0ec; padding: 15px 0; border-top: 1px solid #fff; } .pn a { color: #333; text-decoration: none; } .pn strong { margin: 0 10px; } .pn .prev:before { content: ""; display: inline-block; width: 0; height: 0; margin: 0 4px 0 0; border: 4px solid; border-color: transparent; border-right-color: #999; } .pn .next:after { content: ""; display: inline-block; width: 0; height: 0; margin: 0 0 0 4px; border: 4px solid; border-color: transparent; border-left-color: #999; } /* Search */ .sh { border: 1px solid #bfbfbf; border-left: 0; border-right: 0; background: #e8e8e8; padding: 10px; text-align: center; } .sh * { vertical-align: top; } .sh select { width: 80px; font-size: 14px; margin: 0 0 5px 0; } .sh input[type=search] { width: 160px; margin: 0; font-size: 14px; padding: 5px; } .sh .shbn { width: 28px; height: 28px; border: 1px solid #666; background: #777 url(../img/mx.png) no-repeat 5px -60px; -moz-box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }