body {
	padding: 0;
	background: #E5E4DF;
	font-size: 14px;

	
}
a:link, a:hover, a:active, a:visited {
	text-decoration: none;
}
img {
	max-width: 100%;
}
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
label {
	margin-right: 5px;
	padding-right: 5px;
	font-size: 14px;
	font-weight: normal;
	
}
label > input[type=checkbox],
label > input[type=radio] {
    padding-right: 5px;
}

input[type=file] {
	display: inline;
	width: 230px;
	font-size: 12px;
	vertical-align: middle;
}
textarea.expanded {
	height: 180px;
}
.form-control::-webkit-input-placeholder {
	color: #bbb;
}
.form-control:-ms-input-placeholder {
	color: #bbb;
}
.form-control::-moz-placeholder {
	color: #bbb;
}
/*============================
 * Default Style
=============================*/
.margin-bottom { margin-bottom: 15px; }
.margin-top { margin-top: 15px; }
.margin-right { margin-right: 15px; }
.margin-left { margin-left: 15px; }
.no-margin { margin: 0 !important;}
.auto { width: auto; }
.inline { display: inline !important }
.block { diaplay: block; }
.fix1 { width: 50px; }
.fix2 { width: 75px; }
.fix3 { width: 100px; }
.fix4 { width: 125px; }
.fix5 { width: 150px; }
.fix6 { width: 175px; }
.fix7 { width: 200px; }
.fix250 { width: 250px; }
.text-small { font-size: 12px; }
.text-large { font-size: 16px; }
.text-muted { color: #aaa; }
.text-caution { color: red; }

.text-bold { font-weight: bold; }

.btn-follow { width: 125px; }
.nickname {
	line-height: 20px;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
}
.nickname:hover {
	color: #777;
}
.loading {
	margin: 10px 0 15px;
	text-align: center;
	font-size: 13px;
	color: #aaa;
}
.loading .fa.fa-spin {
	display: block;
	margin-bottom: 5px;
	font-size: 36px;
}
.noItem {
	margin-bottom: 15px;
	padding: 15px 0;
	text-align: center;
	color: #aaa;
	font-size: 13px;
}
.overflow {
	height: 300px;
	overflow: auto;
}
/*============================
 * FontAwesome Ext
=============================*/
.fa-green { color: green; }
.fa-orange { color: orange; } 
.fa-yellow { color: yellow; }
.fa-blue { color: #79c; }
.fa-red { color: red; }
.fa-gray { color: gray; }
.fa-ashiato:before {
	visibility: hidden;
}
.fa-ashiato:after {
	content: '';
	position: absolute;
	display: inline-block;
	left: 20px;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	background: url('image/ashiato.png') center center no-repeat;
	background-size: contain;
	
}
.fa-ashiato:before {
	
}
/*============================
 * Bootstrap Ext
=============================*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 14px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
label {
	font-weight: normal;
}
input[type=radio],
input[type=checkbox] {
	margin-right: 5px;
}
.btn-xs {
	padding: 2px 10px;
}
.btn-inverse {
	background: #444;
	color: #fff;
		
}
.btn-inverse:hover {
	background: #222;
	color: #fff;
}
.btn-inverse:focus,
.btn-inverse.active {
	background: #222;
	color: #fff;
	
}
.btn-flat {
	background: transparent;
	color: #777;
}
.btn-flat:hover {
	background: #eee;
	color: #444;
}
.btn-flat.active {
	box-shadow: none;
	background: #ddd;
	color: #333;
}


.btn-static {
	cursor: default;
	color: #aaa;
}
.btn-static:hover, .btn-static:active {
	background: none;
	box-shadow: none;
	color: #aaa;
}
select.btn.btn-sm {
	height: 30px;
}
.dropdown-menu > li > span {
	display: block;
	padding: 3px 20px;
}
.dropdown-menu > li > span:hover {
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5;
	cursor: pointer;
}
.label-lg {
	padding: 5px 10px;;
}
.label-border {
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.label-shadow {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.combo-box input.btn {
	text-align: left;
	cursor: text;
}
.pager {
	margin: 0;
}
.pager li>a, .pager li>span {
	padding: 3px 10px;
	border-radius: 0;
}
.pager li.active>a {
	border-color: #8fc21f;
	background: #8fc21f;
	color: #fff;
}
.badge {
	font-weight: normal;
}
.badge.badge-warning {
	background-color: #F0AD4E;
}

/*============================
 * Header
=============================*/
#Header {
	
	border-bottom: 5px solid #F9A63A;
	background: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c0fffe+0,f8ffff+100 */
	background: #c0fffe; /* Old browsers */
	background: -moz-linear-gradient(top,  #c0fffe 0%, #f8ffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0fffe), color-stop(100%,#f8ffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c0fffe 0%,#f8ffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c0fffe 0%,#f8ffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c0fffe 0%,#f8ffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c0fffe 0%,#f8ffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0fffe', endColorstr='#f8ffff',GradientType=0 ); /* IE6-9 */

	
	
}
#Logo {

}
#Logo a {
	display: block;	
	line-height: 40px;
	font-size: 24px;
}

