From e976f3bc058f07f936c6d624cbb3ceaa53be61df Mon Sep 17 00:00:00 2001
From: Arcturus <github@drk.st>
Date: Sat, 15 Nov 2025 13:01:14 +0900
Subject: [PATCH] fix 8.3 redis error, htmlprocess add features

---
 AvocadoAmber/_extra_font.php                  |   93 +-
 AvocadoAmber/adm/design_form_css.php          | 1317 +++++++----------
 .../classes/htmlprocess/htmlprocess.class.php |   27 +-
 AvocadoAmber/common.php                       |   19 +-
 AvocadoAmber/config.php                       |    9 +
 5 files changed, 636 insertions(+), 829 deletions(-)

diff --git a/AvocadoAmber/_extra_font.php b/AvocadoAmber/_extra_font.php
index 8ac3541..18efe83 100644
--- a/AvocadoAmber/_extra_font.php
+++ b/AvocadoAmber/_extra_font.php
@@ -2,25 +2,82 @@
 if (!defined('_GNUBOARD_'))
   exit;
 
-$font_sql = "SELECT * FROM {$g5['font_table']} ORDER BY font_name ASC";
-$font_result = sql_query($font_sql);
+function getFontCSSWithCache()
+{
+  global $g5;
+  $cache_key = 'font_css_cache';
+  $cache_duration = 300;
 
-echo "<style id=\"extra_font\">";
-while ($row = sql_fetch_array($font_result)) {
-  $font_family = $row['font_family'];
-  $font_url = stripslashes($row['font_url']);
-  $font_weight = $row['font_weight'];
-  $font_style = $row['font_style'];
+  if (USE_REDIS && class_exists('Redis')) {
+    try {
+      $redis = new Redis();
+      $redis->connect('localhost', 6379);
 
-  if (strpos($font_url, '@import') !== false) {
-    echo "{$font_url}\n\n";
-  } else {
-    echo "@font-face {\n";
-    echo "  font-family: '{$font_family}';\n";
-    echo "  src: {$font_url};\n";
-    echo "  font-weight: {$font_weight};\n";
-    echo "  font-style: {$font_style};\n";
-    echo "}\n\n";
+      $cached_css = $redis->get($cache_key);
+      if ($cached_css !== false) {
+        $redis->close();
+        return $cached_css;
+      }
+
+      $css_content = generateFontCSS($g5);
+      $redis->setex($cache_key, $cache_duration, $css_content);
+      $redis->close();
+
+      return $css_content;
+    } catch (Exception $e) {
+      error_log("Redis 연결 실패: " . $e->getMessage());
+    }
   }
+
+  return getFontCSSWithFileCache($g5, $cache_duration);
 }
-echo "</style>";
+
+function getFontCSSWithFileCache($g5, $cache_duration)
+{
+  $cache_file = G5_DATA_PATH . '/cache/font_css_cache.txt';
+  $cache_dir = dirname($cache_file);
+
+  if (!is_dir($cache_dir)) {
+    @mkdir($cache_dir, 0755, true);
+  }
+
+  if (file_exists($cache_file) && (time() - filemtime($cache_file)) < $cache_duration) {
+    return file_get_contents($cache_file);
+  }
+
+  $css_content = generateFontCSS($g5);
+
+  @file_put_contents($cache_file, $css_content, LOCK_EX);
+
+  return $css_content;
+}
+
+function generateFontCSS($g5)
+{
+  $font_sql = "SELECT * FROM {$g5['font_table']} ORDER BY font_name ASC";
+  $font_result = sql_query($font_sql);
+  $css_content = "<style id=\"extra_font\">";
+
+  while ($row = sql_fetch_array($font_result)) {
+    $font_family = $row['font_family'];
+    $font_url = stripslashes($row['font_url']);
+    $font_weight = $row['font_weight'];
+    $font_style = $row['font_style'];
+
+    if (strpos($font_url, '@import') !== false) {
+      $css_content .= "{$font_url}\n\n";
+    } else {
+      $css_content .= "@font-face {\n";
+      $css_content .= "  font-family: '{$font_family}';\n";
+      $css_content .= "  src: {$font_url};\n";
+      $css_content .= "  font-weight: {$font_weight};\n";
+      $css_content .= "  font-style: {$font_style};\n";
+      $css_content .= "}\n\n";
+    }
+  }
+
+  $css_content .= "</style>";
+  return $css_content;
+}
+
+echo getFontCSSWithCache();
diff --git a/AvocadoAmber/adm/design_form_css.php b/AvocadoAmber/adm/design_form_css.php
index 9d02f58..3a610dc 100644
--- a/AvocadoAmber/adm/design_form_css.php
+++ b/AvocadoAmber/adm/design_form_css.php
@@ -1,38 +1,172 @@
 <?php
 @include_once "./_common.php";
 
-// CSS 설정 가져오기
 $css_sql = sql_query("SELECT * FROM {$g5['css_table']}");
 $css = [];
 for ($i = 0; $cs = sql_fetch_array($css_sql); $i++) {
   $css[$cs['cs_name']][0] = $cs['cs_value'];
-  $css[$cs['cs_name']][1] = $cs['cs_etc_1'];
-  $css[$cs['cs_name']][2] = $cs['cs_etc_2'];
-  $css[$cs['cs_name']][3] = $cs['cs_etc_3'];
-  $css[$cs['cs_name']][4] = $cs['cs_etc_4'];
-  $css[$cs['cs_name']][5] = $cs['cs_etc_5'];
-  $css[$cs['cs_name']][6] = $cs['cs_etc_6'];
-  $css[$cs['cs_name']][7] = $cs['cs_etc_7'];
-  $css[$cs['cs_name']][8] = $cs['cs_etc_8'];
-  $css[$cs['cs_name']][9] = $cs['cs_etc_9'];
-  $css[$cs['cs_name']][10] = $cs['cs_etc_10'];
-
-  $css[$cs['cs_name']][11] = $cs['cs_etc_11'];
-  $css[$cs['cs_name']][12] = $cs['cs_etc_12'];
-  $css[$cs['cs_name']][13] = $cs['cs_etc_13'];
-  $css[$cs['cs_name']][14] = $cs['cs_etc_14'];
-  $css[$cs['cs_name']][15] = $cs['cs_etc_15'];
-  $css[$cs['cs_name']][16] = $cs['cs_etc_16'];
-  $css[$cs['cs_name']][17] = $cs['cs_etc_17'];
-  $css[$cs['cs_name']][18] = $cs['cs_etc_18'];
-  $css[$cs['cs_name']][19] = $cs['cs_etc_19'];
-  $css[$cs['cs_name']][20] = $cs['cs_etc_20'];
+  for ($j = 1; $j <= 20; $j++) {
+    $css[$cs['cs_name']][$j] = $cs["cs_etc_$j"];
+  }
 }
-$tab_width = 1024;
 
+$tab_width = 1024;
 $is_item_area = false;
 $is_comment_area = false;
 
+function isset_value($arr, $key)
+{
+  return isset($arr[$key]) && $arr[$key] !== '' && $arr[$key] !== null;
+}
+
+function css_background($css_arr, $prefix = 'background')
+{
+  if (!is_array($css_arr))
+    return '';
+
+  $output = '';
+  if (isset_value($css_arr, 0))
+    $output .= "{$prefix}-image:url('{$css_arr[0]}'); ";
+  if (isset_value($css_arr, 1))
+    $output .= "{$prefix}-color:" . hex2rgba($css_arr[1], isset($css_arr[2]) ? $css_arr[2] : 100) . "; ";
+  if (isset_value($css_arr, 3))
+    $output .= "{$prefix}-repeat:{$css_arr[3]}; ";
+  if (isset_value($css_arr, 4))
+    $output .= "{$prefix}-position:{$css_arr[4]}; ";
+  if (isset_value($css_arr, 5))
+    $output .= "{$prefix}-size:{$css_arr[5]}; ";
+
+  return $output;
+}
+
+function css_color($color, $alpha = null, $property = 'color')
+{
+  if (!$color)
+    return '';
+  $alpha_value = $alpha !== null ? $alpha : 100;
+  return "{$property}:" . hex2rgba($color, $alpha_value) . "; ";
+}
+
+function css_border_radius($css_arr, $start_index = 5)
+{
+  if (!is_array($css_arr))
+    return '';
+
+  $output = '';
+  $corners = ['top-left', 'top-right', 'bottom-right', 'bottom-left'];
+
+  for ($i = 0; $i < 4; $i++) {
+    $index = $start_index + $i;
+    if (isset_value($css_arr, $index)) {
+      $output .= "border-{$corners[$i]}-radius:{$css_arr[$index]}px; ";
+    }
+  }
+
+  return $output;
+}
+
+function css_border($css_arr, $directions = null)
+{
+  if (!is_array($css_arr))
+    return '';
+
+  $output = '';
+
+  if (isset_value($css_arr, 4)) {
+    $output .= css_color($css_arr[4], isset($css_arr[5]) ? $css_arr[5] : null, 'border-color');
+  }
+
+  if (isset_value($css_arr, 8)) {
+    $border_directions = explode("||", $css_arr[8]);
+
+    foreach ($border_directions as $direction) {
+      if ($direction) {
+        if (isset_value($css_arr, 6)) {
+          $output .= "border-{$direction}-style:{$css_arr[6]}; ";
+        }
+        if (isset_value($css_arr, 7)) {
+          $output .= "border-{$direction}-width:{$css_arr[7]}px; ";
+        }
+      }
+    }
+  } elseif ($directions) {
+    if (isset_value($css_arr, 6)) {
+      $output .= "border-{$directions}-style:{$css_arr[6]}; ";
+    }
+    if (isset_value($css_arr, 7)) {
+      $output .= "border-{$directions}-width:{$css_arr[7]}px; ";
+    }
+  }
+
+  return $output;
+}
+
+function css_box_style($css_arr, $border_start = 5, $radius_start = 9)
+{
+  if (!is_array($css_arr))
+    return '';
+
+  $output = '';
+
+  if (isset_value($css_arr, 0)) {
+    $output .= css_color($css_arr[0], isset($css_arr[1]) ? $css_arr[1] : null, 'background-color');
+  }
+
+  if (isset_value($css_arr, 2)) {
+    $output .= css_color($css_arr[2], isset($css_arr[3]) ? $css_arr[3] : null, 'color');
+  }
+
+  $output .= css_border($css_arr);
+  $output .= css_border_radius($css_arr, $radius_start);
+
+  return $output;
+}
+
+function css_button_style($css_arr, $with_hover = true)
+{
+  if (!is_array($css_arr))
+    return '';
+
+  $output = '';
+
+  $output .= css_border_radius($css_arr, 12);
+  if (isset_value($css_arr, 0))
+    $output .= css_color($css_arr[0], isset($css_arr[1]) ? $css_arr[1] : null, 'background-color');
+  if (isset_value($css_arr, 2))
+    $output .= css_color($css_arr[2], isset($css_arr[3]) ? $css_arr[3] : null, 'color');
+  if (isset_value($css_arr, 4))
+    $output .= css_color($css_arr[4], isset($css_arr[5]) ? $css_arr[5] : null, 'border-color');
+
+  return $output;
+}
+
+function css_button_hover($css_arr)
+{
+  if (!is_array($css_arr))
+    return '';
+
+  $output = '';
+  if (isset_value($css_arr, 6))
+    $output .= css_color($css_arr[6], isset($css_arr[7]) ? $css_arr[7] : null, 'background-color');
+  if (isset_value($css_arr, 8))
+    $output .= css_color($css_arr[8], isset($css_arr[9]) ? $css_arr[9] : null, 'color');
+  if (isset_value($css_arr, 10))
+    $output .= css_color($css_arr[10], isset($css_arr[11]) ? $css_arr[11] : null, 'border-color');
+
+  return $output;
+}
+
+function media_query($condition, $content)
+{
+  if (empty(trim($content)))
+    return '';
+  return "@media $condition {\n$content}\n\n";
+}
+
+$content_width = isset_value($css['content_width'], 0) ? $css['content_width'][0] : 1000;
+$max_content_width = $content_width + 160;
+$middle_content_width = $content_width + 40;
+
 ?>
 @charset "utf-8";
 
@@ -43,23 +177,18 @@ Design Manager Setting Style: 자동생성 CSS
 - 모바일 사이즈 기준 (공통) : <?= $tab_width ?>px
 ***************************************************************/
 
-<?= stripslashes($cf_add_fonts) ?>
+<?= stripslashes(isset($cf_add_fonts) ? $cf_add_fonts : '') ?>
 
 
 /**************************************************************
 기본 레이아웃
 ***************************************************************/
-<?php
-// -- 레이아웃 변수 계산하기
-$content_width = !$css['content_width'][0] ? 1000 : $css['content_width'][0];
-$max_content_width = $content_width + 160;
-$middle_content_width = $content_width + 40;
-?>
 
-.fix-layout { <?php echo "max-width:{$max_content_width}px; "; ?>}
+.fix-layout { max-width:<?= $max_content_width ?>px; }
+
 @media all and (max-width:<?= $max_content_width ?>px) {
-.fix-layout { <?php echo "max-width:{$middle_content_width}px; "; ?>}
-#body > .fix-layout > .mid-layout {padding-left:20px; padding-right:20px;}
+.fix-layout { max-width:<?= $middle_content_width ?>px; }
+#body > .fix-layout > .mid-layout { padding-left:20px; padding-right:20px; }
 }
 
 
@@ -67,30 +196,34 @@ $middle_content_width = $content_width + 40;
 기본 폰트 설정
 ***************************************************************/
 
-* {<?php if ($css['default_font'][3])
-  echo "font-family:{$css['default_font'][3]}, sans-serif; "; ?>}
+<?php if (isset_value($css['default_font'], 3)): ?>
+  * { font-family:<?= $css['default_font'][3] ?>, sans-serif; }
+<?php endif; ?>
+
 body {
 <?php
-if ($css['default_font'][0])
-  echo "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ";
-if ($css['default_font'][2])
+if (isset_value($css['default_font'], 0))
+  echo css_color($css['default_font'][0], isset($css['default_font'][1]) ? $css['default_font'][1] : null);
+if (isset_value($css['default_font'], 2))
   echo "font-size:{$css['default_font'][2]}px; ";
-if ($css['default_font'][3])
+if (isset_value($css['default_font'], 3))
   echo "font-family:{$css['default_font'][3]}, sans-serif; ";
-?>}
-.txt-default {
-<?php
-if ($css['color_default'][0])
-  echo "color:" . hex2rgba($css['color_default'][0], $css['color_default'][1]) . "; ";
-?>}
-a, .txt-point, .sch_word {
-<?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-?>}
+?>
+}
 
-.txt-menu-font {<?php if ($css['menu_tooltip'][9])
-  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>}
+.txt-default {
+<?php if (isset_value($css['color_default'], 0))
+  echo css_color($css['color_default'][0], isset($css['color_default'][1]) ? $css['color_default'][1] : null); ?>
+}
+
+a, .txt-point, .sch_word {
+<?php if (isset_value($css['color_point'], 0))
+  echo css_color($css['color_point'][0], isset($css['color_point'][1]) ? $css['color_point'][1] : null); ?>
+}
+
+<?php if (isset_value($css['menu_tooltip'], 9)): ?>
+  .txt-menu-font { font-family:<?= $css['menu_tooltip'][9] ?>, sans-serif; }
+<?php endif; ?>
 
 
 /**************************************************************
@@ -98,61 +231,32 @@ if ($css['color_point'][0])
 ***************************************************************/
 
 .enterWrapper {
-<?php
-if ($css['intro_background'][0])
-  echo "background-image:url('{$css['intro_background'][0]}'); ";
-if ($css['intro_background'][1])
-  echo "background-color:" . hex2rgba($css['intro_background'][1], $css['intro_background'][2]) . "; ";
-if ($css['intro_background'][3])
-  echo "background-repeat:{$css['intro_background'][3]}; ";
-if ($css['intro_background'][4])
-  echo "background-position:{$css['intro_background'][4]}; ";
-if ($css['intro_background'][5])
-  echo "background-size:{$css['intro_background'][5]}; ";
-?>}
+<?= css_background(isset($css['intro_background']) ? $css['intro_background'] : []) ?>
+}
+
 .enterWrapper .guide {
 <?php
-if ($css['intro'][2])
-  echo "color:" . hex2rgba($css['intro'][2], $css['intro'][3]) . "; ";
-if ($css['intro'][4])
+if (isset_value($css['intro'], 2))
+  echo css_color($css['intro'][2], isset($css['intro'][3]) ? $css['intro'][3] : null);
+if (isset_value($css['intro'], 4))
   echo "font-size:{$css['intro'][4]}px; ";
-if ($css['intro'][5])
+if (isset_value($css['intro'], 5))
   echo "font-family:{$css['intro'][5]}, sans-serif; ";
-?>}
-
+?>
+}
 
 @media all and (min-width: <?= ($tab_width + 1) ?>px) {
 .admin-preview-box,
 html.single:before {
-<?php
-if ($css['background'][0])
-  echo "background-image:url('{$css['background'][0]}'); ";
-if ($css['background'][1])
-  echo "background-color:" . hex2rgba($css['background'][1], $css['background'][2]) . "; ";
-if ($css['background'][3])
-  echo "background-repeat:{$css['background'][3]}; ";
-if ($css['background'][4])
-  echo "background-position:{$css['background'][4]}; ";
-if ($css['background'][5])
-  echo "background-size:{$css['background'][5]}; ";
-?>}
+<?= css_background(isset($css['background']) ? $css['background'] : []) ?>
+}
 }
 
 @media all and (max-width: <?= $tab_width ?>px) {
 .admin-preview-box,
 html.single:before {
-<?php
-if ($css['m_background'][0])
-  echo "background-image:url('{$css['m_background'][0]}'); ";
-if ($css['m_background'][1])
-  echo "background-color:" . hex2rgba($css['m_background'][1], $css['m_background'][2]) . "; ";
-if ($css['m_background'][3])
-  echo "background-repeat:{$css['m_background'][3]}; ";
-if ($css['m_background'][4])
-  echo "background-position:{$css['m_background'][4]}; ";
-if ($css['m_background'][5])
-  echo "background-size:{$css['m_background'][5]}; ";
-?>}
+<?= css_background(isset($css['m_background']) ? $css['m_background'] : []) ?>
+}
 }
 
 
