@charset "utf-8";

/* CSS Document */

#gameWrap {width:960px;margin:0 auto}
.gameTitle {background:url(http://img.ipimg.com/images/ilife/game2/title_game.gif) no-repeat;height:36px;margin:0 auto 15px;text-indent: 100%;overflow: hidden;white-space: nowrap;}
.allplay {
	border:1px solid #ffbfca;background: #feffff;padding:10px 15px; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #feffff 2%, #fff7f8 3%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#feffff), color-stop(3%,#fff7f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

.allplayTile { float:left;width:85px;font-size:11pt;line-height:60px;height:50px;font-family: 微軟正黑體,Verdana, Geneva, sans-serif;}
.allplayImg { float:left;}
.allplayimgSp { float:left; margin-right:7px;}
.allplayMore { float:left;}
.allplayMorebtn {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ffe4e9;
	width:26px;
	height:26px;
	display:block;
	background-image: url(http://img.ipimg.com/images/ilife/game2/trg.png);
	background-position: 4px 0;
	background-repeat: no-repeat;
}
.allplayMorebtn.action { 
	background-color:#ffe4e9;
	background-image: url(http://img.ipimg.com/images/ilife/game2/trg.png);
	background-position: -19px 0;
	margin-top:5px;
}
	
.allplayMorebtn:hover{ background-color:#ffbfca;}

.gameNav { border-bottom:2px solid #ffbfca;background: #fff0f2;margin: 15px auto;height:36px;}
.gameNavL { float:left;margin-top:-5px;margin-left: -25px;*margin-top:8px;*margin-left: 10px;}
.gameNavL ul.nav { list-style-type:none;margin:13px 0 0;height:30px;overflow:hidden;}
.gameNavL ul.nav li { display:inline-block;*display:inline;*zoom:1;*margin-right:5px}
.gameNavL ul.nav li a {
	display:block;
	padding:5px 0 11px;
	text-decoration: none;
	width:80px;text-align:center;background: none;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.gameNavL ul.nav li a:hover { 
	color:#ff0066; width:78px;border:1px solid #ffd9df; background: #feffff;/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #feffff 2%, #fff7f8 3%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#feffff), color-stop(3%,#fff7f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.gameNavL ul.nav li a.action { 
	width:78px;color:#ff0066; border:1px solid #ffd9df;background: #feffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #feffff 2%, #fff7f8 3%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#feffff), color-stop(3%,#fff7f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feffff 2%,#fff7f8 3%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.gameNavR { float:right;margin-top:10px;font-size:9pt;padding-right:15px}
.gameNavR .imoney1 { display:inline-block;*display:inline;*zoom:1;height:17px;line-height:17px;background-image: url(http://img.ipimg.com/images/ilife/game2/icon.png);background-position: 0px 2px;padding-left:19px}
.gameNavR .imoney1 a { color:#e4931d;font-weight:bold;padding-right:5px}
.gameNavR .imoney2 { display:inline-block;*display:inline;*zoom:1;height:17px;line-height:17px;background-image: url(http://img.ipimg.com/images/ilife/game2/icon.png);background-position: 0px -20px;padding-left:19px}
.gameNavR .imoney2 a {color:#f2136e;font-weight:bold;}

.gameNavR .imoney3 { display:inline-block;*display:inline;*zoom:1;height:17px;line-height:17px;padding-left:19px}

/*index*/
#containerGame2 { margin-bottom:50px;/*overflow:hidden*/}
#Game2main { float:left;width:700px;margin-right:15px;min-height:700px}
.game2title { font-size:11pt;border-bottom:1px solid #dedede;padding:5px 0 15px 5px;}
.game2title span { font-size:15pt;padding:0 10px;}

#Game2sidebar{float:right;width:240px;border:1px solid #dddddd}
#Game2sidebar .Game2sidebarSub1{padding:8px 12px;}
#Game2sidebar .Game2sidebarSub1 .sub{font-weight:bold}
#Game2sidebar .Game2sidebarSub1 .sub span{display:block;position: relative;}
#Game2sidebar .Game2sidebarSub1 .sub span a{display:block;position: absolute;top:-11px;*top:-15px;right:0px}
#Game2sidebar .Game2sidebarSub1 dl{height:17px;line-height:17px;}
#Game2sidebar .Game2sidebarSub1 dt{float:left;width:30px;}
#Game2sidebar .Game2sidebarSub1 dt,#Game2sidebar .Game2sidebarSub1 dd{float:left;text-align:left;margin:0;padding:0}
#Game2sidebar .Game2sidebarSub1 dd.d1{float:left;width:140px;text-align:left;font-size:13px; line-height:25px;}
#Game2sidebar .Game2sidebarSub1 dd.d2{float:left;width:45px;text-align:left; line-height:25px;}

#Game2sidebar .Game2sidebarSub2{padding:8px 12px;}
#Game2sidebar .Game2sidebarSub2 .sub{font-weight:bold}
#Game2sidebar .Game2sidebarSub2 .sub span{display:block;position: relative;}
#Game2sidebar .Game2sidebarSub2 .sub span a{display:block;position: absolute;top:-11px;*top:-15px;right:0px}
#Game2sidebar .Game2sidebarSub2 dl{height:19px;line-height:13px;}
#Game2sidebar .Game2sidebarSub2 dd{float:left;margin:0;padding:0;color:#ffffff;height:18px;line-height:18px;font-size:9pt}
#Game2sidebar .Game2sidebarSub2 dd.tag1,#Game2sidebar .Game2sidebarSub2 dd.tag2{float:left;background-color:#ff0066;border-bottom:1px solid #e1035c;width:30px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-align:center;margin-right:5px}
#Game2sidebar .Game2sidebarSub2 dd.tag2{float:left;background-color:#4d90fe;border-bottom:1px solid #2570e9;}

#Game2sidebar .Game2sidebarSub3{padding:8px 12px;}
#Game2sidebar .Game2sidebarSub3 .sub{font-weight:bold}
#Game2sidebar .Game2sidebarSub3 .sub span{display:block;position: relative;}
#Game2sidebar .Game2sidebarSub3 .sub span a{display:block;position: absolute;top:-11px;*top:-15px;right:0px}
#Game2sidebar .Game2sidebarSub3 #playing{overflow:hidden;padding:10px 0;}
#Game2sidebar .Game2sidebarSub3 #playing .allplayimgSp{float:left; margin:6px 6px;}
#Game2sidebar .Game2sidebarSub3 #playing .name{margin-top:*2px;width:60px;white-space:nowrap;font-size:9pt;text-align:center;overflow:hidden}
.Game2line{display:block;border-top:1px solid #dddddd;padding-bottom:2px;margin-top:2px}


/*  Index gameIMG */
a.moregame{float: left;width: 350px;height:220px;line-height:220px;position: relative; background:#666;text-align:center}
a.moregame{
	font-size:2em;
	color: #fff;
	text-decoration: none;font-family: 微軟正黑體,Verdana, Geneva, sans-serif;
}
a:hover.moregame{background:#dc0078;}
.entry-image:hover {z-index: 11;}
.entry-image {float: left;width: 350px;position: relative;color: #fff;}
.entry-image:hover .image-info{
	-webkit-animation: bounceIn_custom 0.4s ease-in-out;
	-moz-animation: bounceIn_custom 0.4s ease-in-out;
	-o-animation: bounceIn_custom 0.4s ease-in-out;
	-ms-animation: bounceIn_custom 0.4s ease-in-out;
	animation: bounceIn_custom 0.4s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	visibility:visible;
}

.entry-image:hover {z-index: 11;}
.entry-image {float: left;width: 350px;position: relative;color: #fff;}
.entry-image:hover .image-info{
	-webkit-animation: bounceIn_custom 0.4s ease-in-out;
	-moz-animation: bounceIn_custom 0.4s ease-in-out;
	-o-animation: bounceIn_custom 0.4s ease-in-out;
	-ms-animation: bounceIn_custom 0.4s ease-in-out;
	animation: bounceIn_custom 0.4s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	visibility:visible;
}

.entry-image:hover img{ 
	-webkit-animation: bounceIn_custom 0.4s ease-in-out; 
	-moz-animation: bounceIn_custom 0.4s ease-in-out; 
	-ms-animation: bounceIn_custom 0.4s ease-in-out; 
	-o-animation: bounceIn_custom 0.4s ease-in-out; 
	animation: bounceIn_custom 0.4s ease-in-out; 
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1); 
}

.image-info {
	background: rgba( 220,0,120,0.9 );
	background:#dc0078\9;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,190,190,0.1), 0 0 20px rgba(255,190,190,0.5);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,190,190,0.1), 0 0 20px rgba(255,190,190,0.5);
	box-shadow: inset 0 0 0 1px rgba(255,190,190,0.1), 0 0 20px rgba(255,190,190,0.5);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	text-align: center;
	z-index: 10;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	z-index:10;
	visibility:hidden;
}
.image-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	text-indent: -9999px;
}
.image-info .title { padding: 45px 7px 10px;}
.gameName {
	display: block;
	font-size: 2em;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #ffffff;
	line-height: 1em;
	font-weight: bold;
}
.image-info .title .gameName a:link {color: #ffffff;text-decoration: none;}
.image-info .title .gameName a:visited {color: #ffffff;text-decoration: none;}
.image-info .title .gameName a:hover {color: #CC003E;text-decoration: none;}

p {font-size: 15px;display: block;}
.descriptionP { position:relative; z-index:20;width:350px;}
.description {text-align:center}
.description a:link.btn-ipart{color: #ffffff;}
.description a:visited.btn-ipart  {color: #ffffff;}
a.gamebtn { 
	padding:10px 15px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-size:15px;
	text-decoration:none;
	color:#666666;
	background:#FFF;
	text-shadow:none;
	display:inline-block;
}
a.gamebtn:hover { background:#F69; color:#FFF;}

/* animation */
@-webkit-keyframes bounceIn_custom {
	0% {-webkit-transform: scale(1);}
	50% {opacity: 1;-webkit-transform: scale(1.1);}
	100% {-webkit-transform: scale(1);}
}

@-moz-keyframes bounceIn_custom {
	0% {-moz-transform: scale(1);}
	50% {opacity: 1;-moz-transform: scale(1.1);}
	100% {-moz-transform: scale(1);}
}

@-o-keyframes bounceIn_custom {
	0% {-o-transform: scale(1);}
	50% {opacity: 1;-o-transform: scale(1.1);}
	100% {-o-transform: scale(1);}
}

@keyframes bounceIn_custom {
	0% {transform: scale(1);}
	50% {opacity: 1;transform: scale(1.1);}
	100% {transform: scale(1);}
}


/*mission*/
#Game2main .gameMission { padding-bottom:20px; margin-bottom:10px;}
#Game2main .gameMission .title { margin-bottom:10px;}
#Game2main .gameMission .misssion { height:400px; position:relative; display:block;}

#Game2main .playgirlBox { padding:5px 10px; position:relative; background:#FFF; border:#dcdcdc 2px solid; border-top:none; border-bottom-color:#CCC;
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}
#Game2main .playgirlBoxTitle {}
#Game2main .playgirlBoxTitle .rt { float:right;}
#Game2main .playgirList { margin:10px 0 0 0; padding:0;}
#Game2main .playgirList li { float:left; width:70px; margin-bottom:5px; list-style:none;}
#Game2main .playgirList .name { text-align:center; margin-top:2px; width:55px; white-space:nowrap; overflow:hidden; height:18px; }
#Game2main .playgirList .name a:after { content:'L愛'; visibility:hidden; width:1px; height:17px; display:inline-block;}
#Game2main .playgirList .info { text-align:centerl; margin-top:2px;width:55px;white-space:nowrap;overflow:hidden; height:17px;font-size:9pt;color:#999999;line-height:12pt;}
#Game2main .playgirList li a { color:#775022}
#Game2main .playgirlBox .joinBtn { position:absolute; top: 60px; right:20px;}

/*News List*/
#Game2main .gameNewsWrap { padding:15px; background:#FFF;}
#Game2main .gameNewsTitle { font-size:15px; font-weight:bold; color:#dc0078; margin-bottom:8px;}
#Game2main .gameNewssub { color:#333; font-size:12px; margin-bottom:10px; padding-bottom:10px; border-bottom:#999 1px dashed;}
#Game2main .gameNewsArticle { padding:15px; margin-bottom:20px; border-bottom:#999 1px dashed;}
#Game2main ul.gameNewsList { margin:0; padding:0;}
#Game2main ul.gameNewsList li { list-style:none; padding:12px 8px; border-bottom:#CCC 1px dashed;}
#Game2main ul.gameNewsList li i { float:right; color:#999;}
#Game2main ul.gameNewsList li a { color:#dc0078; text-decoration:none; font-size:15px;}
#Game2main ul.gameNewsList li a:hover { text-decoration:underline;}

/*遊戲介紹*/
#Game2main .gameIntroBox { width:700px; margin:0 auto 10px; background:#ffffff;}
#Game2main .gameIntroBoxIntro { padding:8px 20px 20px; width:680px; margin-top:20px;}
#Game2main .gameIntroBox h4 { font-size:15px; padding:0 0 5px; margin:-20px 0 0 -25px; }
#Game2main .gameIntroBox h4 span {background:#dc0078; color:#FFF; display:inline-block; padding:8px;}
#Game2main .gameIntroBox h4 label { font-size:13px; color:#ccc;}
#Game2main .gameIntroBox .gameIntroBoxBtnArea { text-align:right; padding-top:5px;}
#Game2main .serveList { border:#f9d467 1px solid;}
#Game2main .serveTitle {
	border-bottom:#f9d467 1px solid;
	background:#feeab7;
}
#Game2main .serveTitle span { padding:5px 10px; border-left:#f9d467 8px solid; display:block; color:#000000; font-weight:bold;}
#Game2main .serveList ul { margin:0; padding:3px 0 5px 3px; background:#fdf5df; }
#Game2main .serveList ul li { float:left; width:33%; list-style:none;}
#Game2main .serveList ul li span {  display:block; margin:2px;}
#Game2main .serveList ul li span a { padding:5px 15px; text-decoration:none;display:block; border:#CCC 1px solid; border-top:#f7f7f7 2px solid; border-left:#f7f7f7 2px solid;background:#FFF; }
#Game2main .serveList ul li span a:hover { background:#dc0078; color:#FFF; border:#aa005d 1px solid; border-top:#e92791 2px solid; border-left:#e92791 2px solid;}
#Game2main .playerNum { font-size:18px;}
#Game2main .playerType { padding:10px 15px;}
#Game2main .playerType a.active { text-decoration:none; color:#999;}
#Game2main .playerList { border:#f9d467 1px solid;margin-bottom:30px}
#Game2main .playerWrap { padding:10px 15px;}
#Game2main .userWrap { margin:0; padding:0;}
#Game2main .userWrap li { float:left; width:67px; margin-bottom:5px; list-style:none;}
#Game2main .userWrap .name { text-align:centerl; margin-top:2px;width:60px;white-space:nowrap;overflow:hidden; height:17px;}
#Game2main .userWrap .info { text-align:centerl; margin-top:2px;width:60px;white-space:nowrap;overflow:hidden; height:17px;font-size:9pt;color:#999999;line-height:12pt;}
#Game2main .userWrap li a { color:#775022}

#Game2main a.seeMore { background:#ffffff; text-align:center; padding:10px; text-decoration:none; color:#999; display:block; margin:10px 0px 20px;
  background-color: #ffffff;
  *background-color: #ffffff;
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#Game2main a.seeMore:hover { background:#FFF; color:#000000}

/*互感*/
#Game2main .gameContentAlert { margin:10px 15px; color:#dc0078;}
#Game2main .gameContentAlert .gray { color:#999;}

.interestmutual {}
.interestmutuallist { border:#FFE9E9 5px solid; margin-bottom:5px; background:#FFF; position:relative; }
.interestmutuallist .mutuallistWho { background:#FFE9E9; padding:5px; position:absolute; top:0; left:0;}
.interestmutuallist .mutuallistpic { float: left; margin-right:5px; width: 120px;display:block; height:120px}
.interestmutuallist .mutuallistlove { float: left;width: 33px;margin-right:5px;}
.interestmutuallist .mutuallistinfo { padding:10px 20px 10px 315px; line-height:1.6em; min-height:110px; *height:110px;}
.interestmutuallist .mutuallistinfo span { font-weight:bold;}
.interestmutuallist .mutuallistinfoBox { margin-bottom:10px;}
.interestmutuallist .mutuallistmoreaction { position:absolute; bottom:10px; right:10px;}

/*分頁*/
#Game2main .pages {width:700px; margin:25px auto 0;text-align:center;line-height:150%;font-size:13px;}
#Game2main .pages a {padding:0px 2px;}