/* CSS Document */
/*共用屬性*/
.flotleft{float:left;}
.flotright{float:right;}
.clearboth{clear:both;}
.dottedborder{border-bottom:1px dotted #ccc;}
.img_center{position:relative;margin:0 auto;}
.border1{border:1px solid #ccc;}
.text-overflow{
display:block;
width:15em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.text-overflow2{
display:block;
width:10em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*loading*/
* html {
overflow: hidden;
}
 
 * html body{
position:relative;
width:100%;
height:100%;
overflow:hidden;
	 }
* html #mainbox {
position:relative;
width:100%;
height:100%;
overflow:auto;
}
#loading{position:fixed; top:0; left:0;z-index:999;background:#fff url(/in/images/loading.gif) no-repeat center center; color:#666; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}
* html #loading {
position:absolute;
}



.alignright{text-align:right;}
.alignleft{text-align:left;}
.floatleft{float:left;}
.floatright{float:right;}
/*fix屬性*/
.fix_hi{ float:left;width:28px; height:40px;background:url(../images/top_1.gif) no-repeat;}
.fix_hi_space{ position:relative;width:28px; height:40px;}
.space2{height:27px;}
.titlefont{font-size:1.3em;font-weight:bold;}
.fontstylebold{font-weight:bold;}
.fontstyle1{color:#ff740d;font-size:0.9em;}
.fontstyle2{color:#ff0066;}
.fontstyle3{color:#000;}
.fontstyle3 a{color:#000;}
.fontstyle3 a:hover{color:#ff740d;}
.fontstyle4{color:#999;
letter-spacing:1px;}
.fontstyle5{color:#333;}
.fontstyle6 a{color:#000; font-size:12px;}
.fontstyle6 a:hover{color:#ff740d;}
.downloadlist{font-weight:bold;background:url(../images/gotolist.gif) no-repeat 90px 3px; *background-position:90px 0px;}
.downloadlist a:hover{color:#66CC00;}
/*head屬性*/
#header{ position:relative}
#header .logo_bar{ position:relative}
#header .logo{ width:260px; height:60px; background:url(/in/images/icon_all.png) no-repeat -217px -73px ; margin:15px 0; float:left; position:relative; display:block}
#header .tab1{ width:120px; height:30px; background:url(/in/images/icon_all.png) no-repeat -217px -140px ; margin-top:60px;float:left;position:relative; margin-right:3px }
#header .tab2{ width:120px; height:30px; background:url(/in/images/icon_all.png) no-repeat -345px -140px ; margin-top:60px;float:left;position:relative; margin-right:10px; cursor:pointer; }
#header .ad_word2{ color:#ee6e01}
#header .ad_word{width:300px; height:25px; margin-top:65px;float:left;position:relative; line-height:25px; letter-spacing:1px; text-align:center}
#header .shop_cart{ width:70px; height:25px; background:url(/in/images/icon_all.png) no-repeat -87px 0px ; margin-top:65px;float:right;position:relative; padding-left:30px; line-height:25px; }
.menu_box{position:relative;background:url(/in/images/bar_bg3.png) #fff repeat-x; width:888px;height:34px;letter-spacing:1px; line-height:34px; border:1px solid #ccc; margin-top:10px; padding:0 20px}
.menu_box .main_menu{ float:left; position:relative;}

.main_submenu_box{ width:16em; position:absolute; margin-left:380px;top:-26px;*top:-26px;  z-index:2; padding-top:20px; display:none}
.main_submenu_box .main_submenu{ width:16em;background:#ee7208; }
.main_submenu_box .main_submenu p{padding:7px; line-height:1em; color:#ffc000}
.main_submenu_box .main_submenu p a{ color:#fff;}
.main_submenu_box .main_submenu p a:hover{ color:#000}

.main_submenu_box2{ width:27em; position:absolute; margin-left:0px;top:-26px; z-index:2; padding-top:20px; display:none; }
.main_submenu_box2 .main_submenu2{ width:27em;background:#ee7208; position:relative }
.main_submenu_box2 .main_submenu2 p{padding:7px; line-height:1em; color:#ffc000;position:relative}
.main_submenu_box2 .main_submenu2 p a{ color:#fff;}
.main_submenu_box2 .main_submenu2 p a:hover{ color:#000}
#header .search_textspan{*background:url(/in/images/icon_all.png) no-repeat -6px -115px ;}
#header .search_text{ height:15px; width:95px; border:0px;background:url(/in/images/icon_all.png) no-repeat -6px -115px; *background:none; padding:5px; color:#666;}
#header .search_btn{ height:25px; width:27px; border:0px;background:url(/in/images/icon_all.png) no-repeat -111px -115px ;}
#header .select1{ width:83px; height:17px; border:0;background:url(/in/images/icon_all.png) no-repeat -5px -209px ;  padding:4px;  position:relative}
#header .select2{ width:103px; height:17px; border:0;background:url(/in/images/icon_all.png) no-repeat -5px -146px ;  padding:4px;  position:relative}
#header #fixed .selectbox{overflow:hidden; position:absolute;}
#header .select1 select{ margin:-2px;font-size:12px; width:83px; color:#666;}
#header .select2 select{ margin:-2px;font-size:12px; width:103px;color:#666;}
.search_bar{
float:right;
width:460px;
height:69px;
background-image:url(../images/searchbg.png);
background-repeat:no-repeat;
padding:5px 17px 5px 17px;}
.search_tab{width:460px;height:50px;}
.hotkeyword{color:#000; float:right; width:360px; overflow:hidden; display:block; height:34px;}
.hotkeyword a{color:#ee6e01;}
.hotkeyword a:hover{color:#000}
.clear{ clear: both; font-size:1px; visibility: hidden; }
.search_input{width:280px;height:19px; padding-top:4px;border:1px solid #7488af; top:5px;}
.search_bar select
{
    position: relative;
    width: 50px; 
    line-height: 24px; color: #000;
    border: 1px solid #7488af; 
    height:24px;
    top: -2px;
}

.search_tabsnav{position:relative;top:0;left:71px;width:190px;}
.search_tabsnav .tabsmenu{height: 17px}
.search_tabsnav dd{float:left;display:inline;margin:0;text-align: center;background:url(/in/images/search_album-o.gif) no-repeat;}
.search_tabsnav dd a{color:#FFFFFF; font-size:15px;display:block;line-height:20px;;width:56px;height:20px;}
#search_mn dd a{padding:0;margin:0;}/*search組標籤鏈結左右補白寬度*/
/*TAG點擊後的樣式*/
.search_tabsnav .tabactive1{background:url(/in/images/search_song.gif) no-repeat;}
.search_tabsnav .tabactive2{background:url(/in/images/search_song.gif) no-repeat;}
#search_cnt{position:relative;width:400px;
height:30px;top:0px;*top:0px;
}
/*搜尋主體*/
#search_album_content{
position:relative;
width:518px;
padding:10px 5px 10px 5px;}
/*網站地圖*/
.link_map{ margin-bottom:0px; color:#000; letter-spacing:1px; position:relative; padding:0 0 10px 0;}
.link_map .now_here{ font-weight:bold;}
.link_map a{ color:#ed6d00; font-weight:normal;}
/*左欄屬性*/
/*共用模組屬性*/
.temp_box{ position:relative; margin-bottom:10px;}
.temp_box dt{background:url(/in/images/icon_all.png) no-repeat -7px -47px ; width:180px; height:32px; padding:0 10px; line-height:32px; font-weight:bold; letter-spacing:1px;}
/*temp02[iN推薦]*/
.temp01{ height:265px; width:200px; overflow:hidden;}
.temp01 #in_commend h3 a{ color:#000;}
.temp01 #in_commend h3 a:hover{ color:#f63;}
.temp01 #in_commend p{ color:#666}
/*temp02[iN樂曆]*/
.temp02_price{ font-size:16px; font-weight:bold;color:#83a901}
.temp02_titlefont{color:#ed6d00; font-size:16px; font-weight:bold;}
.temp02 dd{ padding:5px 0;}
.temp02 p,.temp02 h2{ padding:2px 0;}
.ad12060 td{padding:3px;}
/*temp03[iN活動]*/
.temp03{ position:relative; width:200px; overflow:hidden;}
.temp03 dd p{ width:76px; height:25px;background:url(/in/images/icon_all.png) no-repeat -4px -177px ; padding:0 10px; float:left; margin:2px;_margin:1px; text-align:left; line-height:25px; cursor:pointer;}
.temp03 dd p:hover{ background:url(/in/images/icon_all.png) no-repeat -100px -210px ; }
/*temp04[iN樂誌]*/
.temp04{ width:200px;overflow:hidden;}
.temp04 h1{ color:#000; font-weight:bold; font-size:14px;padding:4px 0 0 0;} 
.temp04 h1 a{ color:#f63;}
.temp04 h1 a:hover{ color:#000}
.temp04 p{ color:#666}
.temp04 p img{ float:left; border:1px solid #ccc; margin-bottom:5px; margin-right:5px;}
.temp04 dd p.temp_more{ border-top:1px dotted #ccc; padding:5px 0; text-align:right;}
.temp04 dd p.temp_more a{ width:56px; height:25px; text-align:center;background:url(/in/images/icon_all.png) no-repeat -222px -41px ; display:inline-block;line-height:25px;}
.temp04 dd li{ padding:8px 5px; border-top:1px dotted #ccc;  list-style-type:disc; list-style-position:inside;}
.temp04 dd li a,.temp04 dd p a{ line-height:normal; font-weight:normal;}
.temp04 dd li:hover{ background:#eee;}
.inblog_p{ margin:5px 0;}
.inblog_p a{ color:#000;}
.inblog_p a:hover{ color:#f63}
/*中間欄位屬性*/
.main_ad{position:relative;width:530px;border:1px solid #000;}
.new_album{position:relative;width:500px;top:36px;margin-top:10px;}
.new_ch_content{position:relative;width:530px;top:26px;border:1px solid #ccc;background-image:url(../images/news_bg.jpg);background-repeat:repeat-x;}
.album_img{display:block;width:90px; height:90px; padding:1px; background:#FFFFFF;}
.album_img2{display:block;width:90px; height:90px; padding:3px; background:#FFFFFF;margin-right:5px;}
.new_ch{position:relative;width:530px;top:10px;left:0;}
.new_ch_title{position:absolute;width:106px;left:0;z-index:2;}
.new_ch_more{position:absolute;width:42px;left:120px;margin-top:6px;z-index:2;}
.new_ch_contentlist{position:relative;width:530px;border-bottom:1px dashed #ccc;}
.new_ch_contentlist table{position:relative;width:100%;}
.new_ch_contentlist table td{padding:0px 3px 0 3px;}
.borderstyle1{border-bottom:1px dashed #ccc;border-right:1px dashed #ccc;}
.new_ch_content_scroll{position:relative;}
.album_more2{padding:8px;}
.album_more{ position:absolute;bottom:10px; right:10px;}
.borderstyle2{border-bottom:1px dashed #ccc;}
.borderstyle3{border-right:1px dashed #ccc;}
.borderstyle4{border-right:1px solid #ccc;}
/*右欄屬性*/
.right_form{width:200px; margin-top:10px;}
.right_form dl{padding:5px;}
.rankheight{height:586px;_height:590px;}
.in_clander_title{width:190px;height:29px; background-image:url(../images/right2_01.png); background-repeat:no-repeat;}
.in_rank_title{width:190px;height:29px; background-image:url(../images/01.gif); background-repeat:no-repeat;}
/*footer*/
.ssl{
	position:absolute;
	width:56px;
	height:65px;
	right: 210px;
	top: 17.5px;
}
.playsongbg{ background:#ccc;}
.songnametext{ }
.footer_link{ text-align:center; height:34px; line-height:34px; border:1px solid #ccc; background:url(/in/images/bar_bg3.png) repeat-x;}
/*滾動最新消息*/
.scroll_news{ height:31px;background:url(/in/images/icon_all.png) no-repeat -400px -208px ; width:510px; }
.scroll_news p{ float:left; width:64px; height:31px; text-align:center; line-height:31px;}
.scroll_news #scroll_news_list{ float:left; margin-left:10px; width:436px; background:#eee;}
.scroll_news #scroll_news_list li{ line-height:31px; height:31px; width:416px; padding:0 10px;}
/*tab用屬性*/
.tab_on{background:url(/in/images/icon_all.png) no-repeat -308px -37px;color:#fff;}
.tab_off{background:url(/in/images/icon_all.png) no-repeat -391px -37px; color:#000}
/*in心情*/
.temp09 p.temp_more{ padding:5px 0;}
.temp09 p.temp_more a{ width:56px; height:25px; text-align:center;background:url(/in/images/icon_all.png) no-repeat -222px -41px ; display:block; float:right;line-height:25px;}
.my_moodlist td{ padding:5px 5px 5px 25px; width:170px;background:url(/in/images/icon_all.png) no-repeat -91px -21px; height:15px;}
.my_moodlist{ height:75px; overflow:hidden;}
/*iNpaper*/

.temp10 dd{ padding:5px 0 2px 0; width:200px;}
.temp10 .paper_text{ width:187px; height:13px;background:url(/in/images/icon_all.png) no-repeat -268px -179px; color:#666; padding:7px 5px; border:0;}
.temp10 .paper_cancel{width:77px; height:25px;background:url(/in/images/icon_all.png) no-repeat -223px -7px; color:#999;border:0; margin-right:10px;}
.temp10 .paper_order{width:77px; height:25px;background:url(/in/images/icon_all.png) no-repeat -308px -7px; color:#fff;border:0;}
/*mid_temp*/
.mid_tempbox{ margin-bottom:10px;}
/*newalbum*/
.new_album_table td{ padding:7px;  border-right:1px solid #eee;border-bottom:1px solid #eee;  width:50%;}
.new_album_table .new_albumimg{ float:left; margin-right:5px; padding:2px; border:1px solid #ccc;}
/*.new_album_table .new_song_name,.new_album_table .new_singer_name,.new_album_table .new_album_name{
display:block;
width:10em;
white-space:nowrap;overflow:hidden;
-o-text-overflow: ellipsis;    /**//* for Opera */
/*}
.clip:not(p), { /* wtf is? pls let me know*/
/*            clear: both;
            }
.clip:not(p) a{
            max-width: 10em;
            float: left;
            }
.clip:after{
            content: "...";
            position:absolute;
            right:0;
            width: 10em;
            padding-left: 5px;
            letter-spacing:-2px; 
            }*/
.new_album_table .new_song_name a{ font-weight:bold; color:#000;}
.new_album_table .new_singer_name a{ color:#666;}
.new_album_table .new_album_name a{ color:#83a901;}
.new_album_table .new_album_date{ color:#999; font-size:11px; text-align:right}
.new_album_table p{ padding:2px 0;}
.new_album_table .new_download .new_album_money{ color:#ed6d00; width:100px;*width:95px; float:left;}
.new_album_table {width:509px;}

.new_album_table td p.temp_more a{ width:56px; height:25px; text-align:center;background:url(/in/images/icon_all.png) no-repeat -222px -41px ; display:block;line-height:25px;}
/*最新iN專輯牆*/
.album_wall{ position:relative; width:510px;}
.album_wall dt{background:url(/in/images/icon_all.png) no-repeat -5px -244px ; width:490px; height:32px; padding:0 10px; line-height:32px; font-weight:bold; letter-spacing:1px;}
.album_wall dd{position:relative; margin-top:10px;}
.album_wall .album_wall_detail .album_wall_img{ width:110px; height:110px; float:left; margin-right:10px;}
.album_wall .album_wall_detail{ padding:0 5px;}
.album_wall .album_wall_detail .album_wall_info{ width:280px; float:left; margin-right:10px;height:9em;}

.album_wall .album_wall_detail .album_wall_info h2 a,.album_wall .album_wall_detail .album_wall_info h2{font-size:16px; font-weight:bold; color:#83a901}
.album_wall .album_wall_detail .album_wall_info p{padding:5px 0;}
.album_wall .album_wall_detail .album_wall_info p a{ color:#999;}
.album_wall .album_wall_detail .album_wall_info{ color:#333;}
.album_wall .album_wall_detail .album_wall_price{ width:90px; float:left;}
.album_wall .album_wall_detail .album_wall_price .album_wall_price_01{background:url(/in/images/icon_all.png) no-repeat; height:20px; padding-left:30px; font-weight:bold; color:#f07f1e; font-size:18px; text-align:right;}
.album_wall .album_wall_detail .album_wall_price .listen_icon{ text-align:right; margin-top:40px;}
.album_wall .album_wall_detail .album_wall_price p.temp_more{ padding-left:34px;margin-top:5px;}
.album_wall .album_wall_detail .album_wall_price p.temp_more a{ width:56px; height:25px; text-align:center;background:url(/in/images/icon_all.png) no-repeat -222px -41px ; display:block;line-height:25px;}
.album_wall_list{ text-align:center;background:#ffffff;}
.album_wall_list img,.album_wall_list input{  margin:1px; float:left; width:70px; height:70px;}
.album_wall_list img:hover{  border:1px solid #ed6d00;margin:0px;}
/*其他專輯*/
.temp11 dd{ padding:5px 5px 5px 25px; width:100px;background:url(/in/images/icon_all.png) no-repeat -91px -21px; height:15px;}
#ctl00_DwPnl{ position:fixed; z-index:10001; display:none}
* html #ctl00_DwPnl {
position:absolute;
}
#blackbg{ position:fixed; z-index:10000; display:none;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6; background:#000; top:0; left:0;}
* html #blackbg {
position:absolute;
}