* { margin:0px; padding:0px; border:0px; line-height:1.5; font-size:12px; font-family:\5fae\8f6f\96c5\9ed1, Tahoma, Arial, Helvetica, sans-serif; }
body { background:#555555; overflow-y:scroll; *overflow-y:auto; }
h1, h2, h3, h4, h5, h6 { line-height:1.2; }
a:link,
a:visited,
a:active { color: #004477; text-decoration:none; }
a:hover { color: #77B900; text-decoration:none; }
.radio_y { background: #D7FBBF; }
.radio_n { background: #F5CDCD; }
.radio_m { background: #CED7FB; }
.input { color: #000000; height: 16px; border: 1px solid #CCCCCC; background: #FFFFFF; }
.select { color: #000000; border: 1px solid #CCCCCC; background: #FFFFFF; white-space: nowrap; }
.textarea { color: #000000; border: 1px solid #CCCCCC; background: #FFFFFF; }
.submit { color: #FFFFFF; min-width:60px; height: 20px; border: 1px solid #222222; background: #555555; white-space: nowrap; cursor: pointer; }
.button { color: #FFFFFF; min-width:60px; height: 20px; border: 1px solid #222222; background: #555555; white-space: nowrap; cursor: pointer; }
.button_transparent { color: #004477; height: 20px; border: 0px; background-color: transparent; background-repeat: no-repeat; overflow: visible; white-space: nowrap; cursor: pointer; }

.layout_header { width:980px; height:110px; margin-right:auto; margin-left:auto; overflow:hidden; background:#222222; text-align:left; }

    .header_area { height:80px; color:#666666; background:#222222 url(../{$dir_images}/bg_header_area.gif) no-repeat left; }
    .header_area h1{ float:left; margin:10px 0px 0px 0px; }
    .header_area p{ float:right; margin:12px 30px 0px 0px; }

    .menu_main { height:30px; line-height:30px; overflow:hidden; padding:0px 3px 0px 3px; background:#023259 url(../{$dir_images}/bg_menu_main.gif) repeat-x bottom; }
    .menu_main ul { clear:left; list-style-type:none; display:inline; }
    .menu_main li { float:left; display:block; padding:0px 1px 0px 1px; width:80px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; }
    .menu_main li.current { background:url(../{$dir_images}/bg_menu_main_hover.png) no-repeat 50% -10%; }
    .menu_main li:hover { background:url(../{$dir_images}/bg_menu_main_hover.png) no-repeat 50% -10%; }
    .menu_main li a { display:block; height:30px; line-height:30px; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; }

.layout_content { width:980px; margin-right:auto; margin-left:auto; }
.layout_content > div { width:100%; background:#DAE3EA; float:left; }

.layout_content_article_narrow { width:220px; float:right; background:#DAE3EA; text-align:center; }
    .layout_content_article_narrow .menu_sub { line-height:30px; overflow:hidden; background:#DAE3EA; }
    .layout_content_article_narrow .menu_sub dl { clear:left; list-style-type:none; display:inline; }
    .layout_content_article_narrow .menu_sub dl dt { display:block; padding: 0px 24px 0px 24px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#02345A; text-decoration:none; font-weight:bold; background:#DAE3EA url(../{$dir_images}/bg_menu_sub.gif) no-repeat 50% 50%; }
    .layout_content_article_narrow .menu_sub dl dd { display:block; padding: 0px 24px 0px 24px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#222222; text-decoration:none; background:#DAE3EA url(../{$dir_images}/bg_menu_sub_space.gif) no-repeat bottom; }
    .layout_content_article_narrow .menu_sub dl dd.current,
    .layout_content_article_narrow .menu_sub dl dd:hover { background:#ECBE93 url(../{$dir_images}/bg_menu_sub_hover.gif) no-repeat 50% 50%; }
    .layout_content_article_narrow .menu_sub dl dd a { display:block; height:25px; line-height:25px; font-size:12px; color:#222222; text-decoration:none; }

.layout_content_article_wide { width:760px; height:auto; min-height:300px; float:left; background:#FFFFFF url(../{$dir_images}/bg_transition_content_left.png) repeat-y right; text-align:left; }
    .layout_content_article_wide > * { margin:3px 12px 0px 0px; }
    .layout_content_article_wide .inside_banner { width:752px; height:120px; float:left; margin:0px; background:#FFFFFF; text-align:left; }

.layout_content_product_narrow { width:220px; float:left; background:#DAE3EA; text-align:center; }
    .layout_content_product_narrow .menu_sub { line-height:30px; overflow:hidden; background:#DAE3EA; }
    .layout_content_product_narrow .menu_sub dl { clear:left; list-style-type:none; display:inline; }
    .layout_content_product_narrow .menu_sub dl dt { display:block; padding: 0px 24px 0px 24px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#02345A; text-decoration:none; font-weight:bold; background:#DAE3EA url(../{$dir_images}/bg_menu_sub.gif) no-repeat 50% 50%; }
    .layout_content_product_narrow .menu_sub dl dd { display:block; padding: 0px 24px 0px 24px; height:25px; line-height:25px; text-align:left; font-size:12px; color:#222222; text-decoration:none; background:#DAE3EA url(../{$dir_images}/bg_menu_sub_space.gif) no-repeat bottom; }
    .layout_content_product_narrow .menu_sub dl dd.current,
    .layout_content_product_narrow .menu_sub dl dd:hover { background:#ECBE93 url(../{$dir_images}/bg_menu_sub_hover.gif) no-repeat 50% 50%; }
    .layout_content_product_narrow .menu_sub dl dd a { display:block; height:25px; line-height:25px; font-size:12px; color:#222222; text-decoration:none; }

.layout_content_product_wide { width:760px; height:auto; min-height:300px; float:right; background:#FFFFFF url(../{$dir_images}/bg_transition_content_right.png) repeat-y left; text-align:left; }
    .layout_content_product_wide > * { margin:3px 0px 0px 12px; }
    .layout_content_product_wide .inside_banner { width:752px; height:120px; float:right; margin:0px; background:#FFFFFF; text-align:left; }

.layout_content_full { width:980px; height:auto; min-height:90px; float:left; background:#FFFFFF; text-align:left; }
    .layout_content_full > * { margin:3px; }

    .content_info .prompt { height:90px; overflow: hidden; margin-bottom:6px; padding:3px; }
    .content_info .prompt ul { clear:left; list-style-type:none; display:inline; }
    .content_info .prompt ul .cover { width:180px; height:90px; line-height:90px; float:left; text-align:center; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .prompt ul .title { width:700px; height:30px; line-height:30px; float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .prompt ul .remark { width:700px; height:60px; line-height:30px; float:left; text-align:left; overflow:hidden; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .content_info .prompt ul .remark a:link,
    .content_info .prompt ul .remark a:visited { color:#16387C; font-size:12px; font-weight:bold; text-decoration:none; }
    .content_info .prompt ul .remark a:hover,
    .content_info .prompt ul .remark a:active { color:#FF6600; font-size:12px; text-decoration:none; }

    .content_info .redirect { height:90px; overflow: hidden; margin-bottom:6px; padding:3px; }
    .content_info .redirect ul { clear:left; list-style-type:none; display:inline; }
    .content_info .redirect ul .cover { width:180px; height:90px;line-height:90px; float:left; text-align:center; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; background:url(../{$dir_images}/warning.gif) no-repeat center center; }
    .content_info .redirect ul .text { width:700px; height:90px; line-height:90px; float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }

    .current_place { clear:both; height:20px; line-height:20px; overflow:hidden; }
    .current_place ul { clear:left; list-style-type:none; display:inline; }
    .current_place li { float:left; display:block; margin:0px 3px 0px 3px; height:20px; line-height:20px; text-align:center; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#222222; text-decoration:none; }
    .current_place li a { display:block; height:20px; line-height:20px; font-family:\5fae\8f6f\96c5\9ed1, Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#222222; text-decoration:none; }
    .current_place li a:hover { color:#77B900; }

    .title_tab { height:25px; line-height:25px; overflow: hidden; padding:0px 3px 0px 3px; background:#B9C5CE url(../{$dir_images}/bg_title_tab.gif) repeat-x bottom; }
    .title_tab ul { clear:left; list-style-type:none; display:inline; }
    .title_tab li { float:left; display:block; padding:0px 1px 0px 1px; width:80px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#222222; text-decoration:none; font-weight:bold; }
    .title_tab li.current,
    .title_tab li:hover { background:url(../{$dir_images}/bg_title_tab_hover.png) no-repeat 50% 0%; }
    .title_tab li a { display:block; height:25px; line-height:25px; font-size:12px; color:#222222; text-decoration:none; font-weight:bold; }
    .title_tab span.current { float:left; display:block; padding:0px 1px 0px 1px; width:80px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#222222; text-decoration:none; font-weight:bold; background:url(../{$dir_images}/bg_title_tab_hover.png) no-repeat 50% 0%; }
    .title_tab span.more { float:right; display:block; margin:15px 0px 0px 0px; text-align:center; font-size:12px; color:#222222; text-decoration:none; font-weight:bold; }

    .content_info { padding:6px; background:#FFFFFF; }

    .content_info .detail { }

    .content_info .partners { height:60px; line-height:60px; overflow: hidden; border:1px solid #00CC33; background: #DBF9C8; margin-bottom:6px; padding:3px; }
    .content_info .partners dl { clear:left; list-style-type:none; display:inline; }
    .content_info .partners dt { float:left; display:block; width:120px; height:48px; padding:12px 0px 0px 0px; text-align:center; font-size:16px; color:#02345A; text-decoration:none; font-weight:bold; }
    .content_info .partners dd { float:left; display:block; width:580px; height:54px; padding:0px 0px 0px 3px; text-align:left; font-size:12px; color:#222222; text-decoration:none; }
    .content_info .partners dd:hover { }
    .content_info .partners dd a { display:block; height:60px; line-height:60px; font-size:12px; color:#222222; text-decoration:none; }

    .content_info .list dl { clear:left; list-style-type:none; display:inline; }
    .content_info .list dl dt { padding:3px 3px 0px 3px; height:25px; line-height:25px; text-align:right; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .content_info .list dl dt span { float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .list dl dt a:link,
    .content_info .list dl dt a:visited { color:#16387C; font-size:14px; text-decoration:none; }
    .content_info .list dl dt a:hover,
    .content_info .list dl dt a:active { color:#FF6600; font-size:14px; text-decoration:none; }
    .content_info .list dl dd { clear:both; padding:0px 3px 3px 3px; height:auto; line-height:20px; overflow:hidden; border-bottom:1px dashed #CCCCCC; background:#FFFFFF; color:#888888; font-size:12px; text-decoration:none; }
    .content_info .list dl dd br { display:none; }

    .content_info .article .title h2 { font-size:18px; line-height:24px; ; overflow:hidden; color:#77B900; text-align:left; font-weight:bold; }
    .content_info .article .remark { border-bottom:1px dashed #CCCCCC; text-align:left; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .content_info .article .detail { padding:6px; line-height:24px; text-align:left; text-decoration:none }

    .content_info .product { height:160px; overflow: hidden; border-bottom:1px dashed #CCCCCC; margin-bottom:6px; padding:3px; }
    .content_info .product ul { clear:left; list-style-type:none; display:inline; }
    .content_info .product ul .cover { width:130px; height:160px; float:left; text-align:center; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .product ul .title { width:560px; height:30px; line-height:30px; padding:3px; float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .product ul .title a:link,
    .content_info .product ul .title a:visited { color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .product ul .title a:hover,
    .content_info .product ul .title a:active { color:#FF6600; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .product ul .brief { width:560px; height:80px; line-height:15px; padding:3px; float:left; text-align:left; overflow:hidden; color:#888888; font-size:12px; text-decoration:none; }
    .content_info .product ul .remark { width:560px; height:25px; line-height:25px; padding:3px; float:left; text-align:left; overflow:hidden; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .content_info .product ul .remark a:link,
    .content_info .product ul .remark a:visited { background: url(../{$dir_images}/arrow_product.gif) no-repeat 0px 3px; padding:0px 6px 0px 12px; color:#16387C; font-size:12px; font-weight:bold; text-decoration:none; }
    .content_info .product ul .remark a:hover,
    .content_info .product ul .remark a:active { background: url(../{$dir_images}/arrow_product.gif) no-repeat 0px 3px; padding:0px 6px 0px 12px; color:#FF6600; font-size:12px; text-decoration:none; }

    .content_info .download dl { clear:left; list-style-type:none; display:inline; }
    .content_info .download dl dt { padding:3px 3px 0px 3px; height:25px; line-height:25px; text-align:right; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .content_info .download dl dt span { float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .download dl dt a:link,
    .content_info .download dl dt a:visited { color:#16387C; font-size:14px; text-decoration:none; }
    .content_info .download dl dt a:hover,
    .content_info .download dl dt a:active { color:#FF6600; font-size:14px; text-decoration:none; }
    .content_info .download dl dd { clear:both; padding:0px 3px 3px 3px; height:auto; line-height:20px; overflow:hidden; border-bottom:1px dashed #cccccc; background:#FFFFFF; color:#888888; font-size:12px; text-decoration:none; }

    .content_info .buy { height:60px; overflow: hidden; border-bottom:1px dashed #CCCCCC; margin-bottom:6px; padding:3px; }
    .content_info .buy ul { clear:left; list-style-type:none; display:inline; }
    .content_info .buy ul .cover { width:130px; height:60px; float:left; text-align:center; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .buy ul .title { width:560px; height:30px; line-height:30px; float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .buy ul .title a:link,
    .content_info .buy ul .title a:visited { color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .buy ul .title a:hover,
    .content_info .buy ul .title a:active { color:#FF6600; font-size:14px; font-weight:bold; text-decoration:none; }
    .content_info .buy ul .remark { width:560px; height:30px; line-height:30px; float:left; text-align:left; overflow:hidden; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .content_info .buy ul .remark a:link,
    .content_info .buy ul .remark a:visited { background: url(../{$dir_images}/arrow_product.gif) no-repeat 0px 3px; padding:0px 6px 0px 12px; color:#16387C; font-size:12px; text-decoration:none; }
    .content_info .buy ul .remark a:hover,
    .content_info .buy ul .remark a:active { background: url(../{$dir_images}/arrow_product.gif) no-repeat 0px 3px; padding:0px 6px 0px 12px; color:#FF6600; font-size:12px; text-decoration:none; }

    .content_info .license { margin:6px; }
    .content_info .license table { width:100%; border-collapse: collapse; }
    .content_info .license td { border:1px dashed #CCCCCC; padding:3px; }
    .content_info .license .type { background:#EADAE3; text-align:center; font-weight:bold; }
    .content_info .license .name { background:#EADAE3; text-align:left; }
    .content_info .license .value { background:#FFFFFF; text-align:center; }
    .content_info .license .text_y { color: #00AA00; font-weight:bold; }
    .content_info .license .text_n { color: #EA7408; font-weight:bold; }
    .content_info .license .text_m { color: #018CF2; font-weight:bold; }
    .content_info .license a:link,
    .content_info .license a:visited { color:#16387C; font-size:12px; font-weight:bold; text-decoration:none; }
    .content_info .license a:hover,
    .content_info .license a:active { color:#FF6600; font-size:12px; text-decoration:none; }

.layout_content_index_banner { width:980px; height:120px; float:left; background:#FFFFFF; text-align:left; }
.layout_content_index_banner > * { }

.layout_content_index_bulletin { width:350px; height:330px; min-height:300px; float:left; overflow:hidden; background:#FFFFFF; text-align:left; }
.layout_content_index_bulletin > * { margin:3px; }
    .layout_content_index_bulletin .list dl { clear:left; list-style-type:none; display:inline; }
    .layout_content_index_bulletin .list dl dt { padding:3px 3px 0px 3px; height:25px; line-height:25px; text-align:right; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .layout_content_index_bulletin .list dl dt span { float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .layout_content_index_bulletin .list dl dt a:link,
    .layout_content_index_bulletin .list dl dt a:visited { color:#16387C; font-size:14px; text-decoration:none; }
    .layout_content_index_bulletin .list dl dt a:hover,
    .layout_content_index_bulletin .list dl dt a:active { color:#FF6600; font-size:14px; text-decoration:none; }
    .layout_content_index_bulletin .list dl dd { clear:both; padding:0px 3px 3px 3px; height:auto; line-height:20px; overflow:hidden; border-bottom:1px dashed #cccccc; background:#FFFFFF; color:#888888; font-size:12px; text-decoration:none; }
    .layout_content_index_bulletin .list dl dd br { display:none; }

.layout_content_index_news { width:350px; height:330px; min-height:300px; float:left; overflow:hidden; background:#FFFFFF; text-align:left; }
.layout_content_index_news > * { margin:3px; }
    .layout_content_index_news .list dl { clear:left; list-style-type:none; display:inline; }
    .layout_content_index_news .list dl dt { padding:3px 3px 0px 3px; height:25px; line-height:25px; text-align:right; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .layout_content_index_news .list dl dt span { float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .layout_content_index_news .list dl dt a:link,
    .layout_content_index_news .list dl dt a:visited { color:#16387C; font-size:14px; text-decoration:none; }
    .layout_content_index_news .list dl dt a:hover,
    .layout_content_index_news .list dl dt a:active { color:#FF6600; font-size:14px; text-decoration:none; }
    .layout_content_index_news .list dl dd { clear:both; padding:0px 3px 3px 3px; height:auto; line-height:20px; overflow:hidden; border-bottom:1px dashed #CCCCCC; background:#FFFFFF; color:#888888; font-size:12px; text-decoration:none; }
    .layout_content_index_news .list dl dd br { display:none; }

.layout_content_index_product { width:280px; height:330px; min-height:300px; float:left; overflow:hidden; background:#FFFFFF; text-align:left; }
.layout_content_index_product > * { padding:3px; }
    .layout_content_index_product .show { height:60px; overflow: hidden; border-bottom:1px dashed #CCCCCC; margin-bottom:6px; padding:3px; }
    .layout_content_index_product .show ul { clear:left; list-style-type:none; display:inline; }
    .layout_content_index_product .show ul .cover { width:80px; height:60px; float:left; text-align:center; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .layout_content_index_product .show ul .title { width:180px; height:30px; line-height:30px; float:left; text-align:left; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .layout_content_index_product .show ul .title a:link,
    .layout_content_index_product .show ul .title a:visited { color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .layout_content_index_product .show ul .title a:hover,
    .layout_content_index_product .show ul .title a:active { color:#FF6600; font-size:14px; font-weight:bold; text-decoration:none; }
    .layout_content_index_product .show ul .remark { width:180px; height:30px; line-height:30px; float:left; text-align:right; overflow:hidden; color:#AAAAAA; font-size:12px; text-decoration:none; }
    .layout_content_index_product .show ul .remark a:link,
    .layout_content_index_product .show ul .remark a:visited { color:#16387C; font-size:12px; text-decoration:none; }
    .layout_content_index_product .show ul .remark a:hover,
    .layout_content_index_product .show ul .remark a:active { color:#FF6600; font-size:12px; text-decoration:none; }

.layout_footer { width:980px; height:60px; margin-right:auto; margin-left:auto; clear:both; background:#000000 url(../{$dir_images}/bg_footer.gif) repeat-x top; text-align:center; }
.layout_footer > div { width:100%; margin-top:6px; text-align:center; float:left; }
.layout_footer .copyright, .layout_footer .copyright * { font-size:12px; color:#555555; text-decoration:none; }
.layout_footer .poweredby, .layout_footer .poweredby * { font-size:10px; color:#555555; text-decoration:none; }
.layout_footer .runtime, .layout_footer .runtime * { font-size:10px; color:#555555; text-decoration:none; }