/*変数定義*/
:root {
/*
	--bar-base-color1: #004286;
	--bar-base-color2: #004a95;
	--bar-base-color3: #e79213;
*/

	--bar-base-color1: #4f6751;
	--bar-base-color2: #58735B;
	--bar-base-color3: #e79213;

	--headmenu-text-color: white;
	--headmenu-back-color: #004a95;

	--default-button-color: #4f6751;
	--default-button-border: #58735B;
	--background-color: #eaecea;
	--default-text-color: #331700;

	--boxbackground-color: #ffffff;
}

body{
	margin:0;
	background:#eaecea;
	background:var(--background-color);
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0;
	padding:40px 0px 35px 0px;
}

body{
	margin:0px;
	color:#331700;
	color:var(--default-text-color);

}

body.user .manager_only
,body.user .admin_only{
	display:none;
}
body.manager .admin_only{
	display:none;
}

body.mobile .pc_only
,body.atpc .mobile_only{
	display:none!important;
}
body .win7ie_only{
	display:none;
}
body.win7ie .win7ie_only{
	display:block;
}

ul{
	margin:0px;
	padding:0px;
}
ul li{
	margin:0px;
	padding:0px;
}
ul li{
	list-style:disc;
}
ul.floater{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.floater li{
	float:left;
	list-style:none;
	position:relative;
}
ul.floater li:first-child span{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
ul.floater li:last-child span{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

input[type='button']{
	background: #4f6751;
	background: var(--default-button-color);
	font-weight: 700;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #58735B;
	border: 1px outset var(--default-button-border);
	padding: 2px 10px 2px 10px;
	cursor:pointer!important;
}

input[type='button'].cancel{
	background: #F9F0DF;
	font-weight: 300;
	color: black;
	-webkit-appearance: none;
	border: 1px outset lightgray;
	padding: 2px 10px 2px 10px;
}

input[type='button'].blue{
	background: #58735B;
	background: var(--bar-base-color2);
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #0B69B8;
	padding: 2px 10px 2px 10px;
}

input[type='button'].green{
	background: #009e23;
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #078022;
	padding: 2px 10px 2px 10px;
}

input[type='button'].yellow{
	background: #d2a806;
	font-weight: 300;
--	color: black;
	-webkit-appearance: none;
	border: 1px outset #b2aa00;
	padding: 2px 10px 2px 10px;
}

input[type='button'].red{
	background: #FF0000;
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #b20000;
	padding: 2px 10px 2px 10px;
}

input[type='button'].lightblue{
	background: #B5D2E9;
	font-weight: 300;
	color: #0B69B8;
	-webkit-appearance: none;
	border: 1px outset #0B69B8;
	padding: 2px 10px 2px 10px;
}

input:disabled{
	opacity:.5!important;
	cursor:default!important;
}

input[type='button'].red{
	background: #D21E33;
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #B80B18;
	padding: 2px 10px 2px 10px;
}

input[type='button'].main{
	border-right:3px outset;
	border-bottom:3px outset;
	border-top:2px outset;
	border-left:2px outset;
}

input[type='text']
,input[type='mail']
,input[type='url']
,input[type='password']
,textarea{
	border-radius: 5px;
	height: 20px;
	padding-left: 3px;
}
input[type='text'].right
,input[type='mail'].right
,input[type='url'].right
,input[type='password'].right{
	padding-right: 3px;
}
input[type='text'].onFocus
,input[type='mail'].onFocus
,input[type='url'].onFocus
,input[type='password'].onFocus
,textarea.onFocus{
	background:#FFE4B2;
	color:black;
}
input.input_error{
	background: #FF5700;
	color: white;
	font-weight: bold;
}
.mobile input[type='text']
,.mobile input[type='mail']
,.mobile input[type='url']
,.mobile input[type='password']
,.mobile textarea{
	border-radius: 5px;
	height: 20px;
	padding-left: 3px;
	font-size:16px;
}

p{
	text-indent:1em;
}
p.no-indent{
	text-indent:0px;
}

a
,a:visited
,a:hover{
	color:#331700;
	color:var(--default-text-color);
	text-decoration:none;
}
a.underline{
	text-decoration:underline;
	color:blue;
}

.bwidth{
	width:980px;
}

.btn{
	cursor:pointer;
}
.red_text{
	color:red!important;
}
.white_text{
	color:white!important;
}
.red_back{
	background:red!important;
	color:white!important;
}
.green_back{
	background:green!important;
	color:white!important;
}
.pink_back{
	background:#f4c2c2!important;
	color:black!important;
}
table{
	border-collapse: collapse;
}
table.list th{
	background:#58735B;
	background:var(--bar-base-color2);
	color:white;
}
table.list .inner th{
	background:white;
	color:black;
}
table.list .inner tr{
	height:30px!important;
}
table.list .inner th,
table.list .inner td{
	border:none;
	padding-top:0px;
	padding-bottom:0px;
}
table.list tr{
	background:white;
}
table.list tr.odd{
	background:#F4F4FF;
}
table.list td
,table.list th{
	border:1px solid lightgray;
}
table.list th:first-child{
	border-top-left-radius:5px;
}
table.list th:last-child{
	border-top-right-radius:5px;
}
table.list td{
	padding-left:3px;
}
table.list td[align='right']{
	padding-right:3px;
}
table.list td[align='center']{
	padding-left:3px;
	padding-right:3px;
}
table.list .mainrow.isOn
,table.list .mainrow.selected{
	background:linear-gradient(#DFF5DC,#fff,#fff);
	background:#DFF5DC;
}
table.list .mainrow.odd.isOn
,table.list .mainrow.odd.selected{
	background:linear-gradient(#B5D3D8,#B5D3D8,#fff);
	background:#B5D3D8;
}
table.list .subrow{
	background:lightgray!important;
}
table.list .subrow td.child-root{
	padding:0px 10px;
	box-shadow:1px 2px 5px #6e6e6e inset;
}
table.list td input[type='text']{
	width:96%;
}
div.tableHeader{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
div.tableHeader tr{
	height:35px;
}
/*
loader
*/
#modal_block{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: .5;
	background: white;
	display:none;
}
#preloader{
	width:100%;
	position:fixed;
	z-index:10000;
	text-align:center;
	top:300px;
	display:none;
}
#preloader_inner{
	width: 60px;
	border-radius: 0.5em;
	padding: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#preloader img{
	width:85%;
}


/*
main
*/

#header{
	position:fixed;
	width:100%;
	height:40px;
	background:linear-gradient(#4f6751,#58735B,#58735B,#4f6751,#4f6751);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	top:0px;
	left:0px;
	border-bottom:2px solid #e79213;
	border-bottom:2px solid var(--bar-base-color3);
	z-index:9999;
}
#header_right{
	position: absolute;
	right: 30px;
}
.mobile #header_right{
	position: absolute;
	right: 10px;
}
#header #header_logo img{
	margin-top:3px;
	margin-left:3px;
}
#header #header_title{
	font-size:18px;
	font-weight:bold;
	color:white;
	color:var(--headmenu-text-color);
	padding-top:8px;
}
#header .floater li{
	height:40px;
	margin-left:10px;
}
#header .floater li:first-child{
	margin-left:0px;
}
#header .floater li input[type='text']
,#header .floater li input[type='url']
,#header .floater li input[type='mail']
,#header .floater li input[type='password']{
	height:22px;
	margin-top:5px;
}
#header .floater li input[type='button']{
	margin-top:5px;
	height:28px;
}
#header .floater li.blank{
	width:60%;
}

