/* colors */

/* layout */
.gcss-wrapper {
	width: 960px;
	margin: 0 auto;
}
body.wide .gcss-wrapper {
	width: 100%;
}
body.fullwidth .gcss-wrapper {
	width: 95%;
}
body.responsive .gcss-wrapper {
	max-width: 95%;
}

/* input, select, textarea */

/* ckeditor */

/* button */

/* split page */

/* wait, loading */

/* form */

/* dropdown panel */

/* top menu, side menu, group-button */

/* menu arrow */

/* sub level */

/* second level */

/* third level */

/* breadcrumbs */

/* tab */

/* gtab */

/* accordion */

/* modal */
#GModal_modaldiv > span.btnclose:after,
#GLightbox_gslide_div > span.btnclose:after,
#GLightbox_gslide_div > a.btnnav:after {
	font-weight: bold;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	width: 50px;
	height: 30px;
}
#GModal_modaldiv > span.btnclose:after {
	content: 'X';
	right: 0;
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}
#GLightbox_gslide_div > span.btnclose:after {
	content: 'X';
	right: 0;
}
#GLightbox_gslide_div > .btnnav.next:after {
	content: '\2192';
	right: 100px;
}
#GLightbox_gslide_div > .btnnav.prev:after {
	content: '\2190';
	right: 150px;
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}
#GLightbox_gslide_div > .btnnav.zoomin:after, #GLightbox_gslide_div > .btnnav.zoomout:after {
	content: ' ';
	right: 50px;
}
#GLightbox_gslide_div > .btnnav.zoomin:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVDQTA2MUU2QkExMTFFMzg3RTI4QzY4MzE1RTQ4QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVDQTA2MUY2QkExMTFFMzg3RTI4QzY4MzE1RTQ4QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUNBMDYxQzZCQTExMUUzODdFMjhDNjgzMTVFNDhCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUNBMDYxRDZCQTExMUUzODdFMjhDNjgzMTVFNDhCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjwI8sIAAAAGUExURf///////1V89WwAAAACdFJOU/8A5bcwSgAAADFJREFUeNpiYGBEAAYGRhAEMyEsBgaYBIgP58FUwTXCxYnjIfShmYlqH7JbUNwJEGAALjYAgUReGuwAAAAASUVORK5CYII=);
}
#GLightbox_gslide_div > .btnnav.zoomout:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FDQjNGRTc2QkExMTFFMzkzOTE4QzM0RjRCRjc0NzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FDQjNGRTg2QkExMTFFMzkzOTE4QzM0RjRCRjc0NzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUNCM0ZFNTZCQTExMUUzOTM5MThDMzRGNEJGNzQ3OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUNCM0ZFNjZCQTExMUUzOTM5MThDMzRGNEJGNzQ3OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps5c8lsAAAAGUExURf///////1V89WwAAAACdFJOU/8A5bcwSgAAADNJREFUeNpiYAACRhBggABGGABzYFwGRrAUVCVIkhEZwE0gkoewA8VMNPtQ3YLsToAAAwArXgB5T0h9uAAAAABJRU5ErkJggg==);
}
#GLightbox_gslide_div .spinner {
	-webkit-transition: width 0.2s ease-out;
	-moz-transition: width 0.2s ease-out;
	-o-transition: width 0.2s ease-out;
	-ms-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
	position: absolute;
	width: 0;
	left: 0;
	bottom: 0;
	height: 3px;
}
#GLightbox_gslide_div .spinner.show {
	-webkit-animation: rainbow 1s infinite linear;
	-moz-animation: rainbow 1s infinite linear;
	-o-animation: rainbow 1s infinite linear;
	animation: rainbow 1s infinite linear;
	background-color: #B71C1C;
	width: 100%;
}
.gallery_preview {
	position: relative;
	overflow: hidden;
	display: block;
}
.gallery_preview figcaption {
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	color: #FFF;
	left: 100%;
	bottom: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.gallery_preview figcaption.show {
	left: 0;
}
.gallery_preview figcaption > p {
	margin: 5px;
}
.modalbg {
	background-color: #000;
}
.gslide_div {
	-moz-box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
	background-color: #FFF;
}
/* dropdown calendar */

/* widget calendar */

/* drop down color select */

/* groups input */
.input-groups {
	width: 100%;
}
.input-groups, .input-groups-table {
	display: table;
	margin: 1px 0;
}
.input-groups-table > [class*="width"],
.input-groups-table > [class^="width"],
.input-groups > [class*="width"],
.input-groups > [class^="width"] {
	width: auto;
	display: table-cell;
	padding: 0 5px 0 0;
}
.input-groups-table > [class*="width"]:last-child,
.input-groups-table > [class^="width"]:last-child,
.input-groups > [class*="width"]:last-child,
.input-groups > [class^="width"]:last-child {
	padding: 0;
}
.input-groups > :first-child {
	padding-left: 0;
}
.width10 {
	width: 10% !important;
}
.width20 {
	width: 20% !important;
}
.width25 {
	width: 25% !important;
}
.width30 {
	width: 30% !important;
}
.width33 {
	width: 33.33% !important;
}
.width40 {
	width: 40% !important;
}
.width50 {
	width: 50% !important;
}
.width60 {
	width: 60% !important;
}
.width70 {
	width: 70% !important;
}
.width75 {
	width: 75% !important;
}
.width80 {
	width: 80% !important;
}
.width90 {
	width: 90% !important;
}
.width100,
table.fullwidth,
.table.fullwidth {
	width: 100% !important;
}
/* grid system 12 columns responsive */

/* .ggrid.margin-box */

/* padding-box */

/* layout */

/* tooltip */

/* gbanner */

/* table */
.table, table {
	display: table;
	border-color: #EFEFEF;
	border-color: rgba(0,0,0,0.1);
	border-spacing: 0;
	border-collapse: collapse;
}
.table.border, table.border {
	border-width: 1px;
	border-style: solid;
}
.data.border {
	border-style: none;
}
.table.center, table.center {
	margin-left: auto;
	margin-right: auto;
}
.tr, tr {
	display: table-row;
}
.td, .th, td, th, caption {

}
.td, .th, td, th {
	display: table-cell;
}
table.collapse > thead > tr > th,
table.collapse > tbody > tr > th,
table.collapse > tfoot > tr > th,
table.collapse > thead > tr > td,
table.collapse > tbody > tr > td,
table.collapse > tfoot > tr > td,
.collapse .td,
.collapse .th {
	padding: 0;
}
table.border > thead > tr > th,
table.border > tbody > tr > th,
table.border > tfoot > tr > th,
table.border > thead > tr > td,
table.border > tbody > tr > td,
table.border > tfoot > tr > td,
.table.border .td,
.table.border .th {
	border-style: solid;
}
table.data.border > thead > tr > th:not(:first-child),
table.data.border > tbody > tr > th:not(:first-child),
table.data.border > tfoot > tr > th:not(:first-child),
table.data.border > thead > tr > td:not(:first-child),
table.data.border > tbody > tr > td:not(:first-child),
table.data.border > tfoot > tr > td:not(:first-child),
.table.data.border .td:not(:first-child),
.table.data.border .th:not(:first-child) {
	border-left-style: none;
}
thead th,
caption,
thead > tr,
th[scope=rowgroup],
.thead > .th {
	background-color: #EEE;
}
tr.bg2, .tr.bg2 {
	background-color: #F9F9F9;
	background-color: rgba(0,0,0,0.01);
}
tr.highlight, tr.select {
	background-color: rgba(0,0,0,0.02);
}
.border.horiz-table > thead > tr > td,
.border.horiz-table > tbody > tr > td,
.border.horiz-table > tfoot > tr > td,
.border.horiz-table > thead > tr > th,
.border.horiz-table > tbody > tr > th,
.border.horiz-table > tfoot > tr > th,
.border.horiz-table .td,
.border.horiz-table .th {
	border-left-style: none;
	border-right-style: none;
}
.border.vert-table > thead > tr > td,
.border.vert-table > tbody > tr > td,
.border.vert-table > tfoot > tr > td,
.border.vert-table > thead > tr > th,
.border.vert-table > tbody > tr > th,
.border.vert-table > tfoot > tr > th,
.border.vert-table .td,
.border.vert-table .th {
	border-top-style: none;
	border-bottom-style: none;
}
table.border > caption,
.data > caption {
	border-style: solid solid none solid;
}
.data > thead > tr > th,
.data > thead > tr > td {
	white-space: nowrap;
}
.data > thead > tr > th,
.data > tbody > tr > th {
	text-align: center;
}
.data > thead > tr > th,
.data > thead > tr > td,
.data > caption,
.data > tbody > tr > th[scope="rowgroup"] {
	background-color: #DDD;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
.data > thead > tr,
.data > tbody > tr {
	background-color: #FFF;
}
.data > thead > tr.bg2,
.data > tbody > tr.bg2 {
	background-color: rgb(249, 249, 249);
}
.data {
	border-style: none;
	border-collapse: separate;
}
.data,
.data > thead > tr:first-child > th,
.data > thead > tr:first-child > td {
	border-color: #DDD;
	border-color: rgba(0,0,0,0.1);
}
.data > thead > tr > th,
.data > thead > tr > td,
.data > tbody > tr > th,
.data > tbody > tr > td {
	border-style: solid none;
	border-top-color: #FFF;
	border-top-color: rgba(255,255,255,0.1);
}
.data > thead > tr > th:first-child,
.data > thead > tr > td:first-child,
.data > tbody > tr > th:first-child,
.data > tbody > tr > td:first-child {
	border-left-style: solid;
}
.data > thead > tr > th:last-child,
.data > thead > tr > td:last-child,
.data > tbody > tr > th:last-child,
.data > tbody > tr > td:last-child {
	border-right-style: solid;
}
table p,
.table p {
	margin: 0;
}
.date,
.visited,
.icons,
.upload,
.reply,
.comments,
.count {
	text-align: center;
}
.icons a {
	margin: 0 10px;
}
.icons :before {
	margin-right: 0;
}
a.skip_content {
	position: absolute;
	top: 0;
	left: -1000em;
}

/* default for gcms */
.font_size, a[id^='lang_'] {
	color: inherit;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
	font-family: Arial;
	text-align: center;
	width: 2em;
	height: 2em;
	line-height: 2em;
	background-color: rgba(0,0,0,0.05);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
a[id^='lang_']:hover, a[id^='lang_']:focus, .font_size:hover, .font_size:focus {
	background-color: rgba(0,0,0,0.2);
	color: inherit;
}
header.list > h2 {
	clear: both;
	overflow: hidden;
}
header.list > h2 > * {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 60%;
}
header.list > h2 > :last-child {
	float: right;
	text-align: right;
	width: 40%;
}
#board-list thead > tr {
	color: inherit;
	background-color: rgba(0,0,0,0.01);
}
#board-list .col2 {
	max-width: 15em;
}
#board-list a.topic,
#board-list .col4 > a,
#board-list .col4 > span {
	display: block;
}
#board-list .col4 {
	max-width: 6em;
	text-align: center;
}
.new,
.update,
.hot,
.recommend {
	position: relative;
}
.new:after,
.update:after,
.hot:after,
.recommend:after {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	padding: 1px 2px;
	font-family: Arial;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.new:after {
	content: 'new';
	background-color: #FF8400;
	color: #FFF;
}
.update:after {
	content: 'update';
	background-color: #FFFF00;
	color: #555;
}
.hot:after {
	content: 'hot!';
	background-color: #F00;
	color: #FFF;
}
.recommend:after {
	content: 'cool';
	background-color: #259B24;
	color: #FFF;
}
.new {
	padding-right: 2.5em !important;
}
.update {
	padding-right: 3.6em !important;
}
.hot {
	padding-right: 1.9em;
}
.recommend {
	padding-right: 2.1em;
}
#board-list th {
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	text-shadow: 1px 1px 0 #FFF;
}
#board-list td,
#board-list th {
	border-width: 2px;
	border-style: none none dotted none;
}
#board-list td.col1 {
	width: 42px;
}
#board-list td.col1 img {
	max-width: 32px;
	max-height: 32px;
}
#board-list td.col2,
#board-list td.col4 {
	vertical-align: top;
}
#board-list td.col3 {
	text-align: center;
	background-color: rgba(0,0,0,0.01);
}
#board-list th.col3 {
	font-size: 100%;
	background-color: rgba(0,0,0,0.04);
}
#board-list a.sender {
	font-weight: bold;
}
.document-list {
	display: block;
}
.document-list h6,
.document-list p {
	font-weight: normal;
	margin: 0;
}
.document-list .iconview.row,
.document-list .thumbview.row {
	margin: 0 5px;
}
.document-list [class*="col"] {
	border-width: 2px;
	border-bottom-style: dotted;
}
.document-list .listview {
	margin-bottom: 0;
}
.document-list .listview [class*="col"] {
	padding: 1px 5px;
	margin: 0;
}
.document-list .listview [class*="col"] * {
	display: inline;
}
.document-list .listview img {
	width: 16px;
	height: 16px;
}
.document-list .thumbview .topic {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}
.document-list .thumbview .description {
	height: 5em;
	overflow: hidden;
}
.document-list .listview .description {
	display: none;
}
.document-list .thumbview .figure {
	display: table;
	margin: 0 auto;
}
.document-list .iconview .figure {
	float: left;
	margin: 5px 5px 5px 0;
	display: inline-block;
	max-width: 40%;
	vertical-align: top;
}
.document-list .iconview h6,
.document-list .iconview .icon {
	display: inline;
}
.document-list .icon span {
	font-size: 0.9em;
	margin-left: 5px;
}
.document-list .icon span:first-child {
	margin-left: 0;
}
.document-list .iconview h6, .document-list .listview h6 {
	margin-right: 5px;
}
.post-author {
	float: left;
	width: 70px;
	text-align: center;
}
.post-author .cuttext {
	display: block;
}
.post-author img {
	width: 50px;
}
.post-detail {
	margin-left: 80px;
	position: relative;
}
.q.imgicon .detail, .r .detail {
	padding-left: 60px;
}
.usericon {
	min-width: 60px;
	max-width: 40%;
	padding-left: 0;
}
.usericon > span {
	display: inline-block;
}
.usericon img {
	background-color: #EEE;
	width: 100%;
	max-height: 200px;
	max-width: 200px;
}
.detail {
	position: relative;
}
#comment-list .r {
	margin-bottom: 10px;
}
#comment-list, #reply-form {
	margin-top: 10px;
}
#comment-list .reaction,
#document-view .reaction,
#board-view .reaction {
	margin-top: 10px;
	padding: 5px;
	clear: both;
}
#comment-list .r .reaction {
	text-align: right;
}
#comment-list .reaction p,
#document-view .reaction p,
#board-view .reaction p {
	margin: 0;
}
#document-view .keywords > a {
	margin-right: 5px;
}
.content-action {
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05);
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0.3;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.content-action:hover {
	opacity: 1;
}
.content-action a {
	margin: 0 5px;
	float: left;
}
.content-action a:hover {
	text-decoration: none !important;
}
#member-view {
	padding: 0;
}
#member-view li {
	list-style-type: none;
	padding: 5px;
	border-width: 1px;
	border-style: none none dashed none;
	border-color: #EEE;
}
#member-view li span.label {
	width: 150px;
	display: inline-block;
	font-weight: bold;
}
#member-view img.uicon {
	margin-left: 5px;
}
.member_section {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	background-color: #F9F9F9;
	border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	-webkit-border-radius: 0 3px 3px 3px;
	padding: 0 10px;
}
.content header {
	margin-bottom: 10px;
}
.widget header,
.homepage header,
.member_section header {
	margin-bottom: 0;
}
.member_section header > h2,
.modaldiv header > h2 {
	border: none;
	padding: 5px 0 10px;
}
.widget,
.sidebar .widget_textlink {
	margin-bottom: 10px;
	clear: both;
}
.sidebar ul {
	list-style-type: none;
	padding: 0;
}
.homepage .widget .next {
	text-align: right;
	overflow: hidden;
	padding: 10px 5px;
	margin: 0;
}
.facebook_page {
	overflow: hidden;
}
.login {
	padding-bottom: 3px;
}
.login p {
	margin: 0;
	padding: 2px 5px;
}
.login #usericon {
	width: 50px;
}
/* multi step indicator */
ol.multi_step {
	counter-reset: item;
	display: table;
	width: 100%;
	padding: 0;
	margin-bottom: 0.5em;
}
ol.multi_step li {
	color: #aaa;
	display: table-cell;
	line-height: 2em;
	text-align: center;
}
ol.multi_step li:before {
	content: counter(item);
	counter-increment: item;
	display: inline-block;
	text-align: center;
	width: 2em;
	height: 2em;
	background-color: #ccc;
	border-radius: 50em;
	-moz-border-radius: 50em;
	-webkit-border-radius: 50em;
	margin-right: .5em;
	color: #fff;
}
ol.multi_step li.current {
	color: #B71C1C;
}
ol.multi_step li.current:before {
	background-color: #B71C1C;
	color: #FFF;
}
/* search form */
.search-form > p {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: rgba(255,255,255,0.3);
}
.search-form > p > label {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	width: auto !important;
}
.search-form #widget-search-input {
	display: block;
	width: 100%;
}
.search-form input,
.search-form button {
	color: inherit;
	background-color: transparent;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	line-height: 1.5;
}
.search-form button:before {
	margin: 0;
	font-size: 1.5em;
}
#search-form {
	display: table;
	margin: 0 auto;
	padding: 15px 0;
	max-width: 100%;
	font-size: 1.6em;
}
#search-form p {
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	border-color: rgba(0,0,0,0.2);
}
#search-form button {
	background-color: #EEE;
	color: #555;
	text-shadow: 0 1px 0 #FFF;
	padding-left: 0.7em;
	padding-right: 0.7em;
}
#document-search > #search-result {
	text-align: right;
	margin-bottom: 30px;
}
#document-search > #search-list > div {
	margin: 0 0 10px 0;
}
#document-search > #search-list > ul {
	padding: 0 0 10px 40px;
}
#document-search > #search-list > .search-item {
	margin: 0 0 30px 0;
}
.search-item > p {
	margin: 0;
}
.search-item > p.link {
	color: #008000;
}
.search-item h6 {
	color: #333;
	font-family: arial, sans-serif;
	font-size: 1.4em;
}
#map_canvas img, .gmnoprint img {
	max-width: none;
}
/* scroller */
.scroller {
	z-index: 10;
	display: inline-block;
	position: fixed;
	right: 10px;
	bottom: -1.6em;
	font-size: 2em;
	font-family: Tahoma;
	text-decoration: none;
	background-color: #493434;
	background-color: rgba(0,0,0,0.2);
	color: #FFF;
	height: 1.5em;
	width: 1.5em;
	text-align: center;
	line-height: 1.7em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.toTop .scroller {
	bottom: 10px;
}
.scroller:hover {
	background-color: #372727;
	background-color: rgba(0,0,0,0.4);
	text-decoration: none;
	color: #FFF;
}
.ads_728_90 {
	display: block;
	width: 728px;
	height: 90px;
	max-width: 100%;
	margin: 0 auto;
}
#slidemenu_content {
	height: 100%;
}
@media only screen and (max-width: 1360px) {
	/* side menu */
	body.responsive .sidemenu.responsive > ul ul a {
		width: auto;
	}
	body.responsive .sidemenu.responsive > ul ul {
		position: static;
		margin: 0;
		border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	body.responsive .sidemenu.responsive > ul > li > a > span {
		padding-left: 10px;
		padding-right: 10px;
	}
	body.responsive .sidemenu.responsive > ul ul > li > a > span {
		padding-left: 20px;
		padding-right: 20px;
	}
	body.responsive .sidemenu.responsive > ul ul ul > li > a > span {
		padding-left: 30px;
		padding-right: 30px;
	}
	body.responsive .sidemenu.responsive a.menu-arrow:after {
		right: 10px;
		border-style: solid solid none solid;
		border-top-color: inherit;
		border-bottom-color: inherit;
		border-left-color: transparent;
		border-right-color: transparent;
	}
	html[dir="rtl"] body.responsive .sidemenu.responsive a.menu-arrow:after,
	body.responsive .sidemenu.responsive.right a.menu-arrow:after {
		left: 10px;
		right: auto;
		border-style: solid solid none solid;
		border-top-color: inherit;
		border-bottom-color: inherit;
		border-left-color: transparent;
		border-right-color: transparent;
	}
}
/* phone, tablet */
@media only screen and (max-width: 960px) {
	body.responsive .menu_wrapper {
		background-image: url();
		padding: 0;
		width: 100%;
	}
	body.responsive .topmenu.responsive {
		font-size: 14px;
	}
	body.responsive .topmenu.responsive,
	body.responsive .topmenu.responsive > ul,
	body.responsive .topmenu.responsive > ul > li,
	body.responsive .topmenu.slidemenu,
	body.responsive .topmenu.slidemenu > ul,
	body.responsive .topmenu.slidemenu > ul > li {
		border: none;
		margin: 0;
		padding: 0;
		max-width: 100%;
		display: block;
		width: 100%;
		min-height: 3em;
		line-height: 3em;
	}
	body.responsive .topmenu.responsive {
		display: table;
	}
	body.responsive .sidemenu.responsive > ul ul a,
	body.responsive .topmenu.responsive > ul ul a {
		width: auto;
	}
	body.responsive .sidemenu.responsive > ul ul,
	body.responsive .topmenu.responsive > ul ul {
		position: static;
		margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 0;
	}
	body.responsive .topmenu.responsive > ul > li > a {
		display: block;
		position: relative;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0 ;
		border: none;
	}
	body.responsive .topmenu.responsive ul > li > a > span {
		text-align: left;
		border: none;
		padding: 0 10px;
	}
	body.responsive .topmenu.slidemenu ul > li > a > span {
		text-align: left;
		border: none;
		padding: 5px 10px;
	}
	html[dir="rtl"] body.responsive .topmenu.responsive ul > li > a > span,
	html[dir="rtl"] body.responsive .topmenu.slidemenu ul > li > a > span {
		text-align: right;
	}
	body.responsive .topmenu.responsive > ul > li span:before {
		position: absolute;
		left: 10px;
		height: 2em;
		line-height: 2em;
		top: 50%;
		margin-top: -1em;
		font-size: 2em;
	}
	body.responsive .topmenu.responsive ul > li {
		display: none;
	}
	body.responsive .topmenu.responsive > ul > li {
		border-left: none;
		border-right: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	body.responsive .topmenu.responsive > ul > li.select,
	body.responsive .topmenu.responsive > ul > li.default,
	body.responsive  input.toggle-menu:checked ~ ul li {
		display: block;
	}
	body.responsive  label.toggle-menu {
		position: absolute;
		padding: 8px 0;
		margin: 4px 10px;
		top: 0;
		right: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
		-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
		-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
		background-color: rgba(255, 255, 255, 0.1);
		z-index: 999;
	}
	body.responsive .topmenu label.toggle-menu {
		display: block;
	}
	html[dir="rtl"] body.responsive label.toggle-menu {
		left: 11px;
		right: auto;
	}
	body.responsive label.toggle-menu > span {
		display: block;
		width: 18px;
		height: 2px;
		margin: 3px 10px;
		background-color: #f5f5f5;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
	body.responsive .sidemenu.responsive a.menu-arrow:after,
	body.responsive .topmenu.responsive a.menu-arrow:after {
		right: 10px;
		border-style: solid solid none solid;
		border-top-color: inherit;
		border-bottom-color: inherit;
		border-left-color: transparent;
		border-right-color: transparent;
	}
	html[dir="rtl"] body.responsive .sidemenu.responsive a.menu-arrow:after,
	html[dir="rtl"] body.responsive .topmenu.responsive a.menu-arrow:after {
		left: 10px;
		right: auto;
		border-style: solid solid none solid;
		border-top-color: inherit;
		border-bottom-color: inherit;
		border-left-color: transparent;
		border-right-color: transparent;
	}
	/* slidemenu */
	body.responsive .topmenu.slidemenu {
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 240px;
		left: -240px;
		background-color: #333;
		color: #EEE;
		z-index: 999;
		-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	}
	body.responsive .topmenu.slidemenu label.toggle-menu {
		margin: 0;
		display: block;
		position: absolute;
		padding: 0.5em 0;
		top: 15px;
		right: -53px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
		-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
		-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
		background-color: rgba(255,255,255,0.1);
	}
	body.responsive  #slidemenu_content {
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100%;
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	body.responsive #slidemenu_content.showmenu,
	body.responsive  input.toggle-menu:checked ~ #slidemenu_content {
		-webkit-transform: translate3d(240px, 0, 0);
		-moz-transform: translate3d(240px, 0, 0);
		-ms-transform: translate3d(240px, 0, 0);
		-o-transform: translate3d(240px, 0, 0);
		transform: translate3d(240px, 0, 0);
	}
	body.responsive .topmenu.slidemenu ul,
	body.responsive .topmenu.slidemenu ul > li,
	body.responsive .topmenu.slidemenu li > a,
	body.responsive .topmenu.slidemenu li > a > span {
		display: block;
		float: none;
		height: auto;
		width: auto;
		opacity: 1;
		background-color: inherit;
		color: inherit;
		visibility: visible;
	}
	body.responsive .topmenu.slidemenu ul {
		border: none;
		display: block;
		position: relative;
		left: 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	body.responsive .topmenu.slidemenu ul ul {
		height: 0;
		overflow: hidden;
	}
	body.responsive .topmenu.slidemenu ul > li:hover > ul {
		height: auto;
	}
	body.responsive .topmenu.slidemenu li.select > a {
		color: #FFF;
		background-color: #434343;
		background-color: rgba(255,255,255,0.04);
	}
	body.responsive .topmenu.slidemenu li:hover > a {
		color: #FFF;
		background-color: #474747;
		background-color: rgba(255,255,255,0.05);
	}
	body.responsive .topmenu.slidemenu > ul ul > li > a > span {
		padding-left: 1em;
	}
	body.responsive .topmenu.slidemenu > ul ul ul > li > a > span {
		padding-left: 1.5em;
	}
	body.responsive .topmenu.slidemenu ul > li {
		border-top: 1px solid #4D4D4D;
		border-bottom: 1px solid #1A1A1A;
	}
	body.responsive .topmenu.slidemenu ul > li:last-child {
		border-bottom: none;
	}
	body.responsive .topmenu.slidemenu a.menu-arrow:after {
		border-style: solid solid none solid;
		border-top-color: inherit;
		border-bottom-color: inherit;
		border-left-color: transparent;
		border-right-color: transparent;
	}
}
/* phone, tablet */
@media only screen and (max-width: 768px) {
	body.responsive .ggrid.margin-box > .col3:nth-child(3n+1) {
		margin: 0 0 1% 1%;
	}
	body.responsive .ggrid.margin-box > .col3 {
		width: 49.5%;
	}
	body.responsive .ggrid.margin-box > .col3:nth-child(2n+1) {
		margin-left: 0;
	}
	body.responsive .leftsidebar,
	body.responsive .rightsidebar,
	body.responsive .leftsidebar > .content,
	body.responsive .leftsidebar > .sidebar,
	body.responsive .rightsidebar > .content,
	body.responsive .rightsidebar > .sidebar {
		float: none;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		display: block;
	}
	/* responsive tab */
	body.responsive .gtab.responsive {
		min-width: 33px;
		min-height: 33px;
	}
	body.responsive .gtab.responsive > ul {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
		border-color: #EEE;
		border-width: 1px;
		border-style: solid solid none solid;
		background-color: #FFF;
		margin-top: 0.2em;
		-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	}
	body.responsive .gtab.responsive > ul > li {
		float: none;
	}
	body.responsive .gtab.responsive > ul > li > a {
		border-color: #EEE;
		border-style: none none solid none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		margin-left: 0;
		padding-right: 15px;
	}
	body.responsive .gtab.responsive > ul > li > a:hover {
		background-color: #F9F9F9;
		color: #C60;
	}
	body.responsive .gtab.responsive:after {
		position: absolute;
		z-index: 4;
		top: 50%;
		right: 5px;
		margin-top: -0.25em;
		border-width: 0.5em;
		content: "";
		border-style: solid solid none solid;
		border-color: #000 transparent #000 transparent;
	}
	body.responsive .gtab.responsive:hover:after {
		border-color: #C60 transparent #C60 transparent;
	}
	body.responsive .gtab.responsive:hover > ul {
		display: block;
	}
	/* responsive table */
	body.responsive table.responsive thead {
		display: none;
	}
	body.responsive table.responsive td {
		display: inline-block;
		border-style: none;
		padding: 5px 10px;
	}
	body.responsive table.responsive th {
		display: block;
		background-color: inherit;
	}
	body.responsive table.responsive tr {
		background-color: transparent;
	}
	body.responsive table.border.responsive tr {
		border-left-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-width: 1px;
	}
	body.responsive table.responsive caption {
		display: block;
	}
	body.responsive table.responsive > tbody > tr > :first-child {
		display: block;
		background-color: #EEE;
	}
	body.responsive table.responsive [data-text]:after {
		content: attr(data-text);
		display: inline-block;
		margin-left: 5px;
	}
	/* responsive table.responsive-v */
	body.responsive table.responsive-v > thead {
		display: none;
	}
	body.responsive table.responsive-v > tbody {
		display: table;
		width: 100%;
		border-color: rgba(0,0,0,0.1);
		border-width: 1px;
		border-style: solid solid none none;
	}
	body.responsive table.data.responsive-v > tbody {
		border-color: #e5eff8;
	}
	body.responsive table.responsive-v > tbody > tr {
		display: table-row-group;
	}
	body.responsive table.responsive-v > tbody > tr > * {
		display: table-row;
	}
	body.responsive table.responsive-v > tbody > tr > * > * {
		text-align: left;
		display: table-cell;
		padding: 5px 10px;
		border-color: inherit;
		border-style: solid none none;
		border-width: 1px;
	}
	body.responsive table.responsive-v > tbody > tr > *:last-child > * {
		border-bottom-style: solid;
	}
	body.responsive table.responsive-v > tbody > tr > :before {
		content: attr(data-text);
		text-align: left;
		display: table-cell;
		padding: 5px 10px;
		background-color: #EEE;
		border-color: rgba(255,255,255,0.5);
		border-style: solid solid none;
		border-width: 1px;
		white-space: nowrap;
	}
	body.responsive table.data.responsive-v > tbody > tr > :before {
		background-color: #f4f9fe;
		color: #66a3d3;
		border-color: inherit;
	}
	body.responsive table.responsive-v > tbody > tr:first-child {
		border-style: none;
	}
	body.responsive .document-list > .col4,
	body.responsive .document-list > .row > .col4 {
		width: 49.5%;
		margin: 0 0 1% 1%;
	}
	body.responsive .document-list > .col4:nth-child(2n+1),
	body.responsive .document-list > .row > .col4:nth-child(2n+1) {
		margin-left: 0;
	}
	body.responsive #board-list .col2 {
		max-width: 15em;
	}
}
/* tablet */
@media only screen and (min-width: 481px) and (max-width: 768px) {
	body.responsive .tablet {
		display: none !important;
	}
	body.responsive .ggrid >[class*="block"],
	body.responsive .ggrid > .row > [class*="block"] {
		width: 48.7179%;
		margin-bottom: 0;
	}
	body.responsive .document-list > .col4:nth-child(2n+1),
	body.responsive .document-list > .row > .col4:nth-child(2n+1),
	body.responsive .document-list > .col6:nth-child(3n+1),
	body.responsive .document-list > .row > .col6:nth-child(3n+1),
	body.responsive .ggrid > [class*="block"]:nth-child(2n+1),
	body.responsive .ggrid > .row > [class*="block"]:nth-child(2n+1),
	body.responsive .ggrid.margin-box > [class*="col"]:nth-child(2n+1),
	body.responsive .ggrid.margin-box > .row > [class*="col"]:nth-child(2n+1) {
		margin-left: 0;
	}
	body.responsive .ggrid.collapse > [class*="block"],
	body.responsive .ggrid.collapse > .row > [class*="block"],
	body.responsive .ggrid.padding-box > [class*="col"],
	body.responsive .ggrid.padding-box > .row > [class*="col"] {
		width: 50%;
	}
	body.responsive .ggrid.margin-box > [class*="col"],
	body.responsive .ggrid.margin-box > .row > [class*="col"] {
		width: 49.5%;
	}
	body.responsive .document-list .col6 {
		width: 32.66%;
	}
	body.responsive .columns3 {
		padding-right: 0;
	}
	body.responsive .columns3 > .col1,
	body.responsive .columns3 > .col1 > .col-content {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		clear: both;
	}
	body.responsive .columns3 > .col1 > .col2,
	body.responsive .columns3 > .col3 {
		margin-left: 0;
		margin-right: 0;
		width: 50%;
	}
	body.responsive .tablet-block {
		clear: both;
		width: 100%;
		float: none;
	}
	body.responsive .tablet-group {
		display: table;
	}
	body.responsive .tablet-group > .item {
		display: table-cell;
		vertical-align: top;
	}
	body.responsive .ads_728_90 {
		width: 468px;
		height: 60px;
	}
}
/* iphone and small device */
@media only screen and (max-width: 480px) {
	body.responsive .tablet, body.responsive .mobile {
		display: none !important;
	}
	body.responsive #logo {
		text-align: center;
		background-position: 50% 50%;
	}
	body.responsive #logo * {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		position: static;
	}
	body.responsive #logo a {
		display: inline-block;
	}
	body.responsive #logo a > img {
		width: 100%;
	}
	body.responsive .columns3,
	body.responsive .columns3 > .col1,
	body.responsive .columns3 > .col1 > .col2,
	body.responsive .columns3 > .col3,
	body.responsive .columns3 > .col1 > .col-content {
		float: none;
		width: 100%;
		clear: both;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	body.responsive .input-groups > [class*="width"] {
		float: none;
		width: auto;
		margin: 0 0 5px 0;
		clear: both;
	}
	body.responsive .mobile-block,
	body.responsive .document-list > .col2,
	body.responsive .document-list > .row > .col2,
	body.responsive .ggrid > [class*="block"],
	body.responsive .ggrid > .row > [class*="block"],
	body.responsive .ggrid.margin-box > [class*="col"],
	body.responsive .ggrid.margin-box > .row > [class*="col"],
	body.responsive .ggrid.padding-box > [class*="col"],
	body.responsive .ggrid.padding-box > .row > [class*="col"] {
		float: none;
		width: 100%;
		clear: both;
		margin-left: 0;
	}
	body.responsive .ggrid > [class*="block"],
	body.responsive .ggrid > .row > [class*="block"] {
		margin: 0 0 2.5641% 0;
	}
	body.responsive .document-list .col6 {
		width: 49.5%;
		margin: 0 0 1% 1%;
	}
	body.responsive .document-list > .col6:nth-child(2n+1),
	body.responsive .document-list > .row > .col6:nth-child(2n+1) {
		margin-left: 0;
	}
	body.responsive .document-list > .col2,
	body.responsive .document-list > .row > .col2,
	body.responsive .ggrid.margin-box > [class*="col"],
	body.responsive .ggrid.margin-box > .row > [class*="col"] {
		margin: 0 0 10px 0 !important;
	}
	body.responsive ol.multi_step li:before {
		display: table;
		margin: 0 auto;
	}
	body.responsive #board-list .col4 {
		max-width: 5em;
	}
	body.responsive .textlink_image > a {
		max-width: 48%;
		margin: 1%;
	}
	body.responsive .ads_728_90 {
		width: 320px;
		height: 100px;
	}
}
.circle {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}
.rounded {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.nowrap {
	white-space: nowrap;
}
.right {
	text-align: right !important;
}
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}
.middle {
	vertical-align: middle;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-center {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}