html { 
   height:100%;
}
body { 
   margin:0px; padding: 0;
   min-height:100%;
   width:100%;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size:16px;
}
select {
  padding: 3px; padding-top: 0;
  font-size: 13px;
}
input[type="text"] {
  padding-left:5px;
}
input[type="password"] {
  padding-left:5px;
}
a {
   outline: none;
}
#container { 
   position:relative;
   min-height:100%;
   margin: 0; padding: 0;
}
#body {
   padding-top:40px; 
   padding-bottom:110px;
   width:100%;
   background-color:#000000;
   position: relative;
}
#background {
   position: fixed; top: 0; left: 0;
   width: 100%; height: 100%;
}
#background img {
   display: none;
}
#background_c {
   position: fixed; top: 0; left: 12%;
   height: 100%;
}
#background_c img {
   display: none;
}
#background_i {
   /*position: absolute; top: 0; left: 0;*/
   background-image: url("images/index.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

#header { 
   position:absolute; top:0; left:0;
   width:100%;
   height:40px;
   overflow:hidden;
   /*background-color:#db0a0a;*/
   background-color:transparent;
}
#h_div { 
   position:relative;
   width:90%;
   height:100%;
   margin:auto; 
}
#h_div a { 
   text-decoration:none;
   /*color:white;*/
   color:#361a1a;
   font-size:12px;
}
#h_left { 
   width:20%;
   height:40px;
   line-height: 40px;
   float:left;   
}
#h_left a {
   color: white; color: black;
   font-family: custom, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 24px;
}
#h_left img {
   height: 13px;
   width: 104px;
   margin-top: 10px;
}
#h_right { 
   width:80%;
   float:left;
   height:40px;
}
#h_right_frame { 
   position:relative;
   width:100%;
   height:100%;
}
#h_right_frame > div { 
   float:right;
   /*width:100px;*/
   text-align:right;
   /*margin-top:10px;*/
}
#h_right_frame > #h_register {
   width: 75px;
   line-height: 40px;
}
#h_right_frame > #h_register a {
   color: #f0f0f0;
   font-size: 11px;
}
#h_right_frame > #h_login {
   width: 70px;
   line-height: 40px
}
#h_right_frame > #h_login a {
   color: #f0f0f0; 
   font-size: 11px;
}
#h_right_frame > #h_name_div { 
   width:auto;
   max-width:200px;
   min-width:80px;
   padding-left:20px;
   line-height: 40px;
   overflow: hidden;
}
#h_right_frame > #h_name_div a {
   color: white;
   font-size: 12px;
}
#h_right_frame > #h_setting { 
   width:auto;
   max-width:200px;
   min-width:80px;
   padding-left:20px;
   line-height: 40px;
   overflow: hidden;
}
#h_right_frame > #h_setting a {
   color: white;
   font-size: 11px;
}
#h_right_frame > #h_logout { 
   width:auto;
   max-width:200px;
   min-width:100px;
   padding-left:20px;
   line-height: 40px;
   overflow: hidden;
   font-size: 8px;
}
#h_right_frame > #h_logout a {
   font-size: 11px;
   color: white;
}
#h_right_frame > #h_mode { 
   width:auto;
   max-width:200px;
   min-width:120px;
   padding-left:20px;
   line-height: 40px;
   overflow: hidden;
   font-size: 8px;
   text-align: left;
   position: relative;
}
#h_right_frame > #h_mode a {
   font-size: 13px;
   color: white;
}

#f_background { 
   position:absolute; bottom:0; left:0;
   width:100%; height:600px;
   overflow:hidden;  
}
#f_background img { 
   width:100%; height:600px;
   -webkit-filter: blur(25px); /* Chrome, Safari, Opera */
   filter: blur(25px);
}
#f_background_b { 
   position:absolute; bottom:0; left:0;
   width:100%; height:110px;
   background-color:rgba( 0, 0, 0, .3 );
}
#footer { 
   height:110px;
   width:100%;
   position:absolute;
   bottom:0;
}

#footer_frame { 
   position:relative;
   width:100%; height:110px;
   background-color:transparent;
   overflow:hidden;
}
#footer_top { 
   position:relative;
   height:23px;
   width:600px;
   margin-top:55px;
   margin-left: 30px;
}

#footer_top table, #footer_top tr, #footer_top td { 
   text-align:left;
   padding:0;
} 
#footer_top a { 
   font-size:9px;
   text-decoration:none;
   color:white;
   padding:0 12px;
   float:left;
}
#footer_bottom { 
   text-align:left;
   position:relative;
   font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
   font-size:9px;
   color:#d0d0d0;  
   padding-left: 42px;
}


#bg  {
   display:none; 
   width:100%;
   height:100%;
   background-color:rgba( 50, 50, 50, .8 );
   position:fixed; top:0; left:0;
}
#bg_a_div { 
   width:100%;
   height:100%;
   position:fixed; top:0; left:0;
}
#pop_div { 
   display:none;
   position:fixed; top:35%; left:36%;
   background-color:#ffffff;    
   padding:30px;
   border-radius:5px;
   font-size:16px;
   width:300px; 
   font-weight:bold;
   text-align:center; 
}
#pop_div div { 
   margin-bottom:10px;
   font-size:14px;
}
#pop_div #p_img { 
   margin-bottom:20px;
}

#index_body {
   padding-top:0px; 
   padding-bottom:110px;
   width:100%;
   position: relative;
   background-color: black;
}


#index_top {
   background-color: rgba(0,0,0,0.7);;
   width: 270px;
   height: 160px;
   position: absolute;
   top: 5%; right: 5%;
   padding: 20px 30px;
}
#index_top2 {
   display: none;
}
#index_top_text {
	color: white;
   font-size: 20px;
   text-align: left;
}
#index_top_text1 {
	color: white;
   font-size: 28px;
   text-align: left;
   
}
#index_top_text2 {
   color: #e0e0e0;
   font-size: 10px;
   line-height: 21px;
   width: 270px;
   padding:10px 0px; 
}
#index_top2 {
   background-color: rgba(0,0,0,0.7);
   width: 100%;
   height: 170px;
   padding: 20px 0px;
   text-align: center;
}
#index_top2_text {
	color: white;
   font-size: 20px;
}
#index_top2_text1 {
	color: white;
   font-size: 28px;
   margin-top: 10px;
}
#index_top2_text2 {
   color: #e0e0e0;
   font-size: 13px;
   line-height: 27px;
   width: 70%;
   padding:10px 0px;
   margin: auto;
   margin-top: 10px;
}

