/*
z-index:
 - Multi menu: .gw-multi-level (10->20)
 - Menu mobile: 30->35
 - Popup: .gw-pp (100->179)
 - Save message: #gw-save-message (180->199)
 - Loading: .gw-loading-page (200->299)
*/

@charset "utf-8";
* {
	margin: 0;
}
body {
	height: auto;
	color: #666;
	font-family: "Arial", Helvetica, sans-serif;
}
img {
    border: 0px;
	line-height: 0px;
}
a {
	color: #307ecc;
	text-decoration: none;
}
a:hover {
	color: #d15b47;
	text-decoration: underline;
}
input, textarea, select {
	color: #666;
	font-size: 100%;
	font-family: "Arial", Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
button {
	margin: 0;
	padding: 0;
}
table {
	font-size: 100%;
	border-collapse: collapse;
	border-color: #999;
}
.clear {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.clear5 {
	clear: both;
	height: 5px;
}
.clear10 {
	clear: both;
	height: 10px;
}
.clear20 {
	clear: both;
	height: 20px;
}
.clear30 {
	clear: both;
	height: 30px;
}
.clear50 {
	clear: both;
	height: 50px;
}
.gw-reset-margin {
	margin: 0;
}
.gw-reset-padding {
	padding: 0;
}
.gw-margin-auto {
	margin-left: auto;
	margin-right: auto;
}

.gw-div-table {
	display: table;
	border: 1px solid #CCC;
}
.gw-div-table-caption {
	display: table-caption;
	background: #F1F1F1;
}
.gw-div-table-row {
	display: table-row;
}
.gw-div-table-col {
	display: table-cell;
	padding: 5px;
	border: 1px solid #CCC;
}

/*viewpost*/
.gw-view-post {
	line-height: 170%;
	font-size: 100%;
	word-wrap: break-word;
}
.gw-view-post h1 {
	line-height: 130%;
	font-size: 180%;
	margin-bottom: 30px;
}
.gw-view-post h2,
.gw-view-post h3,
.gw-view-post h4,
.gw-view-post h5,
.gw-view-post h6 {
	line-height: 170%;
	font-weight: normal;
	font-size: 100%;
	margin: 13px 0;
}
.gw-view-post p {
	margin: 13px 0;
}
.gw-view-post ol,
.gw-view-post ul {
	list-style-position: outside;
	margin: 0 0 0 30px;
	padding: 0;
}
.gw-view-post li {
	padding: 0;
	margin: 3px 0;
}
.gw-view-post img {
	max-width: 100%;
	height: auto !important;
}
.gw-view-post blockquote {
	font-style: italic;
	margin-left: 30px;
	padding-left: 15px;
	border-left: solid 3px #CCC;
}
.gw-view-post table {
	margin: 15px auto;
}
.gw-view-post table div,
.gw-view-post table p {
	margin: 0;
}
.gw-view-post iframe {
	width: 100%;
	max-width: 320px;
	height: 250px;
	margin: auto;
}
/*END viewpost*/

/*gw-multi-level*/
.gw-multi-level {
	display: block;
	z-index: 10;
}
.gw-multi-level,
.gw-multi-level ul {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background: none;
}

.gw-multi-level a:link,
.gw-multi-level a:active,
.gw-multi-level a:visited {
	display: block;
	background-color: none;
	text-decoration: none;
}
.gw-multi-level li {
	display: inline-block;
	list-style: none;
	margin: 0 2px;
	position: relative;
}
.gw-multi-level li a {
	display: block;
	padding: 0px 15px;
}
.gw-multi-level li ul {
	top: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	border-top: solid 2px #999;
}
.gw-multi-level li ul ul {
	top: 0px;
	left: 230px;
	border-top: none;
}
.gw-multi-level li li {
	margin: 0 15px;
	border-top: dashed 1px #CCC;
}
.gw-multi-level li li:first-child {
	border-top: none;
}
.gw-multi-level li li a {
	width: 200px;
	line-height: 22px;
	font-weight: normal;
	text-transform: none;
	text-align: start;
	padding: 10px 0;
}

.gw-multi-level li:hover a,
.gw-multi-level > .active > a {
	
}
.gw-multi-level li:hover li a {
	color: #888;
}
.gw-multi-level li li:hover a {
	color: #555;
}
.gw-multi-level li li li:hover a {
	color: #000;
}
.gw-multi-level li:hover li a,
.gw-multi-level li li a:hover {
	background: none;
	padding-bottom: 10px;
	border: none;
}

.gw-multi-level ul {
	display: none;
	top: auto;
	position: absolute;
}
.gw-multi-level ul ul {
	top: auto;
}
.gw-multi-level li:hover ul ul,
.gw-multi-level li:hover ul ul ul,
.gw-multi-level li:hover ul ul ul ul {
	display: none;
}
.gw-multi-level li:hover ul,
.gw-multi-level li li:hover ul,
.gw-multi-level li li li:hover ul,
.gw-multi-level li li li li:hover ul {
	display: block;
}

.gw-multi-level-vertical {
	position: relative;
}
.gw-multi-level-vertical li {
	display: block;
	width: 230px;
	margin: 0;
	position: relative;
}
.gw-multi-level-vertical ul {
	top: 0;
	left: 230px;
}
.gw-multi-level-vertical li ul {
	top: 0;
	border: none;
	box-shadow: 0px 0px 3px rgba(0,0,0,.5);
}
/*END gw-multi-level*/

/*corner*/
.corner3  { border-radius: 3px; }
.corner5  { border-radius: 5px; }
.corner8  { border-radius: 8px; }
.corner10 { border-radius: 10px; }
/*END corner*/

/*img max width OR height*/
.img-height,
.img-width {
    text-align: center;
	overflow: hidden;
}
.img-width img {
	max-width: 100%;
}
.img-height img {
	max-height: 100%;
}
/*END img max width OR height*/

/*zoom effect*/
.gw-effect img {
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.gw-effect:hover img {
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/*END zoom effect*/

/*gw-menu-mobile*/
#gw-menu-mobile {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
}
#gw-menu-mobile-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 31;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
}
#gw-menu-mobile .gw-menu-mobile-close {
	cursor: pointer;
}
#gw-menu-mobile .gw-close {
    display: block;
    font-size: 130%;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 33;
}

