@import url(basic.css);

/* div,li {padding:-1px; border:1px dashed #CCC;} */

body {background:#FFF url(page/cloud_bg.jpg) left top no-repeat;}

#top {height:89px; background:url(page/top.png) repeat-x; position:absolute; left:0px; top:0px; width:100%;}
#top #area {width:958px; margin-left:auto; margin-right:auto; color:#999; font-size:12px;}
#area #domain_text {margin-left:13px;}
#area #line_text {text-indent:13px;}
#logo_w {margin-left:13px; margin-top:8px;}

#area .l {width:265px; float:left;}
#area .r {float:left; font-size:14px;}

#navigation {height:40px; line-height:40px; margin:5px 0 0 10px; list-style:none;}
#navigation img {width:40px; height:40px; vertical-align:middle;}
#navigation li {float:left; margin-left:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -opera-border-radius:3px;}
#navigation li:hover {}

#navigation a {color:#6A6A6A; outline:none;}
#navigation a:hover {color:#888; text-decoration:none;}

#vbody {width:960px; margin-left:auto; margin-right:auto; border-left:3px solid #E3E3E3; border-right:3px solid #E3E3E3; background-color:#FFF;}
#vbody .in_border {border-left:1px solid #BCC6CB; border-right:1px solid #BCC6CB; background-color:#FFF;}

#big_slide {height:457px; background:#DCDFFF url(slide/su27.jpg) left center no-repeat;}
#big_slide #tip_hop {position:relative; top:423px; color:#FFF; height:33px; background-color:#000; line-height:33px; font-size:12px; text-indent:12px;}
.slide_shadow {height:5px; font-size:0; background:url(page/slide_shadow.gif) repeat-x;}

#vbody .left {width:696px; float:left; background:url(slide/ef2000_bg.jpg) center 20px no-repeat; min-height:500px;}
#vbody .side {width:260px; float:right; background:url(page/seperator.gif) left 50px no-repeat;}

.bottom {height:95px; background:#8BCBFD url(page/bbg.gif) repeat-x; text-align:center; color:#FFF;}
.bottom .i {padding-top:20px; font-family:Tahoma,ËÎÌå; font-size:90%;}
.bottom .statis {color:#AADBFF;}

/* Index Style */
.intro_aera {}
.intro_boxes {list-style:none; margin:0; padding:22px 0 0 20px;}
.intro_boxes li {width:282px; height:200px; float:left; margin:12px 12px 10px 12px; padding:10px;}
.intro_boxes li img {width:280px; height:99px; border:none;}
.intro_boxes li span {display:block;}
.intro_boxes li img {border:1px solid #C3C3C3;}
.intro_boxes li .t, ul.intro_boxes li .t a {font-size:14px; color:#000; font-weight:bold; line-height:25px;}
.intro_boxes li .r {font-family:ËÎÌå; letter-spacing:1px; line-height:17px; padding-left:5px;}
.intro_boxes li .g {line-height:17px; text-align:right;}
.intro_boxes li .g a {color:#8390E4; padding-right:15px;}
.intro_boxes li .g a:hover {color:#6774D1; text-decoration:underline;}

.side .quick_nav {font-size:14px; letter-spacing:2px; line-height:23px;}
.side span.more {display:block; line-height:30px; text-align:right; padding-right:15px;}
.side ul.musicr {list-style:none; font-size:14px; line-height:23px; padding-top:8px; margin-left:12px; font-family:Tahoma,ËÎÌå;}
.side ul.musicr li {background:url(page/mli.gif) left 5px no-repeat; text-indent:20px;}
.side ul.musicr a {color:#463B6A;}
.side ul.contentr {margin-left:10px; line-height:22px;}

.side #user_paper {background-color:#FCFFA7; border:1px solid #D6D6D6; font-size:13px; letter-spacing:0; padding:2px; margin-bottom:5px;;}
.side #user_paper .avatar {width:45px; height:45px; background-color:#FFF; border:1px solid #D6D6D6; padding:1px; margin:1px; float:left;}
.side #user_paper .paper_info {display:block; padding-left:5px; float:left;}

/* Side Style */
.sblock {padding:22px; background:url(page/seperator_v.gif) center bottom no-repeat;}
.sblock span.t {font-size:14px; font-weight:bold; color:#777; letter-spacing:1px;}
.sblock .n {padding-top:15px;}

/* Download Style */
.download {padding:20px;}
.download h2 {font-size:14px; margin:0;}

ul.recmd_down {list-style:none; margin-top:15px;}
ul.recmd_down li {width:200px; height:60px; float:left; margin:2px 5px 5px 5px; overflow:hidden;}
ul.recmd_down img {width:16px; height:16px; vertical-align:middle;}
ul.recmd_down li a {}
ul.recmd_down li span {display:block; font-size:12px;}

.very_recmd_soft {background-color:#F7FFFA; border:1px solid #6ED5F5; width:655px; height:150px; margin-top:10px; overflow:hidden;}
.very_recmd_soft img {position:absolute;}
.very_recmd_soft button.d {position:relative; top:10px; left:410px; border:2px dashed #B4DBFF; font-size:14px; font-weight:bold; color:#FFF; background-color:#7EB9F2; padding:5px 0; width:90px;}

.download .info_grid {margin-top:20px;}
.download .info_grid td, .download .info_grid th {text-align:left; border-bottom:1px dashed #6A6A6A; height:35px;}
.download #information {padding-top:15px;}
.download #download_link a {background:url(icons/disk.gif) no-repeat; padding-left:18px; height:16px; display:block; float:left; margin:2px; white-space:nowrap;}

.download .list {margin-top:10px;}
.download .list li {border-bottom:1px dashed #4A4A4A; padding:8px 0; margin-bottom:5px;}
.download .list h3 {font-size:13px; float:left; font-weight:10;}
.download .list h3 a {color:#555;}
.download .list h3 a:hover {color:#8390E4;}
.download .list span {float:right; color:#767676; padding-right:3px;}
.download .list div {clear:both; margin-top:8px; color:#7B7B7B;}

/* Favorites Style */
.favorites {}
.favorites .music_index {width:596px; height:259px; background:url(page/fav_music.jpg) no-repeat; margin-left:30px;}
.music_index b.e {color:#764ED2; font-size:14px; float:left; margin-left:155px;}
.music_index b.vitas {color:#764ED2; font-size:14px; line-height:35px;}

.music_index .ever {width:177px; float:left; margin-left:13px; color:#333;}
.music_index .ever span {padding-left:8px; display:block;}
.music_index .ever span.vitas {font-size:14px; line-height:25px;}
.music_index .ever span.e2 a {color:#333;}

.music_index .bj {width:177px; float:right;}
.music_index .bj .min {padding:5px 0 5px 0;}
.music_index .bj b {color:#BB2929; font-size:14px;}
.music_index .bj span.li a {display:block; line-height:20px; color:#526A1F;}

.favorites .video_index {width:655px; height:182px;}
.video_index a {color:#ECEAEA;}
.video_index a:hover {color:#ECEAEA;}
.video_index .fix {padding:13px;}
.video_index h2 {color:#FFF; float:left;}
.video_index .more {float:right; position:relative; margin-right:20px;}

ul.video_index_li {margin-top:8px;}
.video_index_li li {display:block; width:124px; height:135px; float:left; margin-left:20px;}
.video_index_li li span {display:block; margin-top:2px; word-wrap:break-word; word-break:break-all; overflow-x:hidden; cursor:pointer;}

.fav3 {margin-top:20px;}
.fav_image_index {width:350px; float:left;}
.fav_image_index .block {width:326px; border:1px solid #A9A9A9; background-color:#E5E5E5; padding:10px; margin-top:8px;}
.fav_image_index .block img {padding:1px; background-color:#FFF; border:1px solid #C1C1C1;}
.fav_news_index {float:left; margin-left:15px;}
.fav_news_index ul {padding:10px;}
.fav_news_index ul li {line-height:25px;}
.fav_news_index ul a {color:#666; text-decoration:underline; letter-spacing:1px;}
.fav_news_index ul a:hover {color:#FF0000;}

/* Others Style */
.left h2 {font-size:14px; margin:0;}
.others {padding:20px;}
.others .block {padding:10px; line-height:23px;}

/* Article Style */
#article {padding:10px;}

/* Tools Box Style */
.tools {padding:20px; background-color:#FFF;}
.tools .tools_box {margin-top:10px; position:relative;}
.tools .tools_box li {float:left; width:150px; height:155px; text-align:center; font-size:14px; cursor:pointer;}
.tools .tools_box li * {cursor:pointer;}
.tools .tools_box li a {padding:15px; display:block; color:#AAA; outline:none;}
.tools .tools_box li a:hover {text-decoration:none; color:#000;}
.tools .tools_box li i {display:block; width:110px; height:100px; background:url(icons/tools.jpg) no-repeat;}
.tools .tools_box li b {font-weight:normal;}
.tools .tools_box li.hover {background:url(page/c.gif) -448px -643px no-repeat;}

.tools #js_format i {background-position:-95px top;}
.tools #js_color i {background-position:-190px top;}
.tools #file2base64 i {background-position:-310px top; width:120px;}
.tools #make_caption i {background-position:-450px top; margin-bottom:5px;}

/* Register Form */
input[type='text'].error, input[type='password'].error, textarea.error {border:1px solid #FF5252;}
.regform table {background:#F5FCE8 url(page/cmxform-fieldset.gif) left bottom repeat-x;}
.regform table tbody td {border-top:1px solid #FFF; border-bottom:1px solid #C9DCA6; padding:5px;}
.regform label.error {float:right;}

/* Error Info */
.errorli {background-color:#FCFFA7; padding:2px;}
.errorli li {padding:2px; color:red; background:url(icons/exclamation.png) no-repeat; padding-left:18px;}
label.error {color:#F00; padding-left:5px;}