Merge pull request 'Hide empty time field.' (#21 ) from 123/seminar:master into master

Reviewed-on: https://gitlab.tp.rulingcom.com/spen/seminar/pulls/21
Hide empty time field.
2024-04-15 16:26:46 +00:00 · 2024-04-16 00:25:55 +08:00 · 2024-04-15 16:13:37 +00:00 · 2024-04-16 00:10:12 +08:00 · 2024-04-15 23:58:58 +08:00 · 2024-04-15 23:57:48 +08:00
694 changed files with 46627 additions and 1319 deletions
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -3,7 +3,12 @@ PATH
  specs:
    seminar (0.0.1)
      rails (~> 4.1.9)
-
+  remote: custom_announcement
+  specs:
+    custom_announcement (0.0.1)
+  remote: custom_gallery
+  specs:
+    custom_gallery (0.0.1)
 GEM
  remote: https://rubygems.org/
  specs:
@ -84,4 +89,6 @@ PLATFORMS

 DEPENDENCIES
  seminar!
+  custom_announcement!
+  custom_gallery!
  sqlite3
--- a/app/assets/javascripts/seminar-field-forms-submission.js
+++ b/app/assets/javascripts/seminar-field-forms-submission.js
@ -0,0 +1,526 @@
+// Retrieve the initial data
+function temporary() {
+	attributesArray.length = 0;
+	$('.attributes').each(function() {
+		var attributesData = {},
+			$selectType = $('.dataType').data().type;
+
+		// Capture "attributes-body" within the input[type = "text"] val
+		$(this).find('.attributes-body').find('input[type="text"]').each(function(i) {
+			var $type = $(this).data().type;
+			attributesData[$type] = $(this).val();
+		});
+
+		// Capture "attributes-body" within the input[type = "radio"] checked
+		$(this).find('.attributes-body').find('input[type="radio"]').each(function(i) {
+			var $type = $(this).data().type;
+			attributesData[$type] = $(this).prop("checked");
+		});
+
+		// Capture "attributes-body" within the dataType selected
+		$(this).find('.attributes-body').find('.dataType').children("option:selected").each(function () {
+			attributesData[$selectType] = {};
+			attributesData[$selectType].index = $(this).index();
+			attributesData[$selectType].name = $(this).attr('ref');
+			if($(this).attr('ref') == 'typeB' || $(this).attr('ref') == 'typeE' || $(this).attr('ref') == 'typeF') {
+				attributesData[$selectType].option = [];
+			}
+		});
+
+		// Capture "field-type" within the input[type = "text"] val
+		$(this).find('.field-type').find('input[type="text"]').each(function(i) {
+			var $type = $(this).data().type;
+			if(!$type.match('option_lang')) {
+				attributesData[$selectType][$type] = $(this).val();
+			}
+		});
+
+		$(this).find('.field-type .add-target').find('.input-append').each(function() {
+			var append = []
+			$(this).children('input[type="text"]').each(function() {
+				var val = $(this).val();
+				append.push(val);
+			});
+			attributesData[$selectType].option.push(append);
+		})
+
+		// Capture "field-type" within the input[type = "checkbox"] checked
+		$(this).find('.field-type').find('input[type="checkbox"]').each(function() {
+			var $type = $(this).data().type;
+			attributesData[$selectType][$type] = $(this).prop("checked");
+		});
+
+		// Capture "field-type" within the input[type = "radio"] checked
+		$(this).find('.field-type').find('input[type="radio"]').each(function() {
+			var $type = $(this).data().type;
+			attributesData[$selectType][$type] = $(this).prop("checked");
+		});
+
+		// Capture "field-type" within the dataType selected
+		$(this).find('.field-type').find('select').children("option:selected").each(function () {
+			attributesData[$selectType].dateFormat = $(this).index();
+		});
+
+		attributesArray.push(attributesData);
+	});
+};
+
+// Determine the Append input length
+function inputAppendLength() {
+	$('.add-target').each(function(i) {
+		if($(this).children('.input-append:not(:hidden)').length == 1 || $(this).children('.input-append').length == 1) {
+			$(this).children('.input-append').each(function() {
+				if($(this).children('div').hasClass('tab-content')) {
+					var btnLength = $(this).children('.btn').length;
+					$(this).find('.btn').eq(btnLength-2).addClass('last');
+					$(this).find('.remove-input').addClass('hide');
+				} else {
+					var mediumLength = $(this).children('.input-medium').length;
+					$(this).children('.input-medium').eq(mediumLength-1).addClass('last');
+					$(this).children('.remove-input').addClass('hide');
+				}
+			});
+		} else {
+			$(this).children('.input-append').each(function() {
+				if($(this).children('div').hasClass('tab-content')) {
+					$(this).find('.btn').removeClass('last');
+					$(this).find('.remove-input').removeClass('hide');
+				} else {
+					$(this).children('.input-medium').removeClass('last');
+					$(this).children('.remove-input').removeClass('hide');
+				}
+			});
+		}
+	});
+};
+
+// Role Attribute Template Data
+function setData(l, type, ol) {
+	var fields = $('#sub_seminar_main').length ? "sub_seminar_main[seminar_submission_fields_attributes]" : "seminar_main[seminar_submission_fields_attributes]",
+		data = {
+			_add_more:				["add_more_"			+l, fields+"["+l+"]["+type+"][add_more]"],
+			_calendar:				["calendar_"			+l, fields+"["+l+"]["+type+"][calendar]"],
+			_cross_lang:			["cross_lang_"			+l, fields+"["+l+"]["+type+"][cross_lang]"],
+			_sort_number:			["sort_number_"			+l, fields+"["+l+"][sort_number]", l],
+			_disabled:				["disabled_"			+l, fields+"["+l+"][disabled]"],
+			_format:				["format_"				+l, fields+"["+l+"]["+type+"][format]"],
+			_initial:				["initial_"				+l, fields+"["+l+"]["+type+"][initial]"],
+			_is_range:				["is_range_"			+l, fields+"["+l+"]["+type+"][is_range]"],
+			_key:					["key_"					+l, fields+"["+l+"][key]"],
+			_markup:				fields+"["+l+"][markup]",
+			_option_list:			["option_list_"+l+"_"+ol, fields+"["+l+"]["+type+"][option_list]["+ol+"]", "option_list_"+ol],
+			_placeholder:			["placeholder_"			+l, fields+"["+l+"]["+type+"][placeholder]"],
+			_instructions:			["instructions_"			+l, fields+"["+l+"]["+type+"][instructions]"],
+			_title_translations:	["title_translations_"	+l, fields+"["+l+"][title_translations]"],
+			_destroy:				["destroy_"			+l, fields+"["+l+"][_destroy]"],
+			_to_require:			["to_require_"		    +l, fields+"["+l+"][to_require]"],
+		};
+	return data;
+}
+
+// Deinit Template HTML (ex: ckeditor)
+function deinit_template_html(_this) {
+	var ckeditor_areas = _this.find('.ckeditor');
+	if (typeof(CKEDITOR) == 'object') {
+		ckeditor_areas.each(function(i,v) {
+			var name = $(v).attr('name');
+			if (CKEDITOR.instances[name]) {
+				CKEDITOR.instances[name].destroy();
+			}
+		})
+	}
+	return _this;
+}
+
+// Init Template HTML (ex: ckeditor)
+function init_template_html(_this) {
+	var ckeditor_areas = _this.find('.ckeditor');
+	if (typeof(CKEDITOR) == 'object') {
+		ckeditor_areas.each(function(i,v) {
+			var name = $(v).attr('name');
+			if (!CKEDITOR.instances[name]) {
+				CKEDITOR.replace(name);
+			}
+		})
+	}
+	return _this;
+}
+
+// Get Default Address Form
+function getAddressForm(trigger, element, decide) {
+	if(decide) {
+		addressVal.length = addressArray.length = 0;
+		var addressAllVal = [];
+		var inputNameArray = [];
+		trigger.closest('.input-append').find('.tab-pane').each(function() {
+			var adderssText = $(this).children('input[type="text"]').val(),
+				addersshidden = '',
+				addressData = {},
+				inputName = [];
+			$(this).children('input:not(:first)').each(function(j) {
+				var name = $(this).attr('name'),
+					val = $(this).val();
+				addersshidden += val;
+				addressData[name] = val;
+				inputName.push(name);
+			});
+			addressArray.push(addressData);
+			addressAllVal.push(adderssText);
+			inputNameArray.push(inputName);
+			if(adderssText != addersshidden) {
+				addressVal.push(false);
+			} else {
+				addressVal.push(true);
+			}
+		});
+		element.find('.tab-pane').each(function(i) {
+			$(this).find('textarea, input[type="text"]').each(function(j) {
+				$(this).attr('name',inputNameArray[i][j]);
+			});
+			if(addressVal[i]) {
+				$(this).find('textarea, input[type="text"]').each(function(j) {
+					$(this).val(addressArray[i][$(this).attr('name')]);
+				});
+			} else {
+				$(this).find('textarea').val(addressAllVal[i]);
+				$(this).find('input[type="text"]').each(function(j) {
+					$(this).val('');
+				});
+			}
+		});
+	};
+	element.off('show');
+};
+
+// Return Address Form
+function returnAddressForm(element, decide) {
+	if(decide) {
+		addressArray.length = 0;
+		element.find('.tab-pane').each(function(i) {
+			var addressData = {};
+			$(this).find('textarea, input[type="text"]').each(function(j) {
+				var name = $(this).attr('name'),
+					val = $(this).val();
+				addressData[name] = val;
+			});
+			addressArray.push(addressData);
+		});
+		$.map(addressInputId, function(n, i) {
+			var v = '';
+			$('#'+n).find('input[type="hidden"]').each(function() {
+				$(this).val(addressArray[i][$(this).attr('name')]);
+				v += addressArray[i][$(this).attr('name')]
+			});
+			$('#'+n).find('input[type="text"]').each(function() {
+				$(this).val(v);
+			});
+		});
+	};
+	returnDecide = false;
+};
+
+$(function() {
+	appendIndex = null;
+	if($('#user-forms').length) {
+		addressVal = [];
+		addressArray = [];
+		addressInputId = [];
+		seminar_mainType = null;
+		returnDecide = false;
+		$('.attributes').each(function() {
+			if($(this).find('.toggle-check').attr('value') == "true") {
+				$(this).addClass('disabled').children('.attributes-body').hide();
+			}
+		});
+		$('.returnDecide').on(clickEvent, function() {
+			returnDecide = true;
+		})
+		$('#address-field').on('hidden', function () {
+			$('.btn[data-toggle="modal"]').removeClass('active').blur();
+			$(this).find('.nav-tabs > li').removeClass('active').eq(0).addClass('active');
+			$(this).find('.tab-content > .tab-pane').removeClass('active in').eq(0).addClass('active in');
+			$(this).on('show', getAddressForm(null, $(this), false));
+			returnAddressForm($(this), returnDecide)
+		});
+		$('.control-group').delegate('.btn[data-toggle="modal"]', 'click', function() {
+			var $trigger = $(this);
+			addressInputId.length = 0;
+			$(this).closest('.input-append').find('.tab-pane').each(function() {
+				addressInputId.push($(this).attr('id'));
+			});
+			$('#address-field').on('show', getAddressForm($trigger, $('#address-field'), true));
+		});
+		$('#user-forms').delegate('.togglebox, .delete, .trigger, .remove-input', clickEvent, function(event) {
+			if($(this).hasClass('togglebox')) {
+				var seminar_main_staus = [];
+				if($(this).hasClass('disable')) {
+					$(this).find('.toggle-check')
+						   .attr('value', 'false')
+						   .closest('.attributes')
+						   .removeClass('disabled')
+						   .children('.attributes-body')
+						   .fadeIn(300);
+				} else {
+					$(this).find('.toggle-check')
+						   .attr('value', 'true')
+						   .closest('.attributes')
+						   .addClass('disabled')
+						   .children('.attributes-body')
+						   .fadeOut(300)
+						   .find('.check')
+						   .attr("checked",false)
+						   .attr("value",seminar_main_staus);
+				}
+				$(this).toggleClass('disable');
+			};
+			if($(this).hasClass('remove-input')) {
+				$(this).closest('.input-append').fadeOut(300, function() {
+					$(this).remove();
+					inputAppendLength();
+				});
+			};
+			if($(this).hasClass('trigger')) {
+				appendIndex = $(this).closest('.controls').find('.input-append').length;
+				nameNumber = $(this).closest('.controls').find('.input-append:eq(0)').find('input').eq(0).attr('name');
+				nameNumber = nameNumber.match(/[^[\D\]]+(?=])/g)[0];
+				seminar_mainType = $(this).data('seminar_mains')
+				if($(this).hasClass('textInput')) {
+					init_template_html($("#template-text").tmpl().appendTo($(this).closest('.controls').find('.add-target')));
+				} else if ($(this).hasClass('textLengInput')) {
+					init_template_html($("#template-text-language").tmpl().appendTo($(this).closest('.controls').find('.add-target')));
+				} else if ($(this).hasClass('address')) {
+					init_template_html($("#template-address").tmpl().appendTo($(this).closest('.controls').find('.add-target')));
+				} 
+				inputAppendLength();
+			};
+			event.preventDefault();
+		});
+		inputAppendLength();
+	} else {
+		attributesArray = [];
+		attributesHeaderLength = null;
+		templateType = null;
+		var default_templateType = 'typeA';
+		attributeIndex = null;
+		if($('.add-target').length) {
+			inputAppendLength();
+		}
+		if(!$('.attributes').length) {
+			$('#attributes-area').addClass('clickHere');
+		} else {
+			temporary();
+		};
+
+		$('.add-attributes').on(clickEvent, function() {
+			if($('#attributes-area').hasClass('clickHere')) {
+				$('#attributes-area').removeClass('clickHere');
+			};
+		    attributesHeaderLength = $('.attributes:not(:hidden)').length+1;
+		    attributesLength = $('#attributes-area .attributes').length;
+		    init_template_html($("#template-attributes").tmpl(setData(attributesLength, default_templateType, appendIndex)).appendTo( "#attributes-area" ));
+		    $('.toggle-check').togglebox();
+		});
+
+
+
+		$('.attributes.default').each(function(i) {
+			$(this).children('.field-type').not('.default').hide();
+			$(this).find('input[type="text"]').on('keyup', function() {
+				$(this).trigger("checking");
+			});
+			$(this).find('input[type="radio"], input[type="checkbox"], select').change(function() {
+				$(this).trigger("checking");
+			});
+			$(this).delegate('input[type="text"], input[type="radio"], input[type="checkbox"], select', 'checking', function(e) {
+				var e = e.target.type,
+					$data = $(this).data().type;
+				switch(e) {
+					case 'text':
+						var val = $(this).val();
+						if(!$(this).closest('.field-type').length) {
+							$data = attributesArray[i][$data];
+						} else if(!$(this).closest('.add-target').length) {
+							$data = attributesArray[i].select[$data];
+						} else {
+							appendIndex = $(this).parent('.input-append').index()
+							optionIndex = $(this).index()
+							$data = attributesArray[i].select.option[appendIndex][optionIndex];
+						}
+						if(val != $data) {
+							$(this).closest('.attributes').find('.reply').removeClass('hide');
+						}
+						break;
+					case 'radio':
+						var checked = $(this).prop("checked");
+						$data = attributesArray[i][$data];
+						if(checked != $data) {
+							$(this).closest('.attributes').find('.reply').removeClass('hide');
+						}
+						break;
+					case 'checkbox':
+						var checked = $(this).prop("checked");
+						$data = attributesArray[i].select[$data];
+						if(checked != $data) {
+							$(this).closest('.attributes').find('.reply').removeClass('hide');
+						}
+						break;
+					case 'select-one':
+						var ref,
+							$data = attributesArray[i].select.name;
+						$(this).children("option:selected").each(function() {
+							ref = $(this).attr('ref');
+						});
+						if(ref != $data) {
+							$(this).closest('.attributes').find('.reply').removeClass('hide');
+						}
+						break;
+				};
+			});
+			$(this).delegate('.reply', clickEvent, function() {
+				var $bodyText = $(this).parent('.attributes-header').siblings('.attributes-body').find('input[type="text"]'),
+					$bodyRadio = $(this).parent('.attributes-header').siblings('.attributes-body').find('input[type="radio"]'),
+					$bodySelected = $(this).parent('.attributes-header').siblings('.attributes-body').find('.dataType').children("option"),
+					$fieldTypeO = $(this).parent('.attributes-header').siblings('.field-type.default'),
+					$fieldTypeN = $(this).parent('.attributes-header').siblings('.field-type').not('.default');
+				$bodyText.each(function() {
+					var $type = $(this).data().type;
+					$(this).val(attributesArray[i][$type]);
+				});
+				$bodyRadio.each(function() {
+					var $type = $(this).data().type;
+					$(this).prop("checked", attributesArray[i][$type])
+				});
+				$fieldTypeO.find('input[type="text"]').each(function() {
+					var $type = $(this).data().type;
+					if(!$type.match('option_lang')) {
+						$(this).val(attributesArray[i].select[$type]);
+					}
+				});
+				$fieldTypeO.find('.add-target').find('.input-append').each(function(k) {
+					$(this).children('input[type="text"]').each(function(j) {
+						$(this).val(attributesArray[i].select.option[k][j]);
+						// var val = $(this).val();
+						// append.push(val);
+					});
+				})
+				$fieldTypeO.find('input[type="checkbox"], input[type="radio"]').each(function() {
+					var $type = $(this).data().type;
+					$(this).prop("checked", attributesArray[i].select[$type]);
+				});
+				$fieldTypeO.find('select').children("option").eq(attributesArray[i].select.dateFormat).prop('selected',true);
+				$bodySelected.eq(attributesArray[i].select.index).prop('selected',true);
+				$fieldTypeO.show();
+				$fieldTypeN.empty().hide();
+				$(this).addClass('hide')
+				return false
+			})
+		});
+		$('#attributes-area').delegate('.togglebox, .delete, .trigger, .remove-input', clickEvent, function(event) {
+			if($(this).hasClass('togglebox')) {
+				if($(this).hasClass('disable')) {
+					$(this).find('.toggle-check')
+						   .attr('value', 'false')
+						   .closest('.attributes')
+						   .removeClass('disabled')
+						   .find('input, select')
+						   .removeAttr('disabled')
+						   .end('.attributes')
+						   .find('.btn-group .btn')
+						   .removeClass('disabled')
+						   .end().find('.attribute_field_disabled').attr('value', 'false');
+					if($(this).closest('.attributes').find('.dataType').children("option:selected").attr('ref')) {
+						$(this).closest('.attributes').find('.field-type').addClass('in').find('.control-group').delay(150).fadeIn(300);
+					}
+				} else {
+					$(this).find('.toggle-check')
+						   .attr('value', 'true')
+						   .closest('.attributes')
+						   .addClass('disabled')
+						   .find('.attributes-body input, .attributes-body select')
+						   .attr({'disabled': 'disabled'})
+						   .end('.attributes')
+						   .find('.btn-group .btn')
+						   .addClass('disabled')
+						   .end().find('.attribute_field_disabled').attr('value', 'true')
+						   .end().find('.field-type .control-group').fadeOut(300, function() {
+						    	$(this).parent('.field-type').removeClass('in');
+						   });
+				}
+				$(this).toggleClass('disable');
+			};
+			if($(this).hasClass('delete')) {
+				$(this).closest('.attributes').fadeOut(300, function() {
+					$('.attributes:not(:hidden)').each(function(i) {
+						$(this).find('.attributes-header h4 span').text(i+1);
+					});
+					attributesHeaderLength = $('.attributes:not(:hidden)').length+1;
+					if(!$('.attributes:not(:hidden)').length) {
+						$('#attributes-area').addClass('clickHere');
+					};
+				}).find('.attribute_field_destroy').attr('value', 'true');;
+			};
+			if($(this).hasClass('trigger')) {
+				// appendIndex = $(this).closest('.controls').find('.input-append').length;
+				appendIndex = $(this).closest('.controls').find('.input-append:last-child').children('input:first-child').attr('name');
+				// appendIndex = appendIndex.split("][");
+				// appendIndex = parseInt(appendIndex[appendIndex.length-2])+1;
+				appendIndex = parseInt(appendIndex.match(/[^[\D\]]+(?=])/g)[1])+1;
+				console.log(appendIndex)
+				attributeIndex = $(this).closest('.attributes').index();
+				templateType = $(this).closest('.attributes').find('.dataType').children("option:selected").attr('ref');
+				init_template_html($("#template-input-append").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo($(this).closest('.controls').find('.add-target')));
+				inputAppendLength();
+			};
+			if($(this).hasClass('remove-input')) {
+				$(this).parent('.input-append').fadeOut(300, function() {
+					$(this).remove()
+					inputAppendLength();
+				});
+
+			}
+			event.preventDefault();
+		});
+		$('#attributes-area').delegate('.dataType', 'change', function() {
+	        $(this).children("option:selected").each(function () {
+	        	var target = $(this).closest('.attributes').find('.field-type').not('.default');
+	        	deinit_template_html(target);
+	    		attributeIndex = $(this).closest('.attributes').index();
+	        	appendIndex = 0
+	        	// $(this).closest('.attributes').find('.add-target').find('.input-append').length;
+	        	if($(this).closest('.attributes').hasClass('default')){
+	        		var i = $(this).closest('.attributes').index()
+	        		if($(this).attr('ref') == attributesArray[i].select.name) {
+	        			$(this).closest('.attributes').find('.field-type.default').show()
+	        			target.empty().hide();
+	        		} else {
+	        			$(this).closest('.attributes').find('.field-type.default').hide()
+			        	if($(this).attr('ref')) {
+			        		templateType = $(this).attr('ref');
+				        	target.removeAttr('class').addClass('field-type fade in ' + templateType).empty();
+				        	init_template_html($("#template-type").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo(target));
+				        	if(templateType == 'typeB' || templateType == 'typeE' || templateType == 'typeF') {
+				        		inputAppendLength();
+				        	}
+			        	} else {
+			        		target.removeAttr('class').addClass('field-type fade')
+			        		target.empty();
+			        	};
+			        	target.show();
+	        		}
+	        	} else {
+		        	if($(this).attr('ref')) {
+		        		templateType = $(this).attr('ref');
+			        	target.removeAttr('class').addClass('field-type fade in ' + templateType).empty();
+			        	init_template_html($("#template-type").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo(target));
+			        	if(templateType == 'typeB' || templateType == 'typeE' || templateType == 'typeF') {
+			        		inputAppendLength();
+			        	}
+		        	} else {
+		        		target.removeAttr('class').addClass('field-type fade')
+		        		target.empty();
+		        	};
+	        	}
+	        });
+		});
+	}
+});
--- a/app/assets/javascripts/seminar-field-forms.js
+++ b/app/assets/javascripts/seminar-field-forms.js
@ -96,11 +96,12 @@ function inputAppendLength() {

 // Role Attribute Template Data
 function setData(l, type, ol) {
-	var fields = $('#info').length ? "info[seminar_signup_fields]" : $('#sub_seminar_main').length ? "sub_seminar_main[seminar_signup_fields]" : "seminar_main[seminar_signup_fields]",
+	var fields = $('#sub_seminar_main').length ? "sub_seminar_main[seminar_signup_fields_attributes]" : "seminar_main[seminar_signup_fields_attributes]",
 		data = {
 			_add_more:				["add_more_"			+l, fields+"["+l+"]["+type+"][add_more]"],
 			_calendar:				["calendar_"			+l, fields+"["+l+"]["+type+"][calendar]"],
 			_cross_lang:			["cross_lang_"			+l, fields+"["+l+"]["+type+"][cross_lang]"],
+			_sort_number:			["sort_number_"			+l, fields+"["+l+"][sort_number]", l],
 			_disabled:				["disabled_"			+l, fields+"["+l+"][disabled]"],
 			_format:				["format_"				+l, fields+"["+l+"]["+type+"][format]"],
 			_initial:				["initial_"				+l, fields+"["+l+"]["+type+"][initial]"],
@ -109,13 +110,42 @@ function setData(l, type, ol) {
 			_markup:				fields+"["+l+"][markup]",
 			_option_list:			["option_list_"+l+"_"+ol, fields+"["+l+"]["+type+"][option_list]["+ol+"]", "option_list_"+ol],
 			_placeholder:			["placeholder_"			+l, fields+"["+l+"]["+type+"][placeholder]"],
+			_instructions:			["instructions_"			+l, fields+"["+l+"]["+type+"][instructions]"],
 			_title_translations:	["title_translations_"	+l, fields+"["+l+"][title_translations]"],
-			_to_delete:				["to_delete_"			+l, fields+"["+l+"][to_delete]"],
+			_destroy:				["destroy_"			+l, fields+"["+l+"][_destroy]"],
 			_to_require:			["to_require_"		    +l, fields+"["+l+"][to_require]"],
 		};
 	return data;
 }

+// Deinit Template HTML (ex: ckeditor)
+function deinit_template_html(_this) {
+	var ckeditor_areas = _this.find('.ckeditor');
+	if (typeof(CKEDITOR) == 'object') {
+		ckeditor_areas.each(function(i,v) {
+			var name = $(v).attr('name');
+			if (CKEDITOR.instances[name]) {
+				CKEDITOR.instances[name].destroy();
+			}
+		})
+	}
+	return _this;
+}
+
+// Init Template HTML (ex: ckeditor)
+function init_template_html(_this) {
+	var ckeditor_areas = _this.find('.ckeditor');
+	if (typeof(CKEDITOR) == 'object') {
+		ckeditor_areas.each(function(i,v) {
+			var name = $(v).attr('name');
+			if (!CKEDITOR.instances[name]) {
+				CKEDITOR.replace(name);
+			}
+		})
+	}
+	return _this;
+}
+
 // Get Default Address Form
 function getAddressForm(trigger, element, decide) {
 	if(decide) {
@ -255,11 +285,11 @@ $(function() {
 				nameNumber = nameNumber.match(/[^[\D\]]+(?=])/g)[0];
 				seminar_mainType = $(this).data('seminar_mains')
 				if($(this).hasClass('textInput')) {
-					$("#template-text").tmpl().appendTo($(this).closest('.controls').find('.add-target'));
+					init_template_html($("#template-text").tmpl().appendTo($(this).closest('.controls').find('.add-target')));
 				} else if ($(this).hasClass('textLengInput')) {
-					$("#template-text-language").tmpl().appendTo($(this).closest('.controls').find('.add-target'));
+					init_template_html($("#template-text-language").tmpl().appendTo($(this).closest('.controls').find('.add-target')));
 				} else if ($(this).hasClass('address')) {
-					$("#template-address").tmpl().appendTo($(this).closest('.controls').find('.add-target'));
+					init_template_html($("#template-address").tmpl().appendTo($(this).closest('.controls').find('.add-target')));
 				} 
 				inputAppendLength();
 			};
@ -270,6 +300,7 @@ $(function() {
 		attributesArray = [];
 		attributesHeaderLength = null;
 		templateType = null;
+		var default_templateType = 'typeA';
 		attributeIndex = null;
 		if($('.add-target').length) {
 			inputAppendLength();
@ -286,7 +317,7 @@ $(function() {
 			};
 		    attributesHeaderLength = $('.attributes:not(:hidden)').length+1;
 		    attributesLength = $('#attributes-area .attributes').length;
-		    $("#template-attributes").tmpl(setData(attributesLength, templateType, appendIndex)).appendTo( "#attributes-area" );
+		    init_template_html($("#template-attributes").tmpl(setData(attributesLength, default_templateType, appendIndex)).appendTo( "#attributes-area" ));
 		    $('.toggle-check').togglebox();
 		});

@ -426,7 +457,7 @@ $(function() {
 					if(!$('.attributes:not(:hidden)').length) {
 						$('#attributes-area').addClass('clickHere');
 					};
-				}).find('.attribute_field_to_delete').attr('value', 'true');;
+				}).find('.attribute_field_destroy').attr('value', 'true');;
 			};
 			if($(this).hasClass('trigger')) {
 				// appendIndex = $(this).closest('.controls').find('.input-append').length;
@ -434,10 +465,9 @@ $(function() {
 				// appendIndex = appendIndex.split("][");
 				// appendIndex = parseInt(appendIndex[appendIndex.length-2])+1;
 				appendIndex = parseInt(appendIndex.match(/[^[\D\]]+(?=])/g)[1])+1;
-				console.log(appendIndex)
 				attributeIndex = $(this).closest('.attributes').index();
 				templateType = $(this).closest('.attributes').find('.dataType').children("option:selected").attr('ref');
-				$("#template-input-append").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo($(this).closest('.controls').find('.add-target'));
+				init_template_html($("#template-input-append").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo($(this).closest('.controls').find('.add-target')));
 				inputAppendLength();
 			};
 			if($(this).hasClass('remove-input')) {
@ -452,6 +482,7 @@ $(function() {
 		$('#attributes-area').delegate('.dataType', 'change', function() {
 	        $(this).children("option:selected").each(function () {
 	        	var target = $(this).closest('.attributes').find('.field-type').not('.default');
+	        	deinit_template_html(target);
 	    		attributeIndex = $(this).closest('.attributes').index();
 	        	appendIndex = 0
 	        	// $(this).closest('.attributes').find('.add-target').find('.input-append').length;
@ -465,7 +496,7 @@ $(function() {
 			        	if($(this).attr('ref')) {
 			        		templateType = $(this).attr('ref');
 				        	target.removeAttr('class').addClass('field-type fade in ' + templateType).empty();
-				        	$("#template-type").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo(target);
+				        	init_template_html($("#template-type").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo(target));
 				        	if(templateType == 'typeB' || templateType == 'typeE' || templateType == 'typeF') {
 				        		inputAppendLength();
 				        	}
@ -479,7 +510,7 @@ $(function() {
 		        	if($(this).attr('ref')) {
 		        		templateType = $(this).attr('ref');
 			        	target.removeAttr('class').addClass('field-type fade in ' + templateType).empty();
-			        	$("#template-type").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo(target);
+			        	init_template_html($("#template-type").tmpl(setData(attributeIndex, templateType, appendIndex)).appendTo(target));
 			        	if(templateType == 'typeB' || templateType == 'typeE' || templateType == 'typeF') {
 			        		inputAppendLength();
 			        	}
--- a/app/assets/stylesheets/seminar.css.scss
+++ b/app/assets/stylesheets/seminar.css.scss
@ -1,3 +1,18 @@
-// Place all the styles related to the seminar controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+@media (max-width:767px){
+	.form-group{
+		justify-content:flex-start !important;
+		flex-wrap: wrap;
+		&>span{
+			padding-left: 0.7em;
+			&>br{
+				display:none;
+			}
+		}
+		&>.col-sm-10.controls{
+			width:100%;
+			textarea{
+				min-height: 8em;
+			}
+		}
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/1/1.jpg
+++ b/app/assets/stylesheets/seminar/background_style/1/1.jpg
--- a/app/assets/stylesheets/seminar/background_style/1/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/1/css/background.css
@ -0,0 +1,93 @@
+body, .layout-footer, .layout-footer-inner {
+    background-color: #c9d7e4;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #0260a7;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+header{
+	background: #ffffff;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #333333;
+}
+.layout-header .header-nav a{
+	color: #333333;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #000000;
+	text-decoration: underline;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	  
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{ 
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	  
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/1/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/1/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/1/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/1/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/10/10.jpg
+++ b/app/assets/stylesheets/seminar/background_style/10/10.jpg
--- a/app/assets/stylesheets/seminar/background_style/10/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/10/css/background.css
@ -0,0 +1,103 @@
+.layout-content, .layout-footer {
+    background: transparent;
+}
+body{
+	background: #0b0c0f;
+}
+header{
+	background: url("/assets/seminar/background_style/10/pageheader.jpg") no-repeat scroll left top #0b0c0f;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #ffffff;
+}
+.layout-footer-content a{
+	color: #ffffff;
+}
+.layout-footer-inner a:hover{
+	color: #cab5b5;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #43f9ed;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+	.header-nav{
+		text-align: right;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/10/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/10/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/10/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/10/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/10/pageheader.jpg
+++ b/app/assets/stylesheets/seminar/background_style/10/pageheader.jpg
--- a/app/assets/stylesheets/seminar/background_style/11/11.jpg
+++ b/app/assets/stylesheets/seminar/background_style/11/11.jpg
--- a/app/assets/stylesheets/seminar/background_style/11/body.jpg
+++ b/app/assets/stylesheets/seminar/background_style/11/body.jpg
--- a/app/assets/stylesheets/seminar/background_style/11/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/11/css/background.css
@ -0,0 +1,95 @@
+header, .layout-footer, .layout-footer-inner {
+    background: transparent;
+}
+body{
+	background: url("/assets/seminar/background_style/11/body.jpg") repeat-x 0 0 #fff;
+	/*background: linear-gradient(to bottom, #303030 50%, #d4d3d3 50%);*/
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #727272;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #fff;
+}
+.layout-header .header-nav a{
+	color: #fff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #ff9292;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/11/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/11/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/11/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/11/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/12/12.jpg
+++ b/app/assets/stylesheets/seminar/background_style/12/12.jpg
--- a/app/assets/stylesheets/seminar/background_style/12/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/12/css/background.css
@ -0,0 +1,102 @@
+header, .layout-footer {
+    background: transparent;
+}
+body{
+	background: #51594e;
+}
+.layout-footer-inner{
+	padding: 1em;
+	background: #ffffff;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #727272;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #fff;
+}
+.layout-header .header-nav a{
+	color: #fff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #ff9292;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	    font-size: 1rem;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/12/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/12/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/12/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/12/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/13/13.jpg
+++ b/app/assets/stylesheets/seminar/background_style/13/13.jpg
--- a/app/assets/stylesheets/seminar/background_style/13/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/13/css/background.css
@ -0,0 +1,102 @@
+header, .layout-footer {
+    background: transparent;
+}
+body{
+	background: url("/assets/seminar/background_style/13/top_bg.jpg") top left repeat-x #ebeef7;
+}
+.layout-footer-inner{
+	padding: 1em;
+	background: #1f1f25;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #96a1ca;
+}
+.layout-footer-inner a:hover{
+	color: #ffffff;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #fff;
+}
+.layout-header .header-nav a{
+	color: #fff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #ff9292;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	    font-size: 1rem;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/13/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/13/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/13/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/13/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/13/top_bg.jpg
+++ b/app/assets/stylesheets/seminar/background_style/13/top_bg.jpg
--- a/app/assets/stylesheets/seminar/background_style/14/14.jpg
+++ b/app/assets/stylesheets/seminar/background_style/14/14.jpg
--- a/app/assets/stylesheets/seminar/background_style/14/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/14/css/background.css
@ -0,0 +1,109 @@
+header{
+    background: transparent;
+}
+.layout-footer-inner{
+	background: #3d3a39;
+	padding: 1em;
+}
+.layout-content, .layout-footer{
+	background: #ffffff;
+}
+body{
+	background: #f17655 url("/assets/seminar/background_style/14/top_bg.jpg") left top repeat-x;
+	background-position-y: 120px;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #ffffff;
+}
+.layout-footer-inner a:hover{
+	color: #ffa8a8;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #27d6c3;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.header-nav{
+		text-align: right;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/14/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/14/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/14/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/14/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/14/top_bg.jpg
+++ b/app/assets/stylesheets/seminar/background_style/14/top_bg.jpg
--- a/app/assets/stylesheets/seminar/background_style/15/15.jpg
+++ b/app/assets/stylesheets/seminar/background_style/15/15.jpg
--- a/app/assets/stylesheets/seminar/background_style/15/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/15/css/background.css
@ -0,0 +1,106 @@
+header, .layout-content, .layout-footer{
+    background: transparent;
+}
+.layout-footer-inner{
+	background: #354752;
+	padding: 1em;
+}
+body{
+	background: #ffffff url("/assets/seminar/background_style/15/top_bg.jpg") left top repeat-x;
+	background-position-y: 120px;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #ffffff;
+}
+.layout-footer-inner a:hover{
+	color: #ffa8a8;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #27d6c3;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #000;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.header-nav{
+		text-align: right;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/15/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/15/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/15/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/15/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/15/top_bg.jpg
+++ b/app/assets/stylesheets/seminar/background_style/15/top_bg.jpg
--- a/app/assets/stylesheets/seminar/background_style/16/16.jpg
+++ b/app/assets/stylesheets/seminar/background_style/16/16.jpg
--- a/app/assets/stylesheets/seminar/background_style/16/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/16/css/background.css
@ -0,0 +1,106 @@
+header, .layout-content, .layout-footer{
+    background: transparent;
+}
+.layout-footer-inner{
+	background: #144015;
+	padding: 1em;
+}
+body{
+	background: #344734;
+	border-top: 10px solid #ffc700;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #ffffff;
+}
+.layout-footer-inner a:hover{
+	color: #55ff3c;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #63ff0d;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #ffffff;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.header-nav{
+		text-align: right;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/16/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/16/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/16/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/16/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/17/17.jpg
+++ b/app/assets/stylesheets/seminar/background_style/17/17.jpg
--- a/app/assets/stylesheets/seminar/background_style/17/bottom_bg.jpg
+++ b/app/assets/stylesheets/seminar/background_style/17/bottom_bg.jpg
--- a/app/assets/stylesheets/seminar/background_style/17/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/17/css/background.css
@ -0,0 +1,106 @@
+.layout-footer-inner {
+    background: transparent;
+}
+.layout-footer{
+	background: url("/assets/seminar/background_style/17/bottom_bg.jpg") no-repeat scroll left top #1c2c46;
+}
+body{
+	background: transparent;
+}
+
+header{
+	background: url("/assets/seminar/background_style/17/pageheader.jpg") no-repeat scroll left top #5b6986;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #ffffff;
+}
+.layout-footer-inner a:hover{
+	color: #5ceef3;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #302620;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #42fffc;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	    font-size: 1rem;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+	.header-nav{
+		text-align: right;
+	}
+}
+
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/17/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/17/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/17/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/17/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/17/pageheader.jpg
+++ b/app/assets/stylesheets/seminar/background_style/17/pageheader.jpg
--- a/app/assets/stylesheets/seminar/background_style/17/top_bg.jpg
+++ b/app/assets/stylesheets/seminar/background_style/17/top_bg.jpg
--- a/app/assets/stylesheets/seminar/background_style/2/2.jpg
+++ b/app/assets/stylesheets/seminar/background_style/2/2.jpg
--- a/app/assets/stylesheets/seminar/background_style/2/body.gif
+++ b/app/assets/stylesheets/seminar/background_style/2/body.gif
--- a/app/assets/stylesheets/seminar/background_style/2/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/2/css/background.css
@ -0,0 +1,95 @@
+header, .layout-footer, .layout-footer-inner {
+    background: transparent;
+}
+body{
+	background: #eaeaea url("/assets/seminar/background_style/2/body.gif") left top repeat-x;
+	/*background: linear-gradient(to bottom, #303030 50%, #d4d3d3 50%);*/
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #606060;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #c8d7e3;
+}
+.layout-header .header-nav a{
+	color: #c8d7e3;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #ffffff;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/2/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/2/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/2/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/2/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/3/3.jpg
+++ b/app/assets/stylesheets/seminar/background_style/3/3.jpg
--- a/app/assets/stylesheets/seminar/background_style/3/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/3/css/background.css
@ -0,0 +1,106 @@
+.layout-footer-inner {
+    background: transparent;
+}
+.layout-footer{
+	background: #343434;
+}
+body{
+	background: transparent;
+}
+header{
+	background: url("/assets/seminar/background_style/3/pageheader.jpg") no-repeat scroll left top 1.5em transparent;
+}
+.layout-header > .container:before {
+    background: #cc3303;
+    width: 100%;
+    height: 1.5em;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #ffffff;
+}
+.layout-footer-inner a:hover{
+	color: #cab5b5;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #302620;
+}
+.layout-header .header-nav a{
+	color: #302620;
+	text-decoration: none;
+	background: #ffffff;
+}
+.layout-header .header-nav a:hover{
+	color: #cb3303;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/3/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/3/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/3/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/3/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/3/pageheader.jpg
+++ b/app/assets/stylesheets/seminar/background_style/3/pageheader.jpg
--- a/app/assets/stylesheets/seminar/background_style/4/4.jpg
+++ b/app/assets/stylesheets/seminar/background_style/4/4.jpg
--- a/app/assets/stylesheets/seminar/background_style/4/body.jpg
+++ b/app/assets/stylesheets/seminar/background_style/4/body.jpg
--- a/app/assets/stylesheets/seminar/background_style/4/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/4/css/background.css
@ -0,0 +1,94 @@
+header, .layout-footer, .layout-footer-inner {
+    background: transparent;
+}
+body{
+	background: #ffffff url("/assets/seminar/background_style/4/body.jpg") left top repeat-x;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #606060;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #c8d7e3;
+}
+.layout-header .header-nav a{
+	color: #73a119;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #000000;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/4/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/4/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/4/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/4/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/5/5.jpg
+++ b/app/assets/stylesheets/seminar/background_style/5/5.jpg
--- a/app/assets/stylesheets/seminar/background_style/5/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/5/css/background.css
@ -0,0 +1,100 @@
+.layout-footer, .layout-footer-inner {
+    background: transparent;
+}
+body{
+	background: #ffffff;
+}
+header{
+	background: #124206;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #606060;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #b5e850;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container {
+	    width: 46.875em;
+	    margin: auto;
+	    padding: 0;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+	.layout-header .header-nav{
+		text-align: right;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/5/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/5/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/5/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/5/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/6/6.jpg
+++ b/app/assets/stylesheets/seminar/background_style/6/6.jpg
--- a/app/assets/stylesheets/seminar/background_style/6/body.jpg
+++ b/app/assets/stylesheets/seminar/background_style/6/body.jpg
--- a/app/assets/stylesheets/seminar/background_style/6/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/6/css/background.css
@ -0,0 +1,103 @@
+header, .layout-footer{
+    background: transparent;
+}
+.layout-footer-inner{
+	background: #DAEAF8;
+	padding: 1em;
+}
+body{
+	background: #eaeef1 url("/assets/seminar/background_style/6/body.jpg") left top repeat-x;
+	background-position-y: 120px;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #6f6f70;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #2c6393;
+}
+.layout-header .header-nav a{
+	color: #2c6393;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #f6ba34;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/6/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/6/js/layout.js
@ -0,0 +1,43 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }else{
+	  	var body_image_pos_y = $('header').offset().top + $('header').height() - $('.modules-menu').height();
+	  	$("body").css("background-position-y",Math.ceil(body_image_pos_y)+"px");
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				var body_image_pos_y = $('header').offset().top + $('header').height() - $('.modules-menu').height();
+	  		$("body").css("background-position-y",Math.ceil(body_image_pos_y)+"px");
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/6/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/6/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/7/7.jpg
+++ b/app/assets/stylesheets/seminar/background_style/7/7.jpg
--- a/app/assets/stylesheets/seminar/background_style/7/body.jpg
+++ b/app/assets/stylesheets/seminar/background_style/7/body.jpg
--- a/app/assets/stylesheets/seminar/background_style/7/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/7/css/background.css
@ -0,0 +1,108 @@
+header{
+    background: transparent;
+}
+.layout-footer-inner{
+	padding: 1em;
+}
+.layout-content, .layout-footer{
+	background: #ffffff;
+}
+body{
+	background: #361c44 url("/assets/seminar/background_style/7/body.jpg") left top repeat-x;
+	background-position-y: 120px;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #6f6f70;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #27d6c3;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.header-nav{
+		text-align: right;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/7/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/7/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/7/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/7/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/8/8.jpg
+++ b/app/assets/stylesheets/seminar/background_style/8/8.jpg
--- a/app/assets/stylesheets/seminar/background_style/8/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/8/css/background.css
@ -0,0 +1,110 @@
+.layout-content, header, .layout-footer{
+    background: transparent;
+}
+.layout-footer-inner{
+	padding: 1em;
+}
+.layout-footer .layout-footer-inner{
+	background: #ffffff;
+}
+.layout-header > .container{
+	background: #01538f;
+}
+body{
+	background: #cedee8;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #6f6f70;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #27d6c3;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.header-nav{
+		text-align: right;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/8/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/8/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/8/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/8/logo.jpg
--- a/app/assets/stylesheets/seminar/background_style/9/9.jpg
+++ b/app/assets/stylesheets/seminar/background_style/9/9.jpg
--- a/app/assets/stylesheets/seminar/background_style/9/body.jpg
+++ b/app/assets/stylesheets/seminar/background_style/9/body.jpg
--- a/app/assets/stylesheets/seminar/background_style/9/css/background.css
+++ b/app/assets/stylesheets/seminar/background_style/9/css/background.css
@ -0,0 +1,108 @@
+header{
+    background: transparent;
+}
+.layout-footer-inner{
+	padding: 1em;
+}
+.layout-content, .layout-footer{
+	background: #e3e3e3;
+}
+body{
+	background: #141414 url("/assets/seminar/background_style/9/body.jpg") left top repeat-x;
+	background-position-y: 120px;
+}
+.layout-footer-content, .layout-footer-inner,.layout-footer-content, .footer-counter{
+	color: #6f6f70;
+}
+.layout-footer-inner a:hover{
+	color: #000000;
+}
+.layout-content{
+	min-height: 100px;
+    padding-bottom: 0;
+}
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
+	margin: 0;
+}
+.body-banner{
+	padding: 0;
+}
+.body-banner img{
+	width: 100%;
+}
+.mainContent{
+	background: #ffffff;
+}
+.row{
+	margin: 0;
+}
+.aside{
+	padding-left: 0;
+}
+.seminar_hr{
+	border-top: 0.1em dashed #acacac;
+	margin: 0.5em 0;
+}
+.layout-header .header-nav{
+	padding: 0.5em;
+	color: #ffffff;
+}
+.layout-header .header-nav a{
+	color: #ffffff;
+	text-decoration: none;
+}
+.layout-header .header-nav a:hover{
+	color: #a0ff24;
+	text-decoration: none;
+}
+@media (min-width: 768px){
+	header, .container, .layout-footer-inner.container {
+	    width: 46.875em;
+	    margin: auto;
+	    font-size: 1rem;
+	    padding: 0;
+	}
+	.layout-footer-inner.container {
+		padding: 1em;
+	}
+	header{
+		margin-top: 4em;
+	}
+	.layout-header #layout-navigation{
+		margin: 0;
+	}
+}
+@media (max-width: 767px){
+	header, .container, .navbar-brand {
+	    width: 100%;
+	    padding: 0;
+	}
+	.header-nav{
+		text-align: right;
+	}
+	.layout-footer{
+		padding: 1em;
+	}
+}
+@media (min-width: 1200px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 80%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 80%;
+	}
+}
+@media (min-width: 768px)and(max-width: 1199px){
+	.internal-page.seminar_custom_page header{
+		width: 100%;
+	}
+	.internal-page.seminar_custom_page header .container  {
+		width: 90%;
+	}
+	.internal-page.seminar_custom_page .mainContent,.internal-page.seminar_custom_page .layout-slide,.internal-page.seminar_custom_page .layout-content-inner.container,.internal-page.seminar_custom_page .container.layout-footer-inner {
+	  width: 90%;
+	}
+}
--- a/app/assets/stylesheets/seminar/background_style/9/js/layout.js
+++ b/app/assets/stylesheets/seminar/background_style/9/js/layout.js
@ -0,0 +1,38 @@
+;(function($, win, undefined) {
+  // ECMAScript 5 嚴格模式 
+  'use strict';
+  $(document).ready(function() {
+  	var timeout_id;
+  	if (window.innerWidth < 768) {
+	  	if($('.mobile-menu .modules-menu').length == 0){
+	    	$(".modules-menu").appendTo('.mobile-menu');
+	    }
+	  }
+		$(window).resize(function() {
+			window.clearTimeout(timeout_id)
+		  if (window.innerWidth < 768) {
+		  	if($('.mobile-menu').length != 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length == 0){
+	          	$(".modules-menu").appendTo('.mobile-menu');
+				    }
+	        }, 500);
+				}
+			} else {
+				if($("div.aside").length == 0){
+					timeout_id = setTimeout(function(){
+	          if($('.mobile-menu .modules-menu').length > 0){
+				    	$("header .container").append($('.mobile-menu .modules-menu'))
+				    }
+	        }, 500);
+				}else{
+					timeout_id = setTimeout(function(){
+	          if($('.modules-menu').length > 0){
+				    	$("div.aside").eq(0).append($('.modules-menu'))
+				    }
+	        }, 500);
+				}
+			}
+		})
+	})
+}(jQuery, window));
--- a/app/assets/stylesheets/seminar/background_style/9/logo.jpg
+++ b/app/assets/stylesheets/seminar/background_style/9/logo.jpg
--- a/app/assets/stylesheets/seminar/content_style/1/1.jpg
+++ b/app/assets/stylesheets/seminar/content_style/1/1.jpg
--- a/app/assets/stylesheets/seminar/content_style/1/css/menu.css
+++ b/app/assets/stylesheets/seminar/content_style/1/css/menu.css
@ -0,0 +1,69 @@
+.mobile-menu .modules-menu.collapse.in{
+	height: 100%;
+}
+/*img.site-logo{
+	display: none;
+}*/
+.mobile-menu .modules-menu {
+    background: #2cafcc;
+}
+.mobile-menu .modules-menu .menu_text{
+    display: none;
+}
+.layout-slide{
+	padding: 0;
+}
+@media (min-width: 768px){
+	.modules-menu-level-0, #main-nav{
+		display: inline-block;
+		padding-bottom: 2em;
+	}
+	.modules-menu-level-0 > li {
+	    float: none;
+	}
+	.modules-menu .modules-menu-level-0 > li > a {
+	    color: #396992;
+	}
+	.layout-header > .container{
+		padding: 0;
+	}
+	.navbar-collapse.collapse{
+		padding: 0;
+	}
+	.modules-menu .modules-menu-level-0{
+	    background: #ffffff;
+	    margin-bottom: 0;
+	    border: 2px solid #c2c0c0;
+    	border-radius: 0.4em;
+    	width: 100%;
+	}
+	.modules-menu{
+		background: transparent;
+	}
+	.layout-content{
+		padding-top: 0;
+	}
+	.modules-menu .modules-menu-level-0 > li{
+	    padding: 0 1em;
+	    text-align: center;
+	    border-bottom: 0.1em solid #c2c0c0;
+	}
+	.modules-menu .modules-menu-level-0 > li:hover{
+	    background-color: #91BFEA;
+	    border-radius: unset;
+	}
+	.modules-menu .modules-menu-level-0 li.menu_text{
+		background: #396992;
+		color: #ffffff;
+		border-radius: 0.3em 0.3em 0 0;
+		border-bottom: none;
+	}
+	.modules-menu .modules-menu-level-0 li.menu_text:hover{
+		background: #396992;
+		color: #ffffff;
+		border-radius: 0.3em 0.3em 0 0;
+	}
+}
+.modules-menu .modules-menu-level-0 > li:hover > a {
+    color: #fff;
+}
--- a/app/assets/stylesheets/seminar/content_style/1/css/template.css
+++ b/app/assets/stylesheets/seminar/content_style/1/css/template.css
@ -0,0 +1,81 @@
+.layout-content-inner{
+	background: #ffffff;
+}
+.seminar_hr{
+	display: none;
+
+}
+[class*=widget-title] , .seminar_h3{
+    margin: 0.5em 0;
+    line-height: 1.5;
+    color: #396992;
+}
+[class*=widget-title] > * , #main-content [class*=page-title], #main-content .index-title{
+	color: #396992;
+}
+.layout-content-inner a, .w-annc .w-annc__title,.i-annc .i-annc__title{
+	color: #396992;
+}
+.layout-content-inner a.btn-primary{
+    background: #396992;
+    color: #ffffff;
+    border: none;
+    text-decoration: none;
+}
+
+.layout-content-inner a:hover, .w-annc .w-annc__title:hover,.i-annc .i-annc__title:hover{
+	color: #82abce;
+}
+.layout-content-inner a.btn-primary:hover,.layout-content-inner a.btn-primary:focus,.layout-content-inner a.btn-primary:active {
+	color: #ffffff;
+	background: #064d88;
+	border: none;
+	text-decoration: none;
+	outline: none;
+}
+li.w-annc__item.row:before {
+    display: none;
+    content: "";
+}
+span.w-annc__postdate, .i-annc__postdate {
+    color: #787878;
+}
+li.w-annc__item.row {
+    padding: 5px 0;
+    margin: 0;
+    border: none;
+}
+li.w-annc__item.row > * {
+    border-right: 3px solid #b0b0b0;
+}
+li.w-annc__item.row > *:last-child {
+    border-right: none;
+}
+.w-annc{
+	border-bottom: 1px dashed #888888;
+}
+.layout-footer-content , .footer-counter{
+	color: #0f609a;
+}
+.widget-custom_gallery .row > .col-md-4{
+	border: 0.1em solid #b3b2b2;
+}
+.widget-custom_gallery .row > .col-md-4:hover{
+	border: 0.1em solid #396992;
+}
+@media (max-width: 767px){
+	.layout-content{
+		background: #ffffff;
+	}
+	.widget-custom_gallery .row > .col-md-4{
+		padding: 1em;
+	}
+}
+@media (min-width: 768px){
+	.row > .layout-content.col-sm-9{
+		padding-right: 0;
+	}
+}
+[data-pp="200"]{
+	padding: 0 0.9375em;
+}
--- a/app/assets/stylesheets/seminar/content_style/1/info.json
+++ b/app/assets/stylesheets/seminar/content_style/1/info.json
@ -0,0 +1,2 @@
+{ "template": "vertical_1_main_left_annc_top_album_right",
+  "read_more_position": "lower_right" }
--- a/app/assets/stylesheets/seminar/content_style/1/js/content.js
+++ b/app/assets/stylesheets/seminar/content_style/1/js/content.js
@ -0,0 +1,7 @@
+$(document).ready(function(){
+	$('#main-content > * > [class*="-title"] ,[data-pp] > * > [class*="-title"], .page-module-title').each(function(i,h3){
+		if($(h3).prop('tagName').match(/(h1|h2|h3|h4)/i) && $(h3).next(".seminar_hr").length == 0){
+			$(h3).after("<hr class=\"seminar_hr\">")
+		}
+	})
+})
--- a/app/assets/stylesheets/seminar/content_style/10/10.jpg
+++ b/app/assets/stylesheets/seminar/content_style/10/10.jpg
--- a/app/assets/stylesheets/seminar/content_style/10/css/menu.css
+++ b/app/assets/stylesheets/seminar/content_style/10/css/menu.css
@ -0,0 +1,61 @@
+.mobile-menu .modules-menu.collapse.in{
+	height: 100%;
+}
+/*img.site-logo{
+	display: none;
+}*/
+.mobile-menu .modules-menu {
+    background: #2cafcc;
+}
+.mobile-menu .modules-menu .menu_text{
+    display: none;
+}
+.layout-slide{
+	padding: 0;
+}
+@media (min-width: 768px){
+	.modules-menu-level-0, #main-nav{
+		display: inline-block;
+		padding: 1em 0 2em 0;
+	}
+	.modules-menu-level-0 > li {
+	    float: none;
+	}
+	.modules-menu .modules-menu-level-0 > li > a {
+	    color: #ffffff;
+	}
+	.layout-header > .container{
+		padding: 0;
+	}
+	.navbar-collapse.collapse{
+		padding: 0;
+	}
+	.modules-menu .modules-menu-level-0{
+	    background: #f3a84d;
+	    margin-bottom: 0;
+    	border-radius: 0.4em;
+    	width: 100%;
+	}
+	.modules-menu{
+		background: transparent;
+	}
+	.layout-content{
+		padding-top: 0;
+	}
+	.aside{
+		padding-right: 0;
+	}
+	.modules-menu .modules-menu-level-0 > li{
+	    padding: 0.2em 0.3em;
+	    text-align: center;
+	    border-bottom: 0.1em solid #ffffff;
+	}
+	.modules-menu .modules-menu-level-0 > li:hover{
+	    background-color: #f98902;
+	    border-radius: unset;
+	}
+}
+.modules-menu .modules-menu-level-0 > li:hover > a {
+    color: #fff;
+    border-left: 9px solid #dbdada;
+}
--- a/app/assets/stylesheets/seminar/content_style/10/css/template.css
+++ b/app/assets/stylesheets/seminar/content_style/10/css/template.css
@ -0,0 +1,88 @@
+.layout-content-inner{
+	background: #ffffff;
+}
+/*.seminar_hr{
+	display: none;
+}*/
+.internal-page [class*=widget-title] , .seminar_h3{
+    margin: 0.5em 0;
+    line-height: 1.5;
+    color: #333333;
+}
+.internal-page [class*=widget-title] > * ,.internal-page #main-content [class*=page-title],.internal-page #main-content .index-title{
+	color: #333333;
+}
+.internal-page .layout-content-inner a.btn-primary {
+    background: #a18a8b;
+    color: #ffffff;
+    border: none;
+    text-decoration: none;
+}
+.layout-content-inner h1,.layout-content-inner h2,.layout-content-inner h3,.layout-content-inner h4,.layout-content-inner h5,.layout-content-inner h6{
+	font-weight: bold;
+}
+h4.w-annc__entry-title{
+	font-weight: 500;
+}
+.layout-content-inner [data-subpart-id] a, .layout-content-inner #main-content a{
+	color: #333333;
+}
+.layout-content-inner [data-subpart-id] a:hover, .layout-content-inner #main-content a:hover{
+	color: #888888;
+}
+.layout-content-inner a.btn-primary:hover,.layout-content-inner a.btn-primary:focus,.layout-content-inner a.btn-primary:active {
+	color: #ffffff;
+	background: #000000;
+	border: none;
+	text-decoration: none;
+	outline: none;
+	font-weight: bold;
+}
+li.w-annc__item.row:before {
+    display: none;
+    content: "";
+}
+span.w-annc__postdate, .i-annc__postdate {
+    color: #787878;
+}
+li.w-annc__item.row {
+    padding: 5px 0;
+    margin: 0;
+    border: none;
+    position: relative;
+}
+li.w-annc__item.row .w-annc__postdate-wrap {
+    display: block;
+    overflow-wrap: break-word;
+    padding: 0;
+}
+.w-annc{
+	border-bottom: 1px dashed #888888;
+}
+.layout-footer-content , .footer-counter{
+	color: #0f609a;
+}
+.widget-custom_gallery .row > .col-md-4{
+	border: 0.1em solid #b3b2b2;
+}
+.widget-custom_gallery .row > .col-md-4:hover{
+	border: 0.1em solid #396992;
+}
+
+@media (min-width: 768px){
+	.w-annc:last-of-type{
+		border-bottom: 0;
+	}
+}
+@media (max-width: 767px){
+	.layout-content{
+		background: #ffffff;
+	}
+	.widget-custom_gallery .row > .col-md-4{
+		padding: 1em;
+	}
+}
+[data-pp="200"]{
+	padding: 0;
+	padding-right: 0.9375em;
+}
--- a/app/assets/stylesheets/seminar/content_style/10/info.json
+++ b/app/assets/stylesheets/seminar/content_style/10/info.json
@ -0,0 +1 @@
+{ "template": "vertical_3_main_top_annc_left_album_right" }
--- a/app/assets/stylesheets/seminar/content_style/10/js/content.js
+++ b/app/assets/stylesheets/seminar/content_style/10/js/content.js
@ -0,0 +1,7 @@
+$(document).ready(function(){
+	$('#main-content > * > [class*="-title"] ,[data-pp] > * > [class*="-title"], .page-module-title').each(function(i,h3){
+		if($(h3).prop('tagName').match(/(h1|h2|h3|h4)/i) && $(h3).next(".seminar_hr").length == 0){
+			$(h3).after("<hr class=\"seminar_hr\">")
+		}
+	})
+})
--- a/app/assets/stylesheets/seminar/content_style/11/11.jpg
+++ b/app/assets/stylesheets/seminar/content_style/11/11.jpg
--- a/app/assets/stylesheets/seminar/content_style/11/css/menu.css
+++ b/app/assets/stylesheets/seminar/content_style/11/css/menu.css
@ -0,0 +1,61 @@
+.mobile-menu .modules-menu.collapse.in{
+	height: 100%;
+}
+/*img.site-logo{
+	display: none;
+}*/
+.mobile-menu .modules-menu {
+    background: #2cafcc;
+}
+.mobile-menu .modules-menu .menu_text{
+    display: none;
+}
+.layout-slide{
+	padding: 0;
+}
+@media (min-width: 768px){
+	.modules-menu-level-0, #main-nav{
+		display: inline-block;
+		padding: 1em 0 2em 0;
+	}
+	.modules-menu-level-0 > li {
+	    float: none;
+	}
+	.modules-menu .modules-menu-level-0 > li > a {
+	    color: #ffffff;
+	}
+	.layout-header > .container{
+		padding: 0;
+	}
+	.navbar-collapse.collapse{
+		padding: 0;
+	}
+	.modules-menu .modules-menu-level-0{
+	    background: #2a75a4;
+	    margin-bottom: 0;
+    	border-radius: 0.4em;
+    	width: 100%;
+	}
+	.modules-menu{
+		background: transparent;
+	}
+	.layout-content{
+		padding-top: 0;
+	}
+	.aside{
+		padding-right: 0;
+	}
+	.modules-menu .modules-menu-level-0 > li{
+	    padding: 0.2em 0.3em;
+	    text-align: center;
+	    border-bottom: 0.1em solid #c2c0c0;
+	}
+	.modules-menu .modules-menu-level-0 > li:hover{
+	    background-color: #646464;
+	    border-radius: unset;
+	}
+}
+.modules-menu .modules-menu-level-0 > li:hover > a {
+    color: #ffffff;
+    border-left: 9px solid #ffffff;
+}
--- a/app/assets/stylesheets/seminar/content_style/11/css/template.css
+++ b/app/assets/stylesheets/seminar/content_style/11/css/template.css
@ -0,0 +1,82 @@
+.layout-content-inner{
+	background: #ffffff;
+}
+.seminar_hr{
+	display: none;
+}
+.internal-page [class*=widget-title] , .seminar_h3{
+    margin: 0.5em 0;
+    line-height: 1.5;
+    color: #7aa5cc;
+}
+.internal-page [class*=widget-title] > * ,.internal-page #main-content [class*=page-title],.internal-page #main-content .index-title{
+	color: #7aa5cc;
+}
+.layout-content-inner a.btn-primary {
+    background: transparent;
+    color: #396992;
+    border: none;
+    text-decoration: none;
+}
+.layout-content-inner h1,.layout-content-inner h2,.layout-content-inner h3,.layout-content-inner h4,.layout-content-inner h5,.layout-content-inner h6{
+	font-weight: bold;
+}
+h4.w-annc__entry-title{
+	font-weight: 500;
+}
+.layout-content-inner [data-subpart-id] a, .layout-content-inner #main-content a{
+	color: #333333;
+}
+.layout-content-inner [data-subpart-id] a:hover, .layout-content-inner #main-content a:hover{
+	color: #888888;
+}
+.layout-content-inner a.btn-primary:hover,.layout-content-inner a.btn-primary:focus,.layout-content-inner a.btn-primary:active {
+	color: #033864;
+	background: transparent;
+	border: none;
+	text-decoration: underline;
+	outline: none;
+	font-weight: bold;
+}
+li.w-annc__item.row:before {
+    display: none;
+    content: "";
+}
+span.w-annc__postdate, .i-annc__postdate {
+    color: #787878;
+}
+li.w-annc__item.row {
+    padding: 5px 0;
+    margin: 0;
+    border: none;
+    position: relative;
+}
+li.w-annc__item.row .w-annc__postdate-wrap {
+    display: block;
+    padding: 0;
+    overflow-wrap: break-word;
+}
+.w-annc{
+	border-bottom: 1px dashed #888888;
+}
+.layout-footer-content , .footer-counter{
+	color: #0f609a;
+}
+.widget-custom_gallery .row > .col-md-4{
+	border: 0.1em solid #b3b2b2;
+}
+.widget-custom_gallery .row > .col-md-4:hover{
+	border: 0.1em solid #396992;
+}
+@media (max-width: 767px){
+	.layout-content{
+		background: #ffffff;
+	}
+	.widget-custom_gallery .row > .col-md-4{
+		padding: 1em;
+	}
+}
+[data-pp="200"]{
+	padding: 0;
+	padding-right: 0.9375em;
+}
--- a/app/assets/stylesheets/seminar/content_style/11/info.json
+++ b/app/assets/stylesheets/seminar/content_style/11/info.json
@ -0,0 +1 @@
+{ "template": "vertical_2_main_right_annc_left_album_bottom" }
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`{ "template": "vertical_3_main_top_annc_left_album_right" }`
				`@ -0,0 +1 @@`
				`{ "template": "vertical_2_main_right_annc_left_album_bottom" }`