/*pc_css*/
@media screen and (min-width:750px){

#works #header .innerbox .nav li.works a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 1px;
}
	
	
#works #header .navi02 .nav2 li.works a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff !important;
	margin:0 1px;
}

#works .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
	margin:-1% 0 0 0;
	width:100%;
}


#works .mainbox{
	width:100%;
	height:295px;
	background:url(/images/works/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:115px 0 0 0;

}

#works .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
	margin:-1% 0 0 0;
	width:100%;
}

#works .workscont .titlebox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
	position:relative;
}

#works .workscont .gbox{
	width:960px;
	margin:0 auto 80px;
}


#works .workscont .tfbox{
	width:468px;
	float:left;
}

#works .workscont .trbox{
	width:468px;
	float:right;
}


#works .workscont .tfbox img{
	width:100%;
	height:auto;
}

#works .workscont .trbox img{
	width:100%;
	height:auto;
}


#works .cinnerbox2{
	width:960px;
	margin:0 auto 80px;
	letter-spacing:0;
	font-size:0.95em;

}


#works .cinnerbox2 .mapbox1{
	float:left;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1{
	width:468px;
	margin:0 0 0 -1px;
	background:url(/images/index/mapimg.png) no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li{
	width:155px;
	height:116px;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li a{
	height:71px;
	padding:45px 0 0 0;
	display:block;
	background-color:rgba(0,0,0,0.1);
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li a:hover{
	height:71px;
	padding:45px 0 0 0;
	display:block;
	background-color:rgba(0,0,0,0.05);
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li.tlbox{
	background:#c34035;
	color:#fff;
	height:71px;
	padding:45px 0 0 0;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li.tlbox:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox2{
	float:right;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2{
	width:468px;
	margin:0 0 0 -1px;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li{
	width:155px;
	height:155px;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li p{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph1{
	background:url(/images/index/map1.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph2{
	background:url(/images/index/map2.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph3{
	background:url(/images/index/map3.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph4{
	background:url(/images/index/map4.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph5{
	background:url(/images/index/map5.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph6{
	background:url(/images/index/map6.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph7{
	background:url(/images/index/map7.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph8{
	background:url(/images/index/map8.jpg) 50% 50% no-repeat;
	background-size:cover;
}


#works .cinnerbox2 .mapbox2 ul.mapcont2 li a{
	display:block;
	background-color:rgba(0,0,0,0.2);
	color:#fff;
	height:155px !important;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0);
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.tlbox{
	background:#c34035;
	color:#fff;
	height:155px !important;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.tlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox3{
	float:none;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3{
	width:801px;
	margin:0 0 0 -1px;
	float:left;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li{
	width:266px;
	height:auto !important;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li p{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


#works .cinnerbox2 .mapbox3 ul.mapcont3 li a{
	display:block;
	background-color:rgba(0,0,0,0.1);
	height:70px;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0.05);
}

#works .cinnerbox2 .mapbox3 .mtlbox p{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#works .cinnerbox2 .mapbox3 .mtlbox{
	background:#c34035;
	color:#fff;
	width:159px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
}

#index .cinnerbox2 .mapbox3 .mtlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .workscont .newbtnbox{
	padding:60px 0 0 0;
	text-align:center;
}

#works .workscont .newbtnbox a{
	color:#fff;
	font-weight:bold;
	background:url(/images/index/arrow.svg) 93% 50% no-repeat,#c34035;
	background-size:4px;
	padding:10px 50px;
	font-size:1.1em;
	display:inline-block;
}

#works .workscont .newbtnbox a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .workscont .wlistbox{
	border-bottom:2px solid #666;

}

#works .workscont .wlisttl{
	padding:0 0 15px 0;
	border-bottom:2px solid #666;

}

#works .workscont .wlistcont{
	padding:15px 0 15px 0;
	border-bottom:1px solid #d5d5d5;

}

#works .workscont .wlistcont li.box2{
	text-align:left;
}

#works .workscont .wlistcont li.box2 a{
	text-decoration:underline;
	color:#666;
}

#works .workscont .wlistcont li.box2 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .workscont .wlistbox li{
	list-style:none;
	float:left;
	text-align:center;

}

#works .workscont .wlisttl li.box3{
	text-align:center !important;

}

#works .workscont .wlistbox li.box1{
	width:165px;

}

#works .workscont .wlistbox li.box2{
	width:335px;
	padding:0 15px;

}

#works .workscont .wlistbox li.box3{
	width:173px;
	text-align:left;

}

#works .workscont .wlistbox li.box4{
	width:128px;
	text-align:right;

}

#works .workscont .wlistbox li.box5{
	width:88px;
	text-align:right;
	padding:0 40px 0 0;

}

#works .workscont span{
	font-size: 0.7em;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}

#works .workscont .wsph{
	width:450px;
	float:left;
}

#works .workscont .wsph img{
	width:100%;
}

#works .workscont .infocont{
	margin:0 0 80px 0;
}

#works .backbtn{
	text-align:center;
}

#works .backbtn a.back{
	background:#c34035;
	color:#fff;
	font-size:1.7em;
	padding:15px 100px;
}

#works .backbtn a.back:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .backbtn a.back:before{
	margin:-3px 15px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:17px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .workscont .infobox{
	width:450px;
	float:right;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

#works .workscont .infobox dl{
	padding:0 0;
	border-bottom:1px solid #cacaca;
}

#works .workscont .infobox dl dt{
	padding:8px 3%;
	width:26%;
	float:left;
}

#works .workscont .infobox dl dd{
	padding:8px 3%;
	width:61%;
	border-left:1px solid #cacaca;
	float:left;
}

#works .scont{
	margin:0 0 80px 0;
}

#works .sbtncontainer{
	width:450px;
	position:relative;
}