#header.home li{
	margin-left:15px;
}
#header #header_left span{
	display:block;
	height:40px;
	padding-top:10px;
	font-weight:900;
}
#header #header_right span{
	color:white;
	color:var(--headmenu-text-color);
	font-size:13px;
}
#header.home span a
,#header.home span a:visited{
	text-decoration:none;
	color:white;
	color:var(--headmenu-text-color);
	padding-left:15px;
	padding-right:15px;
}
#header.home span a:hover
,#header.home span a.selected{
	background:white;
	background:var(--headmenu-text-color);
	color:#58735B;
	color:var(--bar-base-color2);
}

#section{
	width:100%;
}

#footer{
	position:fixed;
	width:100%;
	height:35px;
	background:linear-gradient(#4f6751,#58735B,#58735B,#58735B,#4f6751);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	bottom:0px;
	left:0px;
	border-top:2px solid #e79213;
	border-top:2px solid var(--bar-base-color3);
	z-index:9999;
	text-shadow:1px 1px 1px #222;
}

#footer #copy_right{
	color:white;
	color:var(--headmenu-text-color);
	width:100%;
	text-align:center;
	font-size:10px;
}
#foot_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
	z-index:999;
}
#foot_user_inner{
    width: 410px;
    height: 380px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#foot_user_list_outer{
	width:100%;
}
#foot_user_list_outer table{
	width:100%;
}
#foot_user_list_outer table tr{
	height:30px;
}
#foot_user_list_outer table td input[type='password'],
#foot_user_list_outer table td input[type='text']{
	width:98%;
}
#foot_user .passfld{
	display:none;
}
#gloval_inputbox{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
	z-index:999;
}
#gloval_inputbox_inner{
    width: 510px;
    height: 230px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
