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

#campaign #cmpn-introduction .term {
	margin-top: 48px;
}


#quiz{
background: url(/cp/present/royal_190613/images/qz_bg.png) center top no-repeat;
margin: 70px 0 0 0;
height: 1350px;
position: relative;
}
#quiz h2{
padding: 40px 0 20px 0!important;
text-align: center;
background: none;
}
#quiz h2 img{
margin: 0 0 10px 0;
}
#quiz p{
text-align: center;
font-size: 20px;
font-weight: 500;
color: #ffff00;
padding: 20px 0 0 0;
}



.ui-tabs .ui-tabs-nav{
width:960px;
height:77px;
margin:30px auto 0 auto!important;
}
.ui-tabs .ui-tabs-nav li{
float:left;
width:192px;
height:77px;
position: relative;
z-index:100;
}
.ui-tabs .ui-tabs-nav li a{
display:block;
text-align:center;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
z-index:102!important;
}
.ui-tabs .ui-tabs-panel{
display: block;
position: relative;
background: url(/cp/present/royal_190613/images/qz_wndw.png) no-repeat;
width:960px;
height: 406px;
margin: -10px auto 0 auto!important;
z-index: 101;
}
.ui-tabs .ui-tabs-hide{
display: none;
}
a.mover{
position: absolute;
font-size:0;
line-height:0;
}
.next-tab{
top: 157px;
right: -80px;
width:107px;
height:107px;
}
.prev-tab{
top: 157px;
left: -80px;
width:107px;
height:107px;
}
#quiz .ui-tabs-panel p.pager{
width:1120px;
height:107px;
display:block;
position:absolute;
top: 157px;
left:-80px;
margin: 0;
}
#quiz #quiz-1 p.pager{background:url(/cp/present/royal_190613/images/qz_pgr_01.png) no-repeat;}
#quiz #quiz-2 p.pager{background:url(/cp/present/royal_190613/images/qz_pgr_02.png) no-repeat;}
#quiz #quiz-3 p.pager{background:url(/cp/present/royal_190613/images/qz_pgr_03.png) no-repeat;}
#quiz #quiz-4 p.pager{background:url(/cp/present/royal_190613/images/qz_pgr_04.png) no-repeat;}
#quiz #quiz-5 p.pager{background:url(/cp/present/royal_190613/images/qz_pgr_05.png) no-repeat;}

#quiz .ui-tabs-panel:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #quiz .ui-tabs-panel { display:inline-block; }
*:first-child+html #quiz .ui-tabs-panel { display:inline-block; }



#quiz h3{
position: relative;
font-size: 20px;
line-height: 28px;
color: #FFF;
padding: 50px 0 28px 130px!important;
}
/*
#quiz #quiz-3 h3{
padding: 38px 0 12px 130px!important;
}
*/
#quiz h3 img{
position: absolute;
top:36px;
left: 36px;
}

#quiz .ui-tabs-panel p{
color: #000;
text-align: center;
padding: 2px 0 0 0;
}
#quiz .ui-tabs-panel ul{
padding: 8px 0 0 60px;
}
#quiz .ui-tabs-panel ul li{
font-size: 20px;
color: #FFF;
margin: 0 0 36px 0;
}
#quiz .ui-tabs-panel ul li.s{
margin: 0 0 36px 0;
padding: 0;
}
#quiz .ui-tabs-panel ul li img{
vertical-align: middle;
margin: -4px 15px 0 0;
height: 28px;
}

#quiz .ui-tabs-panel ul li.s img {
    position: relative;
    top: 7px;
}

#campaign #cmpn-quiz {
background: none;
margin: 0;
padding: 0;
position: absolute;
left:0;
right: 0;
bottom:170px;
}
#campaign #cmpn-quiz .button{
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
background: #DC3232;
width: 400px;
margin: auto;
padding: 4px 0 0 0;
}
#campaign #cmpn-quiz .button a{
display: block;
padding: 20px 0 30px 0;
font-size: 22px;
font-weight: 600;
color: #FFF!important;
text-decoration: none!important;
}
#campaign #cmpn-quiz .button a img{
width: 12px;
margin: -3px 0 0 10px;
vertical-align: middle;
}
#campaign #cmpn-quiz .button:hover{
background: #ED4848;
}