@@ -160,309 +264,198 @@ if ($css['m_background'][5])
 메뉴 스타일 설정
 ***************************************************************/
 
-/* 관리자 미리보기 스타일 정의 */
-.admin-preview-box .gnbWrap { <?php if ($css['menu_icon'][12])
-  echo "font-size:{$css['menu_icon'][12]}px; "; ?>}
-.admin-preview-box .gnbWrap .tooltips {
-<?php if ($css['menu_tooltip'][9])
-  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>}
+<?php
+$menu_icon_before = '';
+if (isset_value($css['menu_icon'], 13)) {
+  switch ($css['menu_icon'][13]) {
+    case "diamond":
+      $menu_icon_before .= "top:50%; left:50%; right:auto; bottom:auto; width:2.1em; height:2.1em; margin:-1.05em 0 0 -1.05em; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); ";
+      break;
+    case "circle":
+      $menu_icon_before .= "border-radius:100%; ";
+      break;
+  }
+}
+
+if (isset_value($css['menu_icon'], 0)) {
+  $menu_icon_before .= css_color($css['menu_icon'][0], isset($css['menu_icon'][1]) ? $css['menu_icon'][1] : null, 'background-color');
+}
+
+if (isset_value($css['menu_icon'], 2)) {
+  $menu_icon_before .= "background:linear-gradient(0deg, " .
+    hex2rgba($css['menu_icon'][2], isset($css['menu_icon'][3]) ? $css['menu_icon'][3] : 100) . " 0%, " .
+    hex2rgba($css['menu_icon'][4], isset($css['menu_icon'][5]) ? $css['menu_icon'][5] : 100) . " 100%); ";
+}
+
+if (isset_value($css['menu_icon'], 6)) {
+  $menu_icon_before .= css_color($css['menu_icon'][6], isset($css['menu_icon'][7]) ? $css['menu_icon'][7] : null, 'border-color');
+}
+if (isset_value($css['menu_icon'], 8))
+  $menu_icon_before .= "border-style:{$css['menu_icon'][8]}; ";
+if (isset_value($css['menu_icon'], 9))
+  $menu_icon_before .= "border-width:{$css['menu_icon'][9]}px; ";
+
+$menu_tooltip_style = css_box_style(isset($css['menu_tooltip']) ? $css['menu_tooltip'] : [], 5, 5);
+?>
+
+/* 관리자 미리보기 & 공통 스타일 */
+.admin-preview-box .gnbWrap,
+#header .gnbWrap,
+#mo_header .gnbWrap {
+<?php if (isset_value($css['menu_icon'], 12))
+  echo "font-size:{$css['menu_icon'][12]}px; "; ?>
+}
+
+.admin-preview-box .gnbWrap .tooltips,
+#header .gnbWrap .tooltips,
+#mo_header .gnbWrap .tooltips {
+<?php if (isset_value($css['menu_tooltip'], 9))
+  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>
+}
 
 #topCont a .icons,
 .icons-link-box .icons,