#gw-menu-mobile .gw-menu-mobile-logo {
    display: block;
    width: 70%;
	max-width: 350px;
    padding: 10px;
    background-color: rgba(255,255,255,1);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 32;
}
#gw-menu-mobile .gw-menu-mobile-logo img {
    max-height: 40px;
}

#gw-menu-mobile-nav {
	list-style: none;
	margin: 0;
	width: 70%;
	max-width: 350px;
	box-sizing: border-box;
	overflow: auto;
    background-color: rgba(255,255,255,1);
	position: fixed;
	z-index: 32;
	top: 60px;
	right: 0;
}
#gw-menu-mobile-nav ul {
    list-style: none;
	margin: 0;
    padding: 0;
}
#gw-menu-mobile-nav li {
	line-height: 160%;
}
#gw-menu-mobile-nav li a {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 110%;
	padding: 10px;
    border-top: dashed 1px #ddd;
}
#gw-menu-mobile-nav ul ul {
	list-style: none;
	margin: 0 0 0 10%;
	padding: 0;
}
#gw-menu-mobile-nav ul ul li a {
	font-size: 100%;
}
#gw-menu-mobile-nav ul ul li a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	content: '\f0da';
	margin-right: 7px;
}
#gw-menu-mobile-nav ul ul li li a:before {
	content: '\f105';
}
/*END menu-mobile*/

/*btn*/
.gw-btn-small,
.gw-btn-medium,
.gw-btn-large {
	display: inline-block;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	margin: 0 5px 5px 0;
    background-color: #FFF;
    border: none;
	cursor: pointer;
	outline: none;
}
.gw-btn-small:hover,
.gw-btn-medium:hover,
.gw-btn-large:hover {
	color: #FFF;
	text-decoration: none;
}
.gw-btn-small {
	line-height: 14px;
	padding: 7px 10px;
}
.gw-btn-medium {
	line-height: 15px;
	font-size: 115%;
	padding: 10px 18px;
	border-style: solid;
	border-width: 2px;
}
.gw-btn-large {
	line-height: 18px;
	font-size: 130%;
    letter-spacing: 1px;
	padding: 17px 25px;
	border-style: solid;
	border-width: 3px;
}
.gw-btn-small a,
.gw-btn-medium a,
.gw-btn-large a {
    color: #FFF;
}
/*END btn*/