#works .sbtncontainer.fcont{
	float:left;
}

#works .sbtncontainer.rcont{
	float:right;
}

#works .sbtncontainer .sbtn{
	background:#c34035;
	color:#fff;
	font-size:1.7em;
	padding:15px 100px;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px 0;
	font-weight:bold;
}

#works .sbtncontainer .sbtn:before{
	margin:-3px 15px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:17px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

#works .sbtncontainer .innerbtn{
	position:absolute;
	top:100%;
	left:0;
	width:450px;
	display:none;
	z-index:1000;
}

#works .sbtncontainer .innerbtn li{
	list-style:none;
	font-weight:bold;
}

#works .sbtncontainer .innerbtn li a{
	padding:10px;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	background:#c34035;
	display:block;
}

#works .sbtncontainer .innerbtn li a:hover{
	padding:10px;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	background:#872c29;
	display:block;
}

#works .sbtncontainer .innerbtn li a:before{
	margin:-3px 10px 0 0;
    content:" ";
    display:inline-block;
    width:7px;
    height:7px;
    background:url(/images/index/arrow.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}


/*pagenation*/

#works #wp_page_numbers{
	text-align:center;
	padding:60px 0 0 0;
}

#works #wp_page_numbers ul{
	display:inline-block;
}

#works #wp_page_numbers ul{
	display:inline-block;
}

#works #wp_page_numbers ul li{
	margin:0 2px;
	float:left;
	list-style:none;
	width:34px;
	
}

#works #wp_page_numbers ul li a{
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #666;
	padding:1px 0;
	text-align:center;
	background:#fff;
	display:block;
	
}

#works #wp_page_numbers ul li.space{
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #666;
	padding:1px 0;
	text-align:center;
	background:#fff;
	
}

#works #wp_page_numbers ul li a:hover{
	background:#666;
	color:#fff;
	
}

#works #wp_page_numbers ul li.active_page a{
	background:#666;
	color:#fff;	
}

#works .pulldownmenu{
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	font-weight:normal;
	font-size:0.55em;
}

}
@media screen and (max-width:750px){

#works #header .innerbox .nav li.works a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 1px;
}