#btnGlobalNav {
	position: absolute;
	display: none;
	top: 5px;
	right: 10px;
}

#GlobalNav {
	border-top: 1px solid #ccc;
	background: #F5F5F3;
}
#GlobalNav ul li {
	position: relative;
	float: left;
	width: 12.5%;
	
}


#GlobalNav ul li a {
	display: block;

	margin: 0 3px;
	padding: 8px 2px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	color: #333;
	
		
}
#GlobalNav ul li.active {
	
}
#GlobalNav ul li.active a {
	color: #f40;
	background: #e2dedc;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/*============================
 * Base Layout
=============================*/
.Container {
	width: 900px;
	margin: 0 auto;
}
#Contents {
	padding-top: 15px;
	padding-bottom: 20px;
	border-bottom: 5px solid #F9A63A;
	background: #ecece5;
}

#Layout {

	
}
#Left {
	float: left;
	width: 280px;
	padding-right: 15px;
}
#Center {	
	width: 620px;
	margin: 0 auto;
}
.two-column #Center {
	
	float: left;
	margin: 0;
}

#Right {
	float: left;
	width: 280px;
	padding-left: 15px;
}
#SideBanner {
	float: right;
	width: 280px;
	padding-left: 15px;
}

.mobile-show,
.mobile-show-inline {
	display: none;
}
div.mobile-block {
	display: inline;
}

/*============================
 * parts
=============================*/

.parts {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.partsHeading {
	padding: 5px 8px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #f6f7f8;
}
.partsHeading h3 {
	display: inline;
	padding: 3px 0 3px  8px;
	border-left: 8px solid #F9A63A;
	line-height: 26px;
	font-weight: bold;
	color: #555;
}

.partsLeft {
	box-sizing: border-box;
	float: left;
	width: 65%;
	padding-right: 5px;
}

.partsRight {
	box-sizing: border-box;
	float: right;
	width: 35%;
	padding-left: 5px;
}
.partsInner {
	padding: 10px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #fff;
}
.partsInner.click:hover {
	cursor: pointer;
	background: #fafafa;
}
.partsInner h4 {
	margin-bottom: 10px;
	color: #a4852E;
	font-size: 16px;
	line-height: 1.9;
}
.partsLine {
	padding: 5px 10px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #fff;
}
.partsFooter {
	padding: 5px 10px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #f6f7f8;
}
.subHeading {
	padding: 4px 10px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #f0f1f3;
	font-weight: bold;
	font-size: 12px;
	color: #777;
}
.partsInfo {
	margin-bottom: 15px;
	padding: 12px 10px;
	border-left: 6px solid #2980b9;
	box-shadow: 1px 1px 2px #bbb;
	font-size: 13px;

	background: #fff;
	line-height: 1.7;
}

.partsHeading span.btn-flat.active {
	box-shadow: none;
	color: 111;
	background: rgba(0, 0, 0, 0.05);
}

.partsTab {
	padding: 5px 10px 0;
	background: #ccc;
}
.partsTab ul.nav.nav-tabs {
	margin-bottom: -1px;
}
.partsTab ul.nav.nav-tabs > li a {
	background: #ddd;
	padding: 7px 10px;
	font-size: 12px;
	color: #666;
}
.partsTab ul.nav.nav-tabs > li a:hover {
	background: #eee;
}
.partsTab ul.nav.nav-tabs > li.active a {
	background: #fff;
	color: #444;
}


/*============================
 * pointRank
=============================*/


.pointRank {
	display: inline-block;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 0px 15px;
    border-radius: 10px;
    line-height: 20px;
    font-size: 12px;
}
.pointRank .rank {
	font-weight: bold;
}
.pointRank .point {
	color: #ddd;
	font-size: 11px;
}

/*============================
 * memberHeader
=============================*/
.memberHeader {

}
.coverArea {
	position: relative;
	width: 100%;
	padding-top: 40%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #89a;
	color: #eee;
}
.coverAreaInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	padding: 10px;
}

