/*reset
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

ul,ol,li{list-style:none;}

a:link,
a:visited{text-decoration:none;
          color:#fff;}
		  
a:hover,
a:active{color:#fff; text-decoration:nonel}

img{border:0 none;}
/* CSS Document */


body{
	background: #000;
	font-family:"Trebuchet MS","Myriad Pro", Helvetica, sans-serif;
	font-size:12px;
	color: #111;
}


#wrapper{
	width:100%;
	height:auto;
}
#say_wrap{/*display:block;*/display:none;
   width:100%;height:100%;margin:0 auto;position:relative;top:100px;z-index:666;position:fixed;
}

#say{width:100%; height:100%; background:url(../images/say_bg.png);position:absolute;margin:0 auto;}
#say .close{width:44px;height:44px;right:10%;position:absolute;top:5%;}
#say .close img{width:100%;height:auto;}

#say .box{width:30%;height:10%;margin:0 auto;position:relative;padding-top:5%;padding-bottom:10%;}
#say .box>h1{color:#fff;font-size:100%;}
#say .box>.tell{color:#fff; width:96%; height:auto; background:url(../images/tell_bg.png); padding:2%;margin-top:1%;margin-bottom:3%;}

#header{width:100%; height:129px; background:url(../images/menu_bg.png) repeat-x;position:fixed;z-index:777;}
		  p.logo{width:202px; height:38px;left:2%; padding-top:27px;position:absolute;}
		  p.tel{width:325px; height:38px; margin:auto; padding-top:27px;}
		  div.text{margin:0 auto;width:597px;height:79px;}
		  p.home{right:2%;width:200px; height:29px;top:13px;position:absolute;}

#portfolio{
	position:relative;
    width:100%;
	height:auto;
	margin:0 auto;
}

#thumbScroller{
  position:absolute;
	top:50px;
  height:auto;
	margin-left:0.8%;
	

}


.thumbWrapper{
	height:auto;
	
}


.thumbContainer li{
   position:relative;	
	 float:left; 
     height:140px; 
	 width:calc(50% - 10px);
    margin:5px;
	 margin-bottom:5px;
	 margin-right:5px; 
	 background:#fff; 
	 box-shadow:0 0 10px #000; 
	 overflow:hidden;
	position:relative;
    background:#000;
 }
 
.thumbContainer li>img{
	position:absolute;
	top:0;
    left:50%;
    transform: translateX(-50%);
    max-width:200px;
    width:100%;
    height:auto;
}
.thumbContainer li>div{
	position:absolute;
	bottom:-171px;
	height:140px;
	width:170px;
	color:#fff;
	background:url(../images/bg-black.png);
}
.thumbContainer li>div .title{
	color:#F60;
	font-weight:border;
	text-align:center;
	padding-top:35px;
}

.thumbContainer li>div .desc{
	text-align:center;
	padding-top:15px;
	}