/*
login area
*/
#login_area{

}
#login_area #login_intro{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
}
.mobile #login_area #login_intro{
	width:90%!important;
	margin-top:20px;
}
#login_area #login_inner{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:10px;

	background-color:#ffffff;
	background-color:var(--boxbackground-color);
}
.mobile #login_area #login_inner{
	width:90%!important;
}
#login_area #login_inner table{
--	min-width:500px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#login_area #login_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
}
#login_reset{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#login_reset_inner{
    width: 410px;
    height: 200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
.mobile #login_area #login_reset_inner{
	width:80%!important;
}
#login_reset_list_outer{
	width:100%;
}
#login_reset_list_outer table{
	width:100%;
}
#login_reset_list_outer table tr{
	height:40px;
}
#login_reset_list_outer table td input[type='password'],
#login_reset_list_outer table td input[type='text']{
	width:98%;
}

/*
manage
*/
#manage_area{

}
#manage_inner{
	width:980px;
	height:60%;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:50px;
}
#manage_left{
	width:400px;
	float:left;
}
#manage_right{
	width:530px;
	float:left;
	margin-left:50px;
}
#manage_inner .manage_box{
--	background:white;
	margin-bottom:20px;
}
#manage_movie_box,#manage_file_box{
	height:300px;
}
#manage_info_box,#manage_chapter_box{
	height:400px;
}
#manage_movie,#manage_info,#manage_file,#manage_chapter{
	height:80%;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#manage_file,#manage_chapter{
	overflow-y:scroll;
}
#manage_inner .manage_box .title{
	color:white;
	font-weith:900;
	font-size:13px;
	background:linear-gradient(#4f6751,#58735B,#58735B,#4f6751,#4f6751);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	border-bottom:2px solid #e79213;
	border-bottom:2px solid var(--bar-base-color3);
	display:block;
	width:99%;
	padding:5px 0px 5px 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#manage_movie .video-content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}
#manage_movie .video-content video {
	width: 100%;
}
#manage_movie .nomovie{
	background:url(../img/nomovie.png);
	width: 360px;
    height: 195px;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    position: relative;
    z-index: 1;
}
#manage_info table{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}
#manage_file table,#manage_chapter table{
	width:100%;
}
#manage_cover{
	width:100%;
	height:100%;
	background:rgba(47,52,61,0.6);
	position:fixed;
	top:380px;
	z-index:9999;
}
#manage_new{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#manage_new .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#manage_new .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
.isEdit #manage_cover
,.isEdit #manage_new
,.isEdit #manage_new_info{
	display:none;
}
.movie_tag
,.movie_sheet{
	float:left;
	margin-left:3px;
	margin-bottom:2px;
}
.movie_tag span
,.movie_sheet span{
	padding:0px 5px;
	background:#BFDFF2;
	border:1px dashed darkgray;
	word-break:break-all;
}
.movie_sheet span{
	background:#BFF2DF;
}
#manage_info_tag_inner{
	width:100%;
	height:105px;
	overflow-y:scroll;
	padding-top:3px;
}
#manage_info_sheet_inner{
	width:100%;
	height:105px;
	overflow-y:scroll;
	padding-top:3px;
}
#manage_info{
	width:417px;
	overflow-y:scroll;
}
/*
userlist area
*/
#userlist_area{

}
#userlist_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#userlist_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#userlist_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#userlist_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#userlist_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#userlist_inner table{
	width:100%;
}
#userlist_inner td{
	height:35px;
}
#userlist_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#userlist_edit #userlist_edit_inner{
	width:70%;
	height:35%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#userlist_edit #userlist_edit_inner table{
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#userlist_edit #userlist_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
/*
group area
*/
#group_area{

}
#group_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#group_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#group_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#group_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#group_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#group_inner table{
	width:100%;
}
#group_inner td{
	height:35px;
}
#group_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#group_edit #group_edit_inner{
	width:70%;
	height:15%;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#group_edit #group_edit_inner table{
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#group_edit #group_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
/*
category area
*/
#category_area{

}
#category_inner{
	width:980px;
	height:80%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#category_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#category_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#category_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#category_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#category_inner .category_inner_table{
	width:470px;
}
#category_inner table{
	width:100%;
}
#category_inner table .selected td{
	background-color:#ffeedd;
}