-.admin-preview-box .gnbWrap .icons {
+.admin-preview-box .gnbWrap .icons,
+#header .gnbWrap .icons {
 <?php
-if ($css['menu_icon'][10])
-  echo "color:" . hex2rgba($css['menu_icon'][10], $css['menu_icon'][11]) . "; ";
-if ($css['menu_icon'][13] == 'diamond')
+if (isset_value($css['menu_icon'], 10))
+  echo css_color($css['menu_icon'][10], isset($css['menu_icon'][11]) ? $css['menu_icon'][11] : null);
+if (isset_value($css['menu_icon'], 13) && $css['menu_icon'][13] == 'diamond')
   echo "height:3.3em; ";
-?>}
+?>
+}
 
 #topCont a .icons:before,
 .icons-link-box a .icons:before,
-.admin-preview-box .gnbWrap .icons:before {
-<?php
-switch ($css['menu_icon'][13]) {
-  case "diamond":
-    echo "top:50%; left:50%; right:auto; bottom:auto; width:2.1em; height:2.1em; margin:-1.05em 0 0 -1.05em; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); ";
-    break;
-  case "circle":
-    echo "border-radius:100%; ";
-    break;
-  case "square":
-    echo "";
-    break;
-}
-if ($css['menu_icon'][0])
-  echo "background-color:" . hex2rgba($css['menu_icon'][0], $css['menu_icon'][1]) . "; ";
-if ($css['menu_icon'][2])
-  echo "background:linear-gradient(0deg, " . hex2rgba($css['menu_icon'][2], $css['menu_icon'][3]) . " 0%, " . hex2rgba($css['menu_icon'][4], $css['menu_icon'][5]) . " 100%); ";
-if ($css['menu_icon'][6])
-  echo "border-color:" . hex2rgba($css['menu_icon'][6], $css['menu_icon'][7]) . "; ";
-if ($css['menu_icon'][8])
-  echo "border-style:{$css['menu_icon'][8]}; ";
-if ($css['menu_icon'][9])
-  echo "border-width:{$css['menu_icon'][9]}px; ";
-?>}
-.admin-preview-box .gnbWrap .tooltips {
-<?php
-if ($css['menu_tooltip'][0])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ";
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-if ($css['menu_tooltip'][4])
-  echo "font-size:{$css['menu_tooltip'][4]}px; ";
-if ($css['menu_tooltip'][5])
-  echo "border-top-left-radius:{$css['menu_tooltip'][5]}px; ";
-if ($css['menu_tooltip'][6])
-  echo "border-top-right-radius:{$css['menu_tooltip'][6]}px; ";
-if ($css['menu_tooltip'][7])
-  echo "border-bottom-right-radius:{$css['menu_tooltip'][7]}px; ";
-if ($css['menu_tooltip'][8])
-  echo "border-bottom-left-radius:{$css['menu_tooltip'][8]}px; ";
-?>}
-
-/* 사용자단 스타일 정의 */
-#header .gnbWrap,
-#mo_header .gnbWrap { <?php if ($css['menu_icon'][12])
-  echo "font-size:{$css['menu_icon'][12]}px; "; ?>}
-#header .gnbWrap .tooltips,
-#mo_header .gnbWrap .tooltips {
-<?php if ($css['menu_tooltip'][9])
-  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>}
-
-@media all and (min-width: <?= ($tab_width + 1) ?>px) {
-#header {
-<?php
-switch ($css['use_header'][0]) {
-  case "": // 좌측 배치
-    echo "top:0; bottom:0; left:20px; ";
-    break;
-  case "R": // 우측 배치
-    echo "top:0; bottom:0; right:20px; ";
-    break;
-  case "T": // 상단 배치
-    echo "top:10px; left:0; right:0; ";
-    break;
-  case "B": // 하단 배치
-    echo "bottom:10px; left:0; right:0; ";
-    break;
-}
-?>}
-#header .gnbWrap {
-<?php
-switch ($css['use_header'][0]) {
-  case "": // 좌측 배치
-    echo "top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
-    break;
-  case "R": // 우측 배치
-    echo "top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
-    break;
-  case "T": // 상단 배치
-    echo "top:0; left:0; right:0; text-align:center; ";
-    break;
-  case "B": // 하단 배치
-    echo "bottom:0; left:0; right:0; text-align:center; ";
-    break;
-}
-?>}
-#header .gnbWrap li {
-<?php
-switch ($css['use_header'][0]) {
-  case "": // 좌측 배치
-    echo " ";
-    break;
-  case "R": // 우측 배치
-    echo " ";
-    break;
-  case "T": // 상단 배치
-    echo "display:inline-block; vertical-align:top; ";
-    break;
-  case "B": // 하단 배치
-    echo "display:inline-block; vertical-align:top; ";
-    break;
-}
-?>}
-#header .gnbWrap li.line {
-<?php
-switch ($css['use_header'][0]) {
-  case "": // 좌측 배치
-    echo "display:block; position:relative; height:.5em; ";
-    break;
-  case "R": // 우측 배치
-    echo "display:block; position:relative; height:.5em; ";
-    break;
-  case "T": // 상단 배치
-    echo "display:inline-block; position:relative; width:.5em; ";
-    break;
-  case "B": // 하단 배치
-    echo "display:inline-block; position:relative; width:.5em; ";
-    break;
-}
-?>}
-#header .gnbWrap .tooltips {
-<?php
-switch ($css['use_header'][0]) {
-  case "": // 좌측 배치
-    echo "margin-left:.5em; left:80%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
-    break;
-  case "R": // 우측 배치
-    echo "margin-right:.5em; right:80%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
-    break;
-  case "T": // 상단 배치
-    echo "margin-top:.5em; top:80%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); ";
-    break;
-  case "B": // 하단 배치
-    echo "margin-bottom:.5em; bottom:80%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); ";
-    break;
-}
-?>}
-#header .gnbWrap a:hover .tooltips {
-<?php
-switch ($css['use_header'][0]) {
-  case "": // 좌측 배치
-    echo "left:100%; ";
-    break;
-  case "R": // 우측 배치
-    echo "right:100%; ";
-    break;
-  case "T": // 상단 배치
-    echo "top:100%; ";
-    break;
-  case "B": // 하단 배치
-    echo "bottom:100%; ";
-    break;
-}
-?>}
-
-#header .gnbWrap .icons {
-<?php
-if ($css['menu_icon'][10])
-  echo "color:" . hex2rgba($css['menu_icon'][10], $css['menu_icon'][11]) . "; ";
-if ($css['menu_icon'][13] == 'diamond')
-  echo "height:3.3em; ";
-?>}
+.admin-preview-box .gnbWrap .icons:before,
 #header .gnbWrap .icons:before {
-<?php
-switch ($css['menu_icon'][13]) {
-  case "diamond":
-    echo "top:50%; left:50%; right:auto; bottom:auto; width:2.1em; height:2.1em; margin:-1.05em 0 0 -1.05em; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); ";
-    break;
-  case "circle":
-    echo "border-radius:100%; ";
-    break;
-  case "square":
-    echo "";
-    break;
+<?= $menu_icon_before ?>
 }
-if ($css['menu_icon'][0])
-  echo "background-color:" . hex2rgba($css['menu_icon'][0], $css['menu_icon'][1]) . "; ";
-if ($css['menu_icon'][2])
-  echo "background:linear-gradient(0deg, " . hex2rgba($css['menu_icon'][2], $css['menu_icon'][3]) . " 0%, " . hex2rgba($css['menu_icon'][4], $css['menu_icon'][5]) . " 100%); ";
-if ($css['menu_icon'][6])
-  echo "border-color:" . hex2rgba($css['menu_icon'][6], $css['menu_icon'][7]) . "; ";
-if ($css['menu_icon'][8])
-  echo "border-style:{$css['menu_icon'][8]}; ";
-if ($css['menu_icon'][9])
-  echo "border-width:{$css['menu_icon'][9]}px; ";
-?>}
+
+.admin-preview-box .gnbWrap .tooltips,
 #header .gnbWrap .tooltips {
