<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Learn_Custom.aspx.cs" Inherits="RM.Web.Training.Learn.Learn_Custom" %>
<%@ Register Src="~/UserControl/PageControl.ascx" TagName="PageControl" TagPrefix="uc1" %>
<!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 runat="server">
    <title><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_zdyxxmsjm")%></title>
     <script src="/Language/zh-cn.js" type="text/javascript"></script>
    <style type="text/css">
        *{ margin:0; padding:0;}
        body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0 }
        table { border-collapse:collapse; border-spacing:0 }
        img { border-style: none;border-color: inherit;border-width: 0;margin-bottom:-3px;}
        ul{ list-style:none;}
        li { list-style:none }
        h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
        input, textarea, select { font-size:100%; }
        hr { margin:0; height:1px; border:0px; border-bottom:1px #cccccc solid; *margin:5px 0 -5px 0;float:none; *float:left;display:block; }
        .tab { border:1px #cccccc solid; border-collapse:collapse; }
        .tab td { border:1px #cccccc solid; height:18px; line-height:18px; padding:3px; padding-left:10px; }
        .tab th { border:1px #cccccc solid; height:18px; line-height:18px; padding:3px; padding-left:10px; }
        body { font:normal 12px/1.8em Tahoma, Helvetica, Arial, '宋体', sans-serif; color:#464646 }
        a { text-decoration:none; color:#414141; }
        a:hover { text-decoration:underline; color:#EC8D02; }
        .fl { float:left }
        .fr { float:right }
        .hidden { display:none }
        .pr { position:relative }
        .pa { position:absolute }
        .tc {text-align:center}
        .a2 { color:#485fe7; } 
        .a3 { color:#663399; }
        .a4{ color:#651985;}
        .a5{ font-weight:bold; color:#8a0606;}
        .clear { clear:both; }
        .block{ display:block;}

        body { margin: 0; padding: 0; background: #ececec; }
        .Lrean_Head { height: 45px; background: #04b700; border-bottom: 1px #0a7d07 solid; }
        .Lreanlogo { float: left; }
        .LreanMenu { float: right; background-color: #07d903; border: 1px #069e03 solid; font-size: 12px; color: White; margin: 5px; padding: 3px 5px; }
        .Lrean_body { height: 100%; margin: 5px; padding: 0; position: relative; }
        .NewForm { background: #f4f4f4; border: 1px #ccc solid; position: absolute; font-size: 12px; }
        .NewForm_title { width: 100%; height: 27px; line-height: 25px; text-indent: 7px; background: url(/Themes/images/datagrid_header_bg2.gif) repeat-x; font-size: 12px; }
        #Loading { width: 200px; position: absolute; border: 1px #ccc solid; background-color: White; height: 30px; line-height: 30px; text-align: center; left: 50%; margin-left: -100px; z-index: 999; font-size: 12px; top: 200px; }
        .zhangjie { margin: 8px; }
        .zhangjie li { background-image: url(/Training/Learn/m/zhangjie_dian.gif); background-repeat: no-repeat; padding-left: 20px; text-indent:5px; }
        .zhangjie li ul { border-left: 3px #e5e5e5 solid; margin-left: -12px; }
        .zhangjie li ul li { background-image: url(); padding-left: 25px; }
        .jindu { width: 96%;  border: 1px #ccc solid; height: 24px; line-height: 24px; position: relative;  background-color:White; margin:5px 1%; }
        .jindu_txt { position: absolute; top: 0; left: 5px; z-index: 4; }
        .jindu_tiao { position: absolute; top: 0px; left: 0px; width: 0px; display: block; height: 24px; line-height: 24px; background-color: Yellow; z-index: 3; }
        .Interaction{ width:100%; overflow:hidden; overflow-y:hidden;}
        .interMain{  top:0; left:0; padding:5px;}
        .interFooter{ position:absolute; background-color:#f4f4f4;  border-top:1px #ccc solid; bottom:0; width:98%;z-index:4; padding:1%;}
       .NewInfor{POSITION: absolute;background-color:#e5f0fa; border:1px #9e9e9f solid;color:Black;}
        .NewInfor .NewInfor_title{position: absolute; border-top:1px #ffffff solid; width:100%;background:url(Images/NewForm_title.gif) 0 -45px; background-repeat:repeat-x; text-indent:10px; cursor:move;height:26px;}
        .NewInfor .NewInfor_title span{float:left;}
        .NewInfor .NewInfor_title .NewInfor_Close{float: right; display: block; width: 16px; height: 16px; background-image: url(/Themes/Images/16/cross.png); margin-top: 5px; margin-right: 5px; }
        .NewInfor .iInfor{POSITION: absolute; border:1px #a1a1a3 solid; width:97%; height:90%;left:1%; background-color:#fff;margin-top:28px; padding:0;}
        .NewInfor p{POSITION: absolute; border:1px #a1a1a3 solid; width:360px; height:100px;left:4px; background-color:#fff; background-image:url(m/stereo.png); background-repeat:no-repeat; margin-top:28px; padding:0; padding-left:120px; padding-top:10px; padding-bottom:10px; background-position:10px 20px;}
        .NewInfor .p2{background-image:url(m/stereo2.png);}
        .queding{ margin:0; padding:0; border:0; margin-top:20px; width :100px;  height:29px; padding-top:-30px; background:url(m/MyBTN.gif); background-repeat:no-repeat; overflow:hidden; cursor:pointer;}
        .quxiao{ margin:0; padding:0; border:0; margin-top:20px; width :100px;  height:29px; padding-top:-30px; background:url(m/MyBTN.gif) 0 -29px; background-repeat:no-repeat; overflow:hidden; cursor:pointer;}
.About_text img{width:100%;}
.About_text{overflow:auto; height:265px;}
    </style>
</head>
<body>
    <div class="Lrean_Head">
        <div class="Lreanlogo">
            <img src="m/learnhead_logo.gif" /></div>
        <div class="LreanMenu">
            <%=csname %>
        </div>
    </div>
    <div class="Lrean_body" id="Desktop">
        <div id="Loading" >
            <img src="/Themes/Images/loading1.gif" style="margin: -3px;" />
            <%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Ques_loading")%></div>
            
    </div>
    <script src="/Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="m/NewstartWindows.js" type="text/javascript"></script>
    <script src="m/ckplayer/ckplayer.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Themes/Scripts/ifvisible.js"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            cache: false
        });
        $(function () {
            /// <summary>
            /// 页面初始化
            /// </summary>
            var MyJson = "<%=json %>";
            NewstartLearn.LearnLoad(MyJson);
        });
        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:#fff; padding:5px; z-index:9999;\"><div id=\"guaji_text\"  style=\"color:#fff;\"><%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_PCguajiValidata")%></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('<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_xiumian")%>');
                Tstate = 0;
				$("#guaji_err").show();
				$("#guaji_text").hide();
            });
            ifvisible.wakeup(function(){
                Tstate = 1;
				$("#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);
$(function (){
$("img").css("width", "50px");
$("img").css("height", "50px");
});
    </script>
</body>
</html>