/*
movie
*/
#movie_area{

}
#movie_inner{
	height:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
.atpc #movie_outer{
	top:40px;
	position:fixed;

	right:65%;
}
.mobile #movie_outer{
	width:100%;
	height:100%;
	top:40px;
	position:fixed;

	margin-left:auto;
	margin-right:auto;

	background:rgba(255,255,255,0.6);
	z-index:999;

	display:none;
}
#movie_data_outer{
	width:100%;
	z-index:1000;
}
.atpc #movie_left{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.mobile #movie_left{
	width:100%;
}
.atpc #movie_data{
	width:68%;
	margin-left:auto;
	margin-right:0px;
}
.mobile #movie_data{
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
#movie_search{
	width:300px;
	margin-left:auto;
	margin-right:10px;
}
.mobile #movie_search{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#movie_search_inner{
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#movie_search .search_fld{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.mobile #movie_search .search_fld{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
}
#movie_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:150px;
	display:inline-block;
}
#movie_search_datepicker{
	width:270px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
#movie_inner table{
	width:100%;
}
#movie_inner table tr{
	height:35px;
}
#movie_data{
	margin-top:10px;
	padding-bottom:50px;
}
#movie_data .movie_box{
	width:100%;
	height:180px;
	background:#ffffff;
	background:var(--boxbackground-color);
	border:1px solid lightgray;
--	border-radius:10px;
	margin-bottom:20px;
}
.mobile #movie_data .movie_box{
	height:355px;
}
.mobile .movie_box .movie_info{
	margin-left:5px;
}
.movie_box.new{
	border-bottom:6px solid #4EEE94!important;
}
.movie_box .bar{
	height:6px;
	position:relative;
	top:174px;
	background:red;
}
.mobile .movie_box .bar{
	top:349px;
}
.movie_box .video-content{
	width:235px;
	margin-top:15px;
	margin-left:15px;
	margin-right:5px;
}
.movie_box .photo-thum{
	width:235px;
	margin-top:15px;
	margin-left:15px;
	margin-right:5px;
}
.movie_box .photo-thum img{
	max-width:235px;
	max-height:140px;
}
.atpc .movie_box .video-content{
	float:left;
}
.atpc .movie_box .photo-thum{
	float:left;
}
.mobile .movie_box .video-content{
	width:90%;
}
#movie_data .movie_title{
    padding: 8px 3px 3px 10px;
    font-size: 18px;
    font-weight: 800;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#movie_data .movie_title.type0{
    background: lightcoral;
}
#movie_data .movie_title.type1{
    background: lightgreen;
}
#movie_data .movie_title.type2{
    background: khaki;
}
#movie_data .movie_title.type3{
    background: lightblue;
}
#movie_data .movie_title span{
	display:block;
	float:right;
--	padding:2px;
	margin-right:5px;
--	border:3px solid white;
}
#movie_data .movie_type{
--    color: white;
    width: 25%;
    float: left;
    padding: 5px 0px 3px 0px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid lightgray;
}
#movie_data .movie_type.type0{
    background: lightcoral;
}
#movie_data .movie_type.type1{
    background: lightgreen;
}
#movie_data .movie_type.type2{
    background: khaki;
}
#movie_data .movie_type.type3{
    background: lightblue;
}
#movie_data .movie_date{
	width: 75%;
    float: left;
    text-align: right;
    padding: 5px 0px 3px 0px;
    text-align: center;
    font-size: 17px;
    font-weight: 900;
    border-bottom: 1px solid lightgray;
}
#movie_data .movie_location{
	width: 100%;
	padding: 5px 0px 0px 5px;
	font-size:15px;
	border-bottom:1px solid lightgray;
}
#movie_data .movie_body{
	width:96%;
	min-height:100px;
	margin-top:15px;
	margin-bottom:20px;
	padding:3px 10px 0px 10px;
	clear:both;
	overflow:hidden;
}
#movie_data .movie_body.list_view{
	max-height:150px;
	margin-bottom:0px;
}
#movie_data .movie_body_cover{
	width:100%;
	height:25px;
	position:relative;
	top:-25px;
	left:0px;
	background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}
