@charset "utf-8";
* {
	margin: 0;
}
body {
	height: auto;
	color: #666;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
}
img {
    border: 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;
}
table {
	font-size: 100%;
	border-collapse: collapse;
	border-style: solid;
	border-color: #999;
}
.clear {
	clear: both;
	height: 0px;
}
.clear1 {
	clear: both;
	height: 1px;
}
.clear5 {
	clear: both;
	height: 5px;
}
.clear10 {
	clear: both;
	height: 10px;
}
.clear20 {
	clear: both;
	height: 20px;
}
.clear30 {
	clear: both;
	height: 30px;
}
.reset-margin {
	margin: 0;
}
.reset-padding {
	padding: 0;
}

/*viewpost*/
.gw-view-post {
	line-height: 180%;
	font-size: 100%;
	word-wrap: break-word;
}
.gw-view-post h1 {
	line-height: 150%;
	font-size: 200%;
	margin-bottom: 5px;
}
.gw-view-post h2,
.gw-view-post h3,
.gw-view-post h4,
.gw-view-post h5,
.gw-view-post h6 {
	line-height: 180%;
	font-weight: normal;
	font-size: 100%;
	margin: 15px 0;
}
.gw-view-post p,
.gw-view-post div {
	margin: 15px 0;
}
.gw-view-post ol,
.gw-view-post ul {
	margin: 0 0 0 30px;
	padding: 0;
}
.gw-view-post li {
	padding: 0;
	margin: 5px 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 div,
.gw-view-post table p {
	margin: 0;
}
/*end viewpost*/

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

.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;
}
.gw-datepicker,
.gw-datetimepicker {
	background: url(admin/img/lich.jpg) no-repeat;
	background-position: 95% 50%;
}

@media all and (min-width: 100px) {
	.gw-view-post iframe{
		width: 100%;
		max-width: 350px;
		height: 250px;
		margin: auto;
	}
	
	.gw-label {
		width: 80%;
		font-weight: bold;
		margin: auto auto 5px auto;
	}
	
	.gw-value {
		width: 80%;
		margin: auto;
	}
	
	#gw-pp .close {
		top: -5px;
		right: -5px;
	}
}

@media all and (min-width: 480px) {
	.gw-view-post iframe{
		max-width: 450px;
		height: 300px;
	}
	
	#gw-pp .close {
		top: -10px;
		right: -10px;
	}
}

@media all and (min-width: 768px) {
	.gw-view-post iframe{
		max-width: 520px;
		height: 350px;
	}
	
	.gw-label {
		width: 27%;
		float: left;
		text-align: right;
    	padding-top: 5px;
	}
	
	.gw-value {
		width: 70%;
		float: right;
	}
	
	#gw-pp .close {
		top: -15px;
		right: -15px;
	}
}

@media all and (min-width: 1024px) {
	.gw-view-post iframe{
		max-width: 600px;
		height: 400px;
	}
	
	#gw-pp .close {
		top: -20px;
		right: -20px;
	}
}

