/* CSS Document */
/*----------------------------------------------------------------css reset start*/
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font: normal normal / Verdana, Arial, Helvetica, sans-serif;
    color: ;
    text-align: left;
    text-decoration: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
ol, ul, li, dt, dd {
    list-style: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote, q {
    quotes: """";
}
/*----------------------------------------------------------------css reset end*/
a img {
    cursor: pointer;
}
html, body {
    _text-align: center;
}
body {
    /*text-align:left;*/
    width: 100%;
    margin: 0 auto;
    /*position:relative;*/
    background: #333;
    cursor: default;
    font-size: 13px
}
.wrap {
    width: 100%;
    background: #fff;
}
.leftbg {
    width: 174px;
    padding: 0 0 0 0px;
    vertical-align: top;
    background-image: url(../images/leftbg03.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.center {
    padding: 0 0 0 0;
    vertical-align: top;
}
.inlayout {
    width: 100%;
    border-collapse: collapse;
}
.incenter {
    padding: 0 0 0 0;
    vertical-align: top;
}
.rightbg {
    width: 233px;
    padding-right: 10px;
    vertical-align: top;
}
.rightbg2 {
    width: 160px;
    padding-right: 10px;
    vertical-align: top;
}
.accesskey {
    text-decoration: none;
    color: #a5d5f0;
    display: inline-block;
    width: 10px;
    float: left;
    margin-left: -10px;
    *margin-left: 0;
}
.center .accesskey {
    margin: 0 0 10px 0;
    position: absolute;
}
.accesskey a {
    text-decoration: none;
    color: #a5d5f0;
}
.accesskey a {
    text-decoration: none;
    color: #a5d5f0;
}
.header {
    font-size: ;
    width: 100%;
    height: 103px;
    background: url(../images/header3.jpg) no-repeat left top;
    display: block;
}
.header h1 {
    float: left;
}
.logo {
    float: left;
    display: block;
    width: 279px;
    height: 111px;
}
.nav {
    float: right;
    margin: 0 0px 0 0;
    padding: 0 10px 0 30px;
    position: absolute;
    right: 0;
    background: #27ac69;
    border-radius: 0 0 0 50px/0 0 0 50px;
    behavior: url(js/PIE.htc);
}
.nav li {
    line-height: 27px;
    display: inline;
    padding: 0 5px 0 10px;
    *padding: 1px 5px 0px 10px;
    border-left: 1px solid #27ac69;
    letter-spacing: 1px;
    color: #fff;
}
.nav .login {
    background: url(../images/loginbg.gif) no-repeat left top;
    display: inline;
    *display: inline;
}
.nav a {
    color: #fff;
}
.nav a:hover {
    color: #930700;
}
.nav a.accesskey {
    color: #003487;
}
.member {
    position: absolute;
    right: 10px;
    top: 35px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: #80c269 url(../images/People.gif) no-repeat left top;
    padding-left: 20px;
}
.member em {
    font-style: normal;
    padding-right: 10px;
    color: #222;
}
.manager {
    position: absolute;
    right: 10px;
    top: 75px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: url(../images/People.gif) no-repeat left top;
    padding-left: 20px;
    font-weight: bold;
    font-size: 12pt
}
.manager em {
    font-style: normal;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12pt
}
.layout {
    width: 100%;
    border-collapse: collapse;
}
.function {
    text-align: left;
    margin: 10px 0 20px 20px;
    padding: 0;
    display: block;
    float: left;
}
.function ul {
    margin: 0px;
    padding: 0;
}
.function li {
    margin: 0px 4px 3px 0px;
    padding: 0;
    float: left;
    display: block;
}
.function .home {
    font-size: 13px;
    color: #fff;
    height: 20px;
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px 0 1px;
    background-image: url(../images/btn.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border-radius: 3px;
    behavior: url(js/PIE.htc);
    position: relative;
}
.function .home a {
    color: #fff;
    line-height: 20px;
    *line-height: 23px;
    display: block;
    text-align: center;
}
.function .home a:hover {
    color: #000;
}
.function .favorite {
    font-size: 13px;
    color: #fff;
    height: 20px;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    background-image: url(../images/btn.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border-radius: 3px;
    behavior: url(js/PIE.htc);
    position: relative;
}
.newbeginner img {
    display: block;
    margin: 0;
    padding: 0;
}
.function .favorite a {
    color: #fff;
    line-height: 20px;
    *line-height: 23px;
    display: block;
    text-align: center;
}
.function .favorite a:hover {
    color: #000;
}
.headermenu {
    padding: 0;
    margin: 0;
    width: 100%;
    float: right;
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #80c269;
}
.headermenu ul {
    margin: 0 0 0 1px;
    padding: 0;
    width: 813px;
}
.headermenu li {
    display: inline;
    margin: 0;
    padding: 0;
    height: 82px;
}
.headermenu img {
    border: 0;
    vertical-align: top;
    display: block;
    float: left;
}
/*----------------------------------------------------------------footer end*/
.footer {
    height: 78px;
    width: 100%;
    background: url(../images/footerbg.gif) no-repeat left top;
    font-size: ;
    text-align: center;
    border-top: 1px solid #D1D1D1;
}
.footer p {
    margin-left: 330px;
    border-left: 1px solid #B9BCBC;
    padding-left: 20px;
    color: #7D7D7D;
}
.footer td {
    line-height: 18px;
    color: #B9BCBC;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 10px;
}
.footer a {
    color: #3DA2D9;
}
.footer a:hover {
    text-decoration: underline;
}
.footer .counter {
    color: #3383AB;
}
.footer .qrcode {
    text-align: right;
}
.footer .qrcode img {
    width: 79px;
    height: 79px;
}
/*----------------------------------------------------------------查詢結果 start*/
.hotdatabase {
    display: block;
    width: 172px;
    background: #fff;
    margin: 5px 0 0 15px;
    clear: both;
    padding-bottom: 20px;
    *padding-bottom: 0px;
}
.hotdatabase h2 {
    display: block;
    width: 174px;
    height: 45px;
    background: url(../images/hotdatabase3.gif) no-repeat left top;
    text-indent: -9999px;
}
.hotdatabase ul {
    margin: 10px 0 0 5px;
}
.hotdatabase li {
    font-size: ;
    letter-spacing: 1px;
    background: url(../images/listicon.gif) no-repeat left top;
    padding: 3px 0 3px 8px;
    line-height: 18px;
}
.hotdatabase li a {
    color: #222;
}
.hotdatabase li a:hover {
    text-decoration: underline;
    color: #CC3300;
}
.hotdatabase .more {
    float: right;
    margin-right: 3px;
}
.hotdatabase .more a {
    background: url(../images/more.gif) no-repeat left top;
    color: #222;
    font-size: ;
    padding-left: 10px;
}
.hotdatabase .more a:hover {
    text-decoration: underline;
}
.hotread {
    display: block;
    width: 172px;
    background: #fff;
    margin: 5px 0 0 15px;
    clear: both;
    padding-bottom: 20px;
    *padding-bottom: 0px;
}
.hotread h2 {
    display: block;
    width: 174px;
    height: 51px;
    background: url(../images/hotread3.gif) no-repeat left top;
    text-indent: -9999px;
}
.hotread ul {
    margin: 10px 0 0 5px;
}
.hotread li {
    font-size: ;
    letter-spacing: 1px;
    background: url(../images/listicon.gif) no-repeat left top;
    padding: 3px 0 3px 8px;
    line-height: 18px;
}
.hotread li a {
    color: #222;
}
.hotread li a:hover {
    text-decoration: underline;
    color: #CC3300;
}
.hotread .more {
    float: right;
    margin-right: 3px;
}
.hotread .more a {
    background: url(../images/more.gif) no-repeat left top;
    color: #222;
    font-size: ;
    padding-left: 10px;
}
.hotread .more a:hover {
    text-decoration: underline;
}
.recommend {
    display: block;
    width: 172px;
    background: #fff;
    margin: 5px 0 0 15px;
    clear: both;
    padding-bottom: 20px;
    *padding-bottom: 0px;
}
.recommend h2 {
    display: block;
    width: 172px;
    height: 54px;
    background: url(../images/recommend3.gif) no-repeat left top;
    text-indent: -9999px;
}
.recommend ul {
    margin: 10px 0 0 5px;
}
.recommend li {
    font-size: ;
    letter-spacing: 1px;
    background: url(../images/listicon.gif) no-repeat left top;
    padding: 3px 0 3px 8px;
    line-height: 18px;
}
.recommend li a {
    color: #222;
}
.recommend li a:hover {
    text-decoration: underline;
    color: #CC3300;
}
.recommend .more {
    float: right;
    margin-right: 3px;
}
.recommend .more a {
    background: url(../images/more.gif) no-repeat left top;
    color: #222;
    font-size: ;
    padding-left: 10px;
}
.recommend .more a:hover {
    text-decoration: underline;
}
.base {
    font-size: ;
    color: #222;
    letter-spacing: 1px;
    margin: 10px 0 15px 18px;
    clear: both;
}
.base span {}
.base span img {
    vertical-align: top;
    margin-right: 4px;
}
.base li {
    background: url(../images/icon.gif) no-repeat left top;
    padding: 3px 0 3px 14px;
    font-family: Arial, Helvetica, sans-serif;
    word-break: break-all;
}
.base li a:hover {
    text-decoration: underline;
}
.search {
    clear: both;
    display: block;
    background: url(../images/searchtitle.gif) no-repeat left top;
}
.search h2 {
    text-indent: -9999px;
    width: 170px;
    height: 38px;
    display: inline-block;
}
.search .w01 {
    display: inline-block;
    width: 345px;
    height: 38px;
    background: #e2e5e5;
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
    margin: 5px 0 0 0;
    float: left;
    border: 1px solid #CCC;
    padding: 0 0 0 2px;
}
.search .btn01 {
    background: url(../images/searchbtn01.gif) no-repeat left top;
    color: #fff;
    display: block;
    text-align: center;
    width: 70px;
    height: 39px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 5px;
    line-height: 39px;
    border: 0px;
    float: left;
    margin: 5px 2px 0 3px;
}
.search .btn02 {
    background: url(../images/searchbtn02.gif) no-repeat left top;
    color: #fff;
    height: 39px;
    display: block;
    text-align: center;
    width: 121px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 39px;
    border: 0px;
    float: left;
    margin: 5px 2px 0 0;
}
.search .btn03 {
    background: url(../images/searchbtn03.gif) no-repeat left top;
    color: #fff;
    display: block;
    text-align: center;
    width: 76px;
    height: 39px;
    cursor: pointer;
    line-height: 39px;
    font-size: 16px;
    letter-spacing: 1px;
    border: 0px;
    margin: 5px 0 0 0;
    float: left;
}
.allper {
    clear: both;
}
.search ul {
    background: url(../images/listicon2.gif) no-repeat left top;
    padding-left: 8px;
    margin: 0 0 0 0;
    color: #112e65;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}
.search li {
    display: inline;
    line-height: 21px;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
}
.search input {
    margin: 0;
    padding: 0;
}
.search .per {
    float: left;
}
.search .per2 {
    float: left;
    margin: 0 0 0 10px;
}
.search_adv {
    margin-left: 180px;
    margin-top: -35px;
    background: none;
    height: 50px;
    *height: 55px;
}
.search_adv2 {
    margin-left: 180px;
    margin-top: -40px;
    _margin-top: -30px;
    background: #FFF;
    padding: 0 0 0 0;
}
.search_adv2 table {
    margin: 30px 0 0 0;
    font-size: 15px;
}
.search_adv2 table td {
    padding: 0 5px 3px 0;
    vertical-align: bottom;
}
.search_adv2 .w02 {
    width: 140px;
    height: 28px;
    background: #e2e5e5;
    font-size: 15px;
    line-height: 30px;
    border: 1px solid #CCC;
    margin: 0 0 0px 0;
    vertical-align: middle;
    padding: 0 0 0 2px;
}
.search_adv2 select {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    vertical-align: middle;
}
.search_adv2 .btn01 {
    background: url(../images/searchbtn01.gif) no-repeat left top;
    color: #fff;
    display: block;
    text-align: center;
    width: 70px;
    height: 39px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 39px;
    border: 0px;
    float: left;
    margin: 0 2px 0 3px;
}
.search_adv2 .btn02 {
    background: url(../images/searchbtn02.gif) no-repeat left top;
    color: #fff;
    display: block;
    text-align: center;
    width: 121px;
    height: 39px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 39px;
    border: 0px;
    float: left;
    margin: 0 2px 0 0;
}
.search_adv2 .btn03 {
    background: url(../images/searchbtn03.gif) no-repeat left top;
    color: #fff;
    display: block;
    text-align: center;
    width: 76px;
    height: 39px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 39px;
    border: 0px;
    margin: 0 0 0 3px;
    float: left;
}
.related {
    display: block;
    width: 97%;
    font-size: ;
    clear: both;
    letter-spacing: 1px;
    margin: 5px 10px 0 10px;
    *margin: 12px 10px 0 10px;
    _margin: 5px 10px 0 10px;
    padding: 5px 0 5px 5px;
    _padding: 8px 0 8px 5px;
}
.related ul {
    background: url(../images/listicon2.gif) no-repeat left top;
    padding-left: 10px;
    margin: 0 0 0 0;
    color: #112e65;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
}
.related ul label {
    color: #112e65;
}
.related li {
    display: inline;
    line-height: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
}
.related li a:hover {
    text-decoration: underline;
    color: #aa1414;
}
.related em {
    color: #990000;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.related select {
    margin: 1px 0;
}
.related .btn01 {
    background: url(../images/searchbtn05.gif) no-repeat left top;
    color: #fff;
    height: 38px;
    display: inline-block;
    text-align: center;
    width: 55px;
    height: 23px;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 23px;
    border: 0px;
    margin: 0 2px;
}
.related .btn02 {
    background: url(../images/searchbtn04.gif) no-repeat left top;
    color: #fff;
    height: 38px;
    display: inline-block;
    text-align: center;
    width: 95px;
    height: 23px;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 23px;
    border: 0px;
}
.related .btn03 {
    background: url(../images/searchbtn03.gif) no-repeat left top;
    color: #fff;
    height: 38px;
    display: inline-block;
    text-align: center;
    width: 76px;
    height: 23px;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 23px;
    border: 0px;
}
.related .per {
    float: left;
}
.related .per2 {
    float: left;
    margin-left: 18px;
    clear: none;
}
.related .hot01 a {
    font-size: 13px;
    color: #2d978b;
}
.related .hot02 a {
    font-size: ;
    color: #bf6904;
}
.related .hot03 a {
    font-size: 11px;
    color: #254f9b;
}
.related .hot04 a {
    font-size: 15px;
    color: #fb02f2;
}
.related .hot05 a {
    font-size: 16px;
    color: #d10404;
}
.news {
    display: block;
    width: 200px;
    border: 1px solid #fff;
    background: #fff;
    margin: 5px 0;
    clear: both;
    padding-bottom: 20px;
    *padding-bottom: 0px;
}
.news h2 {
    display: block;
    width: 200px;
    height: 43px;
    background: url(../images/newstitle3.gif) no-repeat left top;
    text-indent: -9999px;
}
.news ul {
    margin: 10px 0 0 5px;
}
.news li {
    font-size: ;
    letter-spacing: 1px;
    background: url(../images/listicon.gif) no-repeat left top;
    padding: 3px 0 3px 8px;
    width: 190px;
    line-height: 18px;
    color: #e35c03;
}
.news li a {
    color: #222;
}
.news li a:hover {
    text-decoration: underline;
    color: #CC3300;
}
.news .more {
    float: right;
    margin-right: 3px;
}
.news .more a {
    background: url(../images/more.gif) no-repeat left top;
    color: #222;
    font-size: ;
    padding-left: 10px;
}
.news .more a:hover {
    text-decoration: underline;
}
.maincommend {
    display: block;
    width: 200px;
    border: 1px solid #fff;
    background: #fff;
    margin: 5px 0;
    clear: both;
    padding-bottom: 20px;
    *padding-bottom: 0px;
}
.maincommend table {
    margin: 5px 0;
    width: 190px;
    text-align: center;
}
.maincommend td {
    text-align: left;
    line-height: 21px;
}
.maincommend td a:hover {
    text-decoration: underline;
}
.maincommend .t01 {
    background: #d0d2d2;
    font-weight: bold;
    color: #414446;
    text-align: center;
    line-height: 21px;
}
.maincommend .images {
    width: 190px;
    border: 1px solid #bdbaba;
    padding: 0;
}
.maincommend h2 {
    display: block;
    width: 232px;
    height: 44px;
    background: url(../images/maincommend3.gif) no-repeat left top;
    text-indent: -9999px;
}
.maincommend ul {
    margin: 10px 0 0 15px;
}
.maincommend li {
    font-size: ;
    letter-spacing: 1px;
    background: url(../images/listicon.gif) no-repeat left top;
    padding-left: 8px;
    width: 212px;
    *width: 210px;
    line-height: 18px;
    color: #e35c03;
}
.maincommend li a {
    color: #222;
}
.maincommend li a:hover {
    text-decoration: underline;
    color: #CC3300;
}
.maincommend .more {
    float: right;
    margin-right: 3px;
}
.maincommend .more a {
    background: url(../images/more.gif) no-repeat left top;
    color: #222;
    font-size: ;
    padding-left: 10px;
}
.maincommend .more a:hover {
    text-decoration: underline;
}
.closedbtn {
    border: 1px solid #b9bcbd;
    background: #cdd3d4;
    color: #595b5d;
    line-height: 24px;
    cursor: pointer;
    display: inine-block;
    height: 24px;
    margin: 10px 5px 0 0;
}
.alllist {
    border-bottom: 1px dotted #454848;
    width: 97%;
    margin: 5px 0 5px 10px;
}
.alllist td a {
    font-weight: bold;
    color: #bc3a3a;
}
.alllistcontent {
    margin: 5px 0 5px 10px;
    width: 100%;
}
.alllistcontent td {
    font-family: Arial, Helvetica, sans-serif;
    width: 49%;
    height: 25px;
    line-height: 25px;
}
.alllistcontent td a {
    color: #595b5d;
}
.alllistcontent td a:hover {
    text-decoration: underline;
}
.tree h2 {
    font-size: 9pt;
    margin: 5px 0 0 5px;
}
.tree h2 em {
    color: #990000;
    font-style: normal;
}
.tree .line {
    height: 15px;
    padding: 0 2px 0 2px;
    display: inline-block;
    align: bottom;
}
.tree img {
    cursor: default;
}
.tree ul {
    margin: 5px;
}
.tree li {
    padding: 3px 0;
}
.tree li a {
    line-height: ;
    text-decoration: underline;
    padding-bottom: 3px;
    display: inline-block;
}
.tree .again {
    color: #666666;
    padding-left: 5px;
}
.tree .again:hover {
    color: #2158BD;
}
.jsmenu {
    margin: 10px 0 0 0;
    width: 155px;
    *width: 152px;
    background: url(../images/resultbg.gif) no-repeat left bottom;
    clear: both;
    display: block;
    padding-bottom: 8px;
}
.jsmenu h2 {
    background: url(../images/resultbg.gif) no-repeat left top;
    text-indent: -9999px;
    height: 30px;
}
.jsmenu h3 {
    background: url(../images/resultbg2.gif) no-repeat left top;
    text-indent: -9999px;
    height: 30px;
}
.jsmenu em {
    color: #ff3300;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
}
.jsmenu ul {
    margin: 0 0 0 0px;
    padding: 0px;
}
.jsmenu li a {
    padding: 3px 0px 2px 3px;
    margin: 0px;
    color: #333333;
    text-align: left;
}
.jsmenu li#underline {
    margin: 2px 0 2px 3px;
}
.jsmenu li#underline a {
    line-height: 24px;
    display: inline-block;
}
.jsmenu li a:hover {
    text-decoration: underline;
    color: #1485a1;
}
.jsmenu ul ul {
    padding: 0px 0px 0 0px;
    margin: 0 0 0 0px;
}
#clustering_tree #underline {
    background: url(../images/resultlist_left.gif) no-repeat left top;
}
#clustering_tree ul #underline {
    background: url(../images/listicon2.gif) no-repeat left top;
}
.treeview .underline2 {
    background: url(../images/listicon2.gif) no-repeat left top;
    padding-left: 10px;
}
#clustering_tree ul #underline a {
    padding-left: 10px;
    line-height: 18px;
}
.jsmenu ul ul ul {
    margin: 0 0 0 10px;
    padding: 0px;
}
.jsmenu li li a {
    padding: 0px 0 0px 0;
    margin: 0px;
    text-align: left;
    color: #333;
    line-height: 25px;
}
.jsmenu li li a:hover {
    text-decoration: none;
    color: #CC6600;
}
.treeview li a {
    padding: 2px 0 2px 0;
    line-height: 25px;
    margin: 0px;
}
.treeview li {
    /*background:  url(../images/resultlist_down.gif) no-repeat left top;*/
    cursor: pointer;
    padding-left: 18px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 25px;
}
.treeview li ul li {
    background: none;
    color: #333;
}
.treeview li ul li ul li {
    background: none;
    color: #333;
}
.treeview li.submenu ul {}
.treeview .submenu ul li {
    padding-left: 0px;
}
.path {
    float: left;
    line-height: 21px;
    height: 21px;
    letter-spacing: 1px;
    color: #565656;
    background: url(../images/path.gif) no-repeat left center;
    padding-left: 13px;
    margin: 5px 0 0 7px;
}
.path em {
    color: #37760e;
    font-style: normal;
}
.path a {
    color: #565656;
}
.path a:hover {
    text-decoration: underline;
    color: #990000;
}
.pageNavbar {
    background: #e7e8ea;
    border: 1px solid #cccccc;
    margin: 5px 10px 0 10px;
    clear: both;
    line-height: 24px;
    letter-spacing: 2px;
    padding: 3px 0px;
}
.pageNavbar a {
    color: #3e95c7;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 4px;
    font-weight: bold;
}
.pageNavbar a:hover {
    text-decoration: underline;
}
.pageNavbar .here {
    background: #3e95c7;
    color: #fff;
    margin: 0 4px;
}
.pageNavbar table {
    width: 100%;
}
.pageNavbar .ltable {
    width: 48%;
}
.pageNavbar .ctable {
    width: 7%;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.pageNavbar .rtable {
    width: 44%;
    text-align: right;
    color: #393a3c;
}
.ps {
    margin: 0 0 5px 10px;
    *margin: 0 0 0 10px;
    _margin: 0 0 0 10px;
    color: #404145;
}
.ps em {
    color: #41769e;
    font-style: normal;
}
.ps img {
    padding-left: 10px;
}
.control {
    margin: 25px 0px 5px 10px;
    *margin: 20px 0px 0 10px;
    _margin: 20px 5px 0 10px;
}
.control li {
    display: inline;
}
.click {
    background: url(../images/click.gif) no-repeat left bottom;
    padding-left: 18px;
    padding-right: 10px;
}
.click em {
    font-weight: bold;
    font-style: normal;
    color: #e0361d;
    font-family: Arial, Helvetica, sans-serif;
}
.commend {
    background: url(../images/commend.gif) no-repeat left center;
    padding-left: 18px;
    padding-right: 10px;
}
.commend em {
    font-weight: bold;
    font-style: normal;
    color: #e0361d;
    font-family: Arial, Helvetica, sans-serif;
}
.result_item {
    color: #bb2222;
    margin: 10px;
    clear: both;
    display: block;
}
.result_item table {
    clear: both;
    width: 100%;
    margin: 3px 0 0 0;
}
.result_item .pic {
    width: 98px;
    height: 107px;
    border: 3px solid #d3cfd0;
    float: right;
}
.result_item table td {
    vertical-align: top;
}
.result_all {
    border-top: 1px dotted #cccccc;
    display: block;
}
.result_all .result_itemleft3 td {
    vertical-align: top;
    color: #CC0000;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0;
}
.result_all .result_itemleft3 td a {
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    line-height: 21px;
}
.result_all .result_itemleft3 td a:link {
    color: #002f6a;
}
.result_all .result_itemleft3 td a:visited {
    color: #414141;
}
.result_all a:hover {
    text-decoration: underline;
    color: #002f6a;
}
.result_all a:active {
    color: #002f6a;
}
.result_itemleft {
    float: left;
    padding-bottom: 2px;
    width: 87%;
    padding-left: 35px;
    text-indent: -35px;
}
.result_itemleft2 {
    float: left;
    display: block;
    padding-bottom: 2px;
    width: 100%;
}
.result_itemleft a {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    *line-height: 20px;
    letter-spacing: 1px;
}
.result_itemleft a:link {
    color: #002f6a;
}
.result_itemleft a:visited {
    color: #414141;
}
.result_itemleft a:hover {
    text-decoration: underline;
    color: #002f6a;
}
.result_itemleft a:active {
    color: #002f6a;
}
.result_itemright {
    float: right;
    margin-top: 8px;
    *margin-top: 6px;
    text-align: right;
    width: 7%;
}
.result_ul {
    clear: both;
    display: block;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 30px;
}
.result_ul li {
    color: #686868;
}
.item {
    clear: both;
    background: #d0efed;
    border-top: 1px solid #badfdd;
    border-bottom: 1px solid #badfdd;
    display: block;
    margin: 10px 10px 0 10px;
    font-weight: bold;
    color: #1f4873;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
    _height: 25px;
    _padding-top: 5px;
    letter-spacing: 1px;
}
.but_6 {
    display: inline-block;
    border: 1px solid #b0b0b0;
    cursor: pointer;
    background: url(../images/but_6.gif) repeat-x left top;
    height: 21px;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    color: #cc2200;
    text-align: center;
}
.red {
    color: #CC0000;
}
.age {
    margin: 0 0 0 0;
    background: #fff;
}
.tool {
    margin: -24px 0px 0 100px;
    *margin: -24px 0px 0 100px;
    _margin: -24px 0px 0 100px;
    float: left;
}
.tool ul {
    padding: 0;
    margin: 0;
}
.tool li {
    display: inline-block;
    float: left;
    margin: 0;
}
.tool li a {
    letter-spacing: 1px;
    font-size: 13px;
}
.tool li a:hover {
    text-decoration: underline;
}
.tool .database {
    background: url(../images/databasebg.gif) no-repeat left center;
    padding-left: 27px;
    width: 130px;
    line-height: 19px;
    height: 19px;
    margin: 0 0 0 -15px;
}
.tool .searchone {
    background: url(../images/searchonebg.gif) no-repeat left top;
    padding-left: 30px;
    width: 110px;
    line-height: 19px;
    height: 19px;
}
.tabletitle {
    clear: both;
    color: #1D64A7;
    text-align: left;
    font-weight: bold;
    background: url(../images/caption3.gif) no-repeat left center;
    padding-left: 15px;
    line-height: 21px;
    display: block;
    width: 100px;
    margin: 10px 0 5px 13px;
    *margin: 10px 0 0 13px;
    _margin: 10px 0 0 13px;
    padding-top: 10px;
}
.detailtable {
    border-collapse: collapse;
    border: 1px solid #9ccbc0;
    clear: both;
    margin: 0px 14px 15px 14px;
    width: 96%;
    background: #fff;
}
.detailtable caption {
    display: none;
}
.detailtable th {
    background: #afdbd1;
    font-weight: normal;
    color: #252627;
    line-height: 24px;
    padding: 0 5px;
    letter-spacing: 2px;
    border: 1px solid #9ccbc0;
    width: 10%;
}
.detailtable td {
    border: 1px solid #9ccbc0;
    line-height: 21px;
    padding: 2px 5px;
    letter-spacing: 1px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
}
.detailtable a {
    color: #0066CC;
}
.detailtable a:hover {
    text-decoration: underline;
}
.detailtable em {
    color: #ED4300;
    font-style: normal;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.detailtable .pic {
    width: 160px;
    border: 3px solid #d3cfd0;
    float: right;
}
.detailtable .right {
    width: 168px;
}
.detailtable2 {
    border-collapse: collapse;
    border: 1px solid #9ccbc0;
    clear: both;
    margin: 15px 14px 10px 14px;
    width: 97%;
    background: #fff;
}
.detailtable2 img {
    padding-top: 3px;
}
.detailtable2 caption {
    display: none;
}
.detailtable2 th {
    background: #afdbd1;
    font-weight: normal;
    color: #252627;
    line-height: 24px;
    padding: 0 5px;
    letter-spacing: 2px;
    border: 1px solid #9ccbc0;
}
.detailtable2 td {
    border: 1px solid #9ccbc0;
    line-height: 21px;
    padding: 2px 5px;
    letter-spacing: 1px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
}
.detailtable2 a {
    color: #0066CC;
}
.detailtable2 a:hover {
    text-decoration: underline;
}
.detailtable2 em {
    color: #ED4300;
    font-style: normal;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.detailtable2 .pic {
    width: 160px;
    border: 3px solid #d3cfd0;
    float: right;
}
.detailtable2 .right {
    width: 168px;
}
.point {
    border-collapse: collapse;
    margin: 5px 0;
    float: left;
    float: none\9;
    *float: left;
}
.point th {
    width: 145px;
}
.point td {
    border: 1px solid #9ccbc0;
}
.point .t01 {
    width: 30px;
}
.point .closed {
    float: right;
    margin-top: -20px;
    margin-top: 0\9;
    *margin-top: -20px;
}
.score2 {
    height: 16px;
    padding-right: 5px;
}
.getpoint {
    border: 1px solid #9ccbc0;
    padding: 0;
    margin: 5px 0 0 0;
}
.getpoint ul {
    clear: both;
}
.getpoint .closed {
    float: right;
    margin: 3px;
}
.getpoint .aligncenter {
    margin: 1px 0 3px 40px;
}
.personalizationtitle {
    background: url(../images/personalization.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.personal .per {
    margin: 15px 0 0 15px;
    color: #112e65;
}
.personal .per li {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
}
.resourcestitle {
    background: url(../images/resourcestitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
/*----------------------------------------------------------------聯絡我們 start*/
.contact {
    background: #333333;
    line-height: 24px;
    padding: 10px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    margin: 0 0 15px 15px;
    border: 1px solid #CCCCCC;
    width: 93%;
}
.maintitle {
    background: url(../images/listicon.gif) left top no-repeat;
    padding-left: 10px;
    margin-left: 15px;
    letter-spacing: 2px;
}
.data_table4 {
    width: 95%;
    border-top: 2px solid #008e9a;
    border-bottom: 2px solid #008e9a;
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    margin: 5px 0 20px 15px;
}
.data_table4 th {
    line-height: 21px;
    color: #1f4873;
    font-weight: bold;
    background: #d1f0ee;
    padding-right: 10px;
    letter-spacing: 1px;
    text-align: right;
    width: 14%;
}
.data_table4 th label {
    color: #1f4873;
}
.data_table4 td {
    line-height: 30px;
    padding: 5px 0 5px 10px;
    color: #333333;
    height: 30px;
    background: #d1f0ee;
}
.data_table4 a {
    color: #0E6CAE;
}
.buttomside {
    text-align: center;
    margin: 2px 0;
}
.searchbtn {
    background: url(../images/searchbtn05.gif) no-repeat left top;
    width: 55px;
    height: 23px;
    line-height: 23px;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 2px;
}
.contacttitle {
    background: url(../images/contacttitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.red1 {
    color: #ae0505;
    font-family: Verdana, sans-serif;
    padding: 0 2px;
}
/*----------------------------------------------------------------常見問題 start*/
.faqtitle {
    background: url(../images/fqttitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.faqsearch {
    background: url(../images/searchfaq3.gif) left top no-repeat;
    height: 56px;
    display: block;
    padding: 15px 0 0 80px;
    margin: 0 0 0 15px;
    letter-spacing: 1px;
    color: #fff;
}
.faqsearch label {
    color: #222;
    font-weight: bold;
}
.faq {
    width: 95%;
    display: block;
    margin: 15px 0 0 15px;
}
.faq h4 {
    background: url(../images/titlebg.gif) left top no-repeat;
    color: #fff;
    height: 32px;
    font-size: 10pt;
    line-height: 27px;
    letter-spacing: 1px;
    padding-left: 10px;
}
.faq ul {
    padding: 10px 0 0 10px;
}
.faq li {
    line-height: 30px;
    background: url(../images/listicon2.gif) left top no-repeat;
    padding-left: 15px;
    border-bottom: 1px dotted #ccc;
}
.faq li a {
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #144C7D;
    letter-spacing: 1px;
}
.faq li a:hover {
    color: #CC3300;
    text-decoration: underline;
}
.faq .img {
    float: right;
}
.faqdetail {
    width: 98%;
    margin: 0;
    background: url(../images/faqdetailbg.gif) left bottom no-repeat;
}
.faqdetail h4 {
    text-indent: -9999px;
}
.faqdetail ul {
    margin: 0 0 15px 15px;
    background: #d1f0ee;
}
.faqdetail .q {
    border-bottom: 2px solid #008e9a;
    padding-left: 30px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #1464AF;
    background: #fff url(../images/QA_01.gif) left top no-repeat;
}
.faqdetail .a {
    background: #d1f0ee url(../images/QA_02.gif) left top no-repeat;
    padding-left: 30px;
    color: #333333;
    margin-top: 5px;
}
.faqdetail .day {
    text-align: right;
    border-bottom: 2px solid #008e9a;
    color: #245180;
    margin-top: 10px;
    padding-right: 10px;
}
.faqdetail li {
    line-height: 27px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    letter-spacing: 1px;
}
.download {
    background: url(../images/file.gif) left top no-repeat;
    padding-left: 20px;
    margin: 0 0 3px 20px;
    line-height: 15px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.download li {
    display: inline;
}
.download a {
    color: #015680;
    padding-right: 5px;
}
.download a:hover {
    text-decoration: underline;
}
.link {
    background: url(../images/link2.gif) left top no-repeat;
    padding-left: 20px;
    margin: 10px 0 3px 20px;
    line-height: 15px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.link li {
    display: inline;
}
.link a {
    color: #015680;
    padding-right: 5px;
}
.link a:hover {
    text-decoration: underline;
}
.back {
    margin: 0 20px 3px 0;
    background: url(../images/backbtn.gif) left top no-repeat;
    padding-left: 20px;
    float: right;
    line-height: 15px;
}
.back a {
    color: #0066CC;
}
.back a:hover {
    text-decoration: underline;
}
/*----------------------------------------------------------------網站地圖 start*/
.sitemaptitle {
    background: url(../images/sitemaptitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.sitemap {
    margin: 0 15px 0 15px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
}
.sitemap .keyList li {
    color: #005179;
    background: url(../images/caption.gif) no-repeat left center;
    letter-spacing: 1px;
}
.layout .center .sitemap p {
    line-height: 27px;
    color: #1B1B1B;
    letter-spacing: 1px;
}
.sitemap ul {
    margin-left: 30px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 0px;
    color: #1B1B1B;
}
.sitemap ul li {
    line-height: 27px;
    color: #1B1B1B;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 15px;
}
.mainlist li {
    border-bottom: 1px dotted #828282;
    width: 90%;
}
.mainlist ul li {
    border-bottom: none;
}
.sitemap ul li a {
    font-weight: bold;
    letter-spacing: 1px;
}
.layout .center .sitemap li a {
    line-height: 18px;
    color: #006699;
}
.layout .center .sitemap li a:hover {
    text-decoration: underline;
    color: #990000;
}
.sitemap ul li ul li a {
    font-weight: normal;
    letter-spacing: 2px;
}
/*----------------------------------------------------------------檔案下載 start*/
.downloadtitle {
    background: url(../images/downloadttitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.downloadfile {
    margin: 15px 0 10px 15px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #222;
    width: 97%;
    *width: 96%;
}
.downloadfile p {
    line-height: 21px;
    padding: 10px 10px;
    background: #d1f0ee;
    border-bottom: 2px solid #008e9a;
    border-top: 2px solid #008e9a;
}
.downloadfile h4 {
    line-height: 30px;
}
.downloadfile span {
    color: #FF3300;
    padding-left: 15px;
}
.download2 {
    background: url(../images/download.gif) left top no-repeat;
    padding-left: 17px;
    margin: 0 0 3px 20px;
    line-height: 15px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.download2 a {
    color: #015680;
    padding-right: 15px;
}
.download2 a:hover {
    text-decoration: underline;
}
/*----------------------------------------------------------------檔案下載 start*/
.newstitle {
    background: url(../images/newsttitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.newslist {
    margin: 10px 0 0 13px;
}
.newslist li {
    line-height: 33px;
    border-bottom: 1px dotted #ccc;
    width: 98%;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #c00808;
    background: url(../images/listicon22.gif) left top no-repeat;
    padding-left: 10px;
}
.newslist li a {
    letter-spacing: 1px;
    padding-left: 10px;
}
.newslist li a:hover {
    letter-spacing: 1px;
    padding-left: 10px;
    color: #237ca8;
    text-decoration: underline;
}
.newslistbox {
    margin: 10px 0 10px 15px;
    width: 97%;
}
.newslistbox .title {
    color: #015680;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/listicon23.gif) left top no-repeat;
    padding-left: 15px;
    line-height: 27px;
    font-weight: bold;
}
.newslistbox ul {
    border-top: 2px solid #008e9a;
    padding-left: 30px;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 10px 5px 5px 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
    background: #e5fffb;
    border-bottom: 2px solid #008e9a;
}
.newslistbox .day {
    line-height: 21px;
    color: #c00808;
    letter-spacing: 1px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -21px;
    margin-top: 0\9;
    *margin-top: -21px;
}
.newslistbox .day2 {
    line-height: 21px;
    color: #245180;
    width: 100%;
    display: block;
    letter-spacing: 1px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}
/*----------------------------------------------------------------登入 start*/
.logintitle {
    background: url(../images/logintitle.gif) no-repeat left top;
    clear: both;
    height: 32px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.loginword {
    color: #072c3f;
    line-height: 24px;
    letter-spacing: 2px;
    width: 96%;
    margin: 10px 0 0 15px;
}
.loginarea {
    display: block;
    background: url(../images/loginbg3.jpg) no-repeat left top;
    height: 232px;
    width: 515px;
    margin: 20px 0 0 30px;
    padding: 45px 270px 0 30px;
}
.loginarea table {}
.loginarea .inputtxt {
    height: 21px;
    width: 220px;
}
.loginarea .btn {
    padding-bottom: 15px;
}
.loginarea em {
    padding-left: 12px;
    font-style: normal;
    color: #222;
    line-height: 21px;
    letter-spacing: 1px;
    display: block;
    background: url(../images/more.gif) no-repeat left center;
}
.loginarea a {
    color: #07199e;
    text-decoration: underline;
}
.loginarea a:hover {
    color: #cc3300;
}
.loginarea td {
    padding: 3px 0;
    line-height: 21px;
}
.loginarea label {
    font-size: 16px;
    font-weight: bold;
    color: #0b3347;
}
/*----------------------------------------------------------------查詢歷史 start*/
.keyword {
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    line-height: 24px;
    color: #222;
    border-bottom: 1px dotted #ccc;
    margin: 15px 13px;
    background: url(../images/caption3.gif) no-repeat left top;
    padding-left: 17px;
    padding-bottom: 10px;
}
.keyword em {
    font-weight: bold;
    font-style: normal;
    color: #0066cc;
    text-decoration: underline;
}
.keyword .relate {
    color: #c00808;
}
.result_ul2 {
    letter-spacing: 2px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
    margin-left: 55px;
}
.result_ul2 li {
    background: url(../images/listicon22.gif) no-repeat left top;
    padding-left: 10px;
}
.result_ul2 a {
    color: #072c3f;
}
.result_ul2 a:hover {
    text-decoration: underline;
}
.personal .pageNavbar {
    margin: 15px 16px 0 13px;
}
.myfolder {
    margin: 10px 16px 0 13px;
    border-bottom: 1px solid #359a4f;
    padding-bottom: 15px;
}
.myfolder ul {
    margin-borrom: 10px;
}
.myfolder p {
    font-weight: bold;
    color: #006699;
    line-height: 27px;
    letter-spacing: 1px;
    font-size: 12pt;
    margin-bottom: 8px;
    background: url(../images/caption3.gif) no-repeat left top;
    padding-left: 16px;
}
.myfolder li {
    padding: 5px 0 5px 10px;
    color: #222;
    letter-spacing: 1px;
    background: url(../images/listicon22.gif) no-repeat left top;
}
.total {
    margin: 10px 0 10px 13px;
}
.total em {
    font-weight: bold;
    font-style: normal;
    font-size: 15pt;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #c00808;
}
.result_item2 {
    color: #bb2222;
    margin: 10px;
    clear: both;
    display: block;
    clear: both;
    border-bottom: 1px dotted #cccccc;
}
.result_item2 a {
    font-family: Arial, Helvetica, sans-serif;
    color: #002f6a;
    line-height: 24px;
    *line-height: 24px;
    letter-spacing: 1px;
}
.result_item2 a:hover {
    text-decoration: underline;
}
.poup {
    border-collapse: collapse;
}
.poup td {
    color: #014986;
}
/*----------------------------------------------------------------熱門資料庫 start*/
.hotdatabasetitle {
    background: url(../images/hotdatabasetitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.hotreadingtitle {
    background: url(../images/hotreadingtitle.gif) no-repeat left top;
    clear: both;
    height: 32px;
    line-height: 32px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.readertitle {
    background: url(../images/Readerstitle.gif) no-repeat left top;
    clear: both;
    height: 32px;
    line-height: 32px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.recommendationtitle {
    background: url(../images/Recommendationtitle.gif) no-repeat left top;
    clear: both;
    height: 32px;
    line-height: 32px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
/*----------------------------------------------------------------使用規範 start*/
.Standardtitle {
    background: url(../images/userstandard.gif) no-repeat left top;
    clear: both;
    height: 32px;
    line-height: 32px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.standard {
    margin: 0 0 10px 15px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    background: #d1f0ee;
    border-bottom: 2px solid #008e9a;
    border-top: 2px solid #008e9a;
    width: 96%;
}
.standard ul {
    margin-left: 15px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 0px;
    color: #1B1B1B;
}
.standard ul li {
    line-height: 27px;
    color: #1B1B1B;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-right: 0px;
    letter-spacing: 1px;
    margin-left: 0px;
    padding-left: 15px;
}
.standard ul li ul {
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 0px;
    color: #1B1B1B;
}
.standard ul li ul li {
    color: #0f2c6e;
}
/*----------------------------------------------------------------新手入門 start*/
.beginnertitle {
    background: url(../images/beginnertitle.gif) no-repeat left top;
    clear: both;
    height: 30px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.beginner {
    width: 95%;
    display: block;
    margin: 15px 0 0 15px;
    border-collapse: collapse;
    background: url(../images/beginner.gif) right top no-repeat;
}
.beginner table {
    width: 70%;
    display: block;
    margin: 0 0 0 0;
    border-collapse: collapse;
}
.beginner td {
    line-height: 30px;
    width: 300px;
    *width: 50%;
    border-bottom: 1px dotted #ccc;
}
.beginner a {
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #144C7D;
    display: block;
    background: url(../images/listicon2.gif) left top no-repeat;
    padding-left: 15px;
    letter-spacing: 1px;
}
.beginner a:hover {
    color: #CC3300;
    text-decoration: underline;
}
.bulletin {
    font-size: 10pt;
    font-weight: ;
    padding: 0 0 3px 19px;
    clear: both;
    letter-spacing: 1px;
    margin: 8px 0 0 15px;
    color: #005500;
    background: url(../images/Edit_27.gif) left top no-repeat;
}
.bigtitle {
    font-size: pt;
    font-weight: bold;
    letter-spacing: 1px;
    color: ;
}
.bigtitle2 {
    display: block;
    letter-spacing: 1px;
    color: #333;
    font-weight: bold;
    margin: 15px 0 0 0;
}
.aboutme {
    margin: 0 15px 20px 15px;
}
.text-tiny{
    Font-size:8pt;
}
.text-small {
    Font-size:10pt;
}
.text-big {
    Font-size:12pt;
}
.text-huge {
    Font-size:16pt;
    Line-height:24pt;
}
.aboutme h2,.aboutme h3,.aboutme h4{
    letter-spacing: 1px;
    Color:#003366;
}
.aboutme h2 {
    Font-size:14pt;
}
.aboutme h3 {
    Font-size:12pt;
}
.aboutme h4 {
    Font-size:11pt;
}
.aboutme table ,.aboutme td ,.aboutme th{
    Border:1px solid #cfcfd0;
    Border-collapse:collapse;
    Padding:10px ;
}
.aboutme table {
    Margin:0 auto;
    Text-align:center;
}
.aboutme h2 strong,.aboutme h3 strong,.aboutme h4 strong{
    Color:#003366;
}
.aboutme p {
    line-height: 21px;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: ;
    margin: 7px 0 0 0;
    text-indent: px;
}
.aboutme ul {
    Margin:10px 40px 10px 40px;
}
.aboutme  ol{
    Margin:10px 40px 10px 40px;
}
.aboutme ul li {
    line-height: 21px;
    List-style:disc;
    
}
.aboutme li {
    Margin:10px 0;
    letter-spacing: 1px;
}
.aboutme ol li {
    line-height: 21px;
    List-style:decimal;
}
.aboutme .pic {
    clear: both;
    margin: 10px auto;
    text-align: center;
}
.aboutme img {
    clear: both;
    margin: 0 auto;
    text-align: center;
}
.aboutme p a {
    color: #006699;
}
.aboutme p a:hover {
    text-decoration: underline;
}
.aboutmenu {
    margin: 5px 0 15px 0;
}
.aboutmenu li {
    padding: 0 10px 0 0;
    display: inline;
}
.aboutmenu li a {
    color: #006699;
    font-size: 11pt;
    letter-spacing: 1px;
    border-right: 1px solid #333;
    padding: 0 10px 0 0;
}
.aboutmetitle {
    background: url(../images/aboutmetitle.gif) no-repeat left top;
    clear: both;
    height: 27px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 10px;
}