<!--
* { margin:0; padding:0; list-style:none;}
       html,body { height:100%; overflow:hidden;}
       /*reset panel posotion*/
       .panel{position:absolute;top:0px;right:0px;bottom:0px; left:0px; z-index:1;}
       .top { height:50px; background-color:#dcdcdc;}
       .left { top:50px; bottom:50px; width:200px; background-color:#eee;}
       .main { left:0; top:50px; bottom:0;}
       .bottom { top:auto;  height:50px;background-color:#ccc;}
       .panel iframe { width:100%; height:100%;}
       .ptc_view { left:0; top:73px; bottom:0;}

        /* class for hide top*/
       .hidetop .top{display:none;}
       .hidetop .left,.hidetop .main{top:0px;}

        /* class for hide bottom*/
       .hidebottom .bottom{display:none;}
       .hidebottom .left,.hidebottom .main{bottom:0px;}

       /*class for hide left*/
       .hideleft .left{display:none;}
       .hideleft .main{left:0px;}

       /* HACK:*IE6/7 _IE6*/
       html { *padding:50px 0px 50px 0px;}
       .panel{*position:relative;}
       .top { *margin-top:-50px; *margin-bottom:0px; }
       .left { *height:100%; *float:left; *top:0px;  }
       .main { *height:100%;  *top:0;*left:0px;_left:-3px;}/*IE 6 float 3px bug*/
       .ptc_view { *height:100%;  *top:0;*left:0px;_left:-3px;}
        .hidetop{*padding-top:0px;}
        .hidebottom{*padding-bottom:0px;}
        .hideleft{*padding-left:0px;}
-->