<div class=\"inside-banner\">
    <div class=\"banner-title\">關於我們</div>
</div>
<div class=\"main clearfix\">
    <div class=\"content-body\">
        <div class=\"col-025 col-m\">
            <div class=\"in-left-menu\">
                <ul>
                    ({section name=m0 loop=$article.<~_mode~>})
                        <li><a href=\"javascript:;\">({$article.<~_mode~>[m0].name})</a>
                            <ul>
                                ({section name=m1 loop=$article.<~_mode~>[m0].child})
                                    <li><a href=\"<~detail~>({$article.<~_mode~>[m0].child[m1].main_url})\">({$article.<~_mode~>[m0].child[m1].name})</a></li>
                                    ({/section})
                            </ul>
                        </li>
                        ({/section})
                </ul>
            </div>
        </div>
        <div class=\"cor-075 col-m\">
            <h3 class=\"page-title\">({$data.one.name})</h3>
            <div class=\"page-main\">
                ({$data.one.detail})
            </div>
            <!-- 頁次模組 -->
            <div class=\"page\"><a href=\"javascript:history.back();\">回上一頁</a></div>
        </div>
        <!-- 右欄 END -->
    </div>
    <script>
    /*
    選單點擊時焦點屬性自動添加
    */
    $(function() {
        var j_setting = {
            tag: \'<~_mode~>\', //-- *命名空間 不可重複使用
            item: \'.in-left-menu>ul>li\', //-- *目標物件群 EX: \'.prolist ul>li\'
            resetitem: \'#menu li:eq(1)\', //-- *重置物件 (通常放到上板選單)
            addclass: \'active\', //-- *增加的class屬性
            default: 0, //-- *預設第幾個為選取
            action: {
                main: \'menu1\',
                menu_child_body: \'ul\',
                menu_child_list: \'li\'
            } //-- 模式 類型  menu1收合式選單
        }

        function work(j_setting) {
            sessionStorage[j_setting.tag] = (typeof(sessionStorage[j_setting.tag]) != \"undefined\" ? sessionStorage[j_setting.tag] : j_setting.default);
            $(j_setting.item).each(function(idx, obj) {
                $(obj).attr(\'jtagid\', idx);
            }).bind(\'click\', function(event) {
                sessionStorage[j_setting.tag] = $(event.target).attr(\'jtagid\');
            });
            $(j_setting.resetitem).bind(\'click\', function() {
                sessionStorage[j_setting.tag] = j_setting.default;
            });
            $(j_setting.item).eq(sessionStorage[j_setting.tag]).addClass(j_setting.addclass);
            if (typeof(j_setting.action) != \"undefined\") menu(j_setting)
        }

        section_back = function(e) {
            var check_child = false;
            sessionStorage[j_setting.tag] = ($(e.target).attr(\'jtagid\') ? $(e.target).attr(\'jtagid\') : $(e.target).parentsUntil(j_setting.action.menu_child_body).last().attr(\'jtagid\'));
            $(j_setting.item).removeClass(j_setting.addclass).find(j_setting.action.menu_child_body).filter(\':visible\').slideUp();
            $(j_setting.item).find(j_setting.action.menu_child_list).removeClass(j_setting.addclass);
            $(e.target).parentsUntil(j_setting.action.menu_child_body).each(function(idx, obj) {
                if ($(obj).find(j_setting.action.menu_child_body).filter(\':visible\').length <= 0 && $(obj).find(j_setting.action.menu_child_body).length > 0 && $(obj).find(j_setting.action.menu_child_body)[0].tagName.toLowerCase() == j_setting.action.menu_child_body.toLowerCase()) {
                    check_child = false;
                    $(obj).addClass(j_setting.addclass).find(j_setting.action.menu_child_body).stop().slideDown();
                } else if ($(obj).find(j_setting.action.menu_child_body).length <= 0) {
                    check_child = true;
                }
            });
            return check_child;
        }

        function menu(j_setting) {
            $(j_setting.item).each(function(idx, obj) {
                $(obj).on(\'click\', section_back);
            });

            switch (j_setting.action.main) {
                case \"menu1\":
                    $(j_setting.item).find(j_setting.action.menu_child_body).find(j_setting.action.menu_child_list).each(function(idx, obj) {
                        $(obj).attr(\'jtagid\', $(j_setting.item).length + idx);
                    }).on(\'click\', section_back);
                    break;
                default:
                    break;
            }

            $(j_setting.item).find(j_setting.action.menu_child_body).hide();
            if (sessionStorage[j_setting.tag]) {
                $(\'[jtagid=\"\' + sessionStorage[j_setting.tag] + \'\"]\').addClass(j_setting.addclass).parentsUntil(\'[jtagid]\').each(function(idx, obj) {
                    $(obj).show();
                    if (j_setting.action.menu_child_list.toLowerCase() == $(obj)[0].tagName.toLowerCase()) $(obj).addClass(j_setting.addclass);
                });
                $(\'[jtagid=\"\' + sessionStorage[j_setting.tag] + \'\"]\').parentsUntil(\'[jtagid]\').parent().addClass(j_setting.addclass);
            }
        }

        work(j_setting);
    });
    </script>
</div>