/* 09.11.15*/
/*reset*/
html {overflow-y: scroll; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, fieldset, lengend, button, input, textarea, th, td {  margin: 0; padding: 0;}
body,button, input, select, textarea { font-famliy: "Lucida Grande",Tahoma,Arial,sans-serif;font-size:12px}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } 
small { font-size: 12px; } 
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { border-bottom: 1px dotted;cursor: help;}
q:before, q:after { content: ''; }

legend { color: #000; } 
fieldset, img { border: none; } 
button, input, select, textarea { font-size: 100%; }
table {	border-collapse: collapse;	border-spacing: 0;}
hr { border: none;  height: 1px;}
body:first-of-type .main-wrap {position:relative;}
*{margin:0 auto}

a{color:#0365BF}

/*clearfloat*/
.clearfix:after{content:'\0020';display:block;height:0;clear:both;}
.clearfix{zoom:1}
#top-nav,#header,.i-content{zoom:1}
/*layout*/

.i-content:after{content:'\0020';display:block;height:0;clear:both;}

.col-mian,.col-sub{float:left;}
.col-mian{width: 100%;}
.i-content .mian-wrap{margin-left:205px;}
.i-content .mw-bg{background:url(image/left-sep.jpg) no-repeat left top;padding-left:10px}
.i-content .col-sub{width: 200px; margin-left:-950px;_margin-left:-960px;position: relative}
/*Head*/
#header{width:950px;margin-left:auto;margin-right:auto; /*position :relative;*/}
.logo{width:229px;height:74px;float:left;background:url(image/logo.jpg) no-repeat; text-indent:-9999px;margin-top:20px}
#hd-rght{float:right;}

#top-nav{float:right; background:#f4f4f4; border:1px solid #e7e7e7;padding:0 10px;color:#4b6da4;-moz-background-clip:border;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;}
#top-nav a,#top-nav span{height:210%;line-height:210%;padding:0 10px;color:#4b6da4; }

#top-search{float:right;width:646px;height:39px;background:url(image/i-sp.png) no-repeat 0 0;margin-top:15px;}
#top-search form{display:inline}
#top-search .top-input{border:1px solid #fff;margin-top:11px;height:15px;line-height:18px;width:325px}



#top-search .selSearch{float:left;margin-top:11px;margin-left:8px;*margin-left:8px;margin-left:8px \9;_margin-left:5px;width:50px;height:19px;line-height:18px;*line-height:19px;line-height:19px \9;text-align:center;
background:url(image/sea-arrow.gif) no-repeat 40px 6px ;border-right:1px solid #164b9b;position:relative;cursor:pointer;color:#164b9b}
.selOption {position:absolute;top:24px;left:-4px;z-index:1;width:80px;border:1px solid #0576b1;border-top:none;background:#0683C5;}
.selOption li{background:#0683C5;}
.btnSel{float:left;}
#top-search .selSearch a{background:none}
#top-search .selOption li a{background:none;color:#fff;display:block;padding:0;height:24px;line-height:22px;margin:0;letter-spacing:2px}
#top-search .selOption li a:hover{background:#fff;color:#164b9b;text-decoration:none;font-weight:bold}

#top-search button{border:none;background:none; margin-left:50px;color:#fff;font-weight:bold;height:26px;line-height:26px;width:60px;*padding-top:4px}
#top-search button	{ height:30px; line-height:35px; cursor:pointer;}
#top-search a{color:#fff;background:url(image/search-sep.jpg) no-repeat left center;padding:2px 12px 3px 12px;margin-bottom:5px;}

#top-search .input{float:left; position:relative; z-index:9999;  }
/**menu*/
#menu:after{content:'\0020';display:block;height:0;clear:both;}
#menu{zoom:1;width:950px;margin:0 auto;height:28px;line-height:28px;_height:28px;_line-height:28px;background:url(image/menu.jpg) repeat-x;border:1px solid #0c79b5;text-align:center; }
#menu ul{width:730px;margin:0 auto; }
#menu ul li{float:left;padding-top:1px} 
#menu ul li a{color:#fff;font-size:14px;font-weight:bold; padding:8px 24px;;height:27px}
#menu ul li a:hover{background:url(image/menu-hover.gif) no-repeat left center ;text-decoration:none}
#menu ul li a.s{text-decoration:none;background:url(image/menu-hover.gif) no-repeat left center ; }
/*whole-banner*/
.whole-banner{width:950px; margin-left:auto;margin-right:auto;text-align:center;padding-top:5px}
.whole-banner img{border:1px solid #134089;}
.left-banner	{ width:200px; overflow:hidden;}
/*whole-wrap*/
.i-content{width:950px;margin-left:auto;margin-right:auto;overflow:hidden;border-bottom:1px solid #ccc;}
.ic-bg{margin-top:5px;background:url(image/top-sep.jpg) no-repeat left top; }
/*body morstly-class*/
img.ipic{display:block;padding:2px;border:1px solid #ccc;width:100px;height:100px;}
.ipic:hover{border:1px solid #333;background:#f4f4f4}

.clearforie{clear:both;float:none;width:100%;height:0;padding:0;line-height:0;font-size:0;}
/*crumbs*/
.crumbs{border-bottom:1px dotted #CCC;padding-top:8px}
.crumbs p{height:20px;line-height:20px;margin-bottom:3px;color:#333}
.crumbs p a{color:#333;text-decoration:underline;padding-left:5px}
.crumbs p a:hover{color:#357BB9}
/*i-tab head*/
.i-tab:after{content:'\0020';display:block;height:0;clear:both;}
.i-tab{zoom:1}
.i-tab ul:after{content:'\0020';display:block;height:0;clear:both;}
.i-tab ul{zoom:1}
.i-tab{ background:url(image/tab-line.gif) bottom repeat-x; overflow: hidden;position:;z-index:2;width:100%;padding-left:10px;margin-top:10px}
.i-tab ul li{margin: 0 2px 0 0; padding: 0 5px 0 0; background: url(image/i-tab.png) 100% -100px; float: left; border-bottom: 1px solid #bbb;}
.i-tab ul li b{    color: #333 !important;display: block;float: left;padding: 9px 17px 3px 19px;text-align: center;white-space: nowrap;
background: url(image/i-tab.png) 0 -100px;text-decoration: none !important;min-height: 17px; color: #322F29;cursor:pointer;font-weight:normal}
.i-tab ul li.on b{background: url(image/i-tab.png) 0 0;outline: none;}
.i-tab ul li.on{border-bottom: 1px solid #fff; background: url(image/i-tab.png) 100% 0;}
.i-tab ul li:hover{background-position: 100% -200px; }
.i-tab ul li.on:hover{background-position: 100% 0;}
.i-tab ul li:hover b{background-position: 0 -200px; }
.i-tab ul li.on b{background: url(image/i-tab.png) 0 0;outline: none;}
/*itab-content*/

.itab-content ul:after{content:'\0020';display:block;height:0;clear:both;}
.itab-content ul{zoom:1;height:343px;margin-top:10px;}
.itab-content li{float:left;width:139px;text-align:center;padding:0 4px;margin-bottom:10px}
.itab-content li.img{}
.itab-content li.standclear{clear:left;*clear:none;}
.itab-content li p{font-size:12px;margin-top:5px}
.itab-content li p a{line-height:130%;letter-spacing:2px;}
.itab-content li p a:hover{color:#ff5a00;}
/* news&ad */
.i-newsad{padding:5px;border:1px solid #dde0e1;background:#ebeded;-moz-background-clip:border;-moz-border-radius:4px}
.ina-content{border:1px solid #dde0e1;background:#fff}
.ina-content:after{content:'\0020';display:block;height:0;clear:both;}
.ina-content{zoom:1;padding:7px}
.ina-news{float:left;width:385px;}
.ina-news h2{background:#e0e7ea;font-size:14px;color:#333;text-align:center;line-height:140%;letter-spacing:3px}
.ina-news ul{margin-top:4px;}
.ina-news ul li{background:url(image/list-style.jpg) no-repeat left center;height:18px;line-height:18px;padding-left:15px}
.ina-news ul li img{vertical-align:middle;padding-left:10px;}
.ina-news ul li span{float:right;color:#999;}
.ina-ad{float:right;font:0;vertical-align:top; width:310px; overflow:hidden;}
.ina-ad img{display:block}
.i-sad{height:20px;line-height:20px;border:1px solid #dde0e1;background:#fff;margin-top:10px;text-align:center}
.i-sad a{padding:0 30px 0 10px;background:url(image/list-style1.gif) left center no-repeat;color:#999}
/*dl-hd*/
.detail-list:after{content:'\0020';display:block;height:0;clear:both;}
.detail-list{zoom:1}
.detail-list{margin-top:10px;}
.dl-hd{background:url(image/detail_list.jpg) repeat-x ;line-height:33px;height:33px;border:1px solid #d4d4d4;-moz-background-clip:border;-moz-border-radius:3px;color:#d4d4d4;}
.dl-hd span{padding:0 5px 0 10px;color:#333}
.dl-hd b{color:#d4d4d4;padding:0 10px}
.dl-hd select{_margin-top:7px;}

/*detail*/
.i-detail-ul{padding-bottom:20px;background:();}
.i-detail-ul li:afer{content:'\0020';display:block;height:0;clear:both;}

.i-detail-ul li{zoom:1;margin-top:17px;}

.i-detail-ul li a.test{float:left}
.i-detail-ul li .ipic{float:left;margin-right:10px;display:block}
.i-detail-ul li em{line-height:140%;font-size:14px;padding-bottom:5px;}
.i-detail-ul li em a{text-decoration:underline}
.i-detail-ul li em img{vertical-align:middle}
.i-detail-ul li em a:hover{color:#ff5a00}
.music-info:after{content:'\0020';display:block;height:0;clear:both;}
.music-info{zoom:1;font-size:12px}
.music-info{padding:0px 3px 3px 116px;*padding:0px 3px 3px 0px;}

.music-info p{color:#666;line-height:21px}
.music-info p span{padding:0 10px 0 5px;font-weight:bold;}
.music-info p.some-count{color:green}
.music-info p.music-intro{height:48px;}
.mi-author{float:right;width:64px;min-height:px;background:red;clear:right;background:url(image/i-sp.png)  no-repeat -666px -14px;;margin-right:10px;margin-top:6px;padding-left:10px;text-align:center;}
.mi-author img{border:1px solid #ccc;padding:3px;margin-bottom:5px;float:right;}
.mi-author a{color:#234f93;display:block;float:right;width:100%;text-align:center}
/*paging*/
.paging{padding:5px 0 40px 5px;font-size:13px;color:#0365bf;}
.paging strong{margin-left:15px;;letter-spacing:1px;font-weight:normal;}
.paging strong em{font-size:17px;color:#FF5A00;font-family:Georgia, "Times New Roman", Times, serif;padding:0 5px}
.paging span,.paging  a{padding:3px 6px;margin:0 3px}
.paging span{font-weight:bold}
.paging a{color:#000;border:1px solid #ddd;}
.paging a:hover{background:#0365bf;color:#fff;border:1px solid #0365bf;text-decoration:none}
/*support*/

#support-link{background:#f2f8fe;border:1px solid #89c0dc;margin-top:8px;position:relative;-moz-background-clip:border;-moz-border-radius:4px}
.sub-corner{position:absolute;background:url(image/i-sp.png) no-repeat 0 -49px;width:30px;height:29px;left:-1px;top:-1px;z-index:2px}
.down-btn{width:179px;height:45px;background:url(image/i-sp.png) no-repeat -46px -49px;display:block;text-indent:-9999px;margin-top:10px;}
.all-count{font-size:12px;margin-top:10px;letter-spacing:1px;font-family:Georgia, "Times New Roman", Times, serif;}
.all-count p{line-height:180%;1padding-left:20px;text-align:center}
.all-count p strong{color:#ff5a00;padding:0 5px;font-size:14px;letter-spacing:2px}
.all-count p a{color:#146fc3;padding:0 5px}
.on-support{text-align:left;margin-top:10px;padding-top:10px;width:150px;border-top:1px solid #89c0dc}
.on-support a{text-decoration:none}
.on-support h3{height:22px;background:url(image/i-sp.png) no-repeat -15px -108px;text-indent:-9999px}
.on-support ul{padding-left:20px}
.on-support ul li{padding:10px 0;background:url(image/i-sp.png) repeat-x -347px -85px}
.on-support ul li img{vertical-align:middle;}
.on-support ul li em{color:#0767c0;font-weight:bold;padding-left:10px;}
.on-support ul li p{margin-top:5px}

/*recomm-music*/
.recomm-music .hd{background:url(image/sub-hd.jpg) repeat-x;height:26px;margin-top:10px;border:1px solid #89c0dc; }
.hd h3{font-size:12px;color:#fff;font-weight:bold;padding-left:20px;line-height:26px}
.bd{background:#F9F9F9;padding:0 20px 10px 20px;border:1px solid #f2f2f2;border-top:none;-moz-background-clip:border;-moz-border-radius:4px}
.recomm-music dl{padding:10px 0 5px 0 ;font-size:12px;letter-spacing:1px;text-align:center;
border-bottom:1px dashed #ccc;
}
.recomm-music dl dd{margin-top:3px;line-height:140%;}
.recomm-music dl dd a:hover{}
/*ft*/
#ft{width:950px;margin:0 auto;padding-top:20px;font-size:12px;margin-bottom:20px }

#ft p{text-align:center;line-height:200%;color:#666}
#ft p a{color:#0365bf;padding:0 10px; }