-<?php
-if ($css['menu_tooltip'][0])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ";
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-if ($css['menu_tooltip'][4])
-  echo "font-size:{$css['menu_tooltip'][4]}px; ";
-if ($css['menu_tooltip'][5])
-  echo "border-top-left-radius:{$css['menu_tooltip'][5]}px; ";
-if ($css['menu_tooltip'][6])
-  echo "border-top-right-radius:{$css['menu_tooltip'][6]}px; ";
-if ($css['menu_tooltip'][7])
-  echo "border-bottom-right-radius:{$css['menu_tooltip'][7]}px; ";
-if ($css['menu_tooltip'][8])
-  echo "border-bottom-left-radius:{$css['menu_tooltip'][8]}px; ";
-?>}
+<?= $menu_tooltip_style ?>
+<?php if (isset_value($css['menu_tooltip'], 4))
+  echo "font-size:{$css['menu_tooltip'][4]}px; "; ?>
 }
+
+/* PC 헤더 위치 설정 */
+@media all and (min-width: <?= ($tab_width + 1) ?>px) {
+<?php
+$header_position = '';
+$gnb_position = '';
+$gnb_li_style = '';
+$gnb_line_style = '';
+$tooltip_position = '';
+$tooltip_hover = '';
+
+if (isset_value($css['use_header'], 0)) {
+  switch ($css['use_header'][0]) {
+    case "":
+      $header_position = "top:0; bottom:0; left:20px; ";
+      $gnb_position = "top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
+      $gnb_line_style = "display:block; position:relative; height:.5em; ";
+      $tooltip_position = "margin-left:.5em; left:80%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
+      $tooltip_hover = "left:100%; ";
+      break;
+    case "R":
+      $header_position = "top:0; bottom:0; right:20px; ";
+      $gnb_position = "top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
+      $gnb_line_style = "display:block; position:relative; height:.5em; ";
+      $tooltip_position = "margin-right:.5em; right:80%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); ";
+      $tooltip_hover = "right:100%; ";
+      break;
+    case "T":
+      $header_position = "top:10px; left:0; right:0; ";
+      $gnb_position = "top:0; left:0; right:0; text-align:center; ";
+      $gnb_li_style = "display:inline-block; vertical-align:top; ";
+      $gnb_line_style = "display:inline-block; position:relative; width:.5em; ";
+      $tooltip_position = "margin-top:.5em; top:80%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); ";
+      $tooltip_hover = "top:100%; ";
+      break;
+    case "B":
+      $header_position = "bottom:10px; left:0; right:0; ";
+      $gnb_position = "bottom:0; left:0; right:0; text-align:center; ";
+      $gnb_li_style = "display:inline-block; vertical-align:top; ";
+      $gnb_line_style = "display:inline-block; position:relative; width:.5em; ";
+      $tooltip_position = "margin-bottom:.5em; bottom:80%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); ";
+      $tooltip_hover = "bottom:100%; ";
+      break;
+  }
+}
+?>
+
+#header { <?= $header_position ?> }
+#header .gnbWrap { <?= $gnb_position ?> }
+<?php if ($gnb_li_style): ?>
+  #header .gnbWrap li { <?= $gnb_li_style ?> }
+<?php endif; ?>
+#header .gnbWrap li.line { <?= $gnb_line_style ?> }
+#header .gnbWrap .tooltips { <?= $tooltip_position ?> }
+#header .gnbWrap a:hover .tooltips { <?= $tooltip_hover ?> }
+}
+
+/* 모바일 헤더 */
 @media all and (max-width: <?= $tab_width ?>px) {
 #mo_header {
 <?php
-if ($css['menu_tooltip'][0])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ";
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-?>}
-#mo_header .gnbWrap a {
-<?php
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-?>}
-#mo_header .gnbWrap li.line {
-<?php
-if ($css['menu_tooltip'][2])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-?>}
-body.open-gnb .control-mobile-menu {
-<?php
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-?>}
+if (isset_value($css['menu_tooltip'], 0))
+  echo css_color($css['menu_tooltip'][0], isset($css['menu_tooltip'][1]) ? $css['menu_tooltip'][1] : null, 'background-color');
+if (isset_value($css['menu_tooltip'], 2))
+  echo css_color($css['menu_tooltip'][2], isset($css['menu_tooltip'][3]) ? $css['menu_tooltip'][3] : null, 'color');
+?>
 }
 
+#mo_header .gnbWrap a,
+#mo_header .gnbWrap li.line,
+body.open-gnb .control-mobile-menu {
+<?php if (isset_value($css['menu_tooltip'], 2))
+  echo css_color($css['menu_tooltip'][2], isset($css['menu_tooltip'][3]) ? $css['menu_tooltip'][3] : null); ?>
+}
+
+#mo_header .gnbWrap li.line {
+<?php if (isset_value($css['menu_tooltip'], 2))
+  echo css_color($css['menu_tooltip'][2], isset($css['menu_tooltip'][3]) ? $css['menu_tooltip'][3] : null, 'background-color'); ?>
+}
+}
 
 
 /**************************************************************
 스크롤 / 마우스 드래그 블록 색상 지정
 ***************************************************************/
 
-*::-webkit-scrollbar {
-<?php
-if ($css['scrollbar'][2])
-  echo "width:{$css['scrollbar'][2]}px; height:{$css['scrollbar'][2]}px; ";
-?>}
+<?php if (isset_value($css['scrollbar'], 2)): ?>
+  *::-webkit-scrollbar { width:<?= $css['scrollbar'][2] ?>px; height:<?= $css['scrollbar'][2] ?>px; }
+<?php endif; ?>
+
 *::-webkit-scrollbar-track {
-<?php
-if ($css['scrollbar'][0])
-  echo "background-color:" . hex2rgba($css['scrollbar'][0], $css['scrollbar'][1]) . "; ";
-?>}
+<?php if (isset_value($css['scrollbar'], 0))
+  echo css_color($css['scrollbar'][0], isset($css['scrollbar'][1]) ? $css['scrollbar'][1] : null, 'background-color'); ?>
+}
+
 *::-webkit-scrollbar-thumb {
 <?php
-if ($css['scrollbar'][3])
-  echo "background-color:" . hex2rgba($css['scrollbar'][3], $css['scrollbar'][4]) . "; ";
-if ($css['scrollbar'][5])
-  echo "border-top-left-radius:{$css['scrollbar'][5]}px; ";
-if ($css['scrollbar'][6])
-  echo "border-top-right-radius:{$css['scrollbar'][6]}px; ";
-if ($css['scrollbar'][7])
-  echo "border-bottom-right-radius:{$css['scrollbar'][7]}px; ";
-if ($css['scrollbar'][8])
-  echo "border-bottom-left-radius:{$css['scrollbar'][8]}px; ";
-?>}
+if (isset_value($css['scrollbar'], 3))
+  echo css_color($css['scrollbar'][3], isset($css['scrollbar'][4]) ? $css['scrollbar'][4] : null, 'background-color');
+echo css_border_radius(isset($css['scrollbar']) ? $css['scrollbar'] : [], 5);
+?>
+}
 
 * {
-<?php if ($css['color_point'][0])
-  echo "outline-color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; "; ?>}
+<?php if (isset_value($css['color_point'], 0))
+  echo css_color($css['color_point'][0], isset($css['color_point'][1]) ? $css['color_point'][1] : null, 'outline-color'); ?>
+}
 
