.phoenix_mission_con {}


.phoenix_mission_con .shop_mission .list { float:left; width:55%; }
.phoenix_mission_con .shop_mission .now { float:right; width:43%; text-align:right; }
.phoenix_mission_con .shop_mission .now span { display:inline-block; padding:0 25px; line-height:31px; font-size:14px; color:#fff; }
.phoenix_mission_con .shop_mission .now span.now01 { background:#711474; }
.phoenix_mission_con .shop_mission .now span.now02 { background:#0071bc; }
.phoenix_mission_con .shop_mission .now span.now03 { background:#9b849c; }
.phoenix_mission_con .shop_mission .now span.now04 { background:#ba032a; }
.phoenix_mission_con .shop_mission .now span.now05 { background:#424242; }

.phoenix_mission_con .mission_list { clear:both; padding-top:10px; }
.phoenix_mission_con .mission_box { margin-bottom:10px; border:1px solid #bababa; }
.mission_box .tag p {padding:0 20px 0 10px; text-decoration:none; color:#fff;	font-weight:bold; display:inline-block; border-right:30px solid transparent; height:0; line-height:30px; }
.phoenix_mission_con .mission_box01 .tag p { border-bottom: 30px solid #ff7e00; }
.phoenix_mission_con .mission_box02 .tag p { border-bottom: 30px solid #424242; }
.phoenix_mission_con .mission_box03 .tag p { border-bottom: 30px solid #0071bc; }
.phoenix_mission_con .special_mission .tag p { border-bottom: 30px solid #e51b24; }
.phoenix_mission_con .mission_box .mission { display:inline-block; margin:30px 0 30px 30px;width:405px; min-height:85px; }
.phoenix_mission_con .mission_box .mission .name { font-size:24px; color:#2b2b31; }
.phoenix_mission_con .mission_box .mission .period { padding-top:4px; font-size:14px; color:#2b2b31; }
.phoenix_mission_con .mission_box .mission dl { margin-top:20px; width:365px; }
.phoenix_mission_con .mission_box .mission dl dt { padding-bottom:8px; font-size:15px; }
.phoenix_mission_con .mission_box01 .mission dl dt { color:#ff7e00; }
.phoenix_mission_con .mission_box02 .mission dl dt { color:#25282f; }
.phoenix_mission_con .mission_box03 .mission dl dt { color:#025a94; }
.phoenix_mission_con .special_mission .mission dl dt { color:#e51b24; }
.phoenix_mission_con .special_mission { background:#e2e2e2; }
.phoenix_mission_con .special_mission .name2 { font-size:18px; color:#2b2b31; text-indent:2px; }
.phoenix_mission_con .special_mission .ment { display:table-cell; height:62px; padding-top:10px; line-height:31px; font-size:27px; font-weight:bold; color:#2b2b31; letter-spacing:-1px; vertical-align:middle; }
.phoenix_mission_con .special_mission .ment strong { color:#e51b24; }
.phoenix_mission_con .special_mission_on { background:#fff; }

.phoenix_mission_con .mission_box .mission dl dd { display:block; width:100%; position:relative; }
.phoenix_mission_con .mission_box .mission dl dd .num { position:absolute; top:-18px; right:0; font-size:13px; color:#2b2b31; }
.phoenix_mission_con .mission_box .mission dl dd .bar { border:1px solid #1a0615; background:#676767; }
.phoenix_mission_con .mission_box .mission dl dd .bar span { display:block; height:5px; background:#ffb400; }
.phoenix_mission_con .mission_box .mission dl dd .bar span:first-child { background:#ffcb4d; }
.phoenix_mission_con .mission_box .mission dl dd .bar .apply_ment { font-size:12px; color:#fff; background:#25282f; text-align:center; }
.phoenix_mission_con .mission_box .mission dl dd .step { position:absolute; top:-76px; right:-37px; width:110px; text-align:center; }
.phoenix_mission_con .mission_box .item { float:right; margin:10px 20px 0 0; position:relative; }
.phoenix_mission_con .mission_box .item img {  width:197px; border:1px solid #e62830;  }
.phoenix_mission_con .mission_box .item .bonus { position:absolute; top:-11px; left:0; width:100%; text-align:center; }
.phoenix_mission_con .mission_box .item .bonus span { display:inline-block; padding:0 13px; line-height:22px; font-size:13px; font-weight:bold; color:#fff; background:#e51b24; -moz-border-radius:15px; -webkit-border-radius:15px;  border-radius:15px; }

.no_mission { padding:75px 0; font-size:16px; color:#373737; text-align:center; border:1px solid #e0e0e0; background:url(../../images/phoenixmission/pm_no_mission.gif) center center no-repeat; }



@media (max-width:768px){
	.phoenix_mission_con { margin:0 8px; padding-top:10px; }
	.phoenix_mission_con .shop_mission .list { float:none; width:100%; }
	.phoenix_mission_con .shop_mission .now { float:none; width:100%; margin-top:5px; text-align:center; }
	.phoenix_mission_con .shop_mission .now span { display:block; line-height:29px; font-size:12px; padding:0; }

	.mission_box .tag p {padding:0 15px 0 10px; text-decoration:none; color:#fff;	font-weight:bold; display:inline-block; border-bottom: 24px solid #e51b24; border-right:24px solid transparent; height:0; line-height:24px; }
	.phoenix_mission_con .mission_box01 .tag p { border-bottom: 24px solid #e51b24; }
	.phoenix_mission_con .mission_box02 .tag p { border-bottom: 24px solid #424242; }
	.phoenix_mission_con .mission_box03 .tag p { border-bottom: 24px solid #0071bc; }

	.phoenix_mission_con .mission_box .mission { display:block; margin:15px auto; width:92%; min-height:0; }
	.phoenix_mission_con .mission_box .mission .name { font-size:18px; }
	.phoenix_mission_con .mission_box .mission .period { padding-top:4px; font-size:12px; }
	.phoenix_mission_con .mission_box .mission dl { margin-top:20px; width:100%; }
	.phoenix_mission_con .mission_box .mission dl dt { padding-bottom:8px; font-size:15px; }
	.phoenix_mission_con .mission_box .mission dl dd .step { position:absolute; top:-60px; right:0px; width:auto; }
	.phoenix_mission_con .mission_box .mission dl dd .step img { width:auto !important; height:37px !important; }


	.phoenix_mission_con .mission_box .item { float:none; display:block; width:92%; margin:30px auto 15px auto; }
	.phoenix_mission_con .mission_box .item img { width:100%; }

	.phoenix_mission_con .special_mission .name2 { font-size:16px; color:#2b2b31; text-indent:2px; }
	.phoenix_mission_con .special_mission .ment { height:auto; padding-top:8px; line-height:25px; font-size:21px; font-weight:bold; color:#2b2b31; letter-spacing:-1px; }
}