/* CSS Document */
html{ height:100%;}
body{padding:0; margin:0; font-size:1em; line-height:180%; height:100%;}
h1,h2,h3,h4,h5,dl,dt,dd,div,p,ul,li,ol{padding:0; margin:0;}

iframe{ margin:0; padding:8px; width:calc(100% - 18px); border:none; height:100%;}
h1{font-size:1.35em; line-height:220%;}
h2{font-size:1.25em; line-height:200%;}
.usedtime{color:#999;}
a{text-decoration:none; color:#0D6B9D;}
a:hover{color:#F60;}

.topbanana{ background-color:#0D6B9D; color:#FFF; padding:10px;}
.logo img{ width:238px;}
.topbanana div, .topbanana h1{ display:inline-table; height:50px; vertical-align:text-bottom;}

.leftmenu,.rightlists{ zoom:1; overflow:hidden; border:1px solid #D6D6D6;}

.leftmenu{ width:300px; float:left; padding:8px;  height:calc(100% - 93px);}
.rightlists{ float:right; width:calc(100% - 324px); height:calc(100% - 77px);}


.opencontent{ border:none; display:inline-table; margin-left:2em; padding:0.5em 1em; cursor:pointer;}
.opencontent:hover{background:#FDFEFE;box-shadow: 0 2px 13px #454547, 0 0 1px #454547, 0 0 1px #454547;}


.iframecontents{ position:absolute; right:0; top:77px; width:0; height:calc(100% - 84px);border:1px solid #D6D6D6;overflow:hidden;}
.iframecontents div, .iframecontents iframe{ display:inline-table; float:left;}
.iframecontents div{ width:300px; background-color: rgba(0, 0, 0, 0.5); height:100%;}
.iframecontents iframe{width:calc(100% - 318px); background-color:#FFF; }

h1.con{ font-size:1.55em; line-height:230%; text-align:center;}
div.con{ font-size:0.95em; text-align:center; padding:0.75em 0.75em 2em 0.75em; border-bottom:1px solid #D6D6D6;color:#777;}
div.contentsbox{ padding:0.5em;}
div.xiaoxiaomenu{width:100px; height:180px; position:fixed; right:2em; top:2em;}
button.closecontent{ padding:0.5em 1.5em; border:1px solid #D6D6D6; background-color:#F60; color:#FFF; cursor:pointer;}
button.youyong{ padding:0.5em 1em; border:1px solid #D6D6D6;color:#FFF; cursor:pointer; background:url(youyong.png) no-repeat 13px 3px; background-color:#D6D6D6; text-indent:1.6em; }
button.meiyong{ padding:0.5em 1em; border:1px solid #D6D6D6;color:#FFF; cursor:pointer; background:url(meiyong.png) no-repeat 13px 3px; background-color:#D6D6D6; text-indent:1.6em; }
button.shouchang{ padding:0.5em 1em; border:1px solid #D6D6D6;color:#FFF; cursor:pointer; background:url(shouchang.png) no-repeat 13px 3px; background-color:#D6D6D6; text-indent:1.6em; }
div.xiaoxiaomenu button{margin-bottom:0.6em;}
button.youyong:hover,button.meiyong:hover,button.shouchang:hover{background-color:#060;}