-::selection {
-<?php
-if ($css['color_point'][0])
-  echo "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-if ($css['color_bak'][0])
-  echo "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ";
-?>}
-::-moz-selection {
-<?php
-if ($css['color_point'][0])
-  echo "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-if ($css['color_bak'][0])
-  echo "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ";
-?>}
+::selection,
+::-moz-selection,
 ::-webkit-selection {
 <?php
-if ($css['color_point'][0])
-  echo "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-if ($css['color_bak'][0])
-  echo "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ";
-?>}
+if (isset_value($css['color_point'], 0))
+  echo css_color($css['color_point'][0], isset($css['color_point'][1]) ? $css['color_point'][1] : null, 'background');
+if (isset_value($css['color_bak'], 0))
+  echo css_color($css['color_bak'][0], isset($css['color_bak'][1]) ? $css['color_bak'][1] : null, 'color');
+?>
+}
 
 
 /**************************************************************
@@ -471,129 +464,59 @@ if ($css['color_bak'][0])
 
 .ui-btn {
 <?php
-if ($css['input_bak'][2])
+if (isset_value($css['input_bak'], 2))
   echo "height:{$css['input_bak'][2]}px; ";
-if ($css['input_bak'][5])
+if (isset_value($css['input_bak'], 5))
   echo "font-size:{$css['input_bak'][5]}px; ";
+echo css_button_style(isset($css['btn_default']) ? $css['btn_default'] : []);
+?>
+}
 
-if ($css['btn_default'][12])
-  echo "border-top-left-radius:{$css['btn_default'][12]}px; ";
-if ($css['btn_default'][13])
-  echo "border-top-right-radius:{$css['btn_default'][13]}px; ";
-if ($css['btn_default'][14])
-  echo "border-bottom-right-radius:{$css['btn_default'][14]}px; ";
-if ($css['btn_default'][15])
-  echo "border-bottom-left-radius:{$css['btn_default'][15]}px; ";
-
-if ($css['btn_default'][0])
-  echo "background-color:" . hex2rgba($css['btn_default'][0], $css['btn_default'][1]) . "; ";
-if ($css['btn_default'][2])
-  echo "color:" . hex2rgba($css['btn_default'][2], $css['btn_default'][3]) . "; ";
-if ($css['btn_default'][4])
-  echo "border-color:" . hex2rgba($css['btn_default'][4], $css['btn_default'][5]) . "; ";
-?>}
 .ui-btn:hover {
-<?php
-if ($css['btn_default'][6])
-  echo "background-color:" . hex2rgba($css['btn_default'][6], $css['btn_default'][7]) . "; ";
-if ($css['btn_default'][8])
-  echo "color:" . hex2rgba($css['btn_default'][8], $css['btn_default'][9]) . "; ";
-if ($css['btn_default'][10])
-  echo "border-color:" . hex2rgba($css['btn_default'][10], $css['btn_default'][11]) . "; ";
-?>}
+<?= css_button_hover(isset($css['btn_default']) ? $css['btn_default'] : []) ?>
+}
+
 .ui-btn.point {
-<?php
-if ($css['btn_point'][12])
-  echo "border-top-left-radius:{$css['btn_point'][12]}px; ";
-if ($css['btn_point'][13])
-  echo "border-top-right-radius:{$css['btn_point'][13]}px; ";
-if ($css['btn_point'][14])
-  echo "border-bottom-right-radius:{$css['btn_point'][14]}px; ";
-if ($css['btn_point'][15])
-  echo "border-bottom-left-radius:{$css['btn_point'][15]}px; ";
+<?= css_button_style(isset($css['btn_point']) ? $css['btn_point'] : []) ?>
+}
 
-if ($css['btn_point'][0])
-  echo "background-color:" . hex2rgba($css['btn_point'][0], $css['btn_point'][1]) . "; ";
-if ($css['btn_point'][2])
-  echo "color:" . hex2rgba($css['btn_point'][2], $css['btn_point'][3]) . "; ";
-if ($css['btn_point'][4])
-  echo "border-color:" . hex2rgba($css['btn_point'][4], $css['btn_point'][5]) . "; ";
-?>}
 .ui-btn.point:hover {
-<?php
-if ($css['btn_point'][6])
-  echo "background-color:" . hex2rgba($css['btn_point'][6], $css['btn_point'][7]) . "; ";
-if ($css['btn_point'][8])
-  echo "color:" . hex2rgba($css['btn_point'][8], $css['btn_point'][9]) . "; ";
-if ($css['btn_point'][10])
-  echo "border-color:" . hex2rgba($css['btn_point'][10], $css['btn_point'][11]) . "; ";
-?>}
+<?= css_button_hover(isset($css['btn_point']) ? $css['btn_point'] : []) ?>
+}
+
 .ui-btn.etc {
-<?php
-if ($css['btn_etc'][12])
-  echo "border-top-left-radius:{$css['btn_etc'][12]}px; ";
-if ($css['btn_etc'][13])
-  echo "border-top-right-radius:{$css['btn_etc'][13]}px; ";
-if ($css['btn_etc'][14])
-  echo "border-bottom-right-radius:{$css['btn_etc'][14]}px; ";
-if ($css['btn_etc'][15])
-  echo "border-bottom-left-radius:{$css['btn_etc'][15]}px; ";
+<?= css_button_style(isset($css['btn_etc']) ? $css['btn_etc'] : []) ?>
+}
 
-if ($css['btn_etc'][0])
-  echo "background-color:" . hex2rgba($css['btn_etc'][0], $css['btn_etc'][1]) . "; ";
-if ($css['btn_etc'][2])
-  echo "color:" . hex2rgba($css['btn_etc'][2], $css['btn_etc'][3]) . "; ";
-if ($css['btn_etc'][4])
-  echo "border-color:" . hex2rgba($css['btn_etc'][4], $css['btn_etc'][5]) . "; ";
-?>}
 .ui-btn.etc:hover {
-<?php
-if ($css['btn_etc'][6])
-  echo "background-color:" . hex2rgba($css['btn_etc'][6], $css['btn_etc'][7]) . "; ";
-if ($css['btn_etc'][8])
-  echo "color:" . hex2rgba($css['btn_etc'][8], $css['btn_etc'][9]) . "; ";
-if ($css['btn_etc'][10])
-  echo "border-color:" . hex2rgba($css['btn_etc'][10], $css['btn_etc'][11]) . "; ";
-?>}
+<?= css_button_hover(isset($css['btn_etc']) ? $css['btn_etc'] : []) ?>
+}
 
-a.ui-btn {
-<?php
-if ($css['input_bak'][2])
-  echo "line-height:" . ($css['input_bak'][2] - 2) . "px; ";
-?>}
-.ui-btn.small {
-<?php
-if ($css['input_bak'][2])
-  echo "height:" . ($css['input_bak'][2] - 10) . "px; ";
-?>}
-a.ui-btn.small {
-<?php
-if ($css['input_bak'][2])
-  echo "line-height:" . ($css['input_bak'][2] - 10) . "px; ";
-?>}
-.ui-btn.big {
-<?php
-if ($css['input_bak'][5])
-  echo "font-size:" . ($css['input_bak'][5] + 3) . "px; ";
-if ($css['input_bak'][2])
-  echo "height:" . ($css['input_bak'][2] + 10) . "px; ";
-?>}
-a.ui-btn.big {
-<?php
-if ($css['input_bak'][2])
-  echo "line-height:" . ($css['input_bak'][2] + 8) . "px; ";
-?>}
+<?php if (isset_value($css['input_bak'], 2)):
+  $base_height = $css['input_bak'][2];
+  ?>
+  a.ui-btn { line-height:<?= ($base_height - 2) ?>px; }
+  .ui-btn.small { height:<?= ($base_height - 10) ?>px; }
+  a.ui-btn.small { line-height:<?= ($base_height - 10) ?>px; }
+  .ui-btn.big { height:<?= ($base_height + 10) ?>px; }
+  a.ui-btn.big { line-height:<?= ($base_height + 8) ?>px; }
+<?php endif; ?>
+
+<?php if (isset_value($css['input_bak'], 5)): ?>
+  .ui-btn.big { font-size:<?= ($css['input_bak'][5] + 3) ?>px; }
+<?php endif; ?>
 
 
 /**************************************************************
 검색박스 영역
 ***************************************************************/
 