#index_bottom {
   /*position: absolute;*/
   /*bottom: 40px; right: 80px;*/
   /*bottom: 18%; left: 0;*/
   width: 100%;
   color: white;
   font-size: 18px;
   perspective: 35em;
   margin-top: 30px;
}

#index_bottom2 {
   display: none;
}
#index_bottom2 {
   width: 100%;
   color: white;
   margin-top: 30px;
}
#index_bottom_button, #index_bottom_button tr {
   width: 350px;
   border-collapse: separate;
   border-spacing: 0;
   margin: auto;
}
#index_bottom_button td {
   width: 140px;
   padding: 0; margin: 0;
}
#index_bottom_button td:nth-child(2) {
   width: 70px;
   padding: 0; margin: 0;
}
#index_bottom a, #index_bottom2 a {
   text-decoration: none;
   font-size: 11px;
}
#index_bottom .login_a, #index_bottom2 .login_a {
   color: #f0f0f0;
}


#index_start {
	position: relative;
	width: 180px;
	text-align: center;
   padding: 14px 0;
   border: 2px solid #1ea88e;
   background-color: transparent;
   overflow: hidden;
   color: white;
   border-radius: 50px;
   margin: auto;
   font-size: 14px;
   font-weight: bold;
   transition: all 1s ease;
}

#index_start:after {
   content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	
	background: #1ea88e;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
	
}
#index_start:hover:after {
   height: 450%;
}


   
#account_option, #mode_option {
	display:none;
   position:fixed; top:25%; left:35%;
   background-color:#f8f8f8;    
   padding:30px;
   border-radius:5px;
   font-size:10px;
   padding: 60px 0;
   width: 400px;
}
#account_option a, #mode_option a {
   text-decoration: none;
   font-size: 12px;
}

#ao_header, #mo_header {
   font-size: 16px;
   text-align: center;
   margin-bottom: 20px;
}
#ao_message {
    width:300px;
    text-align: center;
    margin: auto;
    margin-bottom:15px;
    color:#505050; 
}
#index_noaccount {
   text-align: center;
   padding: 15px 0;
   width:210px;
   margin:auto;
   border-radius: 10px;
   margin-bottom: 15px;
   background-color:#17b396;
   color:white; 
}
#index_register {
   text-align: center;
   padding: 15px 0;
   width:210px;
   margin:auto;
   border: 2px solid white;
   background-color: #f0f0f0;
   color: black;
   border-radius: 10px;
   margin-bottom: 15px;
   background-color:#17b396;
   color:white;
}
#index_login {
   text-align: center;
   padding: 15px 0;
   width:210px;
   margin:auto;
   border: 2px solid white;
   border-radius: 10px;
   background-color:#17b396;
   color:white;
}

#index_movie {
   text-align: center;
   padding: 15px 0;
   width:210px;
   margin:auto;
   border: 2px solid white;
   background-color: #f0f0f0;
   color: black;
   border-radius: 10px;
   margin-bottom: 15px;
   background-color:#17b396;
   color:white;
}
#index_anime {
   text-align: center;
   padding: 15px 0;
   width:210px;
   margin:auto;
   border: 2px solid white;
   border-radius: 10px;
   background-color:#17b396;
   color:white;
}


#register_content {
   height: 100%;
}

#register_div { 
   /*display:none;
   position:fixed; top:25%; left:28%;*/
   background-color:#f8f8f8;    
   padding:30px;
   width:500px;
   margin:auto;
   min-height:200px;
   border-radius:5px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   border:1px solid #ffffff;
   box-shadow:0px 0px 5px #606060;
}
#register_div #note, #forgot_div #note {
   color:#787878;
   font-size: 14px;
}
#register_div input {
   width: 60%;
}
#register_div a {
   text-decoration:none;
   color:#418fac;
}
#register_div tr {
   height:30px;
}
#register_div td {
   min-width:150px;
}
#register_div select {
   width: 249px;
}
#register_div td b {
   color:#303030;
}
#register_error, #login_error, #delete_error, #change_error, #contact_error, #forgot_error {
   color:#df0808;
   font-weight:bold;
}
#register_redirect {
   padding:125px 130px;
}
#register_button { 
   color:white;
   border:none;
   border-radius:3px;
   padding:5px 10px;
   font-size:14px;
   font-weight:bold;
background: #cb2121; /* Old browsers */
background: -moz-linear-gradient(top, #cb2121 0%, #9d1414 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cb2121 0%,#9d1414 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cb2121 0%,#9d1414 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb2121', endColorstr='#9d1414',GradientType=0 ); /* IE6-9 */
   border:1px solid #830909;
   box-shadow:0px 1px 1px #e06060 inset;
}
#register_table {
   display: none;
}
#captcha_div {
   display: none;
}
.register_error {
   color: red;
   text-align: center;
   font-size: 12px;
   margin-bottom: 10px;
}
.register_message {
   text-align: center;
   font-weight: bold;
   margin-bottom: 20px;
   padding-left: 10px;
}
.register_input {
   text-align: center;
}
.register_button {
   text-align: center;
   width: 60%;
   height: 30px;
   margin: auto;
   margin-top: 20px;
   
}
.register_button a:first-child div {
   display:inline-block;
   background-color:#17b396;
   border:2px solid #17b396;
   padding: 5px 0;margin: 0;
   width: 50%;
   margin-left: 2%;
   font-size: 11px;
   color: white;
   border-radius:5px;
}
.register_button a:nth-child(2) div {
	display: inline-block;
   background-color:white;
   border:2px solid #17b396; 
   color: #17b396;
   padding: 5px 0; margin: 0;
   width: 40%;
   margin-left: 5%;
   font-size: 11px;
   border-radius:5px;
}
.register_loading {
   text-align: center;
   margin-top: 30px;
}
.register_note {
   width: 60%;
   margin: auto;
   font-size: 11px;
   margin-top: 15px;
}
.register_note a {
   font-size: 11px;
}
#captcha_div {
   text-align: center;
}
#botdetect-captcha {
   width: 56%;
   margin: auto;
   margin-bottom: 20px;
}
#captcha_message {
   text-align: center;
   font-weight: bold;
   margin-bottom: 20px;
   padding-left: 10px;
}