#works .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
	margin:-3% 0 0 0;
	width:100%;
}


#works .mainbox{
	width:100%;
	height:100px;
	background:url(/images/works/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:55px 0 40px 0;

}

#works .workscont .titlebox{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}

#works .workscont .gbox{
	width:100%;
	margin:0 auto 40px;
}


#works .workscont .tfbox{
	width:100%;
	float:none;
	margin:0 0 30px 0;
}

#works .workscont .trbox{
	width:100%;
	float:right;
}

#works .workscont .tfbox img{
	width:100%;
}

#works .workscont .trbox img{
	width:100%;
}


#works .contbg2{
	padding:40px 0;
	background:#f2f2f2;

}

#works .cinnerbox2{
	width:100%;
	margin:0 auto 40px;
	letter-spacing:0;
	font-size:0.6em;

}


#works .cinnerbox2 .mapbox1{
	float:none;
	margin:0 0 30px 0;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1{
	width:99%;
	margin:0 auto;
	background:url(/images/index/mapimg.png) no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li{
	width:33%;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li a{
	padding:30px 0 ;
	display:block;
	background-color:rgba(0,0,0,0.1);
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0.05);
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li.tlbox{
	background:#c34035;
	color:#fff;
	padding:30px 0;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li.tlbox:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox2{
	float:none;
	margin: 0 auto;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2{
	width:99%;
	margin:0 auto;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li{
	width:33%;
	padding:0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li p{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height:1.5em;
	
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph1{
	background:url(/images/index/map1.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph2{
	background:url(/images/index/map2.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph3{
	background:url(/images/index/map3.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph4{
	background:url(/images/index/map4.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph5{
	background:url(/images/index/map5.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph6{
	background:url(/images/index/map6.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph7{
	background:url(/images/index/map7.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph8{
	background:url(/images/index/map8.jpg) 50% 50% no-repeat;
	background-size:cover;
}


#works .cinnerbox2 .mapbox2 ul.mapcont2 li a{
	display:block;
	background-color:rgba(0,0,0,0.2);
	color:#fff;
	padding:10px 0;
	letter-spacing:0;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0);
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.tlbox{
	background:#c34035;
	color:#fff;
	padding:30px 0;
	
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.tlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox3{
	float:none;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3{
	width:99%;
	margin:0 auto;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li{
	width:33%;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li p{
	
}


#works .cinnerbox2 .mapbox3 ul.mapcont3 li a{
	display:block;
	background-color:rgba(0,0,0,0.1);
	padding:20px 0;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0.05);
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li.tlbox{
	background:#c34035;
	color:#fff;
	padding:20px 0;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li.tlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox3 .mtlbox{
	background:#c34035;
	color:#fff;
	width:99%;
	margin:0 auto;
	height:auto !important;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	padding:10px 0;
}

#works .cinnerbox2 .mapbox3 .mtlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .newsbox .newscont{
	width:100%;
	float:none;
	margin:0 0 30px 0;

}

#works .workscont .newbtnbox{
	padding:60px 0 0 0;
	text-align:center;
}

#works .workscont .newbtnbox a{
	color:#fff;
	font-weight:bold;
	background:url(/images/index/arrow.svg) 93% 50% no-repeat,#c34035;
	background-size:4px;
	padding:10px 50px;
	font-size:1.1em;
	display:inline-block;
}

#works .workscont .newbtnbox a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .workscont .wlistbox{
	border-bottom:2px solid #666;

}

#works .workscont .wlisttl{
	padding:0 0 15px 0;
	border-bottom:2px solid #666;

}

#works .workscont .wlistcont{
	padding:15px 0 15px 0;
	border-bottom:1px solid #d5d5d5;

}

#works .workscont .wlistcont li.box2{
	text-align:left;
}

#works .workscont .wlistcont li.box2 a{
	text-decoration:underline;
	color:#666;
}

#works .workscont .wlistcont li.box2 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .workscont .wlistbox li{
	list-style:none;
	float:left;
	text-align:center;

}

#works .workscont .wlistbox li.box1{
	width:40%;

}

#works .workscont .wlistbox li.box2{
	width:60%;

}

#works .workscont .wlistbox li.box3{
	width:173px;

}

#works .workscont .wlistbox li.box4{
	width:128px;

}

#works .workscont .wlistbox li.box5{
	width:128px;

}

#works .workscont span{
	font-size: 0.7em;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}

#works .workscont .wsph{
	width:100%;
	float:none;
	margin:0 0 30px 0;
}

#works .workscont .wsph img{
	width:100%;
}

#works .workscont .infocont{
	margin:0 0 80px 0;
}

#works .backbtn{
	text-align:center;
}

#works .backbtn a.back{
	background:#c34035;
	color:#fff;
	font-size:1.4em;
	padding:10px 0;
	text-align:center;
	width:90%;
	display:block;
	margin:0 auto;
}

#works .backbtn a.back:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .backbtn a.back:before{
	margin:-3px 15px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:17px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .workscont .infobox{
	width:100%;
	float:none;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

#works .workscont .infobox dl{
	padding:0 0;
	border-bottom:1px solid #cacaca;
}

#works .workscont .infobox dl dt{
	padding:8px 3%;
	width:32%;
	float:left;
}

#works .workscont .infobox dl dd{
	padding:8px 3%;
	width:53%;
	border-left:1px solid #cacaca;
	float:left;
}

#works .scont{
	margin:0 0 40px 0;
}

#works .sbtncontainer{
	width:100%;
	position:relative;
}