-#bo_sch { <?php if ($css['input_bak'][2])
-  echo "margin-top:" . ($css['input_bak'][2]) . "px; "; ?>}
-#bo_sch button {
-<?php if ($css['input_bak'][2])
-  echo "width:" . ($css['input_bak'][2]) . "px; height:" . ($css['input_bak'][2]) . "px; font-size:" . ($css['input_bak'][2] / 2) . "px; "; ?>}
+<?php if (isset_value($css['input_bak'], 2)):
+  $input_height = $css['input_bak'][2];
+  ?>
+  #bo_sch { margin-top:<?= $input_height ?>px; }
+  #bo_sch button { width:<?= $input_height ?>px; height:<?= $input_height ?>px; font-size:<?= ($input_height / 2) ?>px; }
+<?php endif; ?>
 
 
 /**************************************************************
@@ -604,68 +527,49 @@ if ($css['input_bak'][2])
 #bo_w,
 #bo_v {
 <?php
-if ($css['board_table'][0])
-  echo "padding:1.5em; background-color:" . hex2rgba($css['board_table'][0], $css['board_table'][1]) . "; ";
-if ($css['board_table'][2])
-  echo "color:" . hex2rgba($css['board_table'][2], $css['board_table'][3]) . "; ";
-if ($css['board_table'][4])
-  echo "border-color:" . hex2rgba($css['board_table'][4], $css['board_table'][5]) . "; ";
-$css['board_table']['border'] = explode("||", $css['board_table'][8]);
-for ($i = 0; $i < count($css['board_table']['border']); $i++) {
-  if ($css['board_table']['border'][$i]) {
-    if ($css['board_table'][6])
-      echo "border-{$css['board_table']['border'][$i]}-style:{$css['board_table'][6]}; ";
-    if ($css['board_table'][7])
-      echo "border-{$css['board_table']['border'][$i]}-width:{$css['board_table'][7]}px; ";
-  }
+echo css_box_style(isset($css['board_table']) ? $css['board_table'] : []);
+if (isset_value($css['board_table'], 0))
+  echo "padding:1.5em; ";
+?>
 }
 
-if ($css['board_table'][9])
-  echo "border-top-left-radius:{$css['board_table'][9]}px; ";
-if ($css['board_table'][10])
-  echo "border-top-right-radius:{$css['board_table'][10]}px; ";
-if ($css['board_table'][11])
-  echo "border-bottom-right-radius:{$css['board_table'][11]}px; ";
-if ($css['board_table'][12])
-  echo "border-bottom-left-radius:{$css['board_table'][12]}px; ";
-?>}
-
 #bo_v .board-title,
 #bo_v .board-info,
 #bo_v #bo_vc,
 #bo_v #bo_v_bot {
-<?php
-if ($css['form_body'][4])
-  echo "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ";
-?>}
+<?php if (isset_value($css['form_body'], 4))
+  echo css_color($css['form_body'][4], isset($css['form_body'][5]) ? $css['form_body'][5] : null, 'border-color'); ?>
+}
+
 #bo_v .board-title,
 #bo_v .board-info {
 <?php
-if ($css['form_body'][6])
+if (isset_value($css['form_body'], 6))
   echo "border-bottom-style:{$css['form_body'][6]}; ";
-if ($css['form_body'][7])
+if (isset_value($css['form_body'], 7))
   echo "border-bottom-width:{$css['form_body'][7]}px; ";
-?>}
+?>
+}
+
 #bo_v #bo_vc,
 #bo_v #bo_v_bot {
 <?php
-if ($css['form_body'][6])
+if (isset_value($css['form_body'], 6))
   echo "border-top-style:{$css['form_body'][6]}; ";
-if ($css['form_body'][7])
+if (isset_value($css['form_body'], 7))
   echo "border-top-width:{$css['form_body'][7]}px; ";
-?>}
+?>
+}
 
 #bo_v .board-title > * {
-<?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-?>}
-#bo_v #bo_vc .is-reply {
-<?php
-if ($css['form_body'][4])
-  echo "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ";
-?>}
+<?php if (isset_value($css['color_point'], 0))
+  echo css_color($css['color_point'][0], isset($css['color_point'][1]) ? $css['color_point'][1] : null); ?>
+}
 
+#bo_v #bo_vc .is-reply {
+<?php if (isset_value($css['form_body'], 4))
+  echo css_color($css['form_body'][4], isset($css['form_body'][5]) ? $css['form_body'][5] : null, 'border-color'); ?>
+}
 
 
 /**************************************************************
@@ -673,30 +577,25 @@ if ($css['form_body'][4])
 ***************************************************************/
 
 .pg_wrap {
-<?php
-if ($css['input_bak'][5])
-  echo "font-size:{$css['input_bak'][5]}px; ";
-?>}
+<?php if (isset_value($css['input_bak'], 5))
+  echo "font-size:{$css['input_bak'][5]}px; "; ?>
+}
+
 .pg_wrap .pg_page {
-<?php
-if ($css['default_font'][0])
-  echo "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ";
-?>}
-.pg_wrap .pg_page:hover {
-<?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-?>}
-.pg_wrap .pg_control {
-<?php
-if ($css['color_default'][0])
-  echo "color:" . hex2rgba($css['color_default'][0], $css['color_default'][1]) . "; ";
-?>}
+<?php if (isset_value($css['default_font'], 0))
+  echo css_color($css['default_font'][0], isset($css['default_font'][1]) ? $css['default_font'][1] : null); ?>
+}
+
+.pg_wrap .pg_page:hover,
 .pg_wrap .pg_current {
-<?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-?>}
+<?php if (isset_value($css['color_point'], 0))
+  echo css_color($css['color_point'][0], isset($css['color_point'][1]) ? $css['color_point'][1] : null); ?>
+}
+
+.pg_wrap .pg_control {
+<?php if (isset_value($css['color_default'], 0))
+  echo css_color($css['color_default'][0], isset($css['color_default'][1]) ? $css['color_default'][1] : null); ?>
+}
 
 
 /**************************************************************
@@ -704,10 +603,9 @@ if ($css['color_point'][0])
 ***************************************************************/
 
 hr.line {
-<?php
-if ($css['default_font'][0])
-  echo "background:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ";
-?>}
+<?php if (isset_value($css['default_font'], 0))
+  echo css_color($css['default_font'][0], isset($css['default_font'][1]) ? $css['default_font'][1] : null, 'background'); ?>
+}
 
 
 /**************************************************************
@@ -720,10 +618,9 @@ input[type="text"],
 input[type="number"],
 input[type="password"],
 select {
-<?php
-if ($css['input_bak'][2])
-  echo "height:{$css['input_bak'][2]}px; ";
-?>}
+<?php if (isset_value($css['input_bak'], 2))
+  echo "height:{$css['input_bak'][2]}px; "; ?>
+}
 
 .form-input,
 input[type="file"],
@@ -733,29 +630,30 @@ input[type="password"],
 textarea,
 select {
 <?php
-$css['input_bak'][4] = $css['input_bak'][4] == "" ? 0 : $css['input_bak'][4];
-if ($css['input_bak'][0])
-  echo "background-color:" . hex2rgba($css['input_bak'][0], $css['input_bak'][1]) . "; ";
-if ($css['input_bak'][6])
-  echo "border-color:" . hex2rgba($css['input_bak'][6], $css['input_bak'][7]) . "; ";
-if ($css['input_bak'][3])
-  echo "color:" . hex2rgba($css['input_bak'][3], $css['input_bak'][4]) . "; ";
-
-if ($css['input_bak'][5])
+if (isset_value($css['input_bak'], 0)) {
+  $alpha = isset_value($css['input_bak'], 1) ? $css['input_bak'][1] : 100;
+  echo css_color($css['input_bak'][0], $alpha, 'background-color');
+}
+if (isset_value($css['input_bak'], 6))
+  echo css_color($css['input_bak'][6], isset($css['input_bak'][7]) ? $css['input_bak'][7] : null, 'border-color');
+if (isset_value($css['input_bak'], 3)) {
+  $alpha = isset_value($css['input_bak'], 4) ? $css['input_bak'][4] : 0;
+  echo css_color($css['input_bak'][3], $alpha);
+}
+if (isset_value($css['input_bak'], 5))
   echo "font-size:{$css['input_bak'][5]}px; ";
-if ($css['input_bak'][8])
-  echo "border-top-left-radius:{$css['input_bak'][8]}px; ";
-if ($css['input_bak'][9])
-  echo "border-top-right-radius:{$css['input_bak'][9]}px; ";
-if ($css['input_bak'][10])
-  echo "border-bottom-right-radius:{$css['input_bak'][10]}px; ";
-if ($css['input_bak'][11])
-  echo "border-bottom-left-radius:{$css['input_bak'][11]}px; ";
-?>}
+echo css_border_radius(isset($css['input_bak']) ? $css['input_bak'] : [], 8);
+?>
+}
 
 *::placeholder {
-<?php if ($css['input_bak'][3])
-  echo "color:" . hex2rgba($css['input_bak'][3], ($css['input_bak'][4] + 50)) . "; "; ?>}
+<?php
+if (isset_value($css['input_bak'], 3)) {
+  $placeholder_alpha = (isset_value($css['input_bak'], 4) ? $css['input_bak'][4] : 0) + 50;
+  echo css_color($css['input_bak'][3], $placeholder_alpha);
+}
+?>
+}
 
 
 /**************************************************************
@@ -763,62 +661,12 @@ if ($css['input_bak'][11])
 ***************************************************************/
 
 .theme-box {
-<?php
-if ($css['box_style'][0])
-  echo "background-color:" . hex2rgba($css['box_style'][0], $css['box_style'][1]) . "; ";
-if ($css['box_style'][2])
-  echo "color:" . hex2rgba($css['box_style'][2], $css['box_style'][3]) . "; ";
-if ($css['box_style'][4])
-  echo "border-color:" . hex2rgba($css['box_style'][4], $css['box_style'][5]) . "; ";
-
-if ($css['box_style'][9])
-  echo "border-top-left-radius:{$css['box_style'][9]}px; ";
-if ($css['box_style'][10])
-  echo "border-top-right-radius:{$css['box_style'][10]}px; ";
-if ($css['box_style'][11])
-  echo "border-bottom-right-radius:{$css['box_style'][11]}px; ";
-if ($css['box_style'][12])
-  echo "border-bottom-left-radius:{$css['box_style'][12]}px; ";
-
-$css['box_style']['border'] = explode("||", $css['box_style'][8]);
-for ($i = 0; $i < count($css['box_style']['border']); $i++) {
-  if ($css['box_style']['border'][$i]) {
-    if ($css['box_style'][6])
-      echo "border-{$css['box_style']['border'][$i]}-style:{$css['box_style'][6]}; ";
-    if ($css['box_style'][7])
-      echo "border-{$css['box_style']['border'][$i]}-width:{$css['box_style'][7]}px; ";
-  }
+<?= css_box_style(isset($css['box_style']) ? $css['box_style'] : []) ?>
 }
-?>}
 
 .board-notice-box {
-<?php
-if ($css['board_notice'][0])
-  echo "background-color:" . hex2rgba($css['board_notice'][0], $css['board_notice'][1]) . "; ";
-if ($css['board_notice'][2])
-  echo "color:" . hex2rgba($css['board_notice'][2], $css['board_notice'][3]) . "; ";
-if ($css['board_notice'][4])
-  echo "border-color:" . hex2rgba($css['board_notice'][4], $css['board_notice'][5]) . "; ";
-
-if ($css['board_notice'][9])
-  echo "border-top-left-radius:{$css['board_notice'][9]}px; ";
-if ($css['board_notice'][10])
-  echo "border-top-right-radius:{$css['board_notice'][10]}px; ";
-if ($css['board_notice'][11])
-  echo "border-bottom-right-radius:{$css['board_notice'][11]}px; ";
-if ($css['board_notice'][12])
-  echo "border-bottom-left-radius:{$css['board_notice'][12]}px; ";
-
-$css['board_notice']['border'] = explode("||", $css['board_notice'][8]);
-for ($i = 0; $i < count($css['board_notice']['border']); $i++) {
-  if ($css['board_notice']['border'][$i]) {
-    if ($css['board_notice'][6])
-      echo "border-{$css['board_notice']['border'][$i]}-style:{$css['board_notice'][6]}; ";
-    if ($css['board_notice'][7])
-      echo "border-{$css['board_notice']['border'][$i]}-width:{$css['board_notice'][7]}px; ";
-  }
+<?= css_box_style(isset($css['board_notice']) ? $css['board_notice'] : []) ?>
 }
-?>}
 
 
 /**************************************************************
@@ -826,81 +674,21 @@ for ($i = 0; $i < count($css['board_notice']['border']); $i++) {
 ***************************************************************/
 
 .theme-list thead th {
-<?php
-if ($css['list_header'][0])
-  echo "background-color:" . hex2rgba($css['list_header'][0], $css['list_header'][1]) . "; ";
-if ($css['list_header'][2])
-  echo "color:" . hex2rgba($css['list_header'][2], $css['list_header'][3]) . "; ";
-if ($css['list_header'][4])
-  echo "border-color:" . hex2rgba($css['list_header'][4], $css['list_header'][5]) . "; ";
-$css['list_header']['border'] = explode("||", $css['list_header'][8]);
-for ($i = 0; $i < count($css['list_header']['border']); $i++) {
-  if ($css['list_header']['border'][$i]) {
-    if ($css['list_header'][6])
-      echo "border-{$css['list_header']['border'][$i]}-style:{$css['list_header'][6]}; ";
-    if ($css['list_header'][7])
-      echo "border-{$css['list_header']['border'][$i]}-width:{$css['list_header'][7]}px; ";
-  }
+<?= css_box_style(isset($css['list_header']) ? $css['list_header'] : []) ?>
 }
-?>}
+
 .theme-list tbody th,
 .theme-list tbody td {
-<?php
-if ($css['list_body'][0])
-  echo "background-color:" . hex2rgba($css['list_body'][0], $css['list_body'][1]) . "; ";
-if ($css['list_body'][2])
-  echo "color:" . hex2rgba($css['list_body'][2], $css['list_body'][3]) . "; ";
-if ($css['list_body'][4])
-  echo "border-color:" . hex2rgba($css['list_body'][4], $css['list_body'][5]) . "; ";
-$css['list_body']['border'] = explode("||", $css['list_body'][8]);
-for ($i = 0; $i < count($css['list_body']['border']); $i++) {
-  if ($css['list_body']['border'][$i]) {
-    if ($css['list_body'][6])
-      echo "border-{$css['list_body']['border'][$i]}-style:{$css['list_body'][6]}; ";
-    if ($css['list_body'][7])
-      echo "border-{$css['list_body']['border'][$i]}-width:{$css['list_body'][7]}px; ";
-  }
+<?= css_box_style(isset($css['list_body']) ? $css['list_body'] : []) ?>
 }
-?>}
 
 .theme-form tbody th {
-<?php
-if ($css['form_header'][0])
-  echo "background-color:" . hex2rgba($css['form_header'][0], $css['form_header'][1]) . "; ";
-if ($css['form_header'][2])
-  echo "color:" . hex2rgba($css['form_header'][2], $css['form_header'][3]) . "; ";
-if ($css['form_header'][4])
-  echo "border-color:" . hex2rgba($css['form_header'][4], $css['form_header'][5]) . "; ";
-$css['form_header']['border'] = explode("||", $css['form_header'][8]);
-for ($i = 0; $i < count($css['form_header']['border']); $i++) {
-  if ($css['form_header']['border'][$i]) {
-    if ($css['form_header'][6])
-      echo "border-{$css['form_header']['border'][$i]}-style:{$css['form_header'][6]}; ";
-    if ($css['form_header'][7])
-      echo "border-{$css['form_header']['border'][$i]}-width:{$css['form_header'][7]}px; ";
-  }
+<?= css_box_style(isset($css['form_header']) ? $css['form_header'] : []) ?>
 }
-?>}
+
 .theme-form tbody td {
-<?php
-if ($css['form_body'][0])
-  echo "background-color:" . hex2rgba($css['form_body'][0], $css['form_body'][1]) . "; ";
-if ($css['form_body'][2])
-  echo "color:" . hex2rgba($css['form_body'][2], $css['form_body'][3]) . "; ";
-if ($css['form_body'][4])
-  echo "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ";
-$css['form_body']['border'] = explode("||", $css['form_body'][8]);
-for ($i = 0; $i < count($css['form_body']['border']); $i++) {
-  if ($css['form_body']['border'][$i]) {
-    if ($css['form_body'][6])
-      echo "border-{$css['form_body']['border'][$i]}-style:{$css['form_body'][6]}; ";
-    if ($css['form_body'][7])
-      echo "border-{$css['form_body']['border'][$i]}-width:{$css['form_body'][7]}px; ";
-  }
+<?= css_box_style(isset($css['form_body']) ? $css['form_body'] : []) ?>
 }
-?>}
-
-
 
 
 /**************************************************************
@@ -908,166 +696,87 @@ for ($i = 0; $i < count($css['form_body']['border']); $i++) {
 ***************************************************************/
 
 #load_log_board {