.modal-header.memberHeader {
	
	padding: 0;
}
.modal-header .coverArea {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
}
.memberNameArea {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0px;

	padding: 15px 10px 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}
.memberName {
	margin: 3px 0 5px;
}
.memberName a {
	
	font-size: 20px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
	
}
.memberInfo {
	
	font-size: 12px; 
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);	
}
.memberAction {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}
.memberAction .btn {
	display: block;
	margin-bottom: 4px;
	padding: 3px 8px;
	text-align: left;
}
/*============================
 * postFrom
=============================*/
.postForm {
	padding: 5px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #fff;
}


/*===========================
 * headerMenu
===========================*/
ul.headerMenu {
	margin-bottom: 15px;

	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ddd;
	background: #f6f7f8;
}
.modal-content ul.headerMenu {
	margin-bottom: 0;
	border-bottom: none;
}

.headerMenu li {
	box-sizing: border-box;
	padding: 3px;
	float: left;
	width: 25%;
}
.headerMenu.headerMenu5 li {
	width: 20%;
}
.headerMenu li a {
	display: block;
	padding: 3px 2px;
	border-radius: 3px;
	text-align: center;
	font-size: 11px;
	line-height: 1.2;
	color: #444;
}
.headerMenu li a .fa {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
}
.headerMenu li a:hover {
	background: rgba(0, 69, 147, 0.1);
}
.headerMenu li.active a {
	background: rgba(0, 69, 147, 0.6);
	color: #fff;
}
/*============================
 icon
============================*/
.icon {
	box-sizing: border-box;
	display: block;
	width: 48px;
	height: 48px;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.icon a {
	display: block;
}
.icon img {
	max-width: 100%;
}
.icon-24 {
	width: 24px;
	height: 24px;
}
.icon-32 {
	width: 32px;
	height: 32px;
}
.icon-48 {
	width: 48px;
	height: 48px;
}
.icon-76 {
	width: 76px;
	height: 76px;
}
.icon-120 {
	width: 120px;
	height: 120px;
}
.icon-180 {
	width: 180px;
	height: 180px;
}
.icon-76 img {
	max-height: 76px;
}
.icon-120 img {
	max-height: 120px;
}
.icon-180 img {
	max-height: 180px;
}

.icon-review {
	background-color: #fff;
}
.icon-font {
	background-color: #fff;
}
/*============================
 * clickList
============================*/
ul.clickList {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.clickList > li > a {
	display: block;
	padding: 12px;
	border-top: 1px solid #ddd;
	position: relative;
	background: #fff;
	color: #333;
}
.clickList > li > a:hover {
	background: #f7f8fa;
}
/*============================
 * itemList
============================*/
ul.itemList {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.itemList > li {
	padding: 12px;
	border-top: 1px solid #ddd;
	position: relative;
	background: #fff;

}
.itemList > li.click:hover {
	background: #fafafa;
	cursor: pointer;
}

.itemList > li.itemHeading {
	padding: 3px 12px;	
	background: #ededed;
	font-size: 12px;
	font-weight: bold;
	color: #6f6f7a;
	
}

.itemList.narrow > li {
	padding: 5px 10px;
}
.itemRight {
	padding-left: 60px;
	
}
.timeline .itemRight {
	margin-bottom: 15px;
}
.itemRight.wide {
	padding-left: 44px;
	width: auto;

}
.itemRight.middle {
	
	padding-left: 90px;

}
.itemRight.narrow {
	padding-left: 140px;

}
.itemRight.micro {
	padding-left: 200px;
}
.itemConfig {
	position: relative;
	float: right;
}
.itemConfig .btn {
	margin: -5px -5px 0 0;
	border: 1px solid #fff;
	color: #999;
}
.partsInner:hover .itemConfig .btn {
	border: 1px solid #ddd;
	color: #444;
}
.itemConfig .dropdown-menu i {
	margin-right: 5px;
}
.itemIcon {
	float: left;
	text-align: center;
}
.itemTitle {
	font-size: 16px;
	font-weight: bold;
	margin:0 0 10px 0;
	color: #222;
}
.itemName {
	margin-bottom: 3px;
	font-weight: bold;
}
.itemInfo {
	line-height: 1.6;
	font-size: 13px;
	color: #888;
	
}
.itemBody {
	margin: 5px 0;
	overflow: hidden;
	color: #444;
}
.itemBody img {
	max-width: 300px;
	margin-top: 5px;
}
.itemImage {
	max-width: 300px;
	margin-bottom: 10px;

}

/*===========================
 * commentBlock
===========================*/
.commentBlock {
	
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #f6f7f8;
}
.btnGroupComment{
	margin-top: 5px;
}
.commentForm textarea.expanded {
	height: 100px;
}
ul.commentList {
	font-size: 13px;
}
.commentList > li {
	padding: 5px;
	border-bottom: 1px solid #e5e7e5;
}
.commentList.unread > li {
	background: #fffadd;

}
.commentList > li:last-child {
	border-bottom: none;
}
.commentList > li .itemBody {
	margin: 5px 0 0 0;
}
/*============================
 * balloonList
============================*/
ul.balloonList {
	padding: 10px;
}
.balloonList li {
	margin-bottom: 25px;
}
.balloonList li.system {
	text-align: center;
	
}
.balloonList li.system .systemMessage {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	color: #fff;
	
}
.balloon {
	position: relative;
	float: left;
	width: auto;
	max-width: 75%;
	margin: 10px 0;
	padding: 10px 15px;
	border-radius: 7px;
	background: #eef;
	font-size: 15px;
}

.balloon:after {
	content: '';
	position: absolute;
	top: 6px;
	left: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 10px solid #eef;
	border-top-width: 2px;
	border-bottom-width: 10px;
}
.other .balloon {
	background: #F9D66A;
}
.me .balloon {
	float: right;
	margin-right: 10px;
	background: #ABE0FF;
}

.other .balloon:after {
	border-right-color: #F9D66A;

}
.me .balloon:after {
	content: '';
	position: absolute;
	top: 8px;
	right: -20px;
	left: inherit;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #ABE0FF;
	border-top-width: 2px;
	border-bottom-width: 10px;
}
/*============================
 albumList
============================*/
ul.albumList {
	
}
.albumList > li {
	
	float: left;
	width: 180px;

	margin: 0 5px 15px;
	
}
.albumList > li > a.photo {

	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto 5px;
	text-align: center;
}

.albumList > li > a.photo img {
	display: block;
	width: 150px;
	height: 150px;
	padding: 4px;
	border: 1px solid #ccc;
}
.albumList > li > .text {
	height: 20px;
	overflow: hidden;
	text-align: center;
}

/*============================
 imageList
============================*/
.partsInner.modalUploader {
	border-top: none;
	background: #fcf3f3;
	box-shadow: inset 1px 0px 3px #eee, inset -1px 0px 3px #eee;
}
ul.imageList {
	padding: 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #fff;
}
.imageList > li {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 130px;
	margin: 5px 5px 10px;
}
.imageList > li > a.photo {
	display: block;
	margin-bottom: 5px;
	padding: 4px;
	border: 1px solid #ddd;
}
.imageList > li > a.photo > img {
	width: 100%;
}
.imageList > li {
	

}
.imageList li img {
	max-width: 100%;
}


.imageList li .imageConfig {
	position: absolute;
	top: 5px;
	right: 5px;
}



/*============================
 * plainList
============================*/
ul.plainList {
	margin: 10px;
	list-style: disc outside;
}
.plainList li {
	margin: 0 0 0 10px;
}
/*============================
 * iconList
============================*/
ul.iconList {
	
}
.iconList li {
	float: left;
	margin: 1px;
}
.iconList li a {
	display: block;
}
/*============================
 * inlineList
============================*/
ul.inlineList {

}
.inlineList li {
	float: left;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.inlineList.inline3 li {
	width: 33%;
	
}
.inlineList.inline4 li {
	width: 25%;
	
}
.inlineList.inline3 li label,
.inlineList.inline4 li label {
	display: inline;
}

/*===========================
 * listTable
===========================*/
table.listTable {
	width: 100%;
	padding: 0 12px;
	border-collapse: separate;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
	background: #fff;
}
.listTable tr {
	padding: 12px;
}
.listTable th {
	width: 140px;
	min-width: 140px;
	padding: 12px;
	border-top: 1px dotted #ddd;
	vertical-align: top;
	color: #555;
	font-size: 12px;
}
.listTable.th-wide th {
	width: 180px;
}
.listTable.th-narrow th {
	width: 100px;
	min-width: 100px;
}
.listTable td {
	padding: 12px;
	border-top: 1px dotted #ddd;
	word-break: break-all;
}
.listTable tr:first-child th,
.listTable tr:first-child td {
	border-top: none;
}
#Left table.listTable,
#Right table.listTable {
	padding: 0;
}
#Left table.listTable th,
#Right table.listTable th {
	display: block;
	width: 100%;
	padding: 5px 12px;
	background: #f4f8fb;
}
#Left table.listTable td,
#Right table.listTable td {
	display: block;
	width: 100%;
}


/*===========================
 dataTable
===========================*/
div.dataTableWrapper {
	overflow: auto;
	
}
table.dataTable {
	width: 100%;
	border: none;
	margin-bottom: 0px;
	font-size: 13px;
	border-top: 1px solid #ddd;
}
table.dataTable.border-bottom {
	border-bottom: 1px solid #ddd;
}
.dataTable caption {

	color: #871;
	font-weight: bold;
	text-align: left;
}
.dataTable th {
	color: #000;
	font-weight: normal;
	background: #eff2f3;
	padding: 10px;
	width: auto;
	white-space: nowrap;
	border-top: 1px solid #ddd;
	border-bottom: none;
	
}

.dataTable td {
	background: #fff;
	white-space: nowrap;
	padding: 10px;
	border-top: 1px solid #ddd;
}
.dataTable td.bar {
	width: 40%;
}
.dataTable tr.unread td {
	font-weight: bold;
}

/*============================
 * calendar
============================*/

table.calendar {
	width: 100%;
	
}
.calendar th {
	padding: 5px;
	border: 1px solid #ddd;
	text-align: center;
	background: #f1f1f1;
}
.calendar th.sun {
	color: red;
}
.calendar th.sat {
	color: blue;
}
.calendar td {
	width: 14.2857143%;
	height: 80px;
	padding: 4px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #fff;
	vertical-align: top;
}

.calendar td.today {
	background: #ffd;
}
.calendar td p {
	margin: 0;
	line-height: 1.3;
	
}

/*============================
 * Rating Star
============================*/
.star {
	color: #F5D200;
	cursor: pointer;
}
.star-empty {
	color: #ddd;
	
}
.star-empty:after {
	content: '★';
	cursor: pointer;
}
/*============================
 * like
============================*/
.likeBox {
	padding: 3px 10px;
	line-height: 30px;
}
i.likeButton {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	vertical-align: middle;
	cursor: pointer;
}
i.likeButton.unlike {
	background-image: url('image/btn_unlike.png');
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
i.likeButton.like {
	background-image: url('image/btn_like.png');
}
/*============================
 * Footer
============================*/
#Footer {	
	
	padding: 15px 0;
	font-size: smaller;
	background: #E5E4DF;
	text-align: center;
}


ul.footerLink {
	margin-bottom: 10px;
}
.footerLink li {
	display: inline;
}
.footerLink li:after {	
	content: '｜';
}
.footerLink li:last-child:after {
	content: '';
}
.footerLink li a {
	color: #333;
}
.footerLink li a:hover {
	color: #555;
}


#Footer2 {
	padding: 15px 0;
	border-top: 1px solid #ccc;
	background: #E5E4DF;
	font-size: smaller;
	line-height: 30px;
}
#FooterLogo {
	max-width: 300px;
}
/*============================
 * Login
============================*/
#Login {
	margin-bottom: 20px;
	padding: 20px;
	background: #F3EA7A;
}

