/* + basic  */
/* add for Tablet or old PC(under 1023px) */
/* these settings override base.css */


@media screen and (min-width: 641px) and (max-width:1023px){
  
  /* Error Page */
  #error_pane_outer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #error_pane_inner{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    font-size: 100%;
  }
  
  /*Login*/
  /*-- end Login*/
 
  /*
   * Header,tab,pane_inner,pankuzu,pagenator
   * */
  .head_area{
    width: 100%;
    min-width: 100%;
    padding: 5px 0px;
    border: none;
  }
  .head_title{
    margin-left:10px;
    width: 70%;
  }
  .head_title img{
    width: 300px;
    height: auto;
  }
  .head_user_area{
    width: 25%;
  }
  #id_header_user_name,
  #id_header_user_last_login_time,
  #id_logout_btn{
    display: none;
  }
  #id_main_navi_menu #menuitem_loginname,
  #id_main_navi_menu #menuitem_logout{
    display: inherit;
  }
  #id_main_navi_sep{
    display: none;
  }
  #main_tab {
    width:100%;
    min-width: 100%;
  }
  #main_tab_scroll_outer{
    overflow: hidden;
    height: 3em; 
    width: 100%;
  }
  #main_tab_scroll_inner{
    height: 5em;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #main_tab_ul{
    display: inline-table;
    max-width: 100%;
    width: auto;
  }
  #main_tab_ul li{
    display: table-cell;
    float: none;
  }
  #main_tab_ul li a{
    padding: 5px 10px;
  }
  .main_tab_div_viewer .pane_inner{
    width: 640px;
  }
  
  #project_select_inner{
    width: 640px;
  }
  #project_select_title select{
    width: 400px;
  }
  
  /*
   * Home
   * */
  /*Top panel*/
 .home1_pane_top{
   width: 640px;
 }
  #home_info_div{
    padding-top: 10px;
    padding-bottom:10px;
    overflow-x: hidden;
  }
  #home_info_icon_div img{
    /*display:none;*/
  }
  #home_info_text_div{
    width: 535px;
  }
  /*Common*/
    #home_live_title,
  .h1_head_title,
  #home_prj_title,
  #home_course_title {
    font-size: 150%;
  }
  /*Live*/
  #home_live_div1{
    width: 640px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #home_live_programs{
    margin: 0px;
    font-size: 80%;
    width: 40%;
  }
  #home1_live_div2,
  #home2_live_div2{
    width: 640px;
    height: auto;
    padding-bottom: 20px;
  }
  #home1_live_div2 .live_item{
    width: 100%;
    height: 128px;
    margin-bottom: 10px;
  }
  #home1_live_div2 .live_item_thumbnail{
    margin: 10px auto auto 15px;
    float: left;
  }
  #home1_live_div2 .live_item_thumbnail img.onair{
    
  }
  #home1_live_div2 .live_item_desc{
    float: left;
    width: 400px;
  }
  
  #home2_live_div2 .live_item{
    border:none;
    width: 300px;
    height: 255px;
  }
  #home2_live_div2 .live_item_thumbnail{
    width: 260px;
    height: 146px;
  }
  #home2_live_div2 .live_item_thumbnail img{
    margin-top: 30px;
  }
  #home2_live_div2 .live_item_thumbnail img.onair{
    height: 146px;
  }
  #home2_live_div2 .live_item_desc{
    width: 260px;
    font-size: 110%;
  }
  /*Project*/
 #home_prj_div2 .project_item{
    width: 100%;
    height: 130px;
    margin: 0px;
    border-bottom-width: 0px;
 }
 #home_prj_div2 .project_item:last-of-type{
   border-bottom-width: 1px;
 }
 #home_prj_div2 .project_item_thumbnail{
    height: 108px;
    width: 192px;
    left: 15px;
    top: 10px;
    
 }
  #home_prj_div2 .project_item_desc{
    top: 10px;
    left: 225px;
    width: 380px;
    padding: 0px;
  }
  #home_prj_div2 .project_item_threads{
    top: 75px;
    left: 225px;
    width: 380px;
    padding: 0px;
  }
  
  /**
   *   Channel List
   */
  
  /**
   *   LMS
   */
  .home_course_item_col_content{
    width: 350px;
  }
  .courselist_search_item:nth-child(3){
    display: block;
  }
  .course_item_col_button{
    display: none;
  }
  .course_item_col_head{
    padding-left: 20px;
  }
  .course_player_inner{
    width: 640px;
  }
  .course_player_list_large{
    font-size: 110%;
  }
  .course_player_list_info_inner{
    height: 80px;
  }
  .course_player_list_left{
    padding-left: 20px;
  }
  .course_player_list_item_col_head{
    padding-left: 20px;
  }
  .course_player_list_item_col_index{
    width: 25px;
  }
  .course_player_list_item_col_content{
    width: 300px;
  }
  .course_player_list_item_name{
    width: 300px;
  }
  .course_player_list_item_col_type{
    width: 115px;
  }
  .course_player_sum_left{
    width: 315px;
  }
  .course_player_sum_progress_pane{
    display: block;
  }
  .course_player_question_list{
    width: 638px;
  }
  .course_player_question_item{
    width: 562px;
  }
  
  
  
  
  
  /*Content*/
 .home_content_subtitle{
    width: 640px;
  }
  .h1_head_div,
  .home_content{
    width: 640px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #id_sc_q_category{

  }
  #home_search_div1 #category_selector select{
    max-width: 300px;
  }
  #home_search_div1 #home_search_query_simple .home_chooser_l{
    display: none;
  }
  #home_search_div1 #home_search_query_simple{
    
  }
  #home_search_div1 #home_search_query_simple input[type="text"]{
    
  }
  #home_search_div1 #home_search_query_simple #home_keyword_search_outer{
    
  }
  #home_search_div1 #home_search_query_simple #home_keyword_search{
    
  }
  #home_search_div1 #home_search_query_simple #home_keyword_clear{
    
  }
  
  #home_search_2_left,
  #home_docsearch_2_left,
  #home_search_2_right{
  }
  
  #home_content_more_inner {
    margin: 10px 0px;
  }
  
  
  
  /*
   * Content list
   * */
  #detail_settings_link{
    display:none;
  }
  
  #detail_settings_panel .searchin_creator{
    margin-left: 0px;
  }

  #detail_settings_panel .ui-multiselect{
    width: 100% !important;
    min-width: 500px !important;
  }

  #detail_settings_panel .ui-widget-content{
    width: 49.9% !important;
  }

  
  /*big*/
 .content_item2_live{
   
 }
 .content_item2_detail{
   margin-bottom: 0px;
   border-bottom-width: 0px;
 }
 .content_item2_detail:last-of-type{
   border-bottom-width: 1px;
 }
  .content_item2_detail_desc {
    width:      400px; 
  }
  .content_item2_detail_desc .content_name{
    width:90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
  }
  .content_item2_detail_desc .content_category {
    width: 300px;
  }
  .content_item2_detail_desc .content_category .co_value {
    font-size: 100%;
  }
  .content_item2_detail_desc .content_open_time,
  .content_item2_detail_desc .content_close_time,
  .content_item2_detail_desc .content_views,
  .content_item2_detail_desc .content_comment_count,
  .content_item2_detail_desc .content_recommend_count{
    margin-right: 10px;
  }
  .content_item2_detail_desc .content_close_time{
    float: none;
  }
  .content_item2_detail_desc .content_views{
    margin-right: 5px;
  }
  .content_item2_detail .draw_link{
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .content_item2_search_result {
    top:100px;
    width: 400px;
  }
  .content_item2_favorite{
    top:15px;
    left: 193px;
  }
  .content_item2_favorite img{
    width: 24px;
  }
  
  /*Small*/
  .content_item4_detail{
    width: 100%;
    margin: 0px;
    border-bottom-width: 0px;
  }
  .content_item4_detail:last-of-type{
    border-bottom-width: 1px;
  }
  .content_item4_detail,
  .content_item4_detail_2 {
    height: 130px;
  }
  .content_item4_detail_thumbnail{
    height: 108px;
    width: 192px;
    left:15px;
    top: 10px;
  }
  .content_item4_live{
    top: 10px;
    left: 15px;
  }
  .content_item4_detail_desc{
    top:10px;
    left:225px;
    width: 380px;
  }
  .content_item4_detail_desc .content_name{
    
  }
  .content_item4_detail_desc .content_category{
    height: auto;
    margin: 0px;
  }
  .content_item4_detail .draw_link{
    position: absolute;
    top: 5px;
    right: 5px;
  }
 .content_item4_favorite{
    top:5px;
    left: 186px;
  }
  .content_item4_favorite img{
    width: 24px;
  } 
  
  /*list*/
  .content_list{
    overflow-x: scroll;
    width: 640px;
  }
  .content_list .content_item_list_title{
    width: 200px;
  }
  .content_list .content_item_list_desc{
    width: 200px;
  }

  /*for structural category*/
  



  /*
   * Live List
   */
  #livelist_list .live_item{
    width: 100%;
    height: 144px;
    margin-bottom: 5px;
    position: relative;
  }
  #livelist_list .live_item_thumbnail{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 192px;
    height: 108px;
    padding: 0px;
    margin:0px;
  }
  #livelist_list .live_item_thumbnail img{
    height: 80px;
  }
  #livelist_list .live_item_thumbnail img.onair{
    height: 108px;
  }
  #livelist_list .live_item_desc{
    position: absolute;
    top: 20px;
    left: 230px;
    width: 400px;
    background-color: transparent;
    resize: none;
    overflow: auto;
    border-style: none;
    padding: 0px;
  }
  #livelist_list .live_item_name{
    line-height: 20px;
    margin-bottom: 5px;
  }

  /*
   * LMS
   */
  #courselist_div1,
  #course_player_inner,
  #courselist_search,
  #courselist_list{
    width: 100%;
  }
  .course_item_col_content{
    width: 350px;
  }

  /*
   * Player
   */
  #player_main .pane_inner{
    width: 640px;
  }
  #schedule_name{
   width: 540px;
  }
  #video_area{
    width: 100%;
  }
  #fmp_area_core{
    width: 100%;
    /*height: 430px;*/
  }
  .player_discussion #fmp_area_core {
    width: 100%;
  }
  .fmp_area_text{
    height: 396px;
  }
  .fmp_area_text span{
    font-size: 200%;
  }
  #flashContent{
    /* height: 360px; */
    height: auto;
  }
  #vpcanvas_outer {
    height: 360px;
  }
  .vpplayer_panel{
    /*top: 360px;*/
  }
  .slide_main #slide_panel{
    width: 416px;
    height: 234px;
  }
  .slide_main #vpplayer_video_size_btn_outer,
  .slide_main #fvplayer{
  }
  .video_main #vpplayer_video_size_btn_outer,
  .video_main #fvplayer{
  }
  .video_main #slide_panel{
  }
  .modal-dialog-player-dialog {
    width: 560px !important;
    max-height: 380px !important;
  }
  .modal-dialog-player-dialog .ui-dialog-content .comment_norml_panel {
    max-height: 337px;
  }
  .modal-dialog-player-dialog .ui-dialog-content .comment_normal_time{
    padding-left: 15px;
  }
  .modal-dialog-player-dialog .ui-dialog-content .comment_normal_comment{
    padding-left: 10px;
  }
  #document_area_core {
    width: 100%;
  }
  .player_discussion #document_area_core {
    width: 100%;
  }
  .player_discussion #discussion_area {
    width: 100%;
    margin-top: 4px;
  }
  
  /*
   * Personal settings
   */
  #psetting_form_inner_div {
    width: 640px;
  }

  /*Other*/
  .pagenator {
    font-size: 100%;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 10px;  
  }
  
  .pagenator_a {
    border: 1px solid #c0c0c0;
    font-size: 16px;
    margin: 2px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  
  table.current_data th.name,
  table.current_data th.description {
    min-width: 140px;
  }
  table.current_data th.duration{
    min-width: 70px;
  }
  table.current_data th.source_type{
    min-width: 90px;
  }
  
  /*Material*/
  #material table.current_data th.operation{
    min-width: 180px;
  }
  #material table.current_data th.ready_for_edit{
    min-width: 50px;
  }
  #material table.current_data th.transcoding_done{
    min-width: 60px;
  }
  #material table.current_data th.upload_time{
    min-width: 140px;
  }
  #material table.current_data th.operation{
    min-width: 150px;
  }
  
  /*Content*/
  #content_list table.current_data th.material_preview{
    min-width: 40px;
  }
  #content_list table.current_data th.status{
    min-width: 50px;
  }
  #content_list table.current_data th.category,
  #content_list table.current_data th.availability {
    min-width: 70px;
  }
  #content_list table.current_data th.operation{
    min-width: 150px;
  }
 
}