-<?php
-if ($css['mmb_contain_bak'][0])
-  echo "background-image:url('{$css['mmb_contain_bak'][0]}'); ";
-if ($css['mmb_contain_bak'][1])
-  echo "background-color:" . hex2rgba($css['mmb_contain_bak'][1], $css['mmb_contain_bak'][2]) . "; ";
-if ($css['mmb_contain_bak'][3])
-  echo "background-repeat:{$css['mmb_contain_bak'][3]}; ";
-if ($css['mmb_contain_bak'][4])
-  echo "background-position:{$css['mmb_contain_bak'][4]}; ";
-if ($css['mmb_contain_bak'][5])
-  echo "background-size:{$css['mmb_contain_bak'][5]}; ";
-?>}
+<?= css_background(isset($css['mmb_contain_bak']) ? $css['mmb_contain_bak'] : []) ?>
+}
 
 #log_list {
-<?php
-if ($css['mmb_list'][0])
-  echo "background-color:" . hex2rgba($css['mmb_list'][0], $css['mmb_list'][1]) . "; ";
-if ($css['mmb_list'][2])
-  echo "color:" . hex2rgba($css['mmb_list'][2], $css['mmb_list'][3]) . "; ";
-if ($css['mmb_list'][4])
-  echo "border-color:" . hex2rgba($css['mmb_list'][4], $css['mmb_list'][5]) . "; ";
-$css['mmb_list']['border'] = explode("||", $css['mmb_list'][8]);
-for ($i = 0; $i < count($css['mmb_list']['border']); $i++) {
-  if ($css['mmb_list']['border'][$i]) {
-    if ($css['mmb_list'][6])
-      echo "border-{$css['mmb_list']['border'][$i]}-style:{$css['mmb_list'][6]}; ";
-    if ($css['mmb_list'][7])
-      echo "border-{$css['mmb_list']['border'][$i]}-width:{$css['mmb_list'][7]}px; ";
-  }
+<?= css_box_style(isset($css['mmb_list']) ? $css['mmb_list'] : []) ?>
 }
-?>}
 
 #log_list .item {
 <?php
-if ($css['mmb_list_item'][0])
+if (isset_value($css['mmb_list_item'], 0))
   $is_item_area = true;
-if ($css['mmb_list_item'][0])
-  echo "background-color:" . hex2rgba($css['mmb_list_item'][0], $css['mmb_list_item'][1]) . "; ";
-if ($css['mmb_list_item'][2])
-  echo "color:" . hex2rgba($css['mmb_list_item'][2], $css['mmb_list_item'][3]) . "; ";
-if ($css['mmb_list_item'][4])
-  echo "border-color:" . hex2rgba($css['mmb_list_item'][4], $css['mmb_list_item'][5]) . "; ";
-$css['mmb_list_item']['border'] = explode("||", $css['mmb_list_item'][8]);
-for ($i = 0; $i < count($css['mmb_list_item']['border']); $i++) {
-  if ($css['mmb_list_item']['border'][$i]) {
-    if ($css['mmb_list_item'][6])
-      echo "border-{$css['mmb_list_item']['border'][$i]}-style:{$css['mmb_list_item'][6]}; ";
-    if ($css['mmb_list_item'][7])
-      echo "border-{$css['mmb_list_item']['border'][$i]}-width:{$css['mmb_list_item'][7]}px; ";
-  }
-}
-if ($css['mmb_list_item'][9])
+echo css_box_style(isset($css['mmb_list_item']) ? $css['mmb_list_item'] : []);
+if (isset_value($css['mmb_list_item'], 9))
   echo "margin-bottom:{$css['mmb_list_item'][9]}px; ";
-?>}
+?>
+}
 
 #log_list .item .item-inner .ui-pic {
-<?php
-if ($css['mmb_log'][0])
-  echo "background-color:" . hex2rgba($css['mmb_log'][0], $css['mmb_log'][1]) . "; ";
-if ($css['mmb_log'][2])
-  echo "color:" . hex2rgba($css['mmb_log'][2], $css['mmb_log'][3]) . "; ";
-if ($css['mmb_log'][4])
-  echo "border-color:" . hex2rgba($css['mmb_log'][4], $css['mmb_log'][5]) . "; ";
-$css['mmb_log']['border'] = explode("||", $css['mmb_log'][8]);
-for ($i = 0; $i < count($css['mmb_log']['border']); $i++) {
-  if ($css['mmb_log']['border'][$i]) {
-    if ($css['mmb_log'][6])
-      echo "border-{$css['mmb_log']['border'][$i]}-style:{$css['mmb_log'][6]}; ";
-    if ($css['mmb_log'][7])
-      echo "border-{$css['mmb_log']['border'][$i]}-width:{$css['mmb_log'][7]}px; ";
-  }
+<?= css_box_style(isset($css['mmb_log']) ? $css['mmb_log'] : []) ?>
 }
-?>}
 
 #log_list .item .item-inner .item-comment {
 <?php
-if ($css['mmb_reply_item'][0])
+if (isset_value($css['mmb_reply_item'], 0))
   $is_comment_area = true;
-if ($css['mmb_reply_item'][0])
-  echo "background-color:" . hex2rgba($css['mmb_reply_item'][0], $css['mmb_reply_item'][1]) . "; ";
-if ($css['mmb_reply_item'][2])
-  echo "color:" . hex2rgba($css['mmb_reply_item'][2], $css['mmb_reply_item'][3]) . "; ";
-if ($css['mmb_reply_item'][4])
-  echo "border-color:" . hex2rgba($css['mmb_reply_item'][4], $css['mmb_reply_item'][5]) . "; ";
-$css['mmb_reply_item']['border'] = explode("||", $css['mmb_reply_item'][8]);
-for ($i = 0; $i < count($css['mmb_reply_item']['border']); $i++) {
-  if ($css['mmb_reply_item']['border'][$i]) {
-    if ($css['mmb_reply_item'][6])
-      echo "border-{$css['mmb_reply_item']['border'][$i]}-style:{$css['mmb_reply_item'][6]}; ";
-    if ($css['mmb_reply_item'][7])
-      echo "border-{$css['mmb_reply_item']['border'][$i]}-width:{$css['mmb_reply_item'][7]}px; ";
-  }
-}
-if ($css['mmb_reply_item'][9])
+echo css_box_style(isset($css['mmb_reply_item']) ? $css['mmb_reply_item'] : []);
+if (isset_value($css['mmb_reply_item'], 9))
   echo "margin-bottom:{$css['mmb_reply_item'][9]}px; ";
