@charset "utf-8";
/* CSS Document */

#pageArea{ margin-top:10px; background:#00b7ef; padding:15px;}
#pageArea h1{ color:#ffffff; font-weight:bold; font-size:18px; margin-bottom:12px;}

#editBox{ background:#ffffff; padding:15px 10px; margin-bottom:10px;}

/*-----adjust for sp-----*/

#teamList{ width:880px; margin:20px auto 0;}
#teamList .team{ width:220px; float:left; margin-bottom:20px; overflow:visible !important; font-size:12px;}
#teamList .team a{ border:3px solid #000000; display:block; margin:0 auto; width:194px; color:#ffffff; text-decoration:none; position:relative;}
#teamList .team a .teamName{ position:absolute; display:block; background:url(../images/tname_bg.png) repeat; bottom:0px; left:0px; width:100%;}
#teamList .team a .teamName span{ display:block; padding:10px 7px;}
#teamList .team a .teamName img{ vertical-align:middle; margin-right:5px; width:18px;}
@media screen and (max-width:960px) {
	#teamList{ width:660px;}
}
@media screen and (max-width:740px) {
	#teamList{ width:440px;}
}
@media screen and (max-width:520px) {
	#teamList{ width:auto;}
	#teamList .team{ width:50%; margin-bottom:10px;}
	#teamList .team a{ width:90%;}
}

#editBox .flow3l{ display:inline-block; background:url(../images/sp_flow_ic1.gif) left no-repeat; background-size:30px auto; padding-left:40px;}
#editBox .flow3r{ display:inline-block; background:url(../images/sp_flow_ic2.gif) right no-repeat; background-size:30px auto; padding-right:40px; min-height:30px;}

#editBox .teamN{ font-size:16px; font-weight:bold; line-height:1; margin-bottom:15px;}
#editBox .teamN span{ display:inline-block; background:#eeeeee; padding:5px; border-radius:50%; margin-right:8px; vertical-align:middle;}
#editBox .teamN span img{ width:20px;}
#editBox .prfBox a.fbBtn{ display:inline-block; background:url(../images/icon_fb.gif) left no-repeat; padding:3px 0 3px 30px;}
#editBox .prfBox a.twBtn{ display:inline-block; background:url(../images/icon_tw.gif) left no-repeat; padding:3px 0 3px 30px;}
#editBox .prfBox h4{ background:#eeeeee; padding:5px; margin:15px 0 0;}

#editBox #goodsList{}
#editBox #goodsList li{ background:none; padding:0; margin:10px 0;}
#editBox #goodsList li a{ display:block; text-decoration:none; border:1px solid #a0a0a0; padding:9px;}
#editBox #goodsList li a span{ display:block; overflow:hidden;}
#editBox #goodsList li a .gdsImg{ display:block; float:left; max-width:40%; margin:0 10px 10px 0;}
#editBox #goodsList li a .gdsName{ margin-bottom:5px;}
#editBox #goodsList li a .gdsName .gdsNew{ display:inline-block; background:#fff000; vertical-align:middle; padding:2px 5px;}
#editBox #goodsList li a .gdsPrice{ color:#f25365; margin-bottom:10px;}
#editBox #goodsList li a .gdsInfo{ clear:both; text-align:center;  background:url(../images/icon_arrow_wh.png) right no-repeat #00b7ef; background-size:10px auto; color:#ffffff; text-decoration:none; font-weight:bold; padding:10px 25px 10px 35px; border-right:10px solid #00b7ef;}