@charset "utf-8";
/* CSS Document */

.fav-title{
	height:30px;
	vertical-align: middle;
	}

/*搜尋欄*/
.fav-search{
	height:100%;
	vertical-align:middle;
	display:inline-block;
	/* border:1px #5D5F68 solid; */
	position: relative;
	}

.search-fav-bar{
	height: 28px;
	width:100%;
	display:inline-block;
	margin: 2px;
	margin-left:2px;
	border:none;
	padding-left:3px;
	background-size:contain;
	background-position:right;
	background-origin:contant-box;
	background-repeat:no-repeat;
	background-color:#FFF;
	}
.fav-search input[type=button]{background-image:url(../images/fav/mobile-search.png);background-size: contain;border: 0;width: 30px;height: 30px;background-color: #FFF;position: absolute;top: 50%;right: -5px;margin-top: -16px;}
.fav-files{
	/*width:80%;*/
	height: 31px;
	display:inline-block;
	margin-left:10px;
	padding:3px;
	background-color:#FFF;
	color:#333;
	font-size:15px;
	margin: 2px;
	}

.fav-more-edit{
	height:32px;
	width:32px;
	float:right;}

.edit-more-icon{
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(../images/fav/mobile-icons.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:32px auto;
	cursor:pointer;}

.edit-more-list{
	display:none;
	line-height:32px;
	width:110px;
	float:right;
	background-color:#FFF;
	color:#000;
	border:#333 1px solid;
	clear:both;
	text-align:justify;
	right: 5px;
    position: absolute;
    z-index: 3;
}

.edit-more-list li{
	padding-left:10px;
	cursor:pointer;}

.edit-more-list li:active{
	background-color:#D5D5D5;
	background-origin:border-box;}


.fav-more-edit p:hover > ul.edit-more-list{
	display:block;}

/*編輯資料夾開始*/

.fav-edit-files{
	/*display:none;*/
	width:100%;
	margin-top:5px;
	text-align:center;}
.fav-edit-files>ul>div{margin-bottom: 14px;}
.delete-fav-file,.edit-fav-file{
	display:inline-block;
	width:28px;
	height:28px;
	background-image:url(../images/fav/mobile-icons.png);
	background-size:100%;
	vertical-align:-50%;
	margin-bottom: 2px;
	}

.delete-fav-file{
	background-position:0 140px;}
.edit-fav-file{
	background-position:0 56px;
	/* margin-bottom:15px; */
}

.fav-edit-files h5{
	display:block;
	padding:5px;
	margin-bottom:5px;
	width:100%;
	background-color:#000;
	font-size:16px;
	color:#FFF;}

.fav-edit-files input{
	display:inline-block;
	font-size:16px;
	height:22px;
	padding:3px;
	}

.edit-fav-filename{
	width:30%;}

.edit-fav-fileps{
	width: 40%;
	}

.fav-edit-back-div{
	    text-align: center;
	    padding-bottom: 8px;
	    height: 40px;
	    display: block;
	    margin-top: 20px;
}

.fav-edit-back-div span{
	    background-color: #000;
	    color: white;
	    padding: 8px;
	    height: 32px;
	    cursor: pointer;
	    text-align: center;
}

.fav-edit-block{
	background: rgba(255,255,255,0.50);
    position: absolute;
    width: 100%;
    height: 260px;
    z-index: 2;
    text-align: center;
	display:none;
}

.fav-edit-video-block{
	position:fixed;
    margin-left: 5px;
    z-index: 1001;
	display:none;
	bottom: 40px;
}

.fav-edit-video-block ul li{
	display:inline-block;
	margin-right:3px;
	width:28px;
	height:28px;

vertical-align:-50%;
}
#fav-edit-cnt{
	 background: white;
    border-style: solid;
    text-align: center;
    line-height: 28px;
    border-radius: 20px;
    border-width: 1px;
}
#fav-edit-del-btn{
	background-image:url(../images/fav/mobile-icons.png);
	background-size:100%;
	background-position:0 140px;
text-indent: -9999px;
}
#fav-edit-move-btn{
	background-image:url(../images/fav/mobile-icons.png);
	background-size:100%;
	background-position:0 0;
text-indent: -9999px;
}
#fav-edit-cancel-btn{
	background-image:url(../images/fav/mobile-icons.png);
	background-size:100%;
    background-position: 0 84px;
text-indent: -9999px;
}

/*
.fav-edit-video-block ul li{
	background:purple;
	color:white;
    width: 140px;
    text-align: center;
    margin-top: 5px;
	cursor:pointer;
	padding:5px;
    font: 13px Arial;
}*/

.add-favorite{
	color: #EA5B85;
	float: right;
	display: inline-block;
	margin: 0 1%;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.add-favorite-icon{
	display: block;
	background: url(../images/fav/add-to-favorite.png);
	width: 30px;
	height: 26px;
	border: 0px;
	float: left;
	margin-top: 2px;
}

.add-favorite-icon.already-add-favo{
        background-position: 0 27px;
    }


/*彈跳視窗*/
.fav-window-background{
	position:absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.50);
    display:none;
    text-align:center;
    top: 0;
    left: 0;
    z-index: 56;
}

.fav-confirm-window{
	width:230px;
	padding-bottom:10px;
	border:1px solid #000;
	font-size:15px;
    position: fixed;
    top: calc(50% - 60px);
    left: calc(50% - 120px);
    background: white;
}


.fav-window-bar{
	height:25px;
	width:calc(100% - 10px);
	color:#FFF;
	padding: 3px 0 0 10px;
	background-color:#000;
}

.fav-window-title{
	display: inline-block;
    width: 80%;
}

.fav-window-close{
	    width: 20px;
    height: 20px;
    display: inline-block;
	background-image:url(../images/fav/X.png);
	background-size: 18px auto;
	background-repeat:no-repeat;
cursor:pointer;
vertical-align: bottom;
}

.fav-window-inside{padding:10px; line-height:32px;}

.fav-window-inside b{ font-weight:bold; color:#F63; font-size:18px;}
.fav-window-inside select{ height:23px; width:120px; border:1px #000 solid;vertical-align: text-top; margin-left:5px; padding:1px 3px 3px 3px;}

.fav-window-inside option{ vertical-align:middle;}

.fav-confirm{
	width:20px;
	height:20px;
	margin:2px 0 0 5px;
	vertical-align:text-top;
	background-color:transparent;
	border:none;
	background-image:url(../images/fav/icons.png);
	background-size: 20px auto;
	background-repeat:no-repeat;
	cursor:pointer;}

.fav-confirm:active{ background-position:0 -20px;}

.fav-add-new{ border:1px #000 solid; width:130px;}

.fav-add-block{ display:inline-block;}
.fav-add-confirm{ float:right; margin-top:23px;}

.fav-delete-confirm{
	width:30px;
	height:30px;
	vertical-align:text-top;
	margin-top:-5px;
	margin-left:5px;
	background-color:transparent;
	border:none;
	background-image:url(../images/fav/mobile-icons.png);
	background-position:0 -60px;
	background-size: 30px auto;
	background-repeat:no-repeat;
	cursor:pointer;}

.fav-delete-confirm:active{ background-position:0 -90px;}
.code_comic{bottom: 40px;}