/* //////////////////////////////////////////////////////////////// */
/* @PC      　                                                      */
/* //////////////////////////////////////////////////////////////// */
@media screen and (min-width : 992px) {

.panel-form2{ /* 2021 */
	padding:19px;
	background:#ffffff;

	border-bottom:1px solid #929497;
	border-right:1px solid #929497;
	border-top:1px solid #929497;
}

	/* Main Container Styles Starts */
	#main-container{
		margin-bottom:35px;
		font-size:16px; /* 2021 */
		line-height:32px; /* 2021 */
	}
  /* .caption{
    font-size:0.5em;
  } */
  span.font-price{
    font-size:18px;
    padding-right:5px;
  }
  span.font-price28{
    font-size:28px; /* 2021 */
    padding-right:5px;
  }
  span.font-eol{
    font-size:16px; /* 2021 */
  }
  .listname{
    font-size:20px;
    padding: 10px 0;
  }
  p.pull-left {
    font-size:1em;
    color:#fff;
  }
  /* span.product-name {
    font-size:1em;
  } */
  /* .copyright{
     font-size:14px;
  } */
  .product-col .price span.price-new{ /* 2021 */
    font-size:16px;
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price{
    font-size:24px;
  }
  .product-info .product-details .price-new{
    font-size:24px;
    color:RGB(163,11,26);
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price-head{
    font-size:24px;
    padding-right:10px;
    color:#212121;
    text-transform:uppercase;
  }
  .product-info .product-details .price-tax{
    font-size:14px;
    padding-top:5px;
    color:#212121;
    text-transform:uppercase;
  }
	.product-col .price .price-tax{
		font-size:14px;
		color:#212121;
		text-transform:uppercase;
	}
  .product-info .product-details .price-old{
    font-size:18px;
    color:#212121;
    text-decoration:line-through;
  }
  .product-info .product-details .manufacturer span{
    min-width:130px;
    display:inline-block;
    color:#2f353b;
  }
  .product-info .product-details .manufacturer{
    font-size:16px;
    text-transform:uppercase;
  }
  .product-col .caption-man{
    font-size:14px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption{
    font-size:14px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption-res{
    font-size:16px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption-used{
    font-size:18px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  h1{
    font-size:32px;
    line-height: 1.8;
  }
  h2{
    font-size:22px;
    line-height: 1.8;
  }
  h3{
    font-size:16px;
    line-height: 1.8;
		font-weight:bold; /* 2021 */
  }
  h4{
    font-size:16px;
    line-height: 1.8;
  }
  h5{
    font-size:16px;
  }
  h6{
    font-size:14px;
  }
	/* bread */
  .breadcrumb{
    text-transform:uppercase;
    padding:0px 0px;
    /* border:1px solid #e8e8e8; 2021 */
    background:#fff;
    -webkit-border-radius:0;
       -moz-border-radius:0;
        border-radius:0;
  }
  .breadcrumb li{
    font-size:14px;
    color:#878a8c;
  }
  .breadcrumb > li + li:before{
    content:"\00BB";
    color:#878a8c;
  }
  .breadcrumb li a{
    font-size:14px;
    color:#252a2f;
  }
	/* for ibm */
  .ibm-table {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
  }
  .ibm-table th{
    font-size:14px;
    vertical-align:middle;
  }
  .ibm-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
  }
  .ribbon-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
  }
  .shopping-cart-table thead > tr > td{
    font-size:14px;
    font-weight:600;
    border-bottom:none;
  }
  .shopping-cart-table tbody > tr > td{
    font-size:16px;
  }

  .tin-table {
	width: 80%;
	table-layout: fixed;
	word-wrap: break-word;
  }

  .tin-table thead > tr > td{
    font-size:16px;
    border-bottom:none;
    font-weight:normal;
  }
  .tin-table tbody > tr > td{
    font-size:16px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }

  .tin-table100 {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
  }

  .tin-table100 thead > tr > td{
    font-size:16px;
    border-bottom:none;
    font-weight:normal;
  }
  .tin-table100 tbody > tr > td{
    font-size:16px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }

  .com-table thead > tr > td{
    font-size:16px;
    border-bottom:none;
    font-weight:normal;
  }
  .com-table tbody > tr > td{
    font-size:16px;
    vertical-align:middle;
    border-top:none;
    line-height:2em; /* 2021 */
  }

  .new_product-table thead > tr > td{
    font-size:16px;
    border-bottom:none;
    font-weight:normal;
  }
  .new_product-table tbody > tr > td{
    font-size:16px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }


  .shipping-table thead > tr > td{
    font-size:16px;
    border-bottom:none;
    font-weight:normal;
  }
  .shipping-table tbody > tr > td{
    font-size:16px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }
  /* td{
    font-size:0.5em;
  }
  th{
    font-size:0.5em;
  } */
}

/* //////////////////////////////////////////////////////////////// */
/* @Tablet  　                                                      */
/* //////////////////////////////////////////////////////////////// */

@media screen and (min-width: 768px) and (max-width : 991px){

	/* Main Container Styles Starts */
	#main-container{
		margin-bottom:35px;
		font-size:16px; /* 2021 */
		line-height:32px; /* 2021 */
	}
  /* .caption{
    font-size:0.5em;
  } */
   span.font-price{
    font-size:16px;
    padding-right:5px;
  }
  span.font-eol{
    font-size:14px; /* 2021 */
  }
  .listname{
    font-size:18px;
    padding: 10px 0;
  }
  p.pull-left {
    font-size:1em;
    color:#fff;
  }
  /* span.product-name {
    font-size:1em;
  } */
  .copyright{
     font-size:12px;
  }
  .product-col .price span.price-new{
    font-size:16px;
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price{
    font-size:22px;
  }
  .product-info .product-details .price-new{
    font-size:20px;
    color:RGB(163,11,26);
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price-head{
    font-size:20px;
    padding-right:10px;
    color:#212121;
    text-transform:uppercase;
  }
  .product-info .product-details .price-tax{
    font-size:14px;
    padding-top:5px;
    color:#212121;
    text-transform:uppercase;
  }
	.product-col .price .price-tax{
		font-size:12px;
		color:#212121;
		text-transform:uppercase;
	}
  .product-info .product-details .price-old{
    font-size:16px;
    color:#212121;
    text-decoration:line-through;
  }
  .product-info .product-details .manufacturer span{
    min-width:130px;
    display:inline-block;
    color:#2f353b;
  }
  .product-info .product-details .manufacturer{
    font-size:12px;
    text-transform:uppercase;
  }
  .product-col .caption-man{
    font-size:14px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption{
    font-size:11px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption-res{
    font-size:12px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption-used{
    font-size:16px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  h1{
    font-size:28px;
    line-height: 1.8;
  }
  h2{
    font-size:22px;
    line-height: 1.8;
  }
  h3{
    font-size:18px;
    line-height: 1.8;
		font-weight:bold; /* 2021 */
  }
  h4{
    font-size:18px;
    line-height: 1.8;
  }
  h5{
    font-size:16px;
  }
  h6{
    font-size:12px;
  }
	/* bread */
  .breadcrumb{
    text-transform:uppercase;
    padding:0px 0px;
    /* border:1px solid #e8e8e8; 2021 */
    background:#fff;
    -webkit-border-radius:0;
       -moz-border-radius:0;
        border-radius:0;
  }
  .breadcrumb li{
    font-size:12px;
    color:#878a8c;
  }
  .breadcrumb > li + li:before{
    content:"\00BB";
    color:#878a8c;
  }
  .breadcrumb li a{
    font-size:12px;
    color:#252a2f;
  }
	/* for ribbon */
  .ribbon-table tbody > tr > td{
    font-size:12px;
    vertical-align:middle;
  }
  .shopping-cart-table thead > tr > td{
    font-size:12px;
    font-weight:600;
    border-bottom:none;
  }
  .shopping-cart-table tbody > tr > td{
    font-size:14px;
  }
  .com-table thead > tr > td{
    font-size:14px;
    border-bottom:none;
    font-weight:normal;
  }
  .com-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }

  .new_product-table thead > tr > td{
    font-size:14px;
    border-bottom:none;
    font-weight:normal;
  }
  .new_product-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }


  .shipping-table thead > tr > td{
    font-size:14px;
    border-bottom:none;
    font-weight:normal;
  }
  .shipping-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }
  /* td{
    font-size:0.5em;
  }
  th{
    font-size:0.5em;
  } */
}

/* //////////////////////////////////////////////////////////////// */
/* @SP large　                                                      */
/* //////////////////////////////////////////////////////////////// */

@media screen and (min-width: 375px) and (max-width : 767px){

.panel-form2{ /* 2021 */
	padding:19px;
	background:#333333;
	border-bottom:1px solid #929497;
	border-right:1px solid #929497;
	border-top:1px solid #929497;
}

	/* Main Container Styles Starts */
	#main-container{
		margin-bottom:35px;
		font-size:16px; /* 2021 */
		line-height:32px; /* 2021 */
	}
  .caption{
    font-size:0.5em;
  }
  span.font-price{
    font-size:8px; /* 2021 */
    /* padding-right:5px */
  }
  span.font-price28{
    font-size:16px; /* 2021 */
  }
  span.font-eol{
    font-size:8px; /* 8px 2021 */
  }
  .listname{
    font-size:9px; /* 2021 */
    padding: 10px 0;
  }
  p.pull-left {
    font-size:0.8em;
    color:#fff;
  }
  span.product-name {
    font-size:13px; /* 2019 */
  }
  .copyright{
    font-size:6px;
  }
  .product-col .price span.price-new{
    font-size:16px;
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price{
    font-size:18px;
  }
  .product-info .product-details .price-new{
    font-size:20px;
    color:RGB(163,11,26);
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price-head{
    font-size:20px;
    padding-right:0px;
    color:#212121;
    text-transform:uppercase;
  }
  .product-info .product-details .price-tax{
    font-size:14px;
    padding-top:5px;
    color:#212121;
    text-transform:uppercase;
  }
	.product-col .price .price-tax{
		font-size:14px;
		color:#212121;
		text-transform:uppercase;
	}
  .product-info .product-details .price-old{
    font-size:14px; /* 8px 2021 */
    color:#212121;
    text-decoration:line-through;
  }
  .product-info .product-details .manufacturer span{
    min-width:5px;
    display:inline-block;
    color:#2f353b;
  }
  .product-info .product-details .manufacturer{
    font-size:13px; /* 2019 */
    text-transform:uppercase;
  }
  .product-col .caption-man{
    font-size:14px; /* 2021 8px*/
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption{
    font-size:15px; /* 2019 */
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption2{
    font-size:12px;
    padding: 10px 0;
  }
  .product-col .caption-res{
    font-size:14px; /* 2021 */
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .product-col .caption-res h3{
    font-size:14px; /* 2021 */
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .product-col .caption-res h4{
    font-size:14px; /* 2021 */
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .product-col .caption-used{
    font-size:10px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  h1{
    font-size:26px;
    line-height: 1.8;
  }
  h2{
    font-size:18px;
    line-height: 1.8;
  }
  h3{
    font-size:18px;
    line-height: 1.8;
		font-weight:bold; /* 2021 */
  }
  h4{
    font-size:18px;
    line-height: 1.8;
  }
  h5{
    font-size:16px;
  }
  h6{
    font-size:14px;
  }
	/* bread */
  .breadcrumb{
    text-transform:uppercase;
    padding:0px 0px;
    /* border:1px solid #e8e8e8; 2021 */
    background:#fff;
    -webkit-border-radius:0;
      -moz-border-radius:0;
      border-radius:0;
  }
  .breadcrumb li{
    font-size:0.8em;
    color:#878a8c;
  }
  .breadcrumb > li + li:before{
    content:"\00BB";
    color:#878a8c;
  }
  .breadcrumb li a{
    font-size:1em;
    color:#252a2f;
  }
	/* for ribbon */
  .ribbon-table tbody > tr > td{
    font-size:9px; /* 2021 */
    vertical-align:middle;
  }
  .shopping-cart-table thead > tr > td{
    font-size:6px;
    font-weight:600;
    border-bottom:none;
  }
  .shopping-cart-table tbody > tr > td{
    font-size:7px;
  }
  .com-table thead > tr > td{
    font-size:14px; /* 2021 */
    border-bottom:none;
    font-weight:normal;
  }
  .com-table tbody > tr > td{
    font-size:14px; /* 2021 */
    vertical-align:middle;
    border-top:none;
    line-height:20px; /* 2021 */
  }

  .new_product-table thead > tr > td{
    font-size:0.8em; /* 2020 新商品用 */
    border-bottom:none;
    font-weight:normal;
  }
  .new_product-table tbody > tr > td{
    font-size:0.8em; /* 2020 新商品用 */
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }

  .shipping-tab4e thead > tr > td{
    font-size:10px;
    border-bottom:none;
    font-weight:normal;
  }
  .shipping-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }
  td{
    font-size:0.8em; /* 2020 新商品用 */
  }
  th{
    font-size:0.8em; /* 2020 新商品用 */
  }
}

/* //////////////////////////////////////////////////////////////// */
/* @SP small　                                                      */
/* //////////////////////////////////////////////////////////////// */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){


.panel-form2{ /* 2021 */
	padding:19px;
	background:#ffffff;

	border-bottom:1px solid #929497;
	border-right:1px solid #929497;
	border-top:1px solid #929497;
}
	.btn {
	  font-size: 7px;
	}
	/* Main Container Styles Starts */
	#main-container{
		margin-bottom:35px;
		font-size:16px; /* 2021 */
		line-height:32px; /* 2021 */
	}
  .caption{
    font-size:0.5em;
  }
  span.font-price{
    font-size:8px; /* 2021 */
    /* padding-right:5px */
  }
  span.font-price28{
    font-size:16px; /* 2021 */
  }
  span.font-eol{
    font-size:8px; /* 8px 2021 */
  }
  .listname{
    font-size:8px; /* 2021 */
    padding: 10px 0;
  }
  p.pull-left {
    font-size:0.8em;
    color:#fff;
  }
  span.product-name {
    font-size:1em;
  }
  .copyright{
    font-size:14px; /* 8px 2021 */
  }
  .product-col .price span.price-new{
    font-size:16px;
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price{
    font-size:14px;
  }
  .product-info .product-details .price-new{
    font-size:16px;
    color:RGB(163,11,26);
    padding-right:5px;
		font-weight:bold;
  }
  .product-info .product-details .price-head{
    font-size:16px;
    padding-right:0px;
    color:#212121;
    text-transform:uppercase;
  }
  .product-info .product-details .price-tax{
    font-size:14px;
    padding-top:5px;
    color:#212121;
    text-transform:uppercase;
  }
	.product-col .price .price-tax{
		font-size:14px;
		color:#212121;
		text-transform:uppercase;
	}
  .product-info .product-details .price-old{
    font-size:14px; /* 8px 2021 */
    color:#212121;
    text-decoration:line-through;
  }
  .product-info .product-details .manufacturer span{
    min-width:5px;
    display:inline-block;
    color:#2f353b;
  }
  .product-info .product-details .manufacturer{
    font-size:10px;
    text-transform:uppercase;
  }
  .product-col .caption-man{
    font-size:14px; /* 8px 2021 */
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption{
    font-size:10px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption2{
    font-size:10px;
    padding: 10px 0;
  }
  .product-col .caption-res{
    font-size:12px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-col .caption-used{
    font-size:10px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  h1{
    font-size:20px;
    line-height: 1.8;
  }
  h2{
    font-size:16px;
    line-height: 1.8;
  }
  h3{
    font-size:16px;
    line-height: 1.8;
		font-weight:bold; /* 2021 */
  }
  h4{
    font-size:16px;
    line-height: 1.8;
  }
  h5{
    font-size:16px;
  }
  h6{
    font-size:14px;
  }
	/* bread */
  .breadcrumb{
    text-transform:uppercase;
    padding:0px 0px;
    /* border:1px solid #e8e8e8; 2021 */
    background:#fff;
    -webkit-border-radius:0;
      -moz-border-radius:0;
      border-radius:0;
  }
  .breadcrumb li{
    font-size:14px; /* 8px 2021 */
    color:#878a8c;
  }
  .breadcrumb > li + li:before{
    content:"\00BB";
    color:#878a8c;
  }
  .breadcrumb li a{
    font-size:0.8em;
    color:#252a2f;
  }
	/* for ribbon */
  .ribbon-table tbody > tr > td{
    font-size:9px; /* 2021 */
    vertical-align:middle;
  }
  .shopping-cart-table thead > tr > td{
    font-size:6px;
    font-weight:600;
    border-bottom:none;
  }
  .shopping-cart-table tbody > tr > td{
    font-size:7px;
  }
  .com-table thead > tr > td{
    font-size:14px; /* 2021 */
    border-bottom:none;
    font-weight:normal;
  }
  .com-table tbody > tr > td{
    font-size:14px;  /* 2021 */
    vertical-align:middle;
    border-top:none;
    line-height:20px; /* 2021 */
  }
  .new_product-table thead > tr > td{
    font-size:10px;
    border-bottom:none;
    font-weight:normal;
  }
  .new_product-table tbody > tr > td{
    font-size:10px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }
  .shipping-table thead > tr > td{
    font-size:14px;
    border-bottom:none;
    font-weight:normal;
  }
  .shipping-table tbody > tr > td{
    font-size:14px;
    vertical-align:middle;
    border-top:none;
    line-height:32px;
  }
  td{
    font-size:0.7em;
  }
  th{
    font-size:0.7em;
  }
}

/*Form Wizard*/
.bs-wizard {margin-top: 40px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 18px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #333333; font-size: 18px;} /* moji */
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #FFF0F5; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} /* sotomaru */
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: RGB(163,11,26); border-radius: 50px; position: absolute; top: 8px; left: 8px; } /* nakamaru */
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: RGB(163,11,26);} /* yokobou */
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;} /* disable */
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/* side box */
.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon {
    background-color: #999999;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: #717171;
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #007bff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

/* right body */
.panel
{
    position: relative;
}
.panel-default > .panel-leftheading
{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-primary > .panel-leftheading
{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.panel-success > .panel-leftheading
{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-info > .panel-leftheading
{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-warning > .panel-leftheading
{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-danger > .panel-leftheading
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-leftheading
{
    width: 42px;
    padding: 10px 15px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float: left;
    height: 100%;
    position: absolute;
}
.panel-lefttitle
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 16px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}
.panel-rightbody
{
    float: left;
    margin-left: 45px;
    padding: 15px;
}
/* voice */
.thumbnail {
    padding:0px;
	border-color:transparent;

}
.panel {
	position:relative;
}
.panel>.panel-heading:after,.panel>.panel-heading:before{
	position:absolute;
	top:11px;left:-16px;
	right:100%;
	width:0;
	height:0;
	display:block;
	content:" ";
	border-color:transparent;
	/* border-style:solid solid outset;  2021 */
	pointer-events:none;
}
.panel>.panel-heading:after{
	border-width:7px;
	border-right-color:#f7f7f7;
	margin-top:1px;
	margin-left:2px;
}
.panel>.panel-heading:before{
	border-right-color:#ddd;
	border-width:8px;
}