#works .sbtncontainer.fcont{
	float:left;
}

#works .sbtncontainer.rcont{
	float:right;
}

#works .sbtncontainer .sbtn{
	background:#c34035;
	color:#fff;
	font-size:1.3em;
	padding:10px 0;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px 0;
	font-weight:bold;
	text-align:center;
	width:100%;
}

#works .sbtncontainer .sbtn:before{
	margin:-3px 15px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:17px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

#works .sbtncontainer .innerbtn{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	display:none;
	z-index:1000;
}

#works .sbtncontainer .innerbtn li{
	list-style:none;
	font-weight:bold;
}

#works .sbtncontainer .innerbtn li a{
	padding:10px;
	text-align:center;
	font-size:1em;
	color:#fff;
	background:#c34035;
	display:block;
	letter-spacing:0;
}

#works .sbtncontainer .innerbtn li a:hover{
	padding:10px;
	text-align:center;
	color:#fff;
	background:#872c29;
	display:block;
}

#works .sbtncontainer .innerbtn li a:before{
	margin:-3px 10px 0 0;
    content:" ";
    display:inline-block;
    width:7px;
    height:7px;
    background:url(/images/index/arrow.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}


/*pagenation*/

#works #wp_page_numbers{
	text-align:center;
	padding:60px 0 0 0;
}

#works #wp_page_numbers ul{
	display:inline-block;
}

#works #wp_page_numbers ul{
	display:inline-block;
}

#works #wp_page_numbers ul li{
	margin:0 2px;
	float:left;
	list-style:none;
	width:27px;
	
}

#works #wp_page_numbers ul li a{
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #666;
	padding:1px 0;
	text-align:center;
	background:#fff;
	display:block;
	
}

#works #wp_page_numbers ul li.space{
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #666;
	padding:1px 0;
	text-align:center;
	background:#fff;
	
}

#works #wp_page_numbers ul li a:hover{
	background:#666;
	color:#fff;
	
}

#works #wp_page_numbers ul li.active_page a{
	background:#666;
	color:#fff;	
}

#works #header .innerbox .nav li.works a{
	padding:15px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 0;
}

#works .pulldownmenu{
	display:block;
	margin:0 auto;
	font-weight:normal;
	font-size:0.6em;
}

}

@media print{

#works #header .innerbox .nav li.works a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 1px;
}

#works .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
	margin:-1% 0 0 0;
	width:100%;
}


#works .mainbox{
	width:100%;
	height:295px;
	background:url(/images/works/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:95px 0 0 0;

}

