@charset "utf-8"; 



.vote_box01			{border:2px solid #dfdfdf;padding:4px;margin:0 0 15px 0;}
.vote_title			{font-weight:bold;color:#555555;font-size:18px;padding:7px 2px 7px 39px; background:url("./image/icon_q.png") no-repeat 8px 5px #efefef;letter-spacing:-1px;line-height:130%;}

.vote_list			{margin:10px 10px 5px 25px; }
.vote_icon01		{background:url("./image/icon01.gif") no-repeat 3px 6px;padding:0 0 2px 13px;font-size:15px;}
.vote_icon02		{background:url("./image/icon_re.gif") no-repeat 0px 3px;padding:0 0 2px 40px;}
.vote_list_color	{color:#f47b06;letter-spacing:-1px;}

.vote_box02			{margin:15px 20px 0 20px;}
.vote_title02		{font-weight:bold;color:#777777;font-size:16px;padding:6px 0px 6px 6px; background:#FAF4C0;letter-spacing:-1px;line-height:130%;}

.px_title2 {
    background-color:#EAEAEA;
    width:90%; padding:10px;margin-left:13px;margin-bottom:15px;margin-top:15px; border: none; font-size:16px; background-color:#EAEAEA; font-weight:bold;
}

.info_p            {border:1px solid #FFE400; margin:30px 80px 0 80px; }
.info_p .tit        {padding:20px 15px; background:#FFE400; color:#2f2f2f;font-size:17px;font-weight:bold;margin-bottom:5px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.info_p dl        {padding:5px 5px 5px 5px;overflow:hidden; margin-bottom:5px;}
.info_p dl dt        {float:left;width:100%;color:#181818;background:url('../image/acc01.png') no-repeat 0 8px;background-size:4px;text-indent:10px;}



.radiobutton_container2_p
{
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 8px;
    padding-left: 40px;
    cursor: pointer;
    display: block;
    /* #Bug: Cross Browser */
    float: left;
    position: relative;
    user-select: none;
}

.radiobutton_container_p
{
    height: 30px;
    line-height: 20px;
    margin-top: -15px;
    margin-left: px;
    margin-bottom: px;
    padding-left: 15px;
    cursor: pointer;
    display: block;
    /* #Bug: Cross Browser */
    float: right;
    position: relative;
    left: -50%;
    user-select: none;
}

.radiobutton_container2_p .radiobutton_mark
{
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #EAEAEA;
    /* #Bug: Cross Browser */
    border-radius: 4px;
    border-radius: 50%;
	border: 1px solid #5D5D5D;
}
.radiobutton_container2_p:hover input ~ .radiobutton_mark
{
    background-color: #cccccc;
}
.radiobutton_container2_p input:checked ~ .radiobutton_mark
{
    background-color: #3DB7CC;
}
.radiobutton_container2_p input
{
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.radiobutton_container2_p .radiobutton_mark:after
{
    display: none;
    content: "";
    /*
    position: absolute;
    */
    position: relative;
}
.radiobutton_container2_p input:checked ~ .radiobutton_mark:after
{
    display: block;
}
.radiobutton_container2_p .radiobutton_mark:after
{
    width: 4px;
    height: 10px;
    top: 7px;
    left: 12px;
    border-style: solid;
    border-color: white;
    border-width: 0 3px 3px 0;
    /* #Bug: Cross Browser */
    /*
    transform: rotate(405deg);
    */
    transform: rotate(45deg);
}



.radiobutton_container_p .radiobutton_mark
{
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #EAEAEA;
    /* #Bug: Cross Browser */
    border-radius: 4px;
    border-radius: 50%;
	border: 1px solid #5D5D5D;
}
.radiobutton_container_p:hover input ~ .radiobutton_mark
{
    background-color: #cccccc;
}
.radiobutton_container_p input:checked ~ .radiobutton_mark
{
    background-color: #3DB7CC;
}
.radiobutton_container_p input
{
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.radiobutton_container_p .radiobutton_mark:after
{
    display: none;
    content: "";
    /*
    position: absolute;
    */
    position: relative;
}
.radiobutton_container_p input:checked ~ .radiobutton_mark:after
{
    display: block;
}
.radiobutton_container_p .radiobutton_mark:after
{
    width: 4px;
    height: 10px;
    top: 7px;
    left: 12px;
    border-style: solid;
    border-color: white;
    border-width: 0 3px 3px 0;
    /* #Bug: Cross Browser */
    /*
    transform: rotate(405deg);
    */
    transform: rotate(45deg);
}

.btn {
  background-color: #4CAF50;
  color: white;
  padding: 11px 15px;
  border: none;
  cursor: pointer;
  width: 10%;
  margin-bottom:5px;
  opacity: 0.8;
  font-size:18px;
}

.cancel {
  background-color: orange;
}
.next {
  background-color: green;
}
.done {
  background-color: blue;
}

/* mobie screen 768 */
@media screen and (max-width:768px){
    .info_p            {border:1px solid #FFE400; margin:30px 10px 0 10px; }
    .info_p .tit        {padding:20px 15px; background:#FFE400; color:#2f2f2f;font-size:17px;font-weight:bold;margin-bottom:5px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
    .info_p dl        {padding:5px 5px 5px 5px;overflow:hidden; margin-bottom:5px;}
    .info_p dl dt        {float:left;width:100%;color:#181818;background:url('../image/acc01.png') no-repeat 0 8px;background-size:4px;text-indent:10px;}
    
    .btn {
      background-color: #4CAF50;
      color: white;
      padding: 11px 15px;
      border: none;
      cursor: pointer;
      width: 20%;
      margin-bottom:5px;
      opacity: 0.8;
      font-size:15px;
    }
    .cancel {
      background-color: orange;
    }
    .next {
      background-color: green;
    }
    .done {
      background-color: blue;
    }
    .vote_box02            {margin:15px 0px 0 0px;}
}
/* mobie screen 580 */
@media screen and (max-width:580px){
    .info_p            {border:1px solid #FFE400; margin:30px 10px 0 10px; }
    .info_p .tit        {padding:20px 15px; background:#FFE400; color:#2f2f2f;font-size:17px;font-weight:bold;margin-bottom:5px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
    .info_p dl        {padding:5px 5px 5px 5px;overflow:hidden; margin-bottom:5px;}
    .info_p dl dt        {float:left;width:100%;color:#181818;background:url('../image/acc01.png') no-repeat 0 8px;background-size:4px;text-indent:10px;}
    .btn {
      background-color: #4CAF50;
      color: white;
      padding: 11px 15px;
      border: none;
      cursor: pointer;
      width: 30%;
      margin-bottom:5px;
      opacity: 0.8;
      font-size:14px;
    }
    .cancel {
      background-color: orange;
    }
    .next {
      background-color: green;
    }
    .done {
      background-color: blue;
    }
    .vote_box02            {margin:15px 0px 0 0px;}
}
/* mobie screen 480 */
@media screen and (max-width:480px){
    .info_p            {border:1px solid #FFE400; margin:30px 10px 0 10px; }
    .info_p .tit        {padding:20px 15px; background:#FFE400; color:#2f2f2f;font-size:17px;font-weight:bold;margin-bottom:5px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
    .info_p dl        {padding:5px 5px 5px 5px;overflow:hidden; margin-bottom:5px;}
    .info_p dl dt        {float:left;width:100%;color:#181818;background:url('../image/acc01.png') no-repeat 0 8px;background-size:4px;text-indent:10px;}
    .btn {
      background-color: #4CAF50;
      color: white;
      padding: 11px 15px;
      border: none;
      cursor: pointer;
      width: 30%;
      margin-bottom:5px;
      opacity: 0.8;
      font-size:13px;
    }
    .cancel {
      background-color: orange;
    }
    .next {
      background-color: green;
    }
    .done {
      background-color: blue;
    }
    .vote_box02            {margin:15px 0px 0 0px;}
}