/*form submit*/
.gw-document {
	width: 100%;
    line-height: 150%;
	overflow: hidden;
	padding: 1%;
	position: relative;
}
.gw-document-box {
	margin-bottom: 30px;
	padding: 40px 2% 0 2%;
	border: solid 1px #999;
	position: relative;
	box-sizing: border-box;
}

.gw-pp .gw-btn-back,
.gw-document-box .gw-btn-back {
	display: none;
}

.gw-document .gw-document-title {
	width: 100%;
	height: 40px;
	color: #FFF;
	font-size: 130%;
	font-weight: normal;
	line-height: 40px;
	padding: 0 2%;
	box-sizing: border-box;
	background-color: #999;
	position: absolute;
	top: 0;
	left: 0;
}

.gw-document-zoom,
.gw-document-zoom-all {
	width: 22px;
	height: 22px;
	float: right;
	line-height: 22px;
	color: #FFF;
	font-size: 110%;
	text-align: center;
	background-color: #7e7e7e;
	border-radius: 3px;
	cursor: pointer;
}
.gw-document-zoom {
	top: 8px;
	position: relative;
}
.gw-document-zoom:hover,
.gw-document-zoom-all:hover {
	background-color: #666;
}
.gw-document-zoom-all {
	font-size: 140%;
	margin: 0 2% 20px 0;
}

.gw-field,
.gw-field-none,
.gw-field-change {
	width: 100%;
    margin: 0 0 15px 0;
	box-sizing: border-box;
	position: relative;
}
.gw-field .gw-error-box,
.gw-field-none .gw-error-box,
.gw-field-change .gw-error-box {
	clear: both;
}

.gw-label {
	width: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}

.gw-value-box,
.gw-value,
.gw-value-item {
	position: relative;
	margin-bottom: 3px;
}

.gw-value-btn span:first-child {
	display: block;
	width: 68%;
	float: left;
}
.gw-value-btn span:nth-child(2) {
	display: block;
	width: 30%;
	float: right;
}

.gw-value-search span {
	display: block;
	margin-bottom: 5px;
}
.gw-value-search .gw-value-search-data {
	line-height: 180%;
	margin-top: 5px;
}
.gw-value-search .gw-value-search-data .gw-value-search-item {
	color: #06C;
	cursor: pointer;
}
.gw-value-search .gw-value-search-data .gw-value-search-item:hover {
	background-color: #F1F1F1;
}

.gw-string {
    padding-top: 5px;
}
.gw-required,
.gw-required-label {
	color: #F00;
}

.gw-input,
.gw-select,
.gw-select-multiple {
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 0 2%;
	outline: none;
	border: solid 1px #CCC;
	box-sizing: border-box;
}
.gw-select {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	background: url(../img/icon-select.png) no-repeat #FFF;
	background-position: 99% 50%;
	background-size: 7px;
}
.gw-select::-ms-expand {
    display: none;
}
.gw-select-multiple {
	height: 150px;
	max-height: 200px;
	padding: 0;
}
.gw-select-multiple option {
	padding: 5px 2%;
}
.gw-text-small,
.gw-text-medium,
.gw-text-large {
    width: 100%;
	min-height: 50px;
	line-height: 160%;
	padding: 3px 2%;
    overflow: auto;
	outline: none;
	border: solid 1px #CCC;
	box-sizing: border-box;
    resize: vertical;
}
.gw-text-small {
	height: 70px;
}
.gw-text-medium {
	height: 280px;
}
.gw-text-large {
	height: 380px;
}

.gw-input:hover,
.gw-select:hover,
.gw-text-small:hover,
.gw-text-medium:hover,
.gw-text-large:hover {
	border: solid 1px #999;
}
.gw-input:focus,
.gw-select:focus,
.gw-text-small:focus,
.gw-text-medium:focus,
.gw-text-large:focus {
	border: solid 1px #FC0;
}

.gw-checkbox .gw-value-item {
	line-height: 18px;
	margin: 6px 0;
}
.gw-checkbox-full .gw-value-item {
	line-height: 18px;
	margin: 6px 0 10px 0;
}
.gw-checkbox .gw-value-item input,
.gw-checkbox-full .gw-value-item input {
	width: auto;
	float: left;
	margin: 2px 5px 0 0;
	cursor: pointer;
}

.gw-value-list > .gw-value-box {
	max-height: 200px;
	overflow: auto;
	padding: 3px 10px;
	background-color: #F9F9F9;
	border: solid 1px #CCC;
	box-sizing: border-box;
}
.gw-value-list .gw-value-item {
	margin: 5px 0px;
}
.gw-value-list .gw-value-item:hover {
	background-color: #F3F3F3;
}

.gw-number-right {
	text-align: right;
}

.gw-hr {
	height: 1px;
	background-color: #CCC;
	border: none;
	margin: 15px 0;
}
.gw-error {
	font-style: italic;
	color: #F00;
}
.gw-message {
    color: #00F;
}
.gw-notes {
	font-style: italic;
	opacity: 0.75;
}
.gw-hidden {
    display: none;
}
/*END form submit*/

/*.gw-select-html*/
.gw-select-html {
	position: relative;
	z-index: 1;
}
.gw-select-html-bg {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.gw-select-html-value:before {
	font-family: "FontAwesome";
	content: "\f0d7";
	position: absolute;
	right: 1%;
}
.gw-select-html-form {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.gw-select-html-form .gw-select-html-input {
	position: relative;
	z-index: 3;
}
.gw-select-html-form .gw-select-html-icon {
	display: block;
	width: 28px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #C1C1C1;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	right: 1px;
	top: 1px;
}
.gw-select-html-data {
	display: none;
	width: 100%;
	max-height: 210px;
	min-height: 30px;
	background-color: #FFF;
	border: solid 1px #CCC;
	box-sizing: border-box;
	overflow: auto;
	position: relative;
	top: -1px;
	left: 0;
}
.gw-select-html-item {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 2%;
	cursor: pointer;
}
.gw-select-html-item:hover {
	background-color: #E1E1E1;
}
.gw-select-html-item-old {
	background-color: #F3F3F3;
}
.gw-select-html-item-select {
	background-color: #FFB !important;
}

.gw-select-html-active {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.gw-select-html-active .gw-select-html-bg,
.gw-select-html-active .gw-select-html-form,
.gw-select-html-active .gw-select-html-data {
	display: block;
	z-index: 2;
}
/*END gw-select-html*/

/*adddata*/
.gw-adddata-btn {
	margin-top: 5px;
}
.gw-adddata-error {
	font-weight: bold;
	margin-bottom: 10px;
}
.gw-adddata-form,
.gw-adddata-form-active {
	width: 700px;
	max-width: 90%;
	margin: auto;
}

.gw-adddata-item:hover {
	background-color: #E1E1E1 !important;
}

.gw-adddata-item-active {
	background-color: #FFB !important;
}

.gw-adddata-view-one > .gw-value-box > .gw-adddata-item {
	clear: both;
	margin-bottom: 3px;
	padding: 4px 8px;
	background-color: #F1F1F1;
	border-radius: 5px;
	border: solid 1px #CCC;
	cursor: pointer;
}
.gw-adddata-view-one .gw-value {
	margin: 0;
}

.gw-adddata-view-two > .gw-value-box {
	display: table;
	width: 100%;
	line-height: 160%;
	border-collapse: collapse;
	box-sizing: border-box;
}
.gw-adddata-view-two > .gw-value-box > .gw-adddata-item {
	display: table-row;
	padding: 5px 10px;
	background-color: #F1F1F1;
	border-radius: 5px;
	border: solid 1px #CCC;
	margin-bottom: 15px;
	cursor: pointer;
}
.gw-adddata-view-two > .gw-value-box > .gw-adddata-item .gw-hidden {
	display: none !important;
}
.gw-adddata-view-one > .gw-value-box > .gw-adddata-header,
.gw-adddata-view-two > .gw-value-box > .gw-adddata-header {
	display: none;
}
.gw-adddata-view-two > .gw-value-box > .gw-adddata-item > .gw-value {
	display: table-cell;
	min-width: 100px;
	padding: 3px 7px;
}

.gw-adddata-view-two,
.gw-adddata-view-table,
.gw-adddata-view-table-border {
	overflow: auto;
}

.gw-adddata-view-table > .gw-value-box,
.gw-adddata-view-table-border > .gw-value-box {
	display: table;
	width: 100%;
	line-height: 160%;
	border: solid 1px #CCC;
	border-collapse: collapse;
	box-sizing: border-box;
}
.gw-adddata-view-table > .gw-value-box > .gw-adddata-item,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-item,
.gw-adddata-view-table > .gw-value-box > .gw-adddata-header,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-header {
	display: table-row;
}
.gw-adddata-view-table > .gw-value-box > .gw-adddata-item .gw-hidden,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-item .gw-hidden,
.gw-adddata-view-table > .gw-value-box > .gw-adddata-header .gw-hidden,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-header .gw-hidden {
	display: none !important;
}
.gw-adddata-view-table > .gw-value-box > .gw-adddata-header,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-header {
	color: rgba(102,102,102,.7);
	font-weight: bold;
	background-color: #CCC;
}
.gw-adddata-view-table > .gw-value-box > .gw-adddata-item > .gw-value,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-item > .gw-value,
.gw-adddata-view-table > .gw-value-box > .gw-adddata-header > .gw-adddata-cell,
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-header > .gw-adddata-cell {
	display: table-cell;
	min-width: 100px;
	padding: 3px 7px;
}
.gw-adddata-view-table-border > .gw-value-box > .gw-adddata-item > .gw-value {
	border: solid 1px #CCC;
}

.gw-adddata-header-hidden > .gw-value-box > .gw-adddata-header {
	display: none;
}
/*END adddata*/

/*gw-dataobject*/
.gw-dataobject {
	margin-bottom: 10px;
}
.gw-dataobject .gw-dataobject-item {
	clear: both;
	line-height: 150%;
	margin-bottom: 5px;
	padding: 5px 3px;
	background-color: #F1F1F1;
	border-radius: 5px;
	cursor: pointer;
}
.gw-dataobject .gw-dataobject-item:hover,
.gw-dataobject .gw-dataobject-item-active {
	background-color: #FFC;
}
.gw-dataobject .gw-dataobject-key {
	width: 20%;
	float: left;
	text-align: right;
}
.gw-dataobject .gw-dataobject-key:after {
	float: right;
	content: ":";
	padding-right: 5;
	margin-left: 5;
}
.gw-dataobject .gw-dataobject-value {
	width: 80%;
	float: right;
}
.gw-dataobject .gw-dataobject-item .gw-dataobject-item {
	padding: 0;
}
.gw-dataobject .gw-dataobject-item .gw-dataobject-item .gw-dataobject-key:before {
	content: "{";
	padding-right: 5;
	margin-left: 5;
}
.gw-dataobject .gw-dataobject-item .gw-dataobject-item .gw-dataobject-value {
	display: block;
	float: none;
	margin-left: 9%;
}
.gw-dataobject .gw-dataobject-item .gw-dataobject-item .gw-dataobject-value:after {
	content: "},";
	padding-right: 5;
	margin-left: 5;
}
.gw-dataobject .gw-dataobject-item .gw-dataobject-item:last-child {
	margin: 0;
}

.gw-dataobject .gw-dataobject-form {}
.gw-dataobject .gw-dataobject-form-row {
	margin-bottom: 5px;
}
.gw-dataobject .gw-dataobject-form-row .gw-dataobject-form-row {
	margin-left: 10%;
}
.gw-dataobject .gw-dataobject-form-value > input {
	width: 70%;
	float: left;
	margin-right: 1%;
}
.gw-dataobject .gw-dataobject-form-value .gw-dataobject-value-string,
.gw-dataobject .gw-dataobject-form-value .gw-dataobject-form-value .gw-dataobject-value-cancel {
	display: inline-block;
}
/*END gw-dataobject*/

/*background*/
.gw-bg-blue {
	background-color: #2283c5;
	border-color: #2283c5;
}
.gw-bg-blue:hover {
	background-color: #045e9f;
}
.gw-bg-blue2 {
	background-color: #6fb3e0;
	border-color: #6fb3e0;
}
.gw-bg-blue2:hover {
	background-color: #4f99c6;
}
.gw-bg-green {
	background-color: #89b95b;
	border-color: #89b95b;
}
.gw-bg-green:hover {
	background-color: #5e8338;
}
.gw-bg-red {
	background-color: #d15b47;
	border-color: #d15b47;
}
.gw-bg-red:hover {
	background-color: #b74635;
}
.gw-bg-yellow {
	background-color: #ffb752;
	border-color: #ffb752;
}
.gw-bg-yellow:hover {
	background-color: #e59729;
}
.gw-bg-orange {
	background-color: #ff962d;
	border-color: #ff962d;
}
.gw-bg-orange:hover {
	background-color: #dd6f00;
}
.gw-bg-pink {
	background-color: #d6487e;
	border-color: #d6487e;
}
.gw-bg-pink:hover {
	background-color: #b73766;
}
.gw-bg-purple {
	background-color: #9585bf;
	border-color: #9585bf;
}
.gw-bg-purple:hover {
	background-color: #7461aa;
}
.gw-bg-black {
	background-color: #555555;
	border-color: #555555;
}
.gw-bg-black:hover {
	background-color: #303030;
}
.gw-bg-gray {
	background-color: #999;
	border-color: #999;
}
.gw-bg-gray:hover {
	background-color: #666;
}
.gw-bg-white {
	color: #666;
	border-color: #666;
}
.gw-bg-white:hover {
	color: #FFF;
	background-color: #666;
}
.gw-bg-no-color {
	color: #666;
	background: none;
	border: none;
}
.gw-bg-no-color:hover {
	background-color: #CCC;
}
/*END background*/

.gw-color-white {
	color: white;
}
.gw-color-white a {
	color: white;
}

.gw-opacity-30 {
	opacity: .3;
}
.gw-opacity-50 {
	opacity: .5;
}
.gw-opacity-70 {
	opacity: .7;
}
.gw-opacity-80 {
	opacity: .8;
}

/*gw-navigator*/
.gw-navigator {
	margin-bottom: 20px;
}
.gw-navigator .gw-navigator-item {
	margin-right: 10px;
}
.gw-navigator .gw-navigator-item a {
	color: #999;
}
.gw-navigator .gw-navigator-span {
	font-size: 80%;
	opacity: 0.7;
}
/*END gw-navigator*/

/*gw-page-list*/
.gw-page-list {
	width: auto;
	margin-bottom: 30px
}
.gw-page-list a {
	color: #FFF;
	text-align: center;
	text-decoration: none;
	margin-right: 3px;
	padding: 7px 12px;
	background-color: #888;
	border-radius: 5px;
}
.gw-page-list a:hover {
	background-color: #F90;
}
.gw-page-list .current {
	text-align: center;
	color: #FFF;
	margin-right: 3px;
	padding: 7px 12px;
	background-color: #F90;
	border-radius: 5px;
}
.gw-page-list .space {
	margin: 0 8px;
}
/*END page-list*/

/*gw-parallax*/
.gw-parallax {
  /* The image used 
  background-image: url("img_parallax.jpg");*/

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*END gw-parallax*/

/*gw-popup*/
.gw-pp {
	display: block;
	z-index: normal;
	width: 100%;
	height: 100%;
	position: absolute;
	
	-webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.gw-pp .animated {
	animation-duration: 300ms;
}
.gw-pp .close {
	width: auto;
	height: auto;
	color: #666;
	font-size: 110%;
	text-align: center;
	position: absolute;
	padding: 4px 10px 5px 10px;
	background-color: #FFF;
	border-radius: 30px;
	box-shadow: 0px 0px 3px #333;
	cursor: pointer;
	z-index: 103;
	top: -5px;
	right: -5px;
}

.gw-pp .close:hover{
	color: #FFF;
	background-color: #666;
}
.gw-pp-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	background-color: rgba(0,0,0,.2);
}
.gw-pp-container {
	width: auto;
	height: auto;
	background-color: #FFF;
	border: solid 1px #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 7px #333;
	position: fixed;
	z-index: 102;
}
.gw-pp-data {
	width: auto;
	height: auto;
	max-width: 1024px;
	overflow: auto;
	padding: 20px;
	box-sizing: border-box;
}
.gw-pp-data .gw-document {
	width: 768px;
	max-width: 100%;
}
/*END gw-popup*/

/*other*/
#gw-save-message {
	width: auto;
	max-width: 200px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 8px 30px;
	border: solid 1px rgba(255,255,255,0.75);
	box-shadow: 0px 0px 5px #FFF;
	position: fixed;
	top: 5px;
	left: 40%;
	z-index: 180;
}

.gw-loading-page {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	background-color: rgba(255,255,255,0.3);
	z-index: 200;
	top: 0;
	left: 0;
}
.gw-loading-page .gw-loading-content {
	display: inline-block;
	padding: 8px 25px;
	background-color: #FFF;
	border: solid 1px #999;
	box-shadow: 0px 0px 3px #999;
	margin-top: 30px;
}
.gw-loading-page .gw-loading-close {
	color: #03F;
	cursor: pointer;
}

.gw-encode-salt-form span {
	margin-right: 2%;
}
/*END other*/

@media all and (min-width: 480px) {
	.gw-view-post iframe{
		max-width: 450px;
		height: 300px;
	}
	
	.gw-pp .close {
		top: -10px;
		right: -10px;
	}
	
	.gw-value-btn span:first-child {
		width: 77%;
	}
	.gw-value-btn span:nth-child(2) {
		width: 22%;
	}
	
	.gw-value-search .gw-value-search-box {
		width: 39%;
		float: left;
		margin-right: 1%;
	}
	.gw-value-search .gw-value-search-btn {
		width: 19%;
		float: left;
	}
}

@media all and (min-width: 768px) {
	.gw-view-post iframe{
		max-width: 520px;
		height: 350px;
	}
	
	.gw-view-post h1 {
		font-size: 200%;
	}
	
	.gw-document,
	.gw-data {
		padding: 0;
	}
	
	.gw-checkbox .gw-value-item {
		display: inline-block;
		width: 33%;
		max-width: 250px;
		float: left;
	}
	
	.gw-pp .close {
		top: -15px;
		right: -15px;
	}
}

@media all and (min-width: 1024px) {
	.gw-view-post iframe{
		max-width: 600px;
		height: 400px;
	}
	
	.gw-view-post h1 {
		font-size: 220%;
	}
	
	.gw-value-btn span:first-child {
		width: 84%;
	}
	.gw-value-btn span:nth-child(2) {
		width: 15%;
	}
	
	.gw-parallax-image {
		background-attachment: fixed;
	}
	
	/*width, float*/
	.gw-width-15 {width: 15% !important;}
	.gw-width-20 {width: 20% !important;}
	.gw-width-25 {width: 25% !important;}
	.gw-width-30 {width: 30% !important;}
	.gw-width-33 {width: 33% !important;}
	.gw-width-40 {width: 40% !important;}
	.gw-width-48 {width: 48% !important;}
	.gw-width-50 {width: 50% !important;}
	.gw-width-60 {width: 60% !important;}
	.gw-width-65 {width: 65% !important;}
	.gw-width-70 {width: 70% !important;}
	.gw-width-75 {width: 75% !important;}
	.gw-width-80 {width: 80% !important;}
	.gw-left {float: left;}
	.gw-right{float: right;}
	/*END width, float*/
}

@media all and (min-width: 1180px) {
	
}