#works .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
	margin:-1% 0 0 0;
	width:100%;
}

#works .workscont .titlebox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
	position:relative;
}

#works .workscont .gbox{
	width:960px;
	margin:0 auto 80px;
}


#works .workscont .tfbox{
	width:468px;
	float:left;
}

#works .workscont .trbox{
	width:468px;
	float:right;
}


#works .cinnerbox2{
	width:960px;
	margin:0 auto 80px;
	letter-spacing:0;
	font-size:0.95em;

}


#works .cinnerbox2 .mapbox1{
	float:left;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1{
	width:468px;
	margin:0 0 0 -1px;
	background:url(/images/index/mapimg.png) no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li{
	width:155px;
	height:116px;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li a{
	height:71px;
	padding:45px 0 0 0;
	display:block;
	background-color:rgba(0,0,0,0.1);
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li a:hover{
	height:71px;
	padding:45px 0 0 0;
	display:block;
	background-color:rgba(0,0,0,0.05);
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li.tlbox{
	background:#c34035;
	color:#fff;
	height:71px;
	padding:45px 0 0 0;
}

#works .cinnerbox2 .mapbox1 ul.mapcont1 li.tlbox:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox2{
	float:right;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2{
	width:468px;
	margin:0 0 0 -1px;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li{
	width:155px;
	height:155px;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li p{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph1{
	background:url(/images/index/map1.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph2{
	background:url(/images/index/map2.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph3{
	background:url(/images/index/map3.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph4{
	background:url(/images/index/map4.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph5{
	background:url(/images/index/map5.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph6{
	background:url(/images/index/map6.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph7{
	background:url(/images/index/map7.jpg) 50% 50% no-repeat;
	background-size:cover;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.mph8{
	background:url(/images/index/map8.jpg) 50% 50% no-repeat;
	background-size:cover;
}


#works .cinnerbox2 .mapbox2 ul.mapcont2 li a{
	display:block;
	background-color:rgba(0,0,0,0.2);
	color:#fff;
	height:155px !important;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0);
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.tlbox{
	background:#c34035;
	color:#fff;
	height:155px !important;
}

#works .cinnerbox2 .mapbox2 ul.mapcont2 li.tlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox3{
	float:none;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3{
	width:961px;
	margin:0 0 0 -1px;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li{
	width:159px;
	height:140px;
	padding:0 0 0 0;
	border-left:1px solid #f2f2f2;
	margin:0 0 0 0 ;
	text-align:center;
	list-style:none;
	float:left;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li p{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


#works .cinnerbox2 .mapbox3 ul.mapcont3 li a{
	display:block;
	background-color:rgba(0,0,0,0.1);
	height:140px;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li a:hover{
	display:block;
	background-color:rgba(0,0,0,0.05);
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li.tlbox{
	background:#c34035;
	color:#fff;
}

#works .cinnerbox2 .mapbox3 ul.mapcont3 li.tlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .cinnerbox2 .mapbox3 .mtlbox{
	background:#c34035;
	color:#fff;
	width:99%;
	margin:0 auto;
	height:auto !important;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	padding:10px 0;
}

#works .cinnerbox2 .mapbox3 .mtlbox p:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .workscont .newbtnbox{
	padding:60px 0 0 0;
	text-align:center;
}

#works .workscont .newbtnbox a{
	color:#fff;
	font-weight:bold;
	background:url(/images/index/arrow.svg) 93% 50% no-repeat,#c34035;
	background-size:4px;
	padding:10px 50px;
	font-size:1.1em;
	display:inline-block;
}

#works .workscont .newbtnbox a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .workscont .wlistbox{
	border-bottom:2px solid #666;

}

#works .workscont .wlisttl{
	padding:0 0 15px 0;
	border-bottom:2px solid #666;

}

#works .workscont .wlistcont{
	padding:15px 0 15px 0;
	border-bottom:1px solid #d5d5d5;

}

#works .workscont .wlistcont li.box2{
	text-align:left;
}

#works .workscont .wlistcont li.box2 a{
	text-decoration:underline;
	color:#666;
}

#works .workscont .wlistcont li.box2 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .workscont .wlistbox li{
	list-style:none;
	float:left;
	text-align:center;

}

#works .workscont .wlisttl li.box3{
	text-align:center !important;

}

#works .workscont .wlistbox li.box1{
	width:165px;

}

#works .workscont .wlistbox li.box2{
	width:335px;
	padding:0 15px;

}

#works .workscont .wlistbox li.box3{
	width:173px;
	text-align:left;

}

#works .workscont .wlistbox li.box4{
	width:128px;
	text-align:right;

}

#works .workscont .wlistbox li.box5{
	width:88px;
	text-align:right;
	padding:0 40px 0 0;

}

#works .workscont span{
	font-size: 0.7em;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}

#works .workscont .wsph{
	width:450px;
	float:left;
}

#works .workscont .wsph img{
	width:100%;
}

#works .workscont .infocont{
	margin:0 0 80px 0;
}

#works .backbtn{
	text-align:center;
}

#works .backbtn a.back{
	background:#c34035;
	color:#fff;
	font-size:1.7em;
	padding:15px 100px;
}

#works .backbtn a.back:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#works .backbtn a.back:before{
	margin:-3px 15px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:17px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;

}

#works .workscont .infobox{
	width:450px;
	float:right;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

#works .workscont .infobox dl{
	padding:0 0;
	border-bottom:1px solid #cacaca;
}

