/*---------------------------------------------------------------------- | Theme Name: Maxthon | Theme URI: http://leotheme.cn | Description: The WordPress theme based on the Louis. | Version: 2.0.2.08.08.21 | Author: Louis | Author URI: http://leotheme.cn | Tags: Maxthon,blue,region,show,hide,Toggle -----------------------------------------------------------------------*/ body { font-family: verdana,Arial,sans-serif; font-size: 12px; margin: 0 auto; padding: 0px; background-color:#FFF !important; } .l{float:left;} .r{float:right;} .clear{clear:both;height:0px;font-size:0px;line-height:0px;over-flow:hidden;} * html .clear {display:inline;} .a_c{text-align:center;margin:0 auto;} .a_l{text-align:left;} .a_r{text-align:right;} .block{display:block;} .bor-no{border:none !important;} .mar-r-10{margin-right:10px;} a{color:#000000;text-decoration:none;} .mar-t-10{margin-top:10px;} .clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;} *html .clearfix{height:1%;} *+html .clearfix{height:1%;} /*ALL ---------------------------------------------------*/ h1,h3,h4,h5,h6,p,ul,dl,form,input { margin: 0; padding: 0; list-style: none; } img { border: none; } ol li {padding: 5px 0;} h3 { font-size: 14px; padding-bottom: 3px; } h4 { font-size: 14px; padding-left: 8px;margin-bottom:8px; } h5 { font-size: 12px; padding-left: 6px; } fieldset { padding: 5px 10px; margin: 10px 0; } fieldset p { +margin-top: 5px; line-height: 18px; text-indent: 2em; } fieldset legend { padding: 3px 10px 3px 10px; } fieldset legend a { font-weight: bolder; } .c{margin:0px auto;} .btn{background:url(images/button.jpg) 0px 0px no-repeat;width:50px;height:23px;border:none;padding-top:3px;font-size:12px;cursor:pointer;} .w960{width:960px;} /*Header ----------------------------------------------------*/ #header { width:100%; } #header #top{width:100%;height:27px;background:url(images/top.jpg) 0px 0px no-repeat #33ACE5;} .headerc{height:165px;background:url(images/header_bg.jpg) 0px 0px repeat-x #5f458f;width:100%;} .headerc .w960{position:relative;} #nav{position:absolute;left:500px;top:0px;} #nav_jquery{position:absolute;top:39px;} #nav_ext{position:absolute;top:13px;left:180px;} #nav_flex{position:absolute;top:44px;left:320px;} .logo{background:url(images/logo.jpg) 0px 0px no-repeat;width:256px;height:119px;margin-left:40px;} .logo a{display:none;} .btn_hover{background-position:0px -26px !important;} /*Container ----------------------------------------------------*/ #ria_Container {margin-top:-21px;} /*Sidebar -------------------------------------------------*/ .side_header{background:url(images/box_header_bg.gif) 0px bottom no-repeat !important;padding:6px;height:16px;} .side_list{margin-top:6px;} .side_list li{background:url(images/left_li.jpg) 3px 10px no-repeat;padding:4px 0px;padding-left:16px;cursor:pointer;line-height:18px;} .side_list li a{color:#333;text-decoration:none;} .side_list li a:hover{color:#AB33FF !important;} .side_list li span{color:#CCC;margin-left:10px;} .ranking_list{background:url(images/box_list.gif) -8px 0px no-repeat;height:260px;} .ranking_list li{padding-left:24px;height:18px;padding-top:6px;} .ranking_list li a:hover{color:#6E5CAB;} .comment_list li{line-height:18px;padding:10px 0px;border-bottom:1px dashed #CCC;} .comment_list .rc_item{} .comment_list .rc_item .rc_left img{border:1px solid #CCC;} .comment_list .rc_item .rc_info .post_title a{color:#999;} .comment_list .rc_item .rc_info .post_title .author_name{color:#333 !important;} .rc_excerpt{color:#666;margin-top:6px;} #rc_nav{border:none !important;} /*Comment ------------------------------------------------*/ .comment {margin-top: 10px; border: 1px solid #C2C2C2;background-color:#EFEEF4;padding:10px;} .responselist-txt { float: left; } #commentform {margin-top: 8px;} #commentform a { text-decoration: none; } #commentform .commenttext { margin-top: 8px; height: 20px; padding: 2px 0 0 2px; } #comment { margin-top: 8px; padding-left: 2px; width: 488px; overflow-y: scroll;} #submited { width: 150px; height: 24px; font-weight: bolder; margin: 8px 0; border: 1px solid #C2C2C2; } .commentlist{border:1px solid #DAD7CE;border-bottom:none;} .commentlist_li{border-bottom:1px solid #DAD7CE;position:relative;} .commentlist_li_header{background:url(images/comment_header_bg.jpg) 0px 0px repeat-x;height:35px;} .commentlist_li_face{background:url(images/comment_face_bg.jpg) 0px 0px no-repeat;width:69px;height:68px; position:absolute;top:6px;left:15px;} .commentlist_li_face img{display:block;margin-top:10px;margin-left:8px;} .commentlist_li_header_details{margin-left:160px;padding-top:10px;color:#645A44;} .commentlist_li_text{margin-left:100px;height:70px;padding-top:6px;padding-bottom:6px;line-height:18px; overflow:auto !important;} .commentlist_li_header_details_author{margin-right:20px;} .bold{font-weight:bold;} /*Pre--Next -------------------------------------------------*/ .page-np {margin-bottom: 10px;padding:10px;line-height:24px;border:1px solid #DAD7CF;} .page-np a:hover{color:#9933FF;text-decoration:underline;} .page_margin {margin-top: 6px; letter-spacing: 10px;} .previous-entries {text-align:left; margin-top: 8px; padding-left: 18px; float: left; display: block;height: 16px;} .previous-entries a {} .next-entries {text-align:left; margin-top: 6px; padding-left: 18px; display: block; float: left; margin-left: 10px; display: inline; height: 16px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;} .next-entries a { } .ria_box_middle{ overflow:hidden !important;} /*Footer ------------------------------------------------*/ .footer{height:280px;background-color:#5B418B;width:100%;} .c{margin:0px auto;} /*Othes ------------------------------------------------*/ .clear { clear: both; } .notfound {/*not-found*/ width: 498px; padding: 10px; } .nf404 { width: 100%; height: 400px; } .step { font-size: 30px; } .alignright {float: right;} .nborder {border: none;} /*Option ------------------Login----------------------------------*/ .option { float: right; height: 20px; margin-top: 8px; } #login { cursor: pointer; } #loginform { display: none; } .lform label {} .logintext { width: 150px; height: 20px; padding: 2px 0 0 20px; vertical-align: middle; } .loginpass { width: 150px; height: 20px; padding: 2px 0 0 20px; vertical-align: middle; } .loginsubmit { margin-top: 10px; width: 69px; height: 24px; border: none; background: url(js/message/images/messagebox_bar.gif) -8px 0 no-repeat; } .logininfo { display: block; width:280px; height: 18px; } .logininfo li { list-style: none; float: right; padding: 0 3px; line-height: 16px; } .logininfo li a { } .logininfo li a:hover { text-decoration: none; } /*Pages ------------About---------------------------*/ .page-entry { line-height: 24px; padding: 10px 5px; } .aboutme {} /*----------Links---------------------------*/ .links_tit { font-weight: bold; margin-left: 45px; margin-top: 15px; } .links_ul { list-style: none; float: left; display: inline; margin-left: 30px;} .links_ul li { padding: 3px 0; } /*----------Themes--------------------------*/ #theme { margin: 10px; } #theme li { position: relative; margin-bottom: 12px; } #theme li img { position: relative; padding: 2px; border: 1px solid #c2c2c2; } #theme li span { position: absolute; left: 2px; top: 220px; width: 497px; height: 33px; line-height: 33px; text-align: center; background: #fff; opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20); } #theme li span a { padding: 5px 8px; text-decoration: none; background: #FF9005; color: #fff; } #theme li .showspan { opacity: .1; -moz-opacity: .1; filter: alpha(opacity=100); } #theme li p { line-height: 22px; } /*Pluls -----------Relate-Posts------------------------*/ .st-related-posts { list-style: none; margin: 5px 0 10px 0; } .st-related-posts li { height: 16px; list-style: none; margin: 6px 0; padding-left: 18px; } .st-related-posts li a { text-decoration: none; } .Relate-Posts { margin-top: 10px; } /*---------RunCode----------------------------*/ .runcode {width: 480px; padding: 10px; } .runcode_text { width: 478px; height: 150px;} .runcode_button {width: 50px; height: 26px; } /*---------Smilies----------------------------*/ #smilies { width: 480px; height: 35px; margin-top: 8px; padding: 0 5px 5px 5px; overflow-y: auto; } #smilies img { float: left; margin: 5px 3px 2px 3px; _margin: 5px 4px 2px 4px; display: inline; cursor: pointer; } /*---------PageNavi---------------------------*/ .wp-pagenavi {width:100%; height: 20px; line-height: 20px; margin-bottom: 10px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding: 0 8px; text-decoration: none; display: inline; float: left;border:1px solid #A49DC7 !important; } .wp-pagenavi a:hover { padding: 0 8px; } .wp-pagenavi span.pages { padding: 0 8px; display: inline; float: left;border:1px solid #A49DC7 !important; } .wp-pagenavi span.current { padding: 0 8px; display: inline; float: left; border:1px solid #A49DC7 !important;color:#FFF;} .wp-pagenavi span.extend { padding: 0 8px; inline; float: left; border:1px solid #A49DC7 !important;} .leftside{float:left;width:240px;margin-top:8px;padding:0px 10px;height:100%;} .side_header{background:url(images/left_header_bg.jpg) 0px bottom no-repeat;font-size:14px;padding:6px; font-family:"����" !important;} .download{margin-top:10px;cursor:pointer;} .download_title{font-size:14px !important;margin-top:3px;} .Downloaded_a:hover{color:#96F;} .download_description{font-size:12px !important;color:#666;} h2{font-size:16px;margin:12px 0px;border:1px dashed #cccccc;padding:6px 12px;background-color:#EDECF4;} .infors{font-size:12px;margin:12px 0px;border:1px dashed #cccccc;padding:6px 12px;background-color:#EDECF4;} .i{font-size:12px;margin:12px 0px;border:1px dashed #cccccc;padding:6px 12px;background-color:#EDECF4;color:#000;} .gg{font-size:12px;margin:12px 0px;border:1px dashed #cccccc;padding:6px 12px;background-color:#FFC;color:#666;font-weight:bold;} .gg p{margin-top:6px;} .red{color:#F00;} .mar-r20{margin-right:20px;} .mar-t10{margin-top:10px;} .footer-bottom ul li{padding-top:6px;} .footer-bottom ul li a{color:#CCC !important;} .footer-bottom ul li a:hover{color:#0CF !important;text-decoration:underline;} .comment_box{position:relative;} .comment_box_header{height:40px;background:url(images/comment_header_middle.jpg) 5px 0px repeat-x;width:100%;} .comment_box_header_left{background:url(images/comment_header_left.jpg) 0px 0px no-repeat; width:5px;height:100%;} .comment_box_header_middel{margin-left:200px;margin-top:12px;font-size:14px;font-weight:bold;} .comment_box_header_right{background:url(images/comment_header_right.jpg) 0px 0px no-repeat; width:5px;height:100%;} .comment_box_content{width:100%;height:60px;overflow:visible;} .comment_box_content_border{border-left:2px solid #6A6E71;border-right:2px solid #77787D;height:100%;padding-left:100px;padding-top:10px;overflow:visible !important;} .comment_box_content_image_bg{position:absolute;top:10px;left:10px;background:url(images/comment_image_bg.jpg) 0px 0px no-repeat;width:89px;height:78px;text-align:center;padding-top:10px;} .comment_box_footer{height:13px;background:url(images/comment_footer_middle.jpg) 5px 0px repeat-x;width:100%;} .comment_box_footer_left{background:url(images/comment_footer_left.jpg) 0px 0px no-repeat; width:5px;height:100%;} .comment_box_footer_right{background:url(images/comment_footer_right.jpg) 0px 0px no-repeat; width:5px;height:100%;} .friends_vessel{height:336px;overflow:hidden;position:relative;margin-top:6px;} .friends_vessel .side_list{position:absolute;top:0px;left:0px;width:100%;} #body_top{height:21px;width:100%;background:url(images/body_top_bg.jpg) 0px 0px repeat-x;} #body_top_left{background:url(images/body_top_left.jpg) 0px 0px no-repeat;height:21px;width:21px;} #body_top_right{background:url(images/body_top_right.jpg) 0px 0px no-repeat;width:30px;height:21px;} .ria_body_l{background:url(images/body_body_left.jpg) 0px 0px repeat-y;} .ria_body_r{background:url(images/body_body_right.jpg) right 0px repeat-y;} .ria_body_right_bg{} #ria_content{padding-left:28px;padding-right:32px;padding-top:10px;} #ria_body{} #body_foot{background:url(images/Container_footer_m.jpg) 0px 0px repeat-x;} #Container_footer{background:url(images/Container_footer_bg.jpg) 0px 0px repeat-x;height:23px;width:100%;} #body_foot_l{background:url(images/Container_footer_l.jpg) 0px 0px no-repeat;width:21px;height:23px;} #body_foot_r{background:url(images/Container_footer_r.jpg) 0px 0px no-repeat;width:30px;height:23px;} #ria_l{width:600px;margin-right:20px;} #ria_r{width:300px;} .mar-l-30{margin-left:30px;} .mar-t-10{margin-top:10px;} .mar-b-10{margin-bottom:10px;} .tabsBox_header{background:url(images/tabsBox_header_bg.jpg) 0px 0px repeat-x;} .tabsBox_header li{width:123px;height:100%;cursor:pointer;} .tabsBox_header li div{margin-top:10px;margin-left:16px;} .tabsBox_header li div span{display:block;float:left;} .tabsBox_title{margin-left:10px;margin-top:6px;font-size:14px;font-weight:bold;} .yijs_tabsBox_header_li_current{background:url(images/tabsBox_header_li_select.jpg) 0px 0px no-repeat;} .tabsBox_body{} .article_list_li{padding:15px 10px;border-bottom:1px dashed #999;height:160px;} .article_list_li_img{width:200px;height:160px;border:1px solid #666;overflow:hidden;margin-right:10px;background-color:#ddcff0;position:relative;} .article_list_li_detail_title{font-size:16px;font-weight:bold;color:#735BA5;padding:6px 0px;} .article_list_li_detail_title a{color:#333 !important;} .article_list_li_detail_title a:hover{color:#96F !important;} .article_list_li_detail_description{line-height:28px;color:#666;height:90px;overflow:hidden;} .article_list_li_detail{width:368px;overflow:hidden;} .article_list_li_img_date{position:absolute;top:10px;left:0px;width:100%;background-color:#885EC4; filter:alpha(opacity=70);-moz-opacity:0.7;-kHTML-opacity: 0.7;opacity: 0.7;padding:3px;padding-left:20px;} .article_list_li_img_date span{color:#FFF !important;} .article_more{text-align:right;margin-top:10px;margin-right:10px;} #ria_single_left{width:600px;} #ria_r{height:100%;width:280px;padding-bottom:20px;} #ria_r_content{padding:10px;background-color:#EEEAEB;margin-top:10px;} #ria_r_content_nav{background-color:#FFF;border:1px solid #CDC8CF;border-bottom:none;} .ria_r_content_nav_di_dd_hover{border:1px solid #CFE1FC !important;background-color:#EFF5FD;} #ria_r_content_nav li span{background:url(images/nav_dt_bg.jpg) 0px 0px repeat-x #99F;border-bottom:1px solid #CDC8CF;height:31px;display:block;} #ria_r_content_nav li span a{display:block;margin-top:6px;font-size:14px;font-weight:bold;margin-left:10px;color:#765D97;background:url(images/ria_nav_dt_change.gif) 0px 2px no-repeat;padding-left:20px;} #ria_r_content_nav li{margin:0px;} #ria_r_content_nav li ul{border-bottom:1px solid #CDC8CF;display:none;} #ria_r_content_nav li ul li{padding:3px 20px;margin:4px 10px;border:1px solid #FFF;} .ria_r_content_nav_li_span_change{background-position:0px -24px !important;} .show{display:block !important;} .ria_r_box{border:1px solid #CDC8CF;background-color:#FFF;padding:10px;margin-top:10px;} .ria_r_box_header{background:url(images/ria_r_box_header_bg.jpg) 0px bottom no-repeat;padding:6px 0px;font-size:14px;font-weight:bold;color:#333;} .box_header_1_title{background:url(images/17(7).png) 0px 0px no-repeat;display:block;padding-left:24px;padding-top:2px;} .box_header_2_title{background:url(images/39(3).png) 0px 0px no-repeat;display:block;padding-left:24px;padding-top:2px;} #footer_img{background:url(images/footer_img.jpg) 0px bottom no-repeat;height:280px;width:430px;} #footer_links{height:280px;width:490px;} #footer_links_header{background:url(images/links_header.jpg) 10px 0px no-repeat;height:55px;width:100%;margin-top:10px;border-bottom:1px solid #99CCFF;padding-bottom:5px;position:relative;} #footer_links_header a{margin-top:30px;color:#FFF;display:block;margin-right:10px;display:block;position:absolute;right:0px;bottom:10px;} #footer_links_header a:hover{color:#99CCFF;text-decoration:underline;} #footer_links_list{height:160px;overflow:hidden;} #footer_links_list h2{display:none;} #footer_links_list .linkcat ul li{float:left;width:33%;} #footer_links_list li a{display:block;text-align:center;padding-top:10px;color:#FFF;} #footer_links_list li a:hover{color:#99CCFF;font-weight:bold;} #tuijian_vessel{width:100%;} #tuijian{height:250px;border:1px solid #A39990;background-color:#EEEAEB;position:relative;} #tuijian_ico{background:url(images/tuijian_ico.jpg) 0px 0px no-repeat;width:122px;height:28px;top:10px;left:0px;position:absolute;} .run_btn{background:url(images/btn_next_prev.gif) -1px 0px no-repeat;width:22px;height:49px;position:absolute;top:45%;cursor:pointer;} .run_left{left:0px;} .run_right{background-position:-29px 0px !important;right:0px !important;} .carousel_li_left{width:530px;margin-top:40px;margin-left:20px;} .carousel_h2{text-align:center;background-color:#E7F6FD !important;} .carousel_img{width:280px;height:180px;border:2px dashed #898681;margin-left:20px;background-color:#DDCFF0;margin-top:40px; } .carousel_detail{line-height:24px !important;padding-left:20px;font-size:14px;} .carousel_detail_btns{margin-top:10px;} #btn_keep{margin:0px 20px;} #btn_home{background:url(images/btn_home.jpg) 0px 0px no-repeat;height:44px;width:120px;cursor:pointer;} .btn_home_hover{background-position:0px -56px !important;} #single_title{padding:10px 20px;text-align:center;} #single_msg span{padding-right:20px;} #single_msg span a{color:#03F;} #single_msg span a:hover{color:#09F;} .single_body{line-height:24px;} .single_body ol{margin:0px 20px;} .yijs_carousel_vessel{overflow:hidden;} .yijs_carousel_li{float:left;} .yijs_carousel_prev_hover{background-position:-1px -54px !important;} .yijs_carousel_next_hover{background-position:-29px -54px !important;} .ria_box_msg{margin-top:10px;} .ria_box_msg li span a{color:#5E4297;} .ria_box_msg li span a:hover{text-decoration:underline;} .ria_box_msg li{margin-right:14px;} .ico{background:url(images/preview.gif) 0px 0px no-repeat;width:14px;height:14px;display:block;margin-right:6px;} .ria_box_entry{font-size:14px;color:#4C4C4C;line-height:28px;} .ria_box_entry p{margin-bottom:20px;} .ria_box_entry p img{border:2px solid #DAD7D0;margin:10px;} .ria_box_entry h4{margin-top:8px;color:#333 !important;} .ria_box_entry h4 a{color:#AE32FF !important;} .ria_box_entry ul{margin-left:6px;} .ria_box_entry ul li{padding-left:16px;background:url(images/ul_li_bg.jpg) 0px 8px no-repeat;} .ria_box_entry ol{padding:0px 6px;color:#333;} .ria_box_entry p a{color:#93F;} .ria_box_entry p a:hover{color:#333;} .ria_box_entry h2{color:#333 !important;} .ria_download{background:url(images/btn_download.jpg) 0px 0px no-repeat;width:160px;height:48px;cursor:pointer;} .btn_hover{background-position:0px -56px !important;} .page_links a{display:block;width:180px;overflow:hidden;padding:3px 6px;margin:2px;border:1px solid #CCCCCC;text-align:center;float:left;} .page_links a:hover{background-color:#EDECF4;} #XGWZ{margin:10px; } #XGWZ li{line-height:26px;overflow:hidden;background:url(images/arrow_r.png) 0px 4px no-repeat;} #XGWZ li a{display:block;margin-left:20px;} #btn_keep{width:107px;height:32px;background:url(images/btn_collect.jpg) 0px 0px no-repeat;cursor:pointer;} #btn_link{width:107px;height:32px;background:url(images/btn_golink.jpg) 0px 0px no-repeat;cursor:pointer;} #btn_subscription{width:107px;height:32px;background:url(images/btn_rss.jpg) 0px 0px no-repeat;cursor:pointer;position:relative;} #rsss{position:absolute;top:-104px;left:0px;border:1px solid #8FB9D1;width:240px;background-color:#ECF7FD;z-index:10000;padding:10px;display:none;} #rsss a{display:block;float:left;height:26px;width:120px;} .btn_hover2{background-position:0px -41px !important;} .yijs_progressbar_mask{background:#FFF;position:absolute;top:27px;left:0px;z-index:20000;} #progressbar_vessel{position:absolute;z-index:20001;border:1px solid #CCCCCC;top:30%;left:25%;width:650px;height:163px; background:url(images/progressbar_vs_bg.jpg) 0px 0px repeat-x;} #R{width:81px;height:77px;margin-top:48px;margin-left:20px;} #progressbar_text{font-size:14px;line-height:30px;margin-top:30px;} .progressbar_text_cn{padding-right:20px;border-right:1px solid #3381CC;} .progressbar_text_en{padding-left:20px;} #progressbar{margin-top:20px;} .yijs_progressbar{height:16px;border:1px solid #2C79CB;padding:1px;width:500px;} .yijs_progressbar_bar{height:16px;background:url(images/p_bar.jpg) 0px 0px repeat-x;width:0px;} .table1{width:550px;font-size:14px;border:1px dashed #CCCCCC;color:#333;margin-top:16px;} .table1 td{line-height:24px;padding:6px 12px;} .table1 td a{color:#663399 !important;} .table1 td a:hover{color:#333 !important;} .table1 thead tr{background:url(http://www.36ria.cn/toggle_collapse.png) 10px 10px no-repeat;background-color:#EDECF4;cursor:pointer;} .table1 thead tr td{font-size:14px;font-weight:bold;color:#333;padding-left:36px;} .table1 .table1_title{background-color:#F4F4F4; } .table1 .table1_title td{border:1px dashed #CCCCCC;border-left:none;border-right:none;font-weight:bold;} .td_bg{background-color:#f5fac3;} .tr_click{background-image:url(http://www.36ria.cn/toggle.png) !important;} .table1_tr_hover{background-color:#fdfe85 !important;} .download_body #download-page-search{padding:10px;} .download_body #download-page-search input{padding:2px 4px;}