#movie_data .movie_body_cover .detail_btn{
	float:right;
	margin-right:10px;
	background:lightgray;
	border:2px solid navy;
	padding:5px 10px;
	font-weight:800;
	color:navy;
}
#button_movie_search_mobile{
	width:90%;
}
/*
detail
*/
#detail_area{

}
#detail_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:50px;
}
.mobile #detail_inner{
	width:95%;
}
#detail_top{
	width:100%;
}
.mobile #detail_top{
	margin-bottom:20px;
}
#detail_bottom{
	width:100%;
	float:left;
}
.mobile #detail_bottom{
	margin-bottom:40px;
}
#detail_inner .detail_box{
--	background:white;
	margin-bottom:20px;
}
.mobile #detail_inner .detail_box{
--	background:white;
	margin-bottom:5px;
}
#detail_movie_box{
	width:100%;
}
#detail_bottom .detail_box{
	float:left;
	margin-left:20px;
}
#detail_bottom .detail_box:first-child
,.mobile #detail_bottom .detail_box{
	margin-left:0px;
}
#detail_info_box,#detail_file_box,#detail_chapter_box{
	height:290px;
}
#detail_info_box{
	width:300px;
}
#detail_file_box{
	width:320px;
}
#detail_chapter_box{
	width:320px;
}
.mobile #detail_info_box
,.mobile #detail_file_box
,.mobile #detail_chapter_box{
	width:100%;
}
#detail_movie,#detail_info,#detail_file,#detail_chapter{
	height:80%;
	background:#ffffff;
	background:var(--boxbackground-color);
}
.atpc #detail_movie{
	height:570px;
}
.mobile #detail_movie{
	height:240px;
}
#detail_file,#detail_chapter{
	overflow-y:scroll;
}
#detail_inner .detail_box .title{
	color:white;
	font-weith:900;
	font-size:13px;
	background:linear-gradient(#4f6751,#58735B,#58735B,#4f6751,#4f6751);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	border-bottom:2px solid #e79213;
	border-bottom:2px solid var(--bar-base-color3);
	display:block;
	width:99%;
	padding:5px 0px 5px 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#detail_movie .video-content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}
#detail_movie .video-content video {
	width: 100%;
}
#detail_movie .nomovie{
	background:url(../img/nomovie.png);
	width: 360px;
    height: 195px;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    position: relative;
    z-index: 1;
}
#detail_info table{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}
#detail_file table,#detail_chapter table{
	width:100%;
}
#detail_cover{
	width:100%;
	height:100%;
	background:rgba(47,52,61,0.6);
	position:fixed;
	top:200px;
	z-index:9999;
}
#detail_new{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#detail_new .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#detail_new .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
.isEdit #detail_cover
,.isEdit #detail_new
,.isEdit #detail_new_info{
	display:none;
}
.movie_tag{
	float:left;
	margin-left:3px;
	margin-bottom:2px;
}
.movie_tag span{
	padding:0px 5px;
	background:#BFDFF2;
	border:1px dashed darkgray;
	word-break:break-all;
}
#detail_info_tag_inner{
	width:100%;
	height:70px;
	overflow-y:scroll;
	padding-top:3px;
}
#detail_comments{
	clear:both;
	background:#fff;
	width:100%;
}
#detail_comments #detail_comments_inner{
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
.imgbtn:hover{
	opacity:0.3;
}
.comment_box{
	margin-left:5px;
	margin-bottom:5px;
}
.comment_box .user{
	font-size:16px;
	font-weight:900;
}
.comment_box .body{
	margin-left:5px;
	font-size:16px;
}
.comment_box .time{
	font-size:14px;
	color:gray;
	text-align:right;
	margin-right:5px;
}
.comment_box .control_box{
	padding-right:5px;
	text-align:right;
}
.comment_box .control_box span img{
	width:20px;
	height:20px;
}
.comment_box .child_box{
	margin-left:25px;
}
#detail_movie_caption{
	height:50px;
	overflow-y:auto;
}
/*
change
*/
#change_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#change_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
--	background:rgba(255,255,255,0.6);
--	display:none;
}
#change_edit_inner{
	width:600px;
--	height:700px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}

#change_edit #change_edit_inner{
	width:980px;
	height:35%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;

	background-color:white;
	overflow-y:auto;
}
#change_edit #change_edit_inner table{
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#change_edit #change_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}