#works .workscont .infobox dl dt{
	padding:8px 3%;
	width:26%;
	float:left;
}

#works .workscont .infobox dl dd{
	padding:8px 3%;
	width:61%;
	border-left:1px solid #cacaca;
	float:left;
}

#works .scont{
	margin:0 0 80px 0;
}

#works .sbtncontainer{
	width:450px;
	position:relative;
}

#works .sbtncontainer.fcont{
	float:left;
}

#works .sbtncontainer.rcont{
	float:right;
}

#works .sbtncontainer .sbtn{
	background:#c34035;
	color:#fff;
	font-size:1.7em;
	padding:15px 100px;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px 0;
	font-weight:bold;
}

#works .sbtncontainer .sbtn:before{
	margin:-3px 15px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:17px;
    background:url(/images/index/glass.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

#works .sbtncontainer .innerbtn{
	position:absolute;
	top:100%;
	left:0;
	width:450px;
	display:none;
	z-index:1000;
}

#works .sbtncontainer .innerbtn li{
	list-style:none;
	font-weight:bold;
}

#works .sbtncontainer .innerbtn li a{
	padding:10px;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	background:#c34035;
	display:block;
}

#works .sbtncontainer .innerbtn li a:hover{
	padding:10px;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	background:#872c29;
	display:block;
}

#works .sbtncontainer .innerbtn li a:before{
	margin:-3px 10px 0 0;
    content:" ";
    display:inline-block;
    width:7px;
    height:7px;
    background:url(/images/index/arrow.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}


/*pagenation*/

#works #wp_page_numbers{
	text-align:center;
	padding:60px 0 0 0;
}

#works #wp_page_numbers ul{
	display:inline-block;
}

#works #wp_page_numbers ul{
	display:inline-block;
}

#works #wp_page_numbers ul li{
	margin:0 2px;
	float:left;
	list-style:none;
	width:34px;
	
}

#works #wp_page_numbers ul li a{
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #666;
	padding:1px 0;
	text-align:center;
	background:#fff;
	display:block;
	
}

#works #wp_page_numbers ul li.space{
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #666;
	padding:1px 0;
	text-align:center;
	background:#fff;
	
}

#works #wp_page_numbers ul li a:hover{
	background:#666;
	color:#fff;
	
}

#works #wp_page_numbers ul li.active_page a{
	background:#666;
	color:#fff;	
}

#works .pulldownmenu{
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	font-weight:normal;
	font-size:0.55em;
}

}