
body {
	background-color: #FCFCFC;;
	text-align:center;
	font-family:  Verdana,Futura, Helvetica, sans-serif;
	font-size: 13px;
	line-height:15px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link {
				color: #000000;
				font-weight: normal;
				text-decoration: none;
		}

a:visited {
				color: #000000;
				font-weight: normal;
				text-decoration: none;
		}

a:hover {
				color: #ff0000;
				font-weight: normal;
				text-decoration: none;
		}
a:active {
				color: #666666;
				font-weight: normal;
				text-decoration: none;
		}

#onpage{
				color: #CFCFCF;
		}


#caption {
margin: 5px 0px 0px 0px;
color: #666666;
text-align: left;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

#sidebar_wrap {
			background-color: #FFFFFF;
			width: 214px;
			height: 100%;
			margin: 0px;
			top: 0px;
			left: 0px;
			position: fixed;
			z-index: 9999;
		}

#sidebar {
				width: 154px;
				color: #FFFFFF;
				text-align: center;
				position: fixed;
				margin-top: 60px;
				margin-left: 30px;
}

#main_title {
				letter-spacing: 1px;
				font-size: 13px;
				position: relative;
}

#main_title a {
					color: #808080;
}

#nav {
				font-size: 13px;
				letter-spacing: 0px;
				line-height: 18px;
				position: relative;
				margin: 20px;
				text-align: left;
				text-decoration: none;
		}

#nav a:link {
				color: #4D4D4D;
				font-weight: normal;
				text-decoration: none;
		}

#nav a:visited {
				color: #4D4D4D;
				font-weight: normal;
				text-decoration: none;
		}

#nav a:hover {
				color: #ff0000;
				font-weight: normal;
				text-decoration: none;
		}
#nav a:active {
				color: #666666;
				font-weight: normal;
				text-decoration: none;
		}

#copyrights {
				 font-size: 10px;
				 color: #A6A6A6;
				 position: fixed;
				 margin-left: 15.5px;
				 bottom: 60px;
				 text-align: left;
			}

#nav_bar {
			color: #666666;
}

#tag {
				color: #808080;
				font-weight: normal;
				text-decoration: none;
				text-align: right;
}

li {
		list-style-type: none;
		list-style-position: outside;
	}

#main_contents {
					text-align: justify;
					float: right;
					width: 760px;
					font-size: 12px;
					margin-top: 60px;
}

#small_box{
            width: 700px;
            position: static;
            margin-left: 30px;
}

#wrapper {
			width:974px;
			text-align: left;
			margin-top: 0px;
			margin-right: auto;
			margin-bottom: 0px;
			margin-left: 0x;
			font-weight: normal;
}



#essay_title {
				font-weight: normal;
				font-style: normal;
				letter-spacing: 0px;
}

#essay_note {

				font-style: normal;
				padding-left: 20px;
				text-align: justify;

}

.footer {
		color: #666666;
		font-size: 10px;
		text-align: left;
}

.jquery-cycle2 {
					width: 700px;
					height: 466.6666px;
					overflow: hidden;
}

.jquery-cycle2 div {
						width: 700px;
						height: 466.6666px;
}

.jquery-cycle2 img {
						height: 466.6666px;
						display: block;
}

.jquery-cycle2 img {
						height: 466.6666px;
						display: block;
}

.jquery-cycle2txt {
						text-align: left;
						vertical-align:bottom;
}

#num {
	text-align: right;
	color: #666666;
	font-size: 10px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.gallery_nav {
		color: #666666;
		text-align: left;
		cursor: pointer;
}

.row {
display: flex;
flex-wrap:wrap;
}

.col {
width: calc(100% / 6);
height: auto;
padding: 2px;
}
.col1 {
width: calc(100% / 1);
padding: 2px;
}
.col2,.col22 {
width: calc(100% / 2);
padding: 2px;
}
.col3,.col33 {
width: calc(100% / 3);
padding: 2px;
}
.col4 {
width: calc(100% / 4);
padding: 2px;
}
.col6,.col66 {
width: calc(100% / 6);
padding: 20px 5px;
background: black;
border-style: solid; border-color: #ee6123; border-width: 5px 0px;
}

img {
max-width: 100%;
height: auto;
border-style:none;
}