/*zoom effect*/
.gw-effect img {
	opacity: 1;
	-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 {
	opacity: 0.7;
	-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*/

/*width, float*/
.width15 {width: 15% !important;}
.width20 {width: 20% !important;}
.width25 {width: 25% !important;}
.width30 {width: 30% !important;}
.width33 {width: 33% !important;}
.width40 {width: 40% !important;}
.width48 {width: 48% !important;}
.width50 {width: 50% !important;}
.width60 {width: 60% !important;}
.width65 {width: 65% !important;}
.width70 {width: 70% !important;}
.width75 {width: 75% !important;}
.width80 {width: 80% !important;}
.gw-left {float: left;}
.gw-right{float: right;}
/*end width, float*/

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

/*btn*/
.btn-small,
.btn-medium,
.btn-large {
	display: inline-block;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	margin: 0;
    background-color: #FFF;
    border: none;
	cursor: pointer;
	outline: none;
}
.btn-small {
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
}
.btn-medium {
	font-size: 115%;
	height: 38px;
	line-height: 36px;
	padding: 0 18px;
	border-style: solid;
	border-width: 2px;
}
.btn-large {
	font-size: 130%;
	height: 50px;
	line-height: 46px;
    letter-spacing: 1px;
	padding: 0 25px;
	border-style: solid;
	border-width: 3px;
}
/*end btn*/

/*form submit*/
.gw-collection,
.gw-collection ul,
.gw-data,
.gw-data ul, {
	list-style: none;
	display: block;
    line-height: 150%;
	margin: auto auto 30px auto;
	padding: 0;
}
.gw-row,
.gw-row-full {
	list-style: none;
	display: block;
	clear: both;
    margin-bottom: 15px;
}
.gw-value-full {
	width: 100%;
	display: block;
}
.gw-field {
	display: block;
	margin-bottom: 3px;
}
.gw-label-full {
	display: block;
    margin-bottom: 7px;
}
.gw-string {
    padding-top: 5px;
}

.gw-input,
.gw-select,
.gw-text {
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 0 2%;
	outline: solid 1px #CCC;
	border: none;
	box-sizing: border-box;
}
.gw-text {
    height: 66px;
    line-height: 22px;
    overflow: auto;
    resize: vertical;
}
.gw-input:hover,
.gw-select:hover,
.gw-text:hover {
	outline: solid 1px #999;
}
.gw-input:focus,
.gw-select:focus,
.gw-text:focus {
	outline: solid 1px #FC0;
	outline-offset: 0px;
}

.gw-ckeditor {
    height: 300px;
}

.gw-checkbox,
.gw-checkbox-full {
	margin-top: 5px;
}
.gw-checkbox span {
	display: inline-block;
	width: 19%;
	float: left;
	line-height: 18px;
	overflow: hidden;
	margin: 0 20px 4px 0;
}
.gw-checkbox-full span {
	display: block;
	line-height: 18px;
	margin-bottom: 10px;
}
.gw-checkbox input,
.gw-checkbox-full input {
	width: auto;
	float: left;
	margin: 2px 5px 0 0;
	cursor: pointer;
}

.gw-checkbox-list {
	height: 200px;
	overflow: auto;
	padding: 10px;
	background-color: #F9F9F9;
	outline: solid 1px #CCC;
}
.gw-checkbox-list span:hover {
	background-color: #F3F3F3;
}

.gw-add-data,
.gw-add-field,
.gw-authority {
	cursor: pointer;
}
.gw-add-data:hover,
.gw-add-data-active {
	background-color: #FF9;
}

/*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*/

/*navigator*/
.gw-navigator {
	margin-bottom: 20px;
}
.gw-navigator .item {
	margin-right: 12px;
}
.gw-navigator .item a {
	color: #999;
	margin-left: 5px;
}
/*end navigator*/

/*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: 5px 10px;
	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: 5px 10px;
	background-color: #F90;
	border-radius: 5px;
}
.gw-page-list .space {
	margin: 0 8px;
}
/*end page-list*/

/*parallax*/
.gw-parallax {
	overflow: hidden;
	position: relative;
}
.gw-parallax .bg-parallax {
	width: 100%;
	height: 2000px;
	background-position: top center;
	background-repeat: repeat;
	background-size: contain;
	position: absolute;
	top: 0;
}
.gw-parallax .info-parallax {
	position: relative;
}
/*end parallax*/

/*popup*/
#gw-pp {
	display: none;
}
#gw-pp .close {
	display: none;
	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: 52;
	top: -15px;
	right: -15px;
}
#gw-pp .close:hover{
	color: #FFF;
	background-color: #666;
}
#gw-pp-bg {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	background-color: rgba(255,255,255,0.6);
}
#gw-pp-container {
	display: block;
	width: auto;
	height: auto;
	background-color: #FFF;
	border: solid 1px #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 7px #333;
	position: fixed;
	z-index: 51;
}
#gw-pp-data {
	display: block;
	max-width: 1024px;
	width: auto;
	height: auto;
	overflow: auto;
	padding: 20px;
	box-sizing: border-box;
}
/*end popup*/

/*other*/
#loading-page {
	width: auto;
	padding: 8px 25px;
	background-color: #FFF;
	border: solid 1px #999;
	box-shadow: 0px 0px 3px #999;
	position: fixed;
	top: 45%;
	left: 45%;
	z-index: 5;
}
/*end other*/