#Login .parts {
	width: 500px;
	margin: 0 auto;
	border: 2px solid #333;
	background: #fff;
}
#Login .logo {
	padding: 15px 5px 5px;
	text-align: center;
}
#Login .logo img {
	margin-bottom: 15px;
	max-height: 80px;
}
#Login table.listTable {
	border: none;
}

/*============================
 * Tiny MCE
============================*/
#mce_editor_buttonmenu {
	background: #f1f1f1;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#mce_editor_textarea {
	border-radius: 0;
	box-shadow: none;
}
/*============================
 * OP Tag
============================*/
.op_b { font-weight: bold; }
.op_u { text-decoration: underline; }
.op_s { text-decoration: line-through; }
.op_i { font-style: italic; }
.op_large { font-size: x-large; }
.op_small { font-size: 11px; }
/*================================
 * jQuery NotifyBar
=================================*/
.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#fcf8e3;
  font-size:18px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding:20px 0px;
  border-bottom:1px solid #bbb;
  cursor: pointer;
}
.jquery-notify-bar.error {
  color:#f00;
  background-color:#fdd;
}
.jquery-notify-bar.success {
  color:#060;
  background-color:#BBFFB6;
}
.notify-bar-close {
  position:absolute;
  left:95%;
  font-size:11px;
}
/*================================
 * Nivo LightBox
=================================*/
.nivo-lightbox-theme-default .nivo-lightbox-title {
	display: inline-block;
}

/*================================
 * Clearfix
=================================*/
.parts,
.partsInner,
.itemList > li {
	zoom: 1;
	overflow: visible;
}
.parts:after,
.partsInner:after,
.itemList > li:after  {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}