@charset "utf-8";

#topimg{
	background-image: url(/works/img/topimg.jpg);
}
h2{
	margin: 1em auto 0.5em;
	padding: 0.5em 0;
	margin-bottom: 20px;
	text-align: center;
}
a:hover h2{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
h3{
	margin: 1em auto 0.5em;
	padding: 0.5em 0;
	text-align: center;
	color: #172A88;
}
#shortcut{
	text-align: center;
}
#shortcut ul{
	margin: 1em auto 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#shortcut ul li{
	margin: 0;
	padding: 0.15em 0.75em;
	float: left;
}
@media(max-width: 991.98px){
#shortcut ul li{
	width: 100%;
}
}
#lnk-ctg1,
#lnk-ctg1 a,
#ttl-ctg1{
	color: #FF7D5F;
}
#lnk-ctg2,
#lnk-ctg2 a,
#ttl-ctg2{
	color: #FF5C68;
}
#lnk-ctg3,
#lnk-ctg3 a,
#ttl-ctg3{
	color: #00B250;
}
#lnk-ctg4,
#lnk-ctg4 a,
#ttl-ctg4{
	color: #007ACC;
}
@media(max-width: 575.98px){
h3{
	font-size: 1.3rem;
}
}
.tmb img{
	padding: 7px;
	background: #E4C8B0 url(/works/img/bg_tmb.gif) 0 0 repeat;
}
.tmb a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.tmb p{
	padding: 0.5em 0;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	color: #172A88;
}
@media (max-width: 991.98px){
.tmb{
	padding: 5px;
}
.tmb div{
	padding: 10px;
}
}
#others{
	max-width: 900px;
	padding: 10px 30px;
	margin: 50px auto 0;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #172A88;
	background-color: #C7E8FA;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#others:before{
	content: "";
	position: relative;
	width: 0;
	height: 0;
	top: -60px;
	left: 0;
	border-style: solid;
	border-width: 0 100px 30px 100px;
	border-color: transparent transparent #C7E8FA transparent;
	z-index: 1;
}
#others p span{
	color: #E83828;
}
@media(max-width: 767.98px){
#others{
	font-size: 1.1rem;
}
}


/* Category page
************************************/

.tmb-ctg1,
.tmb-ctg2,
.tmb-ctg3,
.tmb-ctg4{
	padding: 15px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
@media(max-width: 575.98px){
.tmb-ctg1,
.tmb-ctg2,
.tmb-ctg3,
.tmb-ctg4{
	margin: 0;
}
}
.tmb-ctg1{
	background: url(/works/img/bg_ctg1.jpg) 0 0 repeat;
}
.tmb-ctg2{
	background: url(/works/img/bg_ctg2.jpg) 0 0 repeat;
}
.tmb-ctg3{
	background: url(/works/img/bg_ctg3.jpg) 0 0 repeat;
}
.tmb-ctg4{
	background: url(/works/img/bg_ctg4.jpg) 0 0 repeat;
}
.tmb-ctg1 div,
.tmb-ctg2 div,
.tmb-ctg3 div,
.tmb-ctg4 div{
	padding: 5px;
}
.tmb-ctg1 p,
.tmb-ctg2 p,
.tmb-ctg3 p,
.tmb-ctg4 p{
	text-align: center;
	font-size: 85%;
}