@charset "utf-8"; 
*{margin:0; font-family:Arial,Helvetica,sans-serif; background-repeat:no-repeat}
img{border-style:none}

html, body{height:100%; font-size:13px; line-height:19px; background-color:#CFCFCF}
#wrapper{margin-right:auto; margin-left:auto; background-color:#FFF; width:1000px}

ul, li{margin:0px; padding:0px; list-style-type:none}
a{color:#06C; text-decoration:none}
a:hover{text-decoration:underline}
#top{line-height:26px; background-image:url(../images/general/top_bg.png); background-repeat:repeat-x; height:26px; color:#FFF; padding-right:20px; padding-left:20px}
#header{background-image:url(../images/general/header_bg.png); height:126px; background-position:0px 26px; color:#FFF}

#top ul a{color:#FFF; padding-right:11px; padding-left:11px; display:block; height:26px}
#top ul a:hover{background-color:#6d8aa3; border-right:1px solid #a7b8c7; border-left:1px solid #a7b8c7; padding-right:10px; padding-left:10px; text-decoration:none}

#top .links{float:right}
#top .links a{color:#FFFFC8}
#top li{float:left}
#logo{float:left; display:block; height:100px; width:400px; text-indent:-8000px}

#search{float:right; height:60px; width:310px; display:block; margin-top:35px; margin-right:20px}
#search li{padding-left:20px; background-position:0px 5px; margin-bottom:6px; position:relative}
#search .directory{background-image:url(../images/general/icon_directory.gif)}
#search .search{background-image:url(../images/general/icon_search.png)}
#search .search .text{width:207px; margin-right:3px}
#search .go{position:absolute; top:5px; right:0px}
#footer{background-color:#364D79; color:#FFF; float:left; width:1000px; padding-bottom:15px}
#footer a strong{font-size:15px; font-weight:normal}
#footer a{color:#C7F1F1}
#footer .top a{color:#06C}
#footer .top{line-height:25px; height:25px; text-align:right; padding-right:20px; background-color:#FFF; margin-bottom:15px; border-top:1px solid #CFCFCF}
#footer .lionart{float:left; width:480px; margin-left:15px}
#footer .lionart img{float:left; margin-right:10px}
#footer .udp{float:right; width:480px; text-align:right; margin-right:15px}
#footer .udp img{float:right; margin-left:10px; margin-top:5px}
#footer .copyright{display:block; width:100%; text-align:center; float:left}
.clear{clear:both}

#side_tool{padding:10px; float:right; width:200px}
#side_tool h3{line-height:20px; background-image:url(../images/general/sub_section_title_1.png); height:20px; background-repeat:repeat-x; color:#FFF; font-size:13px; font-weight:normal; padding-left:10px; text-align:left}
#login .login{margin-top:5px; margin-bottom:5px}

#login{border:1px solid #3E637F; text-align:center; padding-bottom:10px; margin-bottom:10px}
#login label{display:block; font-size:13px; color:#304878; padding-top:7px; font-weight:bold}
#login label input{border:1px solid #CCC; margin-left:5px; width:130px}
#login .member strong{color:#06C}

#info_list h3{background-image:url(../images/general/sub_section_title_2.png)}
#info_list{border:1px solid #516851; margin-bottom:10px}
#info_list ul{margin-top:10px; margin-bottom:10px; margin-left:15px}
#info_list li{background-image:url(../images/home/icon_info_list.gif); padding-left:12px; background-position:0px 6px}
#content{padding:10px 15px; float:left; width:749px; border-right:1px solid #cfcfcf; min-height:470px}
#content_one_column{padding:10px 15px 0px; float:left; width:970px; min-height:430px}
#content .content_l, #content .content_r{float:left; width:364px; border-right:1px dotted #CfCfCf; padding-right:10px; line-height:20px}
#content .content_r{border-right:none; padding-left:10px; padding-right:0px}
#content .article_list_top h3, #content .article_list h3{background-image:url(../images/general/section_title_1.png); background-repeat:repeat-x; color:#FFF; font-weight:normal; line-height:24px; height:24px; font-size:13px; letter-spacing:5px; padding-left:15px; margin-bottom:10px}
#content .article_list h3{background-image:url(../images/general/section_title_2.png); padding-right:15px}
#content .article_list h3 a{color:#FFF; letter-spacing:0em; float:right}
#content .article_list h3 a:hover{color:#FF9; text-decoration:none}
#content .article_list h3 span{float:left}
.article_list_top, .article_list{margin-bottom:10px; float:left; width:100%}

.article_list_top strong, .article_list strong{font-size:15px; display:block}
.article_list_top img, .article_list img{float:left; margin-right:10px}
#content .relative{margin-top:5px; float:left}
#content .relative li{padding-left:15px; background-image:url(../images/home/arrow_link.gif); background-position:0px 5px}
.tab_bar{line-height:24px; background-image:url(../images/general/tab/tab_bg.png); float:left; height:24px; background-repeat:repeat-x; width:100%; border:1px solid #cfcfcf}
.tab_bar .tab li{float:left; border-right:1px solid #cfcfcf; background-image:url(../images/general/tab/tab_normal.png); background-repeat:repeat-x; color:#FFF}
.tab_bar a:hover{text-decoration:none; background-repeat:repeat-x}

.tab_bar a, .tab_bar span{display:block; padding-right:10px; padding-left:10px; color:#FFF}
.tab_bar .tab li span{background-image:url(../images/general/tab/tab_on.png); background-repeat:repeat-x}
.tab_bar .tab a:hover{background-image:url(../images/general/tab/tab_over.png)}
.tab_bar .page li{float:left; border-left:1px solid #cfcfcf; background-image:url(../images/general/tab/page_normal.png); background-repeat:repeat-x}
.tab_bar .page a:hover{background-image:url(../images/general/tab/page_over.png)}

.tab_bar .page{float:right}
#content .path strong{background-image:url(../images/general/path.gif); height:25px; width:69px; line-height:25px; display:block; float:left; text-indent:-8000px; background-position:0px 3px; margin-bottom:5px; margin-right:5px}
#content .path{font-size:15px; margin-top:10px; float:left}
#content .path em{color:#C30; font-style:normal; line-height:25px}
.cover{border-top:1px solid #CCC; border-bottom:1px solid #CCC; float:left; width:100%; padding-top:10px; padding-bottom:10px; margin-top:10px}
.cover img{float:left; margin-right:10px}
.cover h2{font-size:15px; color:#304878; margin-bottom:10px}
.cover strong{display:block}
.page_list img{float:left; margin-right:10px;     width:180px}
.page_list li{float:left; width:100%; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #CCC}
.page_list li ul li{color:#333; list-style:disc inside; margin-left:180px; padding:0px; border-style:none; width:auto; float:none}
.page_list li ul{margin-top:7px}

.page_list li strong{font-size:15px; font-weight:normal}
.pager_info strong{background-image:url(../images/general/pager/pager_ad.gif); height:25px; width:66px; display:block; text-indent:-8000px; float:left; background-position:0px 3px; margin-right:5px}
.pager_info span{font-size:15px; line-height:25px; float:left; margin-right:10px}
.pager_info em{color:#F00; font-style:normal; padding-right:5px; padding-left:5px}
.pager_info .show{background-image:url(../images/general/pager/pager_show.gif)}
.pager_info .on{background-image:url(../images/general/pager/pager_show.gif)}
.pager_info{margin-top:10px; margin-bottom:10px; float:left; width:100%; border-bottom:1px dotted #CCC; padding-bottom:10px}
#pager{float:right; line-height:25px; background-image:url(../images/general/pager/pagger_normal.png); height:25px; background-repeat:repeat-x}
#pager a, #pager span{color:#FFF; padding-right:7px; padding-left:7px; border-right:1px solid #CCC; line-height:20px; display:block; float:left; height:20px}
#pager a:hover{background-image:url(../images/general/pager/pagger_over.png); background-repeat:repeat-x; text-decoration:none}
#pager span{background-image:url(../images/general/pager/pagger_on.png); background-repeat:repeat-x}
#path2{background-image:url(../images/general/path2.gif); padding-left:15px; background-position:0px 3px; margin-bottom:10px}
.read{background-color:#EEE; border:1px solid #CFCFCF; height:26px; background-image:url(../images/general/icon_directory.gif); padding-left:25px; background-position:6px 8px; margin-bottom:10px; line-height:26px}

.read select{font-size:12px; border:1px solid #CCC}
.article_intro{margin-bottom:10px}
.article_intro em{color:#516851; font-style:normal}
.article_intro h2{color:#C60; font-size:16px; padding-top:5px; padding-bottom:5px}
.article .text{font-size:16px; line-height:24px}
.article .text p{margin-bottom:12px}
.article .text{float:left; width:100%; margin-top:10px; margin-bottom:10px; color:#333}

.close_mark{background-image:url(../images/home/icon_info_list.gif); display:block; padding-left:10px; background-position:0px 5px; float:right; margin-top:10px}
.share{background-image:url(../images/home/icon_info_list.gif); background-position:0px 5px; display:block; float:right; padding-left:10px; margin-top:5px}
.article .pager_info_2{float:left; width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #CCC; font-size:13px; padding-left:15px}
.article_content .text{float:left; width:474px; border-right:1px dotted #CCC; padding-right:10px}
.article_content .image, .pic_list_text{float:left; width:485px}
.article_content .pager_info_2{border-top-style:dotted; width:470px}
.article_content .image ul li{float:left; width:225px; margin-left:10px; text-align:center}
.article_content .image img{border:1px solid #E0E0E0; margin-top:5px}
.inner_tool{float:left; width:100%; border-bottom:1px dotted #CCC; padding-top:10px; padding-bottom:10px}
.inner_tool .close_mark{margin:0px 10px 0px 0px}
.image_big ul li{float:left; width:360px; margin-left:10px; text-align:center}
.image_big img{border:1px solid #E0E0E0; margin-top:5px}
.image_big ul{float:left; padding-top:10px; padding-bottom:10px}
.pager_info_2{float:left; width:100%; border-top:1px dotted #CCC; padding-top:10px; margin-bottom:10px}
.pic_list li{float:left; width:100%; font-size:16px; margin-bottom:15px}
.pic_list img{border:1px solid #CCC; float:left; margin-right:10px}
.pic_list_text ul{margin-left:20px; margin-top:10px}
.pic_list_text ul li{float:left; margin-bottom:10px; width:100%; font-size:16px}
.pic_list_text li img{float:left; margin-right:10px}

.title{font-size:15px; color:#366; padding-bottom:10px; padding-left:10px}
#cover_list{float:left; margin-top:10px; width:100%; margin-left:12px; margin-bottom:10px}
#cover_list li{float:left; width:170px; margin-right:15px; text-align:center}
#cover_list li img{margin-top:5px; margin-bottom:15px}

#search_form{float:left; width:700px; font-size:16px; margin-top:10px; margin-left:30px}
#search_form th, #search_form td{padding:10px 0px 0px 10px}
#search_form th{background-image:url(../images/general/search_arrow.gif); background-position:10px 12px; vertical-align:top; text-align:left; padding-left:25px; padding-right:0px; width:80px}
#search_form td ul li{background-image:url(../images/home/icon_info_list.gif); background-position:0px 8px; padding-left:15px; margin-bottom:10px}

#search_form .text{border:1px solid #CCC; margin-bottom:6px}
#search_form select{border:1px solid #CCC; margin-bottom:6px}
#search_form .btn{text-align:center}
#search_form label{margin-right:5px}
#search_form td strong{color:#3E5686}
.result_table{margin-bottom:20px}
.result_info{float:left; width:100%; padding:10px; border-bottom:1px dotted #CCC; margin-bottom:10px}
.result_info em{font-style:normal; color:#36F}
#search_result li a, .cabinetList li a{font-size:15px; text-decoration:underline; line-height:20px}
#search_result li{margin-bottom:15px}
#search_result{margin-top:15px; float:left; width:100%; margin-left:20px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CCC}

#search_result strong{color:#F00}
#search_result li em, .cabinetList li em{font-style:normal; color:#666; margin-left:5px}

.cabinetNav{margin-bottom:10px; width:100%; height:31px; background-image:url(../images/cabinet/cabinet_nav_bg.gif); background-repeat:repeat-x}
.cabinetNav h2{background-image:url(../images/cabinet/cabinet_nav_title.gif); float:left; width:98px; height:31px; display:block; text-indent:-9000px; margin-left:10px}
.cabinetNav .function{float:right; padding:6px 0; margin-right:10px; background-image:url(../images/cabinet/search.gif); background-position:left center; padding-left:30px}
.cabinetNav .function input{float:left; margin-right:5px}
.function input.text{border:1px solid #ccc; width:100px; padding:1px 3px; height:18px}
.function input.btn{border:1px solid #222; width:40px; text-align:center; background-color:#333; color:#fff; line-height:18px; cursor:pointer}
.function input.btn:hover{background-color:#555}
.cabinetNav a{ display:block; float:left; margin-top:2px}
.cabinetList{overflow:auto; margin-bottom:20px}
.cabinetList >li{border-bottom:1px solid #ccc; width:100%; float:left; padding:10px 0}
.cabinetList >li img{width:60px}
.cabinetList >li img, .cabinetList >li ul{float:left}
.cabinetList >li img{margin:0 15px}
.cabinetList >li ul{font-size:15px}
.cabinetList >li li{margin-bottom:3px}

.shelf{width:663px;  margin:0 auto 20px auto}
.shelf .cabinetNav h2{background-image:url(../images/cabinet/cabinet_shelf_nav_title.gif)}
.shelf .cabinetList{float:left; margin-bottom:0}
.shelf .cabinetList >li img{width:90px; margin:5px 60px 5px 30px}
.shelf .prev, .shelf .next{width:23px; height:23px; display:block; position:absolute; top:70px; text-indent:-9000px}
.shelf .prev{background-image:url(../images/cabinet/arrow_prev.gif); left:140px}
.shelf .next{background-image:url(../images/cabinet/arrow_next.gif); right:30px}
.shelf .cabinetList >li{background-image:url(../images/cabinet/shef_bg.jpg); height:145px; padding:0; padding-top:5px; position:relative}
.shelf .cabinetList >li ul{margin-top:23px}
.shelf .cabinetList >li li{display:block; width:80px; height:110px; border:1px solid #314878; background-color:#fff; float:left; margin-right:30px}
.shelf .cabinetList >li li a{text-decoration:none; text-indent:20px; display:block; background-image:url(../images/cabinet/logo.gif); background-position:5px 3px; display:block; padding:5px; width:70px; height:100px}
.shelf .cabinetList >li li a:hover{background-color:#f9f9f9}
.shelf .cabinetNav{width:663px; margin:0 auto; background-image:url(../images/cabinet/cabinet_shelf_nav_bg.gif); float:left}
.shelf .bottom{background-image:url(../images/cabinet/shef_bottom.jpg); height:37px; clear:both}
.shelf .cabinetNav .function{background-image:url(../images/cabinet/search_shelf.gif)}

#letter #wrapper, #letter #header, #letter #footer{width:800px}
#letter #header{background-image:url(../images/letter/letter_header.jpg); height:74px; background-position:0 0; padding:0; text-indent:-9000px}
#letter #footer{ height:88px; padding:0}
#letter #content{min-height:350px; background-color:#fff; width:720px; padding:40px; font-size:16px; line-height:35px; color:#333}
#letter #content strong{color:#c00}

.directory h2{font-size:16px; color:#366; margin-bottom:10px}
.directory h2 span{color:#C60}
.directory #tab{margin-bottom:20px}
.directory .pager_info_2{margin-bottom:10px}
.directory_list{clear:both; float:left; margin-top:15px}
.directory_list h3{color:#066; font-size:13px; margin-bottom:5px; font-weight:normal}
.directory_list li em{display:block; color:#06C; font-style:normal}

.directory_list h4{font-size:15px}
.directory_list li{float:left; width:680px; margin-bottom:10px; border-bottom:1px dotted #ddd; padding-bottom:10px; padding-left:60px; position:relative}
.directory_list img{width:180px; float:left; margin-right:10px}
.directory_list .text{width:480px; float:left}
.directory_list li .checkbox{position:absolute; left:40px; top:3px}
.directory_list .number{position:absolute; z-index:10; top:3px; display:block; left:0px; font-size:13px; text-align:right; width:35px; line-height:13px}

a.buy_btn{background-image:url(../images/shop/btn_buy.png); text-indent:-8000px; display:block; height:31px; width:100px; float:left}
.select_all{float:left; width:730px; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #CCC; padding-left:15px}
.select_all label{float:left; font-size:16px; line-height:31px; margin-right:10px}
.select_all .checkbox{float:left; margin-top:10px; margin-right:5px}

#side_tool .cover{border:1px solid #ccc; width:180px; padding:10px; clear:both; float:left; margin-bottom:10px}
#side_tool .cover img{margin-bottom:5px}
#info_list{clear:both}
.member_form li{background-color:#F2F2F2; margin-bottom:10px; padding:15px 15px 15px 110px; font-size:15px; line-height:30px}
.member_form li .text{height:30px; width:350px; line-height:30px; font-family:Arial,Helvetica,sans-serif; border:1px solid #E4E4E4; margin-bottom:5px}
.member_form li label{line-height:30px; margin-bottom:5px; display:block; float:left; width:80px; text-align:right; padding-right:10px; color:#666; font-weight:normal}
.member_title{margin-bottom:10px; font-size:15px; font-weight:normal; line-height:30px; color:#FFF; background-image:url(../images/general/member_title.png); background-repeat:repeat-x; height:30px; padding-left:20px}
.member_form li strong{color:#69F}
.member_form .rule{width:520px; font-size:12px; line-height:18px; height:250px; overflow:scroll; padding:10px; border:1px solid #CCC; background-color:#FFF; overflow-x:hidden}
.member_form li .btn_send{padding-left:90px}
.member_form .btn_submit{margin-left:220px}
.shop_list th{background-color:#DDD; font-weight:normal; padding-top:5px; padding-bottom:5px}
.shop_list{width:970px; margin-bottom:10px}
.shop_list td{text-align:center; padding:5px}
.shop_list .delete{background-image:url(../images/shop/delete.png); text-indent:-8000px; display:block; height:20px; width:19px; margin-left:40px}
.shop_list .text{border:1px solid #CCC}
.shop_list .total{text-align:right; padding-right:20px; background-color:#EBEEF3}
.shop_list .total strong{color:#69F; padding-right:7px; padding-left:7px}

.shop_list a.delete:hover{background-position:right 0px}

table{border-collapse:collapse}
.shop_list td, .shop_list th{border:#cfcfcf solid 1px}
.btn_set{margin-bottom:20px; padding-left:400px; float:left}

.btn_set a{background-image:url(../images/shop/btn_shop.png); height:31px; width:100px; display:block; float:left; text-indent:-8000px; margin-right:5px}
.btn_set a:hover{background-position:right 0px}
.btn_set .btn_buy{background-image:url(../images/shop/btn_buy.png)}

.readme_title{    border:1px solid #CFCFCF;     background-image:url(../images/general/readme_title.png);     background-repeat:repeat-x;     height:24px}

#readme_banner{margin:0px; float:left}
#readme_banner ul{padding-left:15px; height:24px; margin:0px; list-style-type:none}
#readme_banner ul li{float:left; height:24px; margin:0px; border-left-width:1px; border-left-style:solid; border-left-color:#CFCFCF; line-height:20px}
#readme_banner ul li span{padding:1px 10px 3px 10px; padding:3px 10px 1px 10px\9; display:block; color:#FFF; background-image:url(../images/general/readme_banner_title.png); background-repeat:repeat-x}

.clearfloat{clear:both; margin:0px; padding:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px}
.highlight{color:red}