@charset "utf-8";
/*==================================
  BASIC
==================================*/
html, body{height:100%; margin:0; padding:0; text-align:center; background:url(../images/contener_bg.png) top left repeat-x; font-family: verdana, "Arial", "Helvetica", "sans-serif";}
.clear {zoom: 100%;}
.clear:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/*==================================
  LINK
==================================*/
a{color:#258274; text-decoration:none;}

/*==================================
  CONTAINER
==================================*/
#container{min-height:100%; height: auto !important; height: 100%; position: relative; background:url(../images/header_bg.png) top center repeat-x;}
#screen{width:100%; min-width:980px; margin: 0 auto; text-align: left; padding-bottom: 100px;}
#screen2{width:100%; min-width:980px; margin: 0 auto; text-align: left; padding-bottom: 100px; height:1250px;}

/*==================================
  header
==================================*/s
#header{width:980px; min-width:980px; height: 120px; margin:0 auto;}
#header_head{height:28px; width:980px; margin:0 auto;}
#header_head table td{padding:2px 5px;}
#header_head table{float:right;}
#header_head table img{vertical-align:middle;}
#header_inner{width:980px; height:100px; margin:0 auto; background:url(../images/header_inner_bg.png) top center no-repeat;}
#wrapper01{width:980px; height:91px;}
#main_logo{width:598px; height:91px; float:left;}
#main_logo h1 img{margin:/*17px*/ 0;}
/*-- LOGIN --*/
#logon_wrapp{width:382px; height:91px; float:right;}
#login_box{width:382px; height:36px; margin:21px 0 0 0; background:url(../images/login_box_bg.png) left center no-repeat;}
#login_box table{margin:0 auto;}
#login_box input,#login_box p,#login_box img{vertical-align:middle;}
#id_pass_text_box{width:382px; height:23px;}
#id_pass_text_box p,#id_pass_text_box a{line-height:23px; font-size:90%; text-align:right;}
/*-- PANKUZU --*/
#pankuzu_bg{background:url(../images/pankuzu_bg.png) top center no-repeat; width:960px; height:36px; padding-left:20px;}
#pankuzu_bg li{line-height:36px; font-size:75%; display:inline; color:#258274;}

/*==================================
  CONTENTS
==================================*/
#contents{background:url(../images/contents_bg.jpg) top center no-repeat; height:auto; margin:0 auto;}
#contents p{font-size:75%; color:#404040; line-height:18px;}
#contents h3{font-size:100%; color:#262626; line-height:18px; font-weight:bold;}
#contents ul{font-size:75%; line-height:18px;}
#contents_list{background:url(../images/contents_bg.jpg) top center no-repeat; height:auto; margin:0 auto;}
#contents_list p{font-size:75%; color:#404040; line-height:18px;}
#contents_list h3{font-size:100%; color:#262626; line-height:18px; font-weight:bold;}
#contents_list ul{font-size:75%; line-height:18px;}
#contents_movie{background:url(../images/contents_bg.jpg) top center no-repeat; height:auto; margin:0 auto;}
#contents_movie p{font-size:75%; color:#404040; line-height:18px;}
#contents_movie h3{font-size:100%; color:#262626; line-height:18px; font-weight:bold;}
#contents_movie ul{font-size:75%; line-height:18px;}
#contents_inner{width:980px; margin:0 auto;}


/*==================================
  COMMON
==================================*/
/*-- LEFT BOX --*/
#left_box{width:640px; height:auto; float:left;}

/*-- RIGHT BOX --*/
#right_box{width:300px; height:auto; float:right;}
/*-- KEYWORD SEARCH --*/
#keyword_box{width:300px; height:auto; margin-bottom:17px;}
#keyword_box table th{background:url(../images/keyword_liststyle01.png) left top no-repeat; height:29px; padding-left:24px;}
#keyword_box table td{padding:1px 15px;}
#keyword_box table th h3{line-height:29px; font-size:100%; font-weight:bold;}
#keyword_box_bg{ background:url(../images/keyword_box_bg.jpg) top center no-repeat;}
tr.keyword_bg{width:300px; height:36px;}
.search-box{width:180px;}
/*-- CATEGORY LIST --*/
.video_menu_box{width:298px; height:auto; border-right:1px solid #D6D6D6; border-left:1px solid #D6D6D6; background:#fff;}
#video_menu_title{background:url(../images/category_menu_bg.png) top center no-repeat; height:39px; padding-left:40px;}
#video_menu_title h3{line-height:39px;}
#video_category_list{width:268px; height:auto; padding:0 15px 20px 15px;}
.video_h4_bg{height:35px; background:url(../images/video_list_style.png) left top no-repeat; padding-left:20px;}
.video_h4_bg h4{line-height:35px; font-size:80%; font-weight:bold;}
#video_category_list li{margin:0  0 5px 20px; /*list-style:disc;*/}
#video_category_list a{text-decoration:none;}
.video_list_cuevy_top{ width:300px; height:4px; margin:0; padding:0; background:url(../images/curvy/link_box_curvy_top.png) top center no-repeat;}
.video_list_cuevy_bottom{ width:300px; height:4px; margin:0; padding:0; background:url(../images/curvy/link_box_curvy_bottom.png) top center no-repeat;}

/*-- BUTTON --*/
#button_send_more{width: 66px; height: 24px; background: url(../images/more_button01.png) top center no-repeat; text-align:center; line-height: 24px; color: white; font-size: 70%; cursor: pointer; float: right; margin-top:19px;}
#button_send_login{width:52px; height:24px; background: url(../images/search_button.png) top center no-repeat; text-align:center; line-height:24px; color:white; font-size:70%; margin:0 auto; cursor:pointer;}
#button_send_logout{width:80px; height:24px; background: url(../images/more_button01.png) top center no-repeat; text-align:center; line-height:24px; color:white; font-size:70%; margin:0 auto; cursor:pointer;}
#button_send_search{width: 52px; height: 24px; background: url(../images/search_button.png) top center no-repeat; text-align:center; line-height: 24px; color: white; font-size: 72%; margin: 0 auto; cursor: pointer;}
.prev_back_bg{height:24px; width:82px; line-height:24px; text-align:center; background:url(../images/movie/brev_back_bg.png) top center no-repeat; color:#fff !important;}
#comment_box_wrapper a{color:#fff; font-size:75%;}

/*-- VIDEO BOX --*/
.wrapper02{width:640px; height:auto; display: flex;}
.video_wrapp_left,
.video_wrapp_right{flex-basis: 50%; min-width: 50%; max-width: 50%;}
.video_wrapp_left{margin-right: 20px;}
.video_wrapp_right table,
.video_wrapp_left table{border-top:1px solid #258274; width:100%;}
#new_video_title{ width:640px; height:43px; margin-bottom:15px;}
.new_video_title01{height:43px; background:url(../images/video_icon01.png) left top no-repeat; padding-left:31px; width:289px; float:left;}
.new_video_title01 h3{line-height:43px !important; font-size:100%; font-weight:bold; }
.new_video_title02{width:320px; float:right; height:43px;}
th.video_title02{height:43px; padding-left:31px;}
th.video_title02 h3{text-align:right; line-height:43px; font-size:100%; font-weight:bold;}
th.video_title03{height:43px; background:url(../images/news_list_style02.png) left top no-repeat; padding-left:31px;}
table.video_table01 td.video_text{padding:5px 0 10px 0;}
table.video_table01 td.video_text a{font-size:75%;}
.video_wrapp_center{width:640px; height:auto;}
.video_thumb_wrapp{ width:138px; height:82px; padding:5px; background:url(../images/video_thumb_bg.png) top left no-repeat; margin: 0 auto; box-sizing: border-box; margin-bottom: 7px;}
.video_thumb_wrapp_top {width: 138px; text-align: center; height: 82px; padding: 5px; background: url(../images/video_thumb_bg.png) top center no-repeat; box-sizing: border-box; margin: 0 auto 7px auto;}
.video_thumb_bg {vertical-align: top;}
/*.video_thumb_bg{padding-top:5px; padding-left:5px; padding-bottom:5px; background:url(../images/video_thumb_bg.png) top left no-repeat;}*/
.video_thumb_text_wrapp{width:138px;text-align:center; height:auto; font-size:75%; margin:0 auto 20px auto;}
.video_thumb_text_wrapp_top{width: 138px; text-align: center; height: auto; font-size: 75%; margin: 0 auto 20px auto;}
div.empty_video {width:640px;height:200px;background-color:#ccc;text-align:center;padding-top:190px;font-size:80%;}
.video_thumb_text_wrapp a,
.video_thumb_text_wrapp_top a{word-break:break-all; line-height: 1.5; display:block;}

/*==================================
  top.html
==================================*/
/*-- NOTICE --*/
#news_box{width:594px; border:3px solid #258274; background:#fff; padding:10px 20px;}
#news_box_title{background:url(../images/news.png) top left no-repeat; height:29px; padding-left:35px;}
#news_box_title h2{line-height:23px; font-weight:bold}
p.news_text{background:url(../images/news_list_style.png) left top no-repeat; padding-left:20px; vertical-align:middle;}
p.news_text span img{vertical-align:middle;}
p#old_news{text-align:right; margin-top:10px;}
/*p#old_news a{text-decoration:none; color:#258274;}*/
#news_box_bottom{border-bottom:1px solid #258274; width:640px; height:24px;}


/*==================================
  itiran.html
==================================*/
#search_result{width:620px; height:58px; background:url(../images/itiran/kekka_bg.png) top center no-repeat; padding-left:20px; margin-bottom:20px;}
#search_result h2{line-height:58px; font-weight:bold; font-size:100%;}
#result_text{width:598px; height:auto; border:1px solid #D6D6D6; background:#fff; padding:20px; margin-bottom:20px;}
.video_box_list{width:598px; height:auto; border:1px solid #D6D6D6; background:#fff; padding: 0 20px 20px 20px; margin-bottom:20px;}
.video_title01_list{height:43px; background:url(../images/itiran/itiran_list_style01.png) left top no-repeat; padding-left:30px; margin-bottom:20px;}
.video_text_list{padding:5px 0 10px 0;}
.video_text_list a{font-size:75%;}



/*==================================
  movie.html
==================================*/
#search_result_movie{width:620px; height:58px; background:url(../images/itiran/kekka_bg.png) top center no-repeat; padding-left:20px; margin-bottom:20px;}
#search_result_movie h2{line-height:58px; font-weight:bold; font-size:100%;}
#main_video{width:640px;}
#main_video_text{padding:10px; background:url(../images/movie/main_video_text_border_bottom.png) bottom center no-repeat;}
#main_video_text .count {width:100%;text-align:right;}
.main_video_tag{padding:10px;background:url(../images/movie/main_video_text_border_bottom.png) bottom center no-repeat;}
.main_video_tag textarea {padding:5px;width:620px;height:3em;color:#666;}
#main_video_category{height:31px; padding-bottom:20px;}
#main_video_category p{line-height:31px; font-size:80%}
#main_video_category strong{font-weight:bold; margin-right:10px;}
/*#main_video_category a{text-decoration:none; color:#258274;}*/

/*-- COMMENT BOX --*/
#comment_box_title{height:43px; padding-left:30px; background:url(../images/movie/comment_icon.png) top left no-repeat;}
#comment_box_title h3{line-height:43px;}
#comment_box_wrapper{border:1px solid #D6D6D6; padding:0 20px 20px; width:598px; height:auto; background:#fff; margin-bottom:20px;}
#comment_box_wrapper table{background:url(../images/movie/comment_box_border.png) bottom center no-repeat; margin-top:20px;}
#comment_box_wrapper table td{padding-bottom:20px;}
#comment_box_wrapper table p.user_name{font-weight:bold; font-size:90%;}
#comment_box_wrapper table p.contribution_time{font-size:60%;}
#comment_box_wrapper table p.contribution_time span{margin-left:10px;}
#prev_number{text-align:center;}
#prev_number li{display:inline;}

/*-- RIGHT MENU --*/
#video_menu_title02{background:url(../images/movie/category_menu_bg02.png) top center no-repeat; height:39px; padding-left:40px;}
#video_menu_title02 h3{line-height:39px;}
#video_list_movie {margin-left:10px;}
#video_list_movie td{padding-left:10px; vertical-align: top;}
#video_list_movie th{padding:5px 5px 10px 5px; background:url(../images/video_thumb_bg.png) top center no-repeat;}
#video_list_movie td a{word-break:break-all; display:block; padding-right: 10px;}

/* tables */
table.s01{ border:2px solid #258274; font-size:75%; color:#262626; margin-bottom:20px; width:100%;}
table.s01 th,table.table_style01 td{ padding:5px; }
table.s01 a{ text-decoration:none;}
table.s01 th{ text-align:center; font-weight:bold; background:#F2F2F2; border-left:1px solid #258274; border-right:1px solid #258274; border-bottom:1px solid #258274;}
table.s01 td{ padding:5px; border-right:1px solid #258274 !important; border-bottom:1px dotted #258274 !important; padding:5px !important; height:20px;}

table.s02{ border:2px solid #258274; font-size:75%; color:#262626; margin-bottom:20px; width:100%;}
table.s02 th,table.table_style01 td{ padding:5px; }
table.s02 a{ text-decoration:none;}
table.s02 th{ text-align:center; font-weight:bold; background:#F2F2F2; border-left:1px solid #258274; border-right:1px dotted #258274; border-bottom:1px solid #258274;}
table.s02 td{ padding:5px; border-right:1px solid #258274 !important; border-bottom:1px solid #258274 !important; padding:5px !important; height:20px;}


/* for Teacher */
/*-- NOTICE --*/
.form_box{width:594px; border:3px solid #258274; background:#fff; padding:10px 20px;}
/*.form_box{width:640px;}
.form_box_inner{width:594px; border-right:3px solid #258274; border-left:3px solid #258274; background:#fff; padding:10px 20px;}
.form_box_curvy_top{width:640px; height:6px; margin:0;padding:0; background:url(../images/curvy/news_box_top.png) top center no-repeat;}
.form_box_curvy_bottom{width:640px; height:6px; margin:0;padding:0; background:url(../images/curvy/news_box_bottom.png) top center no-repeat;}*/

.form_box_title{background:url(../images/news.png) top left no-repeat; height:29px; padding-left:35px;}
.form_box_title h2{line-height:23px; font-weight:bold}
p.news_text{background:url(../images/news_list_style.png) left top no-repeat; padding-left:20px; vertical-align:middle;}
p.news_text span img{vertical-align:middle;}
p#old_news{text-align:right; margin-top:10px;}
/*p#old_news a{text-decoration:none; color:#258274;}*/
.form_box_bottom{border-bottom:1px solid #258274; width:640px; height:24px;}
#video_cancel {margin-left:300px; color:#666;}

/*==================================
  footer
==================================*/
#footer {height: 56px; width: 100%; min-width:980px; position: absolute; bottom: 0; background:url(../images/footer_bg.png) bottom center repeat-x; margin:0 auto;}
#copyright{width:980px; height:28px; margin:0 auto;}
#copyright p{text-align:center; line-height:28px; font-size:50%; color:#404040;}


/*icons*/
#login_box table td{font-size:75%;}
#main_video_text_h3wrap{ background:url(../images/video_text_h3.png) top left no-repeat; padding-left:41px; height:43px;}
#main_video_text_h3wrap h3{line-height:43px;}
#main_video_tag_h3wrap{ background:url(../images/video_tag_h3.png) top left no-repeat; padding-left:41px; height:43px;}
#main_video_tag_h3wrap h3{line-height:43px;}
#main_video_dl_h3wrap{ background:url(../images/video_dl_h3.png) top left no-repeat; padding-left:41px; height:43px;}
#main_video_dl_h3wrap h3{line-height:43px;}
#video_category_name_wrap {height: 30px; background: url(../images/video_category_name.png) left top no-repeat; padding-left: 31px;}
#video_category_name_wrap h3{line-height:30px;}
#main_video_access_h3wrap{ background:url(../images/access_url.png) top left no-repeat; padding-left:41px; height:43px;}
#main_video_access_h3wrap h3{line-height:43px;}
/*icons*/

/*==================================
  File upload form
==================================*/
[name="upload_form"] a{display: inline-block; margin-top: 10px; font-size: 13px; padding: 7px 14px; color: #fff; background-color: #258274; border-radius: 4px; transition-property: all; transition: 0.3s linear;}
[name="upload_form"] a:hover{background-color: #3a9e8f;}
[name="upload_form"] a b {font-weight: 300;}