/* 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,
* html #aspnetForm {
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/rent_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/rent_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/rent_icon_all.png) no-repeat -345px -140px ; margin-top:60px;float:left;position:relative; margin-right:10px }
#header .ad_word2{ color:#90c31f}
#header .ad_word{width:350px; 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/rent_icon_all.png) no-repeat -87px 0px ; margin-top:65px;float:right;position:relative; padding-left:30px; line-height:25px; }
#header .menu_box{display:none;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}
#header .menu_box .main_menu{ float:left; position:relative;}

.main_submenu_box{ width:16em; position:absolute; margin-left:380px;top:-25px; 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:-25px; 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/rent_icon_all.png) no-repeat -6px -115px ;}
#header .search_text{ height:15px; width:122px; border:0px;background:url(/in/images/rent_icon_all.png) no-repeat -6px -115px ; *background:none;padding:5px; color:#666;}
#header .search_btn{ cursor:pointer; height:25px; width:38px; border:0px;background:url(/in/images/rent_icon_all.png) no-repeat -217px -178px ;}
#header .search_btn:hover{background:url(/in/images/rent_icon_all.png) no-repeat -217px -207px ; color:#fff}
#header .cancel_btn{ color:#999}
#header .select1{ width:83px; height:17px; border:0;background:url(/in/images/rent_icon_all.png) no-repeat -5px -209px ;  padding:4px;  position:relative}
#header .select2{ width:103px; height:17px; border:0;background:url(/in/images/rent_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:#90c31f;}
.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;
}
/*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;}
/*搜尋主體*/
#search_album_content{
position:relative;
width:518px;
padding:10px 5px 10px 5px;}
/*網站地圖*/
.link_map{ margin-bottom:10px; color:#000; letter-spacing:1px; position:relative; display:none}
.link_map .now_here{ font-weight:bold;}
.link_map a{ color:#90c31f; font-weight:normal;}
/*左欄屬性*/
/*共用模組屬性*/
.temp_box{ position:relative; margin-bottom:10px;}
.temp_box dt{background:url(/in/images/rent/03_title.png) no-repeat; width:230px; height:32px; padding:0 10px; line-height:32px; font-weight:bold; letter-spacing:1px;}
/*temp03[iN活動]*/
.temp03{ width:250px;}
.temp03 dd p{ width:76px; height:25px;background:url(/in/images/rent_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-position:-100px -210px;}
/*temp04[iN樂誌]*/
.album_wall{ margin-bottom:10px;}
.wall{ padding:1px;}
.wall img{ float:left; margin:1px;}
.wall img:hover{ float:left; margin:0px; border:1px solid #000}
.wall_content p.album_title a{ font-size:16px; color:#83a901; font-weight:bold;}
.wall_content p{ padding:3px 0;}
.wall_content .album_desc{ margin-bottom:5px;}
.wall_content .album_desc img{ float:left; border:1px solid #ccc; margin-right:5px;}
.wall_content h4{ border:1px solid #ddd; padding:5px 5px 5px 20px; background:url(/in/images/rent/dot1.png) no-repeat left ; line-height:17px; clear:both; height:17px;}
.wall_content h4 span{ float:left}
.wall_content h4 img{ float:right}
p.stylebtn{ width:76px; height:25px;background:url(/in/images/rent_icon_all.png) no-repeat -4px -177px ; padding:0 10px; float:left;text-align:left; line-height:25px; cursor:pointer;}
p.stylebtn:hover{ background-position:-100px -210px;}
.right_box1 .table{ width:440px; float:left; margin:10px 10px 10px 0;}
.right_box1 .table table{ width:100%;}
.right_box1 img{ float:left;}
.right_box1 .table td{ padding:9px; border:1px solid #ddd; font-weight:bold;}
.right_box1 .table th{padding:9px; border:1px solid #ddd;background:url(/in/images/rent_bar_bg2.png) repeat-x; color:#fff; text-align:center}
.right_box1 .table p{ float:left; line-height:25px; margin-top:10px; color:#666}
.right_box1 .table .tdstyle1{ color:#ef6c00}
.right_box1 .table .tdstyle2{ color:#95d111}
.right_box2{ margin:10px 0 0 10px;}
.right_box2 .table2{ width:450px; margin:0 10px; float:left;}
.right_box2 .table2 p.p1{ padding:5px 0; color:#666; border-bottom:1px dashed #ccc;}
.right_box2 .more{ padding-top:25px; clear:right}
.right_box2 .table3{ background:#eee; padding:10px; margin-top:10px;float:left; width:540px; margin-left:10px;}
.right_box2 .table3 p{ padding:2px 0}
.right_box2 p.download{ float:right; margin-top:5px; }
.banner{ margin-top:30px;}
.banner img{ border:1px solid #ccc; margin-left:12px; width:210px; height:105px;}
/*手機播放器*/
.mp{ padding-bottom:20px; border-bottom:1px solid #ccc;}
.mp .mp_box{ width:560px; float:left; margin-left:20px; color:#333}
.mp .mp_box .mp_box_list{ padding:5px; background:#eee; margin:10px 0;}
.mp .mp_box .mp_box_list p{ padding:5px;}
.mp .mp_box h1{ color:#90c31f; padding:3px 0;}
.mp .mp_box input,.mp .mp_box select{ padding:5px; border:1px solid #ccc; background:#fff; margin-right:5px; color:#666}
.mp .mp_box p{ padding:3px 0}
.mp .mp_box input.mp_box_list_btn{background:url(/in/images/rent_bar_bg2.png) repeat-x center left; color:#fff; cursor:pointer; padding:4px;}
.mp .mp_box input.mp_box_list_btn:hover{background:url(/in/images/sinalbum_tbg.png) repeat-x center left;}