@charset "UTF-8";
/* reset */
	body, div, ul ,li ,p,span,em,h1,img,h2{font-style:normal;margin:0;padding:0;}
	img{border:0;}
	.imglink{display:block;height:160px;width:180px;margin:0 auto;margin-bottom:4px}
	ul,li{list-style:none}
	.clearfix { display:block; zoom:1; clear:both; }
	.clearfix:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }
	a:link, a:visited,a:hover { color:#686868; text-decoration:none; }
	a:focus{outline: none;}
	body{font:normal 12px/1.6 'lucida grande',tahoma,verdana,arial,sans-serif;color: #aa9987;background:#F2F2FA;height:100%;}
	#header{background: url(http://source.photocat.com/static/images/bg_top.png?20130306) repeat-x;overflow: hidden;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);min-width:1000px;}
	#header .inner{width: 1000px;margin: 0 auto;position:relative;height: 615px;}
	.header-bg{background: url(http://source.photocat.com/static/images/bg_top_inner.png?20130306) repeat-x;}
	.logo{margin: 6px auto 0 auto;position:relative;}
	.logo a.photocat{text-indent: -999em;display: block;width: 355px;height: 134px;background:url(http://source.photocat.com/static/images/logo.png?v=2013030601) -35px 0 no-repeat;margin:0 auto;}
	.likearea{width:310px;height:70px;position:absolute;}
	.findus{position:relative;height:90px;padding:0px 0 0 20px;}
	.bg_findus{background:url(http://source.photocat.com/static/images/bg_findus.png?20130306) 0 0 no-repeat;width:100px;position:absolute;height:90px;left:68px;top:20px}

	.entrance{margin: 22px 0 0 0;}
	.entrance li{float: left;margin:0 6px 0 43px;_display:inline;}
	.entrance li img{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}
	.entrance .btn{margin-top: 18px;padding-left: 17px}
	.entrance .btn a,.content .title,.featurelist li,.sideBar .img,.copy{display: block;width: 236px;height: 73px;background: url(http://source.photocat.com/static/images/btn.png?v=20130306) no-repeat;text-indent: -999em;}
	.thai .content .title,.thai .entrance .btn a{background-image:url(http://source.photocat.com/static/images/btn_thai.png?v=20130306);}
	.thai .content .title{width:310px}
	.in .content .title, .in .entrance .btn a{background-image:url(http://source.photocat.com/static/images/btn_in.png?v=20130306);}
	.entrance .btn a{text-indent:-999em;;color:#fff;font-size:24px;line-height:68px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
	.entrance .btn .btn_edit{background-position: 0 0;}
	.entrance .btn .btn_edit:hover{background-position: 0 -73px}
	.entrance .btn .btn_retouch{background-position: 0 -146px;}
	.entrance .btn .btn_retouch:hover{background-position: 0 -220px}
	.entrance .btn .btn_create{background-position: 0 -293px;width: 250px;}
	.entrance .btn .btn_create:hover{background-position: 0 -368px}

	#container{background: url(http://source.photocat.com/static/images/bg_repeat.jpg?v=20130306) repeat-x; overflow: hidden;min-width:1000px;}
	.content{width: 940px;margin: 0 auto 13px auto;padding-top: 10px;position: relative;}
	.content .title{text-indent: -999em;width: 240px;height: 50px;margin-top:10px;background-position: -5px -448px;}
	.content .recent_photo{background-position:-253px -13px}
	.photolist{margin-left: -20px;}
	.photolist li{float:left;margin:10px 0 5px 28px;}
	.bg_line{height: 12px;overflow: hidden;background: url(http://source.photocat.com/static/images/bg_line.png?v=20130306) center 0 no-repeat;margin-top: 15px;}
	.featurelist{padding: 0 15px 0 0;width: 720px;}
	.featurelist li{float: left;width: 200px;padding:15px 5px 0 5px;height: 205px;text-align: center;font-size:16px;background-position: -6px -507px;text-indent: 0;line-height: normal;margin:8px 18px 0 0;}
	.featurelist li img{width:180px;height:160px;}
	.featurelist p{width: 200px;word-break:break-all;word-wrap:break-word;}
	.featurelist p.text{padding-top: 1px}
	.sideBar{width: 225px;height: 450px;border-left: 2px dashed #cda87c;position: absolute;right: 0;top:70px;*top:60px;}
	.sideBar .img{margin: 8px 0 0 40px;width: 200px;padding:15px 5px 0 5px;height: 205px;text-align: center;font-size:16px;background-position: -6px -507px;text-indent: 0;line-height:normal;}
	.sideBar .img img{width:180px;height:160px}
	p.text{*line-height:24px;}
	.copy{width: 412px;height: 34px;background-position: 0 -739px;margin: 0 auto;text-indent: 0;margin-top: 55px;color: #fff;
		font-family:'Cooper Black';font-size: 13px;text-align: center;line-height: 34px}
	.copy a:link, .copy a:visited{color:#fff;margin: 0 15px}
	.copy a:hover{text-decoration: underline;}
	.hideflash{width:0;height:0;overflow:hidden;}

	.invite,.close,.btn_invite{background:url(http://source.photocat.com/static/images/bg_invite.png?v=20130306) no-repeat;}
	.mask{position:fixed;width:100%;height:100%;background:#000;opacity:0.3;display:none;z-index:2;top:0;}
	.masklist{z-index:3}
	.invite{width:494px;height:334px;background-position:0 0;position:fixed;left:50%;top:50%;margin:-167px 0 0 -247px;z-index:3;}
	.invite .close{position:absolute;width:22px;height:22px;background-position:-11px -346px;right:14px;top:10px;}
	.invite .close:hover{background-position:-58px -346px;}
	.invite .tip{font-size:14px;color:#fff;position:absolute;left:97px;top:196px;}
	.invite .btn_invite{width:128px;height:44px;background-position:0 -380px;position:absolute;bottom:30px;left:120px;}
	.invite .btn_invite:hover{background-position:0 -424px;}
	.invite .invite_text{position:absolute;bottom:40px;left:260px;font-size:18px;color:#8a8a8a;}
	.invite .invite_text span{color:#33bbc8;font-weight:bold;}
	
	.invitelist,.check,.btn_submit{background:url(http://source.photocat.com/static/images/bg_invite_list.png?v=20130306) no-repeat;}
	.invitelist{display:none;width:316px;height:384px;position:fixed;left:50%;top:50%;margin:-192px 0 0 -158px;z-index:4;}
	.invitelist .close{position:absolute;width:22px;height:22px;right:14px;top:10px;background:none;top:15px}
	.invitelist .title{padding:15px 20px;color:#686868;font-weight:bold;}
	.invitelist .inner{width:290px;height:310px;margin:5px 0 0 12px;overflow:hidden;}
	.invitelist .top{text-align:right;padding-right:20px;}
	.checkbox{opacity:0;filter:alpha(opacity=0);}
	.check{width:20px;height:17px;background-position: -51px -386px;display:inline-block;*zoom:1;vertical-align:-4px;*vertical-align:-2px;margin-left:5px;}
	.fr{float:right;}
	.checked{background-position:-9px -386px;}
	.detail{width:280px;height:225px;overflow:hidden;margin:5px 0 0 5px;color: #686868;overflow-x:hidden;overflow-y:auto;}
	.detail .item{background: #f1f1f1;margin-bottom:5px; display: block;}
	.detail .item label{display:block;padding:5px 14px;}
	.detail .img{vertical-align: middle;}
	.detail .name{padding-left:10px;}
	.detail .fr{margin-top:7px;}
	.invitelist .btn_submit{width: 123px;height: 40px;display:block;background-position: -9px -413px;left: 90px;top:318px;margin: 15px 0 0 80px;}
	.invitelist .btn_submit:hover{background-position: -172px -413px;}
	.framemask{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1;display:none}
	
	#composite { margin: 0 auto; text-align: center; top: 50%; height: 800px; width: 500px; }
	#composite_flash { top: 110px; margin:0 auto; width: 550px; height: 400px; position: relative; text-align:center; z-index: 1; }
	#composite_invite { position: absolute; width: 500px; height: 400px; top: 90px; left: 390px; z-index: 5; visibility: visible; }
	.progress{width:366px;height:88px;position: absolute;left: 50%;top: 50%;margin: -44px 0 0 -183px;background: url(http://source.photocat.com/static/images/bg_loading_logo.png?v=2013030603) center -3px no-repeat;}
	.progress .inner{width:18px;height:20px;background: url(http://source.photocat.com/static/images/bg_loading_logo.png?v=20130306) -4px -90px no-repeat;margin:58px 0 0 5px;}
	.flash_hide{margin-top:-999em;}
	.flash_show{margin-top:0;height:100%;width:100%;}
	.loading_text{color: #a6a6a6;font-size:14px;display:block;position:absolute;width: 360px;left:5px;bottom:-18px;} .fr{float: right;}
	.btn_login{position: absolute;bottom: 30px;left: 130px;}
	.hide{display:none}
	
	.textContent{width:100%;background:#fff;min-width:1000px;padding-top:10px}
	.textContent .inner{width:900px;margin:0 auto;color:#7d7d7d;padding-bottom:90px}
	.textContent .inner h2.title{font-size:24px;color:#5cb7cb;font-weight:bold;padding:20px 0 10px 0;}
	.textContent .inner p{font-size:14px}
	
	.footer{font-size:14px;color:#bbb;text-align:center;padding:10px 0;}
	.footer a:link, .footer a:visited{color:#bbb;} /*www.photocat.com  about\contact\terms\privacy*/