-?>}
+?>
+}
 
 #log_list .item .item-inner .ui-comment {
 <?php
-if ($css['mmb_reply'][0])
+if (isset_value($css['mmb_reply'], 0))
   $is_comment_area = true;
-if ($css['mmb_reply'][0])
-  echo "background-color:" . hex2rgba($css['mmb_reply'][0], $css['mmb_reply'][1]) . "; ";
-if ($css['mmb_reply'][2])
-  echo "color:" . hex2rgba($css['mmb_reply'][2], $css['mmb_reply'][3]) . "; ";
-if ($css['mmb_reply'][4])
-  echo "border-color:" . hex2rgba($css['mmb_reply'][4], $css['mmb_reply'][5]) . "; ";
-$css['mmb_reply']['border'] = explode("||", $css['mmb_reply'][8]);
-for ($i = 0; $i < count($css['mmb_reply']['border']); $i++) {
-  if ($css['mmb_reply']['border'][$i]) {
-    if ($css['mmb_reply'][6])
-      echo "border-{$css['mmb_reply']['border'][$i]}-style:{$css['mmb_reply'][6]}; ";
-    if ($css['mmb_reply'][7])
-      echo "border-{$css['mmb_reply']['border'][$i]}-width:{$css['mmb_reply'][7]}px; ";
-  }
-}
+echo css_box_style(isset($css['mmb_reply']) ? $css['mmb_reply'] : []);
 if ($is_item_area && $is_comment_area)
   echo "padding-left:15px; padding-right:15px;";
-?>}
+?>
+}
 
 #log_list .item .item-inner .co-header p,
 #log_list .item .item-inner .co-header p a {
 <?php
-if ($css['mmb_name'][0])
-  echo "color:" . hex2rgba($css['mmb_name'][0], $css['mmb_name'][1]) . "; ";
-if ($css['mmb_name'][2])
+if (isset_value($css['mmb_name'], 0))
+  echo css_color($css['mmb_name'][0], isset($css['mmb_name'][1]) ? $css['mmb_name'][1] : null);
+if (isset_value($css['mmb_name'], 2))
   echo "font-size:{$css['mmb_name'][2]}px; ";
-?>}
+?>
+}
 
 #log_list .item .item-inner .co-header p.owner,
 #log_list .item .item-inner .co-header p.owner a {
 <?php
-if ($css['mmb_owner_name'][0])
-  echo "color:" . hex2rgba($css['mmb_owner_name'][0], $css['mmb_owner_name'][1]) . "; ";
-if ($css['mmb_owner_name'][2])
+if (isset_value($css['mmb_owner_name'], 0))
+  echo css_color($css['mmb_owner_name'][0], isset($css['mmb_owner_name'][1]) ? $css['mmb_owner_name'][1] : null);
+if (isset_value($css['mmb_owner_name'], 2))
   echo "font-size:{$css['mmb_owner_name'][2]}px; ";
-?>}
+?>
+}
 
 #log_list .item .item-inner .co-footer .date {
 <?php
-if ($css['mmb_datetime'][0])
-  echo "color:" . hex2rgba($css['mmb_datetime'][0], $css['mmb_datetime'][1]) . "; ";
-if ($css['mmb_datetime'][2])
+if (isset_value($css['mmb_datetime'], 0))
+  echo css_color($css['mmb_datetime'][0], isset($css['mmb_datetime'][1]) ? $css['mmb_datetime'][1] : null);
+if (isset_value($css['mmb_datetime'], 2))
   echo "font-size:{$css['mmb_datetime'][2]}px; ";
-?>}
+?>
+}
 
 #log_list .item .item-inner .co-content .other-site-link {
-<?php
-if ($css['mmb_link'][0])
-  echo "color:" . hex2rgba($css['mmb_link'][0], $css['mmb_link'][1]) . "; ";
-?>}
+<?php if (isset_value($css['mmb_link'], 0))
+  echo css_color($css['mmb_link'][0], isset($css['mmb_link'][1]) ? $css['mmb_link'][1] : null); ?>
+}
 
 #log_list .item .item-inner .co-content .link_hash_tag {
-<?php
-if ($css['mmb_hash'][0])
-  echo "color:" . hex2rgba($css['mmb_hash'][0], $css['mmb_hash'][1]) . "; ";
-?>}
+<?php if (isset_value($css['mmb_hash'], 0))
+  echo css_color($css['mmb_hash'][0], isset($css['mmb_hash'][1]) ? $css['mmb_hash'][1] : null); ?>
+}
 
 #log_list .item .item-inner .co-content .log_link_tag {
-<?php
-if ($css['mmb_log_ank'][0])
-  echo "color:" . hex2rgba($css['mmb_log_ank'][0], $css['mmb_log_ank'][1]) . "; ";
-?>}
+<?php if (isset_value($css['mmb_log_ank'], 0))
+  echo css_color($css['mmb_log_ank'][0], isset($css['mmb_log_ank'][1]) ? $css['mmb_log_ank'][1] : null); ?>
+}
diff --git a/AvocadoAmber/classes/htmlprocess/htmlprocess.class.php b/AvocadoAmber/classes/htmlprocess/htmlprocess.class.php
index 34d6861..547afab 100644
--- a/AvocadoAmber/classes/htmlprocess/htmlprocess.class.php
+++ b/AvocadoAmber/classes/htmlprocess/htmlprocess.class.php
@@ -4,6 +4,9 @@ class html_process
   protected $latecss = [];
   protected $css = [];
   protected $js = [];
+  protected $beforeBuffer = "";
+  protected $afterBuffer = "";
+  protected $replacer = [];
 
   private function updateLoginTable()
   {
@@ -188,9 +191,24 @@ class html_process
     }*/
   }
 
+  public function appendHtml($html)
+  {
+    $this->afterBuffer .= $html;
+  }
+
+  public function prependHtml($html)
+  {
+    $this->beforeBuffer .= $html;
+  }
+
+  public function addRegexReplace($pattern, $replace)
+  {
+    $this->replacer[] = [$pattern, $replace];
+  }
+
   public function run()
   {
-    global $config, $g5, $member;
+    global $config;
 
     $this->updateLoginTable();
     $this->cleanOldLoginRecords($config['cf_login_minutes']);
@@ -203,6 +221,13 @@ class html_process
     $buffer = $this->injectStyles($buffer, $stylesheet, $latestylesheet);
     $buffer = $this->injectJavascript($buffer, $javascript);
 
+    foreach($this->replacer as $v) {
+      $buffer = preg_replace($v[0], $v[1], $buffer);
+    }
+
+    $buffer = preg_replace('#(</head>[^<]*<body[^>]*>)#', "$1{$this->beforeBuffer}", $buffer);
+    $buffer = preg_replace('#</(?:\s+)?body>#', "</body>" . $this->afterBuffer, $buffer);
+
     if (class_exists("EventHandler")) {
       EventHandler::triggerEvent("amber.renderhtml_before_print", $buffer);
     }
diff --git a/AvocadoAmber/common.php b/AvocadoAmber/common.php
index e9b0351..7cc061b 100644
--- a/AvocadoAmber/common.php
+++ b/AvocadoAmber/common.php
@@ -1,4 +1,8 @@
 <?php
+/**
+ * @suppress PHP0419
+ * @suppress PHP6405
+ */
 /*******************************************************************************
  ** 공통 변수, 상수, 코드
  *******************************************************************************/
@@ -487,12 +491,15 @@ if (!defined('G5_IS_ADMIN')) {
 @ini_set("session.use_trans_sid", 0); // PHPSESSID를 자동으로 넘기지 않음
 @ini_set("url_rewriter.tags", ""); // 링크에 PHPSESSID가 따라다니는것을 무력화함 (해뜰녘님께서 알려주셨습니다.)
 
-session_save_path(G5_SESSION_PATH);
-
-if (isset($SESSION_CACHE_LIMITER))
-  @session_cache_limiter($SESSION_CACHE_LIMITER);
-else
-  @session_cache_limiter("no-cache, must-revalidate");
+if (USE_REDIS && extension_loaded('redis')) {
+  ini_set('session.save_path', 'tcp://localhost:6379');
+} else {
+  session_save_path(G5_SESSION_PATH);
+  if (isset($SESSION_CACHE_LIMITER))
+    @session_cache_limiter($SESSION_CACHE_LIMITER);
+  else
+    @session_cache_limiter("no-cache, must-revalidate");
+}
 
 ini_set("session.cache_expire", 180); // 세션 캐쉬 보관시간 (분)
 ini_set("session.gc_maxlifetime", 10800); // session data의 garbage collection 존재 기간을 지정 (초)
diff --git a/AvocadoAmber/config.php b/AvocadoAmber/config.php
index 387df7d..61eda8b 100644
--- a/AvocadoAmber/config.php
+++ b/AvocadoAmber/config.php
@@ -2,6 +2,15 @@
 /**
  * @suppress PHP0419
  */
+// if you want use redis-session, enable it (change to true)
+define('USE_REDIS', false);
+
+if (USE_REDIS) {
+  ini_set('session.save_handler', 'redis');
+} else {
+  ini_set('session.save_handler', 'files');
+}
+
 /********************
     상수 선언
 ********************/