#login_div { 
   display:none;
   position:fixed; top:30%; left:35%;
   background-color:#f8f8f8;    
   padding:30px;
   border-radius:5px;
   font-size:14px;           
}
#login_div a {
   text-decoration:none;
   color:#418fac;
}
#login_div tr {
   height:30px;
}
#login_div td {
   min-width:100px;
   vertical-align: middle;
}
#login_div td:first-child {
   padding-right: 5px;
}
#login_div td b {
  color:#303030;
}
#login_div p, #login_form p {
   font-size: 11px;
}
#login_button, #login_button_blank { 
   color:white;
   border:none;
   border-radius:3px;
   padding:5px 10px;
   font-size:12px;
   font-weight:bold;
   background-color: #17b396;
}






#check, #check tr {
   width: 100%;
} 
#check td {
   vertical-align: top;
   font-size: 14px;
   border:1px solid grey;
}

#check tr:first-child td {
	font-weight: bold;
}
#check td:first-child {
	width: 5%;
}
#check td:nth-child(2) {
   width: 20%
}
#check td:nth-child(3) {
   width: 20%
}
#check td:nth-child(4) {
   width: 20%
}
#check td:nth-child(5) {
   width: 25%
}
#check td:nth-child(6) {
   width: 10%
}



#manga_form {
   display: none;
}


#wiki_test {
	width: 900px;
	height: 600px;
}



#suggestion {
  width: 500px;
  height: 280px;
  display: none;
  background-color: rgba(48,48,48,0.7);
  overflow: scroll;
  position: absolute; top: 30px; left: 0;
}
#highlight {
   background-color: rgba(255,255,255,0.2);
}
#s_notfound {
   color: white;
   padding:40px 30px;
   text-align:center; 
   font-size: 9px;
}
#s_notfound a {
   color: skyblue;
}
.s_frame {
  height: 80px;
  position: relative;  
  border-bottom: 1px solid #808080;
}
.s_img {
  width: 10%;
  height: 80px;
  float: left;
  background-color: rgba(0,0,0,0.7);
  text-align: center;
}
.s_img img {
  max-height: 60px;
  max-width: 40px;
  margin-top: 10px;
}
.s_detail {
  width: 84%;
  padding: 15px 3%;
  height: 50px;
  float: left;
  font-size: 12px;
}
.s_movie_a, .s_anime_a {
  color: #f0f0f0;
}
.s_release_year {
   margin-top: 10px;
   color: #c8c8c8;
}
.s_year {
   margin-top: 5px;
   color: #d0d0d0;
}

#c_suggestion {
  width: 400px;
  height: 200px;
  background-color: yellow;
  display: none;
  overflow: scroll;
}
.c_frame {
  width: 100%;
  height: 20px;  
  border-bottom: 1px solid white;
}
.c_detail {
  width: 100%;
  height: 20px;
}
#s_cast_list {
  position: relative;
}
#s_cast_list div {
  float: left;
}
#s_cast_list span {
  position: relative;
}
.st_x {
	position: absolute; top: 0; left: 100%;
	font-size: 10px
}

#d_suggestion {
  width: 400px;
  height: 200px;
  background-color: orange;
  display: none;
  overflow: scroll;
}
.d_frame {
  width: 100%;
  height: 20px;  
  border-bottom: 1px solid white;
}
.d_detail {
  width: 100%;
  height: 20px;
}
#s_director_list {
  position: relative;
}
#s_director_list div {
  float: left;
}
#s_director_list span {
  position: relative;
}
.st_x {
	position: absolute; top: 0; left: 100%;
	font-size: 10px
}








/******************************************************My Page**************************************************************/


#mypage_content {
   width: 100%;
   padding-top: 20px;
   padding-bottom: 20px;
   perspective: 35em;
}

#mypage_button {
   height: 50px;
   width: 440px;
   margin: auto;
   position: relative;
}
#mypage_button a {
   text-decoration: none;
   color: white;
   font-size: 12px;
}
.mypage_button {
   padding: 8px 0px;
   border: 1px solid white;
   float: left;
   margin-right:40px;
   width:118px; 
   text-align: center;
}
#recommend_a_red .mypage_button {
   padding: 8px 0px;
   border: 1px solid red;
   float: left;
   margin-right:40px;
   width:118px; 
   text-align: center;
}
#mypage_button #recommend_a_red {
   color: red;
}
a:last-child .mypage_button {
   margin-right: 0;
}

/*#bubble {
   position: relative;
   margin: .5em auto;
   padding: 1em;
   width: 10em; height: 4em;
   border-radius: .25em;
   transform: rotate(-4deg) rotateY(15deg);
   background: #629bdd;
   font: 2em/4 Century Gothic, Verdana, sans-serif;
   text-align: center;
   display: none;
}
#bubble:before, #bubble::after {
   position: absolute;
   z-index: -1;
   content: '';
}
#bubble:before {
   border: solid 0 transparent;
   border-right: solid 3.5em #f4fbfe;
   border-bottom: solid .25em #629bdd;
   bottom: .25em; left: 1.25em;
   width: 0; height: 1em;
   transform: rotate(45deg) skewX(75deg);
}
#bubble::after {
   top: 0; right: 0; bottom: 0; left: 0;
  	border-radius: inherit;
  	transform: rotate(2deg) translate(.35em, -.15em) scale(1.02);
  	background: #f4fbfe;
}*/

.bubble {
   width: 380px;
   height: 80px;
   padding: 20px 30px;
   margin: auto;
   margin-top: 30px;
   background-color: rgba(0,0,0,0.5);;
   color: white;
   border-radius:10px;
   display: none;
   font-size: 11px;
   line-height: 22px;
}
#intro {
   width: 380px;
   height: 250px;
   padding: 20px 30px;
   margin: auto;
   margin-top: 30px;
   background-color: rgba(0,0,0,0.5);;
   color: white;
   border-radius:10px;
   display: none;
   font-size: 11px;
   line-height: 22px;
}
#ul {
	text-decoration: underline;
}

#movie_search, #anime_search {
	display: none;
	/*background-color: white;*/
	background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
	width: 500px;
	min-height: 250px;
	padding-bottom: 25px;
	margin: auto;
	position: relative;
}
#movie_edit, #anime_edit {
   display: none;
}

