<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LearnPC.aspx.cs" Inherits="RM.Web.Training.Learn.LearnPC" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><%=csname %>_<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_zaixianxx")%></title>
    <style type="text/css">
        /*CSS reset*/
        body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, p, input, img, span, em, a, i { margin: 0; padding: 0; }
        body { font-family: "Microsoft Yahei" , "微软雅黑" ,tahoma,arial,tahoma,sans-serif; font-size: 12px; min-width: 1200px; color: #333; background-color: #000; overflow:hidden; }
        input { border: none; }
        img { border: 0; }
        ul, dl, ol { list-style: none; }
        em { font-style: normal; }
        a { color: #333; outline: none; }
        a:link { text-decoration: none; }
        a:visited { text-decoration: none; }
        a:hover { color: #e6393b; text-decoration: none; }
        a:active { text-decoration: none; }
        /* 清理浮动 */
        .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
        .clear { zoom: 1; /* for IE6 IE7 */ }
        .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
        
        /*定位*/
        .fl, .fr { display: inline; }
        .fl { float: left; }
        .fr { float: right; }
        
        
        .backw { background-color: #fff; }
        .backe { background-color: #efefef; }
        .dp_title { height: 50px; line-height: 50px; background-color: #242424; margin-right: 283px; }
        .dp_title .img_tit { margin-bottom: -2px; margin-right: 8px; }
        .dp_title .pingjia { font-size: 12.5px; color: #777771; margin-right: 20px; text-decoration: underline; font-family: songti; }
        
        .dp_kec { position: absolute; top: 0px; right: 0; width: 283px; height: 50px; background-color: #242424;  }
        .dp_kec ul { overflow: hidden; }
        .dp_kec ul li { float: left; text-align: center; width: 15%; margin-right: 2px; height: 40px; padding-top: 14px; cursor: pointer; }
        .dp_kec ul li:hover { background-color: #86d466; }
        .dp_kec ul .li_home { background-color: #57c52b; }
        
        
        .dp_pinglun { position: absolute; top: 50px; right: 0; width: 283px; height: 94.9%; background-color: #f5f5f5; overflow: auto; }
        .dp_pinglun .nav_tit { background-color: #efefef; height: 50px; line-height: 50px; border: 1px solid #ccc; font-size: 16.67px; color: #252525; padding: 0 10px; }
        .dp_pinglun .nav_tit .img_tit { margin-bottom: -5px; margin-right: 8px; }
        .dp_pinglun .nav_teatarea { margin-bottom: 5px; }
        .dp_pinglun .nav_teatarea textarea { width: 180px; height: 44px; resize: none; padding: 5px; background-color: #fff; border: 1px solid #ccc; margin-left: 10px; margin-top: 10px; overflow: auto; font-size: 12px; }
        .dp_pinglun .nav_teatarea input { width: 52px; height: 56px; border: 0; background-color: #57c52b; color: #fff; margin-right: 10px; margin-top: 10px; }
        .dp_pinglun .right_content { }
        .dp_pinglun .right_content li { border-bottom: 1px solid #dadada; padding:5px 10px; }
        .dp_pinglun .right_content li .tou { margin-bottom: 10px; width: 65px; }
        .dp_pinglun .right_content li .tou img { border: 1px solid #ccc; }
        .dp_pinglun .right_content li .huifu { color: #5a5a5a;  overflow:hidden;}
        .dp_pinglun .right_content li .huifu .name { color: #2b90c5; }
        .dp_pinglun .right_content .teacher{background-color:#fbfad9;margin:0 5px;padding:10px;border:1px solid #DADADA;}
        
        
        .chapter { position: absolute; top: 90px; left: 0; padding-bottom: 25px; width: 260px; background-color: #fff; max-height: 600px; overflow: auto; }
        .chapter ul { background-color: #efefef; }
        .chapter ul li { min-height: 33px; line-height: 33px; border-bottom: 1px solid #ccc; padding-left: 30px; border-left: 1px solid #ccc; }
        .chapter ul .tit { border: 1px solid #ccc; height: 38px; line-height: 38px; padding-left: 10px; background-color: #efefef; border-top: 0; }
        .chapter ul li .radius { border-radius: 10px; background-color: #fff; border: 1px solid #ccc; width: 12px; height: 12px; float: left; margin: 8.5px 5px; }
        .chapter ul li .left_line { border-left: 1px solid #ccc; display: block; margin-left: 12px; }
        .chapter ul li .points { margin: 0px 0 0 25px; line-height: 23px; }
        .chapter ul li .points a { display: block; }
        .chapter ul li:hover { background-color: #fbfad9; }
        .chapter ul li:hover .radius { background-color: #86d466;}
        .chapter ul .hover{ background-color: #fbfad9;}
        .chapter ul .hover a{ font-weight:bold; }
        .chapter ul .hover .radius { background-color: #86d466;}
        .About_text{ padding:10px;}
        .note_edit{ border:1px #ccc solid;}
        
         #CourAsk_bg{ position:absolute; width:100%; height:100%; background-color:Black; z-index:9998;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/}
        #CourAsk{ position:fixed; top:-200px; bottom:0; left:0px;right:0px;width:336px; height:300px; margin-left:auto;margin-right:auto; background-color:White;border:1px solid #CCC; line-height:30px;z-index:9999;}
        #CourAsk h1{ padding:10px; border-bottom:1px #ccc solid; font-size:16px;}
        #CourAsk ol{ margin:10px; padding-left:30px;}
        #CourAsk ol li{ list-style-type:upper-alpha;font-size:16px; }
   
    </style>
    <link type="text/css" rel="stylesheet" href="m/Learn.css">
</head>
<body>
    <!--Head开始-->
    <div class="dp_title">
        <div class="fl" style="font-size: 16.67px; color: #f5f5f5; margin-left: 20px;">
            <img src="images/zant.png" class="img_tit" /><%=csname %></div>
        <span id="pingjia"></span>
        
    </div>
    <div class="dp_kec">
        <ul class="clear" id="right_menu">
            <li class="li_home" onclick="rightgo(this,1)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_peixun")%>">
                <img src="images/yiwen.png"  /></li>
            <li onclick="rightgo(this,2)" title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_notes")%>">
                <img src="images/pei.png"  /></li>
            <li onclick="rightgo(this,3)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_gongxiang")%>" >
                <img src="images/gong.png" /></li>
            <li onclick="rightgo(this,4)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSlzk")%>">
                <img src="images/lianxi.png"  /></li>
          <!--  <li onclick="rightgo(this,6)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("LiveTelecast_List_xz")%>">
                <img src="images/xiang.png" /></li> -->
            <li onclick="rightgo(this,5)"  title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_xiangqing")%>">
                <img src="images/xiang.png" /></li>
        </ul>
    </div>
    <!--Head结束-->
 
    <!--主内容区-->
    <div id="Vmain" style="height: 670px; width: 100%; overflow: auto; background-color: #000;">
 
        <div id="video" style="margin: 10px; text-align: left; background-color: #020301;
            background-image: url('images/loading.gif'); background-position: center; background-repeat: no-repeat;
            height: 670px; z-index: 999;">
            <div id="a1">
            </div>
        </div>
        <div id="video_text" style=" padding:10px; color:White;">
           
        </div>   
    </div>
    <!--主内容区-->
    <!--工具区--->
    <div id="Vtool" style=" position:absolute; top:0; right:-282px;">
        <div style="width: 26px; height: 49px; position: absolute; top: 50px; right: 282px;
           background-color: #f5f5f5;border-radius: 5px 0px 0px 5px; ">
            <img src="images/right.png" id="VmainTool_btn" onclick="VmainTool()" alt="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigShide")%>"
                title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigShide")%>" style="margin: 13px 8px; cursor:pointer;" />
        </div>
        <div class="dp_pinglun" id="VmainTool">
            <div id="Interacts">
                <div class="nav_tit">
                    <img src="images/yiwen_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_peixun")%></div>
                 <div class="nav_teatarea">
                <textarea type="text" placeholder="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_fayan")%>" class="fl" id="interText"></textarea>
                <input type="button" value="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Button_fabu")%>" onclick="setchart()" />
            </div>
            
            <ul id="interMain" class="right_content">
                <center><img src="/LiveTelecast/Images/loadingNow.gif" /></center>
            </ul>
            </div>

            <div id="Notes"  style=" display:none">
                <div class="nav_tit">
                    <img src="images/pei_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_notes")%></div>
                 <div class="nav_teatarea">
                    <textarea type="text" placeholder="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_biji")%>" class="fl" id="notesText"></textarea>
                    <input type="button" value="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Int_notes")%>" onclick="setnotes()" />
                </div>

                <ul id="notesMain" class="right_content">
                <center><img src="/LiveTelecast/Images/loadingNow.gif" /></center>
                </ul>
            </div>
            <!--  文件下载 -->
            <div id="ShareDown"  style=" display:none">
            <div class="nav_tit">
                    <img src="images/yiwen_l.png" class="img_tit" />下载</div>
                    <%=html %>
               <%-- <p class="Shareslist" style="padding-top:10px; height:50px;width:100%;">
                    <a title="点击下载" href="/Resources/SharesFiles/20150609150624_3610.doc">
                    <img width="32" height="32" src="/Themes/Images/32/doc.png" />
                        新建 Microsoft Word 文档
                    </a>
                    <span style=" text-align: right;display:block;">点击下载</span>
                </p>  
                 <p class="Shareslist" style="padding-top:10px; height:50px;width:100%;">
                    <a title="点击下载" href="/Resources/SharesFiles/20150609150624_3610.doc">
                    <img width="32" height="32" src="/Themes/Images/32/doc.png" />
                        新建 Microsoft Word 文档
                    </a>
                    <span style=" text-align: right;display:block;">点击下载</span>
                </p>  --%>
            </div>

            <div id="About" style=" display:none;">
                <div class="nav_tit">
                    <img src="images/xiang_l.png" class="img_tit" /><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_xiangqing")%></div>
                <div id="AboutMain"></div>
            </div>
             <iframe id="rightmain" name="rightmain" scrolling="auto" frameborder="0" width="100%"
            height="100%" src="" style="display: none; background-color: f4f4f4;"></iframe>
        </div>
    </div>
    <!--工具区结束--->
    <!--章节工具箱--->
    <div id="Cptool" style="position: absolute; top: 0px; left:-260px;" >
        <div class="chapter" id="chapter">
            
            <div id="Cptooljindu" style="background-color: #f4f4f4; width: 100%; height: 25px; line-height: 25px;
                position: absolute; bottom: 0; text-align: center; overflow:hidden;">
                <div id="jindu_tiao" style="left:0;position: absolute; top:0; z-index:1;height:25px; background-color:Yellow"></div>
                <div style="position: absolute; top:0; left:10px; z-index:2;"><span id="jindu_num">0</span>/<span id="jindu_count">0</span></div>
            </div>
        </div>
        <div style="position: absolute; top: 90px; left: 260px; height: 54px; width: 23px;border-radius: 0px 5px 5px 0px;
            background-color: #efefef;" >
            <img src="images/right.png" style="margin: 15px 5px; cursor: pointer;" id="chapter_btn"
                title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSshow")%>" alt="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSshow")%>"    />
        </div>
    </div>

    <script src="../../Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <link href="/Themes/Scripts/ShowMsg/msgbox.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/ShowMsg/msgbox.js" type="text/javascript"></script>
    <link href="/Themes/Scripts/artDialog/skins/opera.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/artDialog/artDialog.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/artDialog/iframeTools.source.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Training/Learn/m/ckplayer/ckplayer.js" charset="utf-8"></script>
    <script src="/Live/swfobject.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Themes/Scripts/ifvisible.js"></script>
    <script type="text/javascript" src="m/BigScreen.js"></script>
    <script type="text/javascript">
        //防挂机
        document.writeln("<div class=\"well\" id=\"guaji\"  style=\"position:absolute; left:50%; margin-left:-200px;top:25px; width:400px; font-size:12px; background:#f4f4f4; color:#red; padding:5px; z-index:9999;\"><div id=\"guaji_text\"  style=\"color:#red;\">" + lgLearnPCguajiValidata + "</div><div id=\"guaji_err\" style=\"color:red; text-align:center; font-weight:bold;\"></div><div class=\"progress\" style=\"height:20px; border:1px #ccc solid; background-color:#FFFFFF; margin:5px;\"><div class=\"bar\" id=\"idlebar\" style=\"width: 0%;background-color:red; height:20px;\"></div></div></div>");
        ifvisible.setIdleDuration(600);
        ifvisible.idle(function () {
            $("#guaji_err").html(lgLearnxiumian);
            Tstate = 0;
 
            if (CKobject.getObjectById('ckplayer_a1') != null) { CKobject.getObjectById('ckplayer_a1').videoPause(); }
            $("#guaji_err").show();
            $("#guaji_text").hide();
        });
        ifvisible.wakeup(function () {
            Tstate = 1;
            if (CKobject.getObjectById('ckplayer_a1') != null) { CKobject.getObjectById('ckplayer_a1').videoPlay(); }
            $("#guaji_text").show();
            $("#guaji_err").hide();
        });
        setInterval(function () {
            var info = ifvisible.getIdleInfo();
            if (info.timeLeftPer < 3) {
                info.timeLeftPer = 0;
                info.timeLeft = ifvisible.getIdleDuration();
            }
            $("#idlebar").css("width", info.timeLeftPer + "%");
            if (info.timeLeftPer > 50) { $("#guaji").show(); } else { $("#guaji").hide(); }
        }, 100);
    </script>
</body>
</html>