#ms_keyword {
   width: 500px;
   margin: auto;
   background-color: #404040;
   /*background: linear-gradient(45deg, rgba(64,64,64,1) 0%, rgba(96,96,96,1) 100%);*/
   background-color: transparent;
   position: relative;
}
#ms_option {
   display: none;
}
#ms_default {
   position: absolute; top:0px; left:2%; 
   font-size: 14px;
   height: 30px;
   line-height: 30px;
   color: #e0e0e0;
}
#search {
   padding: 5px 2%;
   width: 96%;
   border:none;
   border-bottom: 1px solid rgba(113,178,128,1);
   height: 19px;
   font-size: 16px;
   background-color: transparent;
   color: white;
}

#movie_info, #anime_info {
   display: none;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
   width: 500px;
   margin: auto;
   color: white;
   background-color: #303030;
   position: relative;
}
#movie_info tr, #anime_info tr {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
}
#movie_info td, #anime_info td {
   vertical-align: top;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
}
#mi_left {
	background-color: #202020;
	width: 160px;
}
#mi_poster {
   padding: 20px 20px;
   padding-bottom: 5px;
}
#mi_poster img {
   width: 120px;
}
#mi_poster2 {
   display: none;
}
#mi_copyright {
   padding: 0 20px;
   padding-bottom: 15px;
   font-size: 8px;
   line-height: 13px;
   color: #e0e0e0;
}
#mi_copyright2 {
   display: none;
}
#movie_info #mi_right, #anime_info #mi_right {
   font-size: 10px;
   padding: 20px;
   width: 320px;
}
#mi_title {
   font-size: 13px;
   margin-bottom: 5px;
}
#mi_title_en, #mi_format {
   font-size: 11px;
   color: #e0e0e0;
   margin-bottom: 5px;
}
#mi_release_year {
   font-size: 11px;
   margin-bottom: 5px;
}
#mi_gdc {
   font-size: 9px;
   margin-bottom: 5px; 
   line-height: 18px;
}
#mi_gdc .mi_gdc_panel {
   padding-bottom: 3px;
}
#mi_gdc td {
   vertical-align: top;
}
#mi_desc {
   font-size: 9px;
}
#mi_desc_header {
   padding-bottom: 4px;
}
#mi_description {
   line-height: 22px;
}
#mi_pref {
   width: 100%;
   height: 22px;
   position: relative;
   margin-top: 15px;
}
#mi_pref .mip_div {
	width: 16%;
	margin-right:5%; 
	height: 22px;
	text-align: center;
   float: left;
   background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
   border-radius: 3px;
}
#mi_pref a:last-child .mip_div {
   margin-right: 0;
}
#mi_pref a {
   color: white;
   font-size: 9px;
}
#mi_pref #mi_pref_highlight .mip_fill {
	background-color: #484848;
}
#mi_pref .mip_fill {
	background-color: #303030;
	width: 94%;
	height: 20px;
	margin: 1px 3%;
	line-height: 20px;
	border-radius: 3px;
	
}

#mi_rating_a {
   text-decoration: none;
   color: white;
}

#mi_rating {
   height: 28px;
   position: relative;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 120px;
}
#mir_left {
   float: left;
   background-color: darkcyan;
   padding: 0px 0px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   font-size: 10px;
   height: 28px;
   line-height: 28px;
   width: 80px;
   text-align: center;
}
#mir_right {
   float: left;
   background-color: #cd094d;
   background-color: #1754ac;
   background-color: rgba(113,178,128,1);
   background-color: #58a078;
   padding: 0px 0px;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   font-size: 10px;
   height: 28px;
   line-height: 28px;
   width: 40px;
   text-align: center;
}
#mir_right table, #mir_right tr {
   margin: 0; padding: 0;
   border-collapse: separate;
   border-spacing: 0;
}
#mir_score {
   color: white;
   height: 28px;
   line-height: 28px;
   font-weight: bold;
   font-size: 11px;
}

#mir_star {
	width: 10px;
	margin-left: 2px;
	padding-top: 1px;
}
#mir_click {
	width: 20px;
}

#star_div {
   display:none;
   position:fixed; top:25%; left:35%;
   background-color:#282828;
   border-radius:5px;
   font-size:11px;
   padding: 60px 0;
   width: 340px;
   text-align: center;
}
#star_title {
   font-size: 14px;
   color: white;
   margin-top: 15px;
   margin-bottom: 15px;
}
#star_text {
   margin-top: 15px;
   margin-bottom: 15px;
   color: #ffd700;
   color: #a0a0a0;
}
#big_star {
   width: 50px;
   height: 47px;
   padding-top: 3px;
   line-height: 50px;
   margin: auto;
   font-size: 16px;
   font-weight: bold;
   color: white;
}
#star_rate img {
   width: 20px;
}
#star_label {
   width: 220px;
   margin: auto;
   height: 30px;
}
#star_label, #star_label tr, #star_label td {
   border-collapse: separate;
   border-spacing: 0;
}
#star_label td {
   width: 20%;
   margin-right: 1px;
   height: 30px;
   vertical-align: middle;
   text-align: center;
   color: white;
}


#star_div #star_submit {
   text-decoration: none;
}
#star_button2 {
   text-align: center;
   width: 55%;
   height: 20px;
   line-height: 20px;
   padding: 5px;
   margin: auto;
   margin-top: 20px;
   background-color: #404040;
   border-radius: 5px;
   color: white;
   font-weight:bold;
   text-align: center;
}

.star_a div {
   display: inline-block;
   width: 20px;
   height: 20px;
}
.star_y {
   background-image: url("images/star_y.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_y_e {
   background-image: url("images/star_y_e.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_r {
   background-image: url("images/star_r.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_r_e {
   background-image: url("images/star_r_e.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_b {
   background-image: url("images/star_b.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_b_e {
   background-image: url("images/star_b_e.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_v {
   background-image: url("images/star_v.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_v_e {
   background-image: url("images/star_v_e.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_g {
   background-image: url("images/star_g.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.star_g_e {
   background-image: url("images/star_g_e.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.mi_gdc_panel {
   width: 50px;
   
}
#movie_edit_a, #anime_edit_a {
   position: absolute; top: 15px; right: 20px;
   padding: 2px 4px;
   text-decoration: none;
   border-radius: 3px;
   color: #f0f0f0;
   /*border: 2px solid #f0f0f0;*/
   background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
   font-size: 10px;
}


#rate_option {
	display:none;
   background-color:#404040;    
   padding:30px;
   border-radius:5px;
   font-size:14px;
   padding: 30px 0;
   width: 350px;   
   margin: auto;
   margin-top: 30px;
}
#ro_text {
    width:300px;
    text-align: center;
    margin: auto;
    margin-bottom:30px;
    color:white;
    font-size:11px; 
}
#rate_option a {
   text-decoration: none;
   font-size: 11px;
}
#search_rate {
   text-align: center;
   padding: 15px 0;
   width:200px;
   margin:auto;
   border-radius: 10px;
   margin-bottom: 10px;
   background-color:#17b396;
   color:white; 
}
#random_rate {
   text-align: center;
   padding: 15px 0;
   width:200px;
   margin:auto;
   border-radius: 10px;
   margin-bottom: 30px;
   background-color:#17b396;
   color:white; 
}
#rec_confirm {
	display: none;
   background-color:#404040;    
   padding:30px;
   border-radius:5px;
   font-size:14px;
   padding: 30px 0;
   width: 350px;   
   margin: auto;
   margin-top: 30px;
   text-align: center;
}
#rc_text {
    width:300px;
    text-align: center;
    margin: auto;
    margin-bottom:30px;
    color:white;
    font-size:11px;
    line-height:25px; 
}
#rec_start {
   background-color:#17b396;;
   width: 60px;
   text-align: center;
   padding: 7px 0;
   border-radius: 5px;
   display: inline-block;
   margin-right: 40px;
}
#rec_start_a {
   color: white;
   text-decoration: none;
   font-size: 10px;
   
}
#rec_cancel {
   background-color:#909090;
   width: 60px;
   text-align: center;
   padding: 7px 0;
   border-radius: 5px;
   display: inline-block;
}
#rec_cancel_a {
   color: white;
   text-decoration: none;
   font-size: 10px;
   
}

#random_info {
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
   width: 500px;
   margin: auto;
   color: white;
   background-color: #303030;
   position: relative;
}
#random_info tr {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
}
#random_info td {
   vertical-align: top;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
}
#rd_left {
	background-color: #202020;
	width: 160px;
}
#rd_top {
   display: none;
}
#rd_poster {
   padding: 20px 20px;
   padding-bottom: 5px;
}
#rd_poster img {
   width: 120px;
}
#rd_copyright {
   padding: 0 20px;
   padding-bottom: 15px;
   font-size: 8px;
   line-height: 13px;
   color: #e0e0e0;
}
#random_info #rd_right {
   font-size: 10px;
   padding: 20px;
   width: 320px;
}
#rd_title {
   font-size: 13px;
   margin-bottom: 5px;
   text-align: center;
}
#rd_title_en {
   font-size: 11px;
   color: #e0e0e0;
   margin-bottom: 5px;
   text-align: center;
}
#rd_release_year {
   font-size: 11px;
   margin-bottom: 5px;
   text-align: center;
}
#rd_pref {
   width: 100%;
   height: 22px;
   position: relative;
   margin-top: 50px;
}
#rd_pref .mip_div {
	width: 16%;
	margin-right:5%; 
	height: 22px;
	text-align: center;
   float: left;
   background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
   border-radius: 3px;
}
#rd_pref a:last-child .mip_div {
   margin-right: 0;
}
#rd_pref a {
   color: white;
   font-size: 9px;
}
#rd_pref #rd_pref_highlight .mip_fill {
	background-color: #484848;
}
#rd_pref .mip_fill {
	background-color: #303030;
	width: 94%;
	height: 20px;
	margin: 1px 3%;
	line-height: 20px;
	border-radius: 3px;
	
}
#rd_text {
   margin-top: 30px;
   text-align: center;
   margin-bottom: 40px;
}
#rd_seen {
   margin-top: 50px;
   text-align: center;
}
#rd_seen_text {
   margin-bottom: 30px;
   text-align: center;
   font-size: 11px;
}
#seen {
   background-color:#17b396;;
   width: 60px;
   text-align: center;
   padding: 7px 0;
   border-radius: 5px;
   display: inline-block;
   margin-right: 40px;
}
#seen_a {
   color: white;
   text-decoration: none;
   font-size: 10px;
   
}
#never_seen {
   background-color:#909090;
   width: 60px;
   text-align: center;
   padding: 7px 0;
   border-radius: 5px;
   display: inline-block;
}
#never_seen_a {
   color: white;
   text-decoration: none;
   font-size: 10px;
   
}
.rated_count_div {
   position: absolute; top: 35%; right: 5px;
   padding: 20px 25px;
   background-color: white;
   font-size: 11px;
   border-radius: 10px;
   text-align: center;
   display: none;
   color: black;
}
.rated_count {
   font-size: 18px;
   font-weight: bold;
}
.rated_count_ok {
   font-size: 22px;
   font-weight: bold;
   color: greenyellow;
}
#random_div {
   display: none;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
   width: 500px;
   margin: auto;
   color: white;
   background-color: #303030;
   position: relative;
}


#rated_and_rec {
   width: 500px;
   height: 250px;
   position: relative;
}
#rated_list_div {
   float: left;
}
#rated_list_title {
   background-color:rgba(000,000,000,0.4);
   color: #e0e0e0;
   height: 28px;
   line-height: 28px;
   padding-left: 20px;
   font-size: 10px;
}
#rated_list {
   width: 250px;
   height: 250px;
   overflow: scroll;
   font-size: 9px;
   color: white;
   background-color:rgba(000,000,000,0.3);
}
#rl_table {
   width: 100%;
}
#rated_list .rl_title {
   padding: 8px 5px;
}
#rated_list .rl_pref {
	width: 25px;
	padding: 8px 5px;
	text-align: center;
}
.rl_img {
   text-align: center;
   padding:5px 0;
   width:40px; 
}
.rl_img img {
   width: 30px;
   height: 48px;
}
.rl_title {
   padding: 0px 10px;
}
.rl_title a {
   text-decoration: none;
   color: white;
}
.mi_hide {
   display: none;
}
#ms_x_div, #me_x_div, #ma_x_div, #mr_x_div, #rd_x_div {
   position: absolute; top: -30px; right: -35px;
   height:18px;
   width:18px;
   text-align: center;
   line-height: 18px;
   background-color:#404040;
   border:1px solid white;
      
}
#ms_x, #me_x, #ma_x, #mr_x, #rd_x {
   color: white;
   text-decoration: none;
   font-weight: bold;
   font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;  
   font-stretch: ultra-expanded;
   font-size: 9px;
   line-height: 18px;
}
#ms_x img, #me_x img, #ma_x img, #mr_x img, #rd_x img {
	width: 14px;
	margin: auto;
	margin-top: 2px;
}

#rec_movie_div, #rec_anime_div {
	display: none;
	/*background-color: white;*/
	background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
	width: 500px;
	min-height: 250px;
	margin: auto;
	position: relative;	
}
#gold_top {
   padding-top: 15px; padding-bottom: 15px;
}
#gold_bottom {
   padding-top: 15px; padding-bottom: 10px;
}
.gold_line {
   height: 2px;
   background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
}
#rec_movie, #rec_anime {
   background-color: white;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
   width: 500px;
   margin: auto;
   color: white;
   background-color: #303030;
   position: relative;
}
#rec_movie tr, #rec_anime tr {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
}
#rec_movie td, #rec_anime td {
   vertical-align: top;
   border-collapse: separate;
   border-spacing: 0;
   padding: 0; margin: 0;
}
#rm_top {
   display: none;
}
#rm_left {
	background-color: #202020;
	width: 160px;
}
#rm_poster {
   padding: 20px 20px;
   padding-bottom: 5px;
}
#rm_poster img {
   width: 120px;
}
#rm_copyright {
   padding: 0 20px;
   padding-bottom: 15px;
   font-size: 8px;
   line-height: 13px;
   color: #e0e0e0;
}
#rec_movie #rm_right, #rec_anime #rm_right {
   font-size: 10px;
   padding: 20px;
   width: 320px;
}
#rm_title {
   font-size: 13px;
   margin-bottom: 5px;
}
#rm_title_en, #rm_format {
   font-size: 11px;
   color: #e0e0e0;
   margin-bottom: 5px;
}
#rm_release_year {
   font-size: 11px;
   margin-bottom: 5px;
}

#rm_gdc {
   font-size: 9px;
   margin-bottom: 5px; 
   line-height: 18px;
}
#rm_gdc .rm_gdc_panel {
   padding-bottom: 3px;
}
#rm_desc {
   padding-bottom: 4px;
}
#rm_desc_header {
   margin-bottom: 3px;
}
#rm_description {
   line-height: 22px;
   padding-bottom: 30px;
}
#rec_again {
   text-decoration: none;
}
#rec_a_div {
   padding-top: 4px;
   padding-bottom: 8px;
   background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
   color:white;
   border-radius:180px;
   text-align:center;
   width:40px; 
   font-size: 6px;
   font-weight: bold;
   margin-top: 30px;
   display: inline-block;
   position: absolute; right: 15px; bottom: 40px;
}
#rec_a_1 img {
   width: 18px;
   height: 18px;
}
#rec_a_1 {
}
.rm_gdc_panel {
   width: 50px;
   
}

#seal_div {
   position: absolute; top: -20px; right: -30px;
   height:110px;
   width:110px;
}
#seal {
   width: 110px;
}


#rec_list_div {
   float: left;
}
#rec_list_title {
   background-color:rgba(000,000,000,0.4);
   color: #e0e0e0;
   height: 28px;
   line-height: 28px;
   padding-left: 20px;
   font-size: 10px;
}
#rec_list {
   float: left;
   width: 250px;
   height: 250px;
   overflow: scroll;
   background-color:rgba(000,000,000,0.3);
}
#rc_table {
   width: 100%;
}
#rc_table, #rc_table tr, #rc_table td {
	border-collapse: separate;
	border-spacing: 0;
}
.rcl_img_div {
   text-align: center;
   padding-top: 10px;
   width: 70px;
}
.rcl_img {
   width: 50px;
}
.rcl_detail {
   vertical-align: top;
   padding: 20px 0px;
   padding-right: 10px;
}
.rcl_title a {
   text-decoration: none;
   color: white;
   font-size: 11px;
}
.rcl_title_en {
   margin-top: 0px;
}
.rcl_title_en a {
   text-decoration: none;
   color: #e0e0e0;
   font-size: 10px;
}
.rcl_release_year {
   color: white;
   margin-top: 5px;
   font-size: 10px;
}

#add_movie_div, #movie_edit, #anime_edit, #add_anime_div {
   display: none;
   background-color: #404040;
   width: 500px;
   padding: 60px 0;
   margin: auto;
   border-radius: 5px;
   color: white;
   position: relative;
}
#upload_div, #me_upload_div {
   width: 300px;
   height: 200px;
   margin:auto; 
   position: relative;
   background-color: darkcyan;
   border-radius: 5px;
}
#sample img, #me_sample img {
   width: 150px;
   height: 150px;
   margin-top: 25px;
}
#image, #me_image {
   display: none;
}
#upload_fill, #me_upload_fill {
   position: relative;
   text-align: center;
}
#upload_panel, #me_upload_panel {
   position: absolute; top: 80px; left: 25px;
   width: 250px;
   padding: 10px 0;
   text-align: center;
   background-color:rgba(000,000,000,0.3);
   color: white;
   font-size: 12px;
}
#movie_form, #movie_edit_form, #anime_form, #anime_edit_form {
   width: 350px;
   margin-left: 100px;
   font-size: 11px;
}
#movie_form input, #movie_edit_form input, #anime_form input, #anime_edit_form input {
   width: 290px;
   padding: 3px 5px;
   background-color:rgba(255,255,255,0.2);
   border:1px solid white;
   border-radius: 3px;
   margin-right: 5px;
   color: white;
   font-size: 11px;
}
#anime_form input[type="radio"], #anime_edit_form input[type="radio"] {
	border: 0px;
   width: 10px;
   height: 10px;
   line-height: 10px
}
#movie_form textarea, #movie_edit_form textarea, #anime_form textarea, #anime_edit_form textarea {
   width: 290px;
   height: 100px;
   padding: 5px;
   background-color:rgba(255,255,255,0.2);
   border:1px solid white;
   border-radius: 3px;
   color: white;
   font-size: 11px;
}
.tag_add {
   background-color: white;
   color: #404040;
   padding: 4px 5px;
   border-radius: 3px;
   text-decoration: none;
   font-size: 12px;
}
.mf_header {
   margin-top: 15px;
   margin-bottom: 10px;
}
#add_button, #me_button {
   text-align: center;
   width: 60%;
   height: 30px;
   margin: auto;
   margin-top: 30px;
   
}
.mtag_div {
   margin-top: 15px;
}
.tag {
   position: relative;
   padding: 2px 5px;
   border: 1px solid white;
   border-radius: 5px;
}
.x_tag, .ex_tag {
   position: absolute; top: -5px; right: -9px;
   font-size: 11px;
   text-decoration: none;
   color: skyblue;
}

#add_button a:first-child div, #me_button a:first-child div {
   display:inline-block;
   background-color:darkcyan;
   border:2px solid darkcyan;
   padding: 5px 0;margin: 0;
   width: 50%;
   margin-left: 2%;
   font-size: 11px;
   color: white;
   border-radius:5px;
}
#add_button a:nth-child(2) div, #me_button a:nth-child(2) div {
	display: inline-block;
   background-color:white;
   border:2px solid darkcyan; 
   color: #17b396;
   padding: 5px 0; margin: 0;
   width: 40%;
   margin-left: 5%;
   font-size: 11px;
   border-radius:5px;
}



#me_image {
   display: none;
}

#wait_div {
	display: none;
	/*background-color: #202020;*/
	background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
	width: 300px;
	min-height: 120px;
	line-height: 120px;
	margin: auto;
	position: relative;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
	border-radius:10px;
	margin-top: 80px;
}

/******************************************************My Page**************************************************************/











/****************************************************Setting******************************************************/

#setting_content { 
   padding:60px 0;
}
#setting_div { 
   width:500px;
   padding:30px 50px;
   padding-top:10px;
   margin:auto;
   border-radius:5px;
   font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
   background-color:#f8f8f8; 
   border:1px solid #ffffff;
   box-shadow:0px 0px 5px #606060;
   font-size: 14px;
}

#s_profile div { 
   margin-bottom:12px;
}
#s_profile b {
   font-size: 13px;
}
#s_profile input[type="text"] {
   width:300px;
}
#s_profile select { 
   width:308px;
}
#s_profile textarea { 
   width:302px;
   height:100px;
}
#s_email div {
   margin-bottom: 10px;
}
#setting_button_div { 
   padding-top:20px;
}

#setting_button, #setting_button_blank { 
   color:white;
   border:none;
   border-radius:3px;
   padding:7px 15px;
   font-size:14px;
   font-weight:bold;
   background-color: #17b396;
}

#change_a, #delete_a { 
   color:#3497b7;
   text-decoration:none;
   margin-left:10px;
}
#change_button { 
   color:white;
   border:none;
   border-radius:3px;
   padding:5px 10px;
   font-size:13px;
   font-weight:bold;
   
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#74def3+0,58bed5+100 */
background: #74def3; /* Old browsers */
background: -moz-linear-gradient(top, #74def3 0%, #58bed5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #74def3 0%,#58bed5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #74def3 0%,#58bed5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74def3', endColorstr='#58bed5',GradientType=0 ); /* IE6-9 */
  
   border:1px solid #72b0bc;
   box-shadow:0px 1px 1px #ceeef4 inset;
   
}
#delete_button { 
   color:white;
   border:none;
   border-radius:3px;
   padding:5px 10px;
   font-size:13px;
   font-weight:bold;
background: #cb2121; /* Old browsers */
background: -moz-linear-gradient(top, #cb2121 0%, #9d1414 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cb2121 0%,#9d1414 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cb2121 0%,#9d1414 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb2121', endColorstr='#9d1414',GradientType=0 ); /* IE6-9 */
   border:1px solid #830909;
   box-shadow:0px 1px 1px #e06060 inset;
}

#delete_div {
   display:none;
   position:fixed; top:32%; left:32%;
   background-color:#ffffff;    
   padding:30px;
   border-radius:5px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size:16px;
   min-width:300px; 
   font-weight:bold;
   text-align:center;
}
#delete_div b { 
   color:#404040;
}
#delete_header { 
   color:#c09582;
   margin-bottom:20px;
}
#change_div { 
   display:none;
   position:fixed; top:30%; left:32%;
   background-color:#ffffff;    
   padding:30px;
   border-radius:5px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size:16px;
   min-width:300px; 
   font-weight:bold;
}
#change_div b {
   color:#606060;
}
#change_div #note {
   color:#a0a0a0;
   font-size:12px; 
}

.s_header { 
   font-size:18px;
   font-weight:bold;
   color:#505050;
   padding-bottom:20px;
   padding-top:20px;
}

/****************************************************Setting******************************************************/













/****************************************************Contact******************************************************/

#contact_content {
   padding-top:60px;
   padding-bottom:60px;
}
#contact_header h1 { 
   color:#606060;
   font-size: 25px;
   margin-bottom: 0;
}
#contact_desc {
   font-size: 13px;
   margin-bottom: 15px;
}
#contact_div #comments { 
   width:350px;
   height:100px;
}
#contact_div .c_header {
   font-size: 13px;
   margin-bottom: 3px;
}
#contact_div input {
   width: 347px;
}
#contact_div select {
   width: 357px;
}
#contact_div a {
   color: #418fac;
   text-decoration: none;
}
#contact_div { 
   width:400px;
   padding:30px 50px;
   padding-top:0;
   margin:auto;
   border-radius:5px;
   font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
   background-color:#f8f8f8; 
   border:1px solid #ffffff;
   box-shadow:0px 0px 5px #606060;
}
#contact_success, #change_success, #forgot_success { 
   color:#60c0c4;
   font-weight:bold;
}
#contact_button_div {
   margin-top: 20px;
}
#contact_button, #contact_button_blank { 
   color:white;
   border:none;
   border-radius:3px;
   padding:5px 10px;
   font-size:14px;
   font-weight:bold;
	background-color: #17b396;
}

/****************************************************Contact******************************************************/






/***************************************************Inbox***********************************************************/

#inbox_table, #inbox_table tr, #inbox_table td {
   padding: 0; margin: 0;
   border-collapse: separate;
   border-spacing: 0;
   vertical-align: top;
   background-color: #f0f0f0;
}
#inbox_table, #inbox_table tr {
   width: 100%;
}
#inbox_left {
   width: 30%;
   border-right: 1px solid black;
}
#inbox_left .inbox_yes {
   padding: 10px;
}
#inbox_left .inbox_no {
   padding: 10px;
   background-color: #a0a0a0;
}
#inbox_right {
   width: 70%;
}
#inbox_right div {
   padding: 5px;
}
#inbox_right .inbox_div {
  display: none;
  padding: 0 50px;
}




#inflow_shadow {
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   position: fixed; top: 0; left: 0;
}
#inflow_login {
	width: 200px;
	height: 100px;
	margin: auto;
	margin-top: 200px;
   background-color: #f0f0f0;
   padding: 30px;
   text-align: center;
}
#inflow_login > div {
	margin-bottom: 20px;
}


/***************************************************Inbox***********************************************************/


#terms_div {
   width: 500px;
   padding: 30px 50px;
   margin: auto;
   background-color: #505050;
   color: white;
   font-size: 12px;
   border-radius: 5px;
}

#terms_div a {
   color: skyblue;
   text-decoration: none;
}

#terms_header {
   margin-bottom: 30px;
}
#terms_div h1 {
   font-size: 20px;
}
#terms_div h2 {
   font-size: 16px;
}


#forgot_content {
   height: 100%;
}
#forgot_div { 
   /*display:none;
   position:fixed; top:25%; left:28%;*/
   background-color:#f8f8f8;    
   padding:30px;
   width:500px;
   margin:auto;
   min-height:200px;
   border-radius:5px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   border:1px solid #ffffff;
   box-shadow:0px 0px 5px #606060;
   text-align: center;
}
#forgot_div h2 {
	margin-top: 0;
}
#forgot_button { 
   display:inline-block;
   background-color:#17b396;
   border:2px solid #17b396;
   padding: 5px 0;margin: 0;
   width: 20%;
   margin-left: 2%;
   font-size: 11px;
   color: white;
   border-radius:5px;
}
#changepassword { 
   display:inline-block;
   background-color:#17b396;
   border:2px solid #17b396;
   padding: 5px 0;margin: 0;
   width: 25%;
   margin-left: 2%;
   font-size: 11px;
   color: white;
   border-radius:5px;
}













/**************************************************************************New Recommend***********************************************************************************/

#new_rec_div {
   background: linear-gradient(110deg, rgba(19,78,94,1) 0%, rgba(113,178,128,1) 100%);
   width: 350px;
   padding-top: 30px;
   position: absolute;
   top: 0; left: 0;
}
#recommend_start_a {
   text-decoration: none;
}
#recommend_start {
   text-align: center;
   padding: 10px 0;
   width:150px;
   margin:auto;
   border-radius: 5px;
   margin-bottom: 30px;
   /*background-color:#f0f0f0;*/
   background-color:#f0f0f0; 
   color:#17b396;
   font-size:13px; 
}

#new_rec_list_title {
   background-color:rgba(000,000,000,0.4);
   color: #e0e0e0;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 13px;
}
#new_rec_list {
   width: 350px;
   height: 350px;
   overflow: scroll;
   background-color:rgba(000,000,000,0.3);
}
.new_rcl_img_div {
   text-align: center;
   padding-top: 30px;
}
.new_rcl_img {
   width: 200px;
}
.new_rcl_detail {
   vertical-align: top;
   padding-top: 5px;
   padding-bottom: 20px;
   padding-right: 10px;
}
.new_rcl_title {
   text-align: center;
}
.new_rcl_title a {
   text-decoration: none;
   color: white;
   font-size: 13px;
}
.new_rcl_title_en {
   margin-top: 8px;
   text-align: center;
}
.new_rcl_title_en a {
   text-decoration: none;
   color: #e0e0e0;
   font-size: 12px;
}
.new_rcl_release_year {
   color: white;
   margin-top: 8px;
   font-size: 12px;
   text-align: center;
}


#new_star_div {
   display:none;
   position:fixed; top:25%; left:35%;
   background-color:#353535;
   border-radius:5px;
   font-size:11px;
   padding: 60px 0;
   width: 350px;
   text-align: center;
}
#new_star_top {
   color: white;
   font-size: 12px;
   margin-bottom: 20px;
}
#new_star_thumb {
    margin-top: 30px;
}
#new_star_thumb img {
    width: 150px;
    height: 150px;
    margin: auto;
}
#new_star_title {
   font-size: 14px;
   color: white;
   margin-top: 15px;
   margin-bottom: 15px;
}
#new_star_text {
   margin-top: 15px;
   margin-bottom: 15px;
   color: #ffd700;
   color: #a0a0a0;
}
#new_star_rate_div {
   display: none;
}
#new_big_star {
   width: 60px;
   height: 57px;
   padding-top: 3px;
   line-height: 60px;
   margin: auto;
   font-size: 18px;
   font-weight: bold;
   color: white;
}
#new_star_rate img {
   width: 28px;
}
#new_star_label {
   width: 308px;
   margin: auto;
   height: 30px;
}
#new_star_label, #star_label tr, #star_label td {
   border-collapse: separate;
   border-spacing: 0;
}
#new_star_label td {
   width: 20%;
   margin-right: 1px;
   height: 30px;
   vertical-align: middle;
   text-align: center;
   color: white;
}
#new_star_submit {
   text-decoration: none;
}
#new_star_button2 {
   text-align: center;
   width: 55%;
   height: 20px;
   line-height: 20px;
   padding: 5px;
   margin: auto;
   margin-top: 20px;
   background-color: #505050;
   border-radius: 5px;
   color: white;
   font-weight:bold;
   text-align: center;
}
#new_star_button3 {
   text-align: center;
   width: 54%;
   height: 20px;
   line-height: 20px;
   padding: 5px;
   margin: auto;
   margin-top: 20px;
   background-color: #282828;
   border: 2px solid #505050; 
   border-radius: 5px;
   color: white;
   font-weight:bold;
   text-align: center;
}


#new_star_seen {
   text-align: center;
   margin-top: 30px;
}
#new_star_seen_text {
   text-align: center;
   font-size: 14px;
}
#new_star_seen {
   background-color:#17b396;;
   width: 120px;
   text-align: center;
   padding: 10px 0;
   border-radius: 5px;
   display: inline-block;
   margin-right: 40px;
}
#new_star_seen_a {
   color: white;
   text-decoration: none;
   font-size: 14px;
   
}
#new_star_never_seen {
   background-color:#909090;
   width: 120px;
   text-align: center;
   padding: 10px 0;
   border-radius: 5px;
   display: inline-block;
}
#new_star_never_seen_a {
   color: white;
   text-decoration: none;
   font-size: 14px;
   
}

.new_star_a div {
   display: inline-block;
   width: 28px;
   height: 28px;
}

#mr_x {
   display: none;
}


/**************************************************************************New Recommend***********************************************************************************/