@charset "UTF-8";
/* ----------------------------------------------------------------
html,body
----------------------------------------------------------------- */
html,body {
    min-width: 960px;
    margin: 0 auto;
    height: 100%;
}
@media only screen and (max-width: 600px){
html,body {
    min-width: 320px;
}
}
/* ----------------------------------------------------------------
header
----------------------------------------------------------------- */
.header-rf2017-ph1 {
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  height: 62px;
  border-bottom: 1px solid #e6e8eb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header-rf2017-ph1 .header-rf2017-ph1-wrap {
  width: 950px;
  margin: 0 auto;
  height: 62px;
}
.header-rf2017-ph1 .header-rf2017-ph1-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo{
  display: table;
  width: 100%;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo p {
  display: table-cell;
  vertical-align: middle;
  padding:12px 0px 8px 0px;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo p:first-child {
  text-align: left;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo p:last-child {
  text-align: right;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo p:first-child img {
  width: auto;
  height: 40px;
  -webkit-backface-visibility: hidden;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo p:last-child img {
  width: auto;
  height: 20px;
  -webkit-backface-visibility: hidden;
}
@media only screen and (max-width: 600px){
  .header-rf2017-ph1 {
    padding: 0px;
    border-bottom: 1px solid #e6e8eb;
    height: 51px;
  }
  .header-rf2017-ph1,
  .header-rf2017-ph1 .header-rf2017-ph1-wrap {
    min-width: initial;
    min-width: auto;
    width: auto;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-wrap {
    height: 28px;
    padding: 10px;
    margin: 0px;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-logo p {
    padding-top: 2px;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-logo p:first-child img {
    width: auto;
    height: 28px;
    -webkit-backface-visibility: hidden;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-logo p:last-child img {
    width: auto;
    height: 15px;
    -webkit-backface-visibility: hidden;
  }
}
/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
.footer-rf2017-ph1 {
    color: #333333;
    line-height: 1.55;
    font-size: 14px;
    font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif"
}

.footer-rf2017-ph1,
.footer-rf2017-ph1 .footer-rf2017-ph1-utility,
.footer-rf2017-ph1 .footer-rf2017-ph1-utility .footer-rf2017-ph1-utility-links {
    margin: 0 auto;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility {
    padding: 20px 0 0 0;
    background: #e6e8eb
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright {
    text-align: center;
    margin: 0;
    padding: 20px 0 40px 0;
    line-height: 1;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright small {
    font-size: 11px;
}
#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a {
    color: #333333;
    font-size: 12px;
}
#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 600px){
.footer-rf2017-ph1 .footer-rf2017-ph1-utility {
    padding: 30px 0 0 0;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright {
    margin: 0px;
    padding-top: 0;
    text-align: center;
    line-height: 1;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright small {
    font-size: 10px;
}
#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a {
    padding: 0 10px;
    display: block;
    text-decoration: none;
    line-height: 1;
    color: #006699;
    font-size: 10px;
}
}
/* ----------------------------------------------------------------
section (style.css to be relocated)
----------------------------------------------------------------- */
.fw .section {
  min-height: 390px;
}
/* ----------------------------------------------------------------
 pagetop
----------------------------------------------------------------- */
.pageArrow {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    width: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    width: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    height: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    height: 50px;
  }
}
.pageArrow:before, .pageArrow:after {
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 38%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    width: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    width: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    height: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    height: 12px;
  }
}
.pageArrow#pagetop:before, .pageArrow#pagetop:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pageArrow#pagetop:before {
  margin-top: -4px;
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagetop:before {
    margin-top: -4px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagetop:before {
    margin-top: -2px;
  }
}
.pageArrow#pagetop:after {
  display: none;
}
.pageArrow#pagetop.isHover:before {
  animation: arrowT .4s 2;
  -webkit-animation: arrowT .4s 2;
}
.pageArrow#pagedown:before, .pageArrow#pagedown:after {
  animation: sdb 1.5s infinite;
  -webkit-animation: sdb 1.5s infinite;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.pageArrow#pagedown:before {
  margin-top: -23px;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:before {
    margin-top: -23px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:before {
    margin-top: -17px;
  }
}
.pageArrow#pagedown:after {
  margin-top: -8px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:after {
    margin-top: -8px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:after {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    right: 20px;
    bottom: 20px;
  }
  .pageArrow:before, .pageArrow:after {
    border-width: 1px;
  }
}
/* ----------------------------------------------------------------
txt
----------------------------------------------------------------- */
@media only screen and (min-width: 601px) {
  .txtPcC {
    text-align: center;
  }
}
/* ----------------------------------------------------------------
input type submit
----------------------------------------------------------------- */
.fw .btnArea.inputBtnArrowR {
	position: relative;
	width: 100%;
  margin: 30px auto;
}
.fw .btnArea.btnColorWh.inputBtnArrowR{
  border-color: rgba(255, 255, 255, 0.5);
  color:#fff;
}
.fw .btnArea input[type="submit"] {
  width: 300px;
  max-width: 300px;
	margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  border-radius: 100px;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "WinGothic W6", sans-serif;
  color: #333;
  line-height: 153%;
  transition: .3s;
  background: #0f82b8;
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  outline: none;
  cursor: pointer;
  font-size: 15px;
  color:#fff;
}
.fw .btnArea.inputBtnArrowR::after {
	content: "";
  display: block;
  position: absolute;
  border-color: #fff !important;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  width: 6px;
  height: 6px;
  top: 50%;
  right: 25px;
  transform: rotate(45deg);
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  -o-transform: translate(0, -50%) rotate(45deg);
  cursor: pointer;
}
.fw .btnArea.inputBtnArrowR:hover {
  opacity: .6;
}
.fw .btnArea.inputBtnArrowR:hover::after {
  animation: arrow .4s 2;
}
.fw .btnArea.inputBtnArrowR.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
@keyframes arrow {
  0% {
    transform: translate3d(0, 0, 0) rotate(45deg);
    margin-top: -4px;
  }
  50% {
    transform: translate3d(30%, 0, 0) rotate(45deg);
    margin-top: -4px;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(45deg);
    margin-top: -4px;
  }
}
@media only screen and (max-width: 600px) {
  .fw .btnArea input[type="submit"] {
    font-size: 15px;
    width: 280px;
    max-width: 280px;
  }
	.fw .btnArea.inputBtnArrowR {
		max-width: 280px;
	}
  .fw .btnArea.inputBtnArrowR::after {
    width: 4px;
    height: 4px;
    border-width: 1px;
    right: 20px;
  }
}
@media only screen and (min-width: 601px) {
	.fw .btnArea input[type="submit"] {
		width: 300px;
		max-width: 300px !important;
	}
	.fw .btnArea.inputBtnArrowR {
		position: relative;
		width: 300px;
	}
}
/* ----------------------------------------------------------------
input
----------------------------------------------------------------- */
.is-iphone-landscape .fw .formReset input {
  font-size: 21px;
}
.is-iphone-landscape .fw .formReset select {
  font-size: 21px;
}
@media only screen and (max-width: 600px) {
  .fw .formReset select,
  .fw .formReset input {
    padding: 0 45px 0 20px;
  }
}
/* ----------------------------------------------------------------
link linkArrowB
----------------------------------------------------------------- */
.fw .link.linkArrowB::before {
  -webkit-transform: rotate(135deg);
}
.fw .link.linkArrowB.active::before {
  -webkit-transform: rotate(315deg);
}
.fw .j_toggleBtn.active .link.linkArrowB::before {
  -webkit-transform: rotate(315deg);
}
.fw .link.linkPlain {
  color: #0b5bce;
}
/* ----------------------------------------------------------------
btnArea btn
----------------------------------------------------------------- */
.fw .btnArea {
  margin-top: 30px;
}
.fw .btnArea .btn {
  max-width: 300px;
  margin-bottom: 20px;
  font-size: 15px;
  display: block;
  border: 1px solid #0b5bce\9 !important;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .fw .btnArea .btn { border: none !important;} /* IE11 */
}
.fw .btnArea a.btn.bgGra {
  background: #0b5bce\9 !important;
}
.fw .btnArea .btn.btnColorGra span {
  background: none;
  color: #0b5bce;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: #0c67c6;
}
.isAndroid2 .fw .btnArea .btn {
  border: 1px solid #0b5bce; /*Android2.2にのみ適用*/
}
@media only screen and (max-width: 600px) {
  .fw .btn {
    width: 100%;
	  max-width: 280px
  }
  .fw .btnArea.btnArrowAdjust .btn[class*="btnArrow"]:before {
    right: 15px;
  }
}
/* ----------------------------------------------------------------
readonly
----------------------------------------------------------------- */
.fw .item input.readonly {
  background-color: #f8f9fa;
  border: none;
  font-size: 17px;
}

/* ----------------------------------------------------------------
ist-bullet-01 notice
----------------------------------------------------------------- */
.fw .item .notice {
  font-size: 13px;
}

/* ----------------------------------------------------------------
Android2、IE8～10
----------------------------------------------------------------- */
.fw .btn.btnColorGra,
.fw label.btn.btnColorGra,
.fw button.btn.btnColorGra,
.fw .formReset button.btn.btnColorGra {
  background: #fff;
  position: relative;
  border: none;
}
.fw .btn.btnColorGra span,
.fw label.btn.btnColorGra span,
.fw button.btn.btnColorGra span,
.fw .formReset button.btn.btnColorGra span {
  color: #0b5bce;
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .btn.btnColorGra span,
.isAndroid2 .fw label.btn.btnColorGra span,
.isAndroid2 .fw button.btn.btnColorGra span,
.isAndroid2 .fw .formReset button.btn.btnColorGra span {
  -webkit-text-fill-color: #0b5bce;
}
.fw .btn.btnColorGra:after,
.fw label.btn.btnColorGra:after,
.fw button.btn.btnColorGra:after,
.fw .formReset button.btn.btnColorGra:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1 );
}
.fw .formReset .btnSelect.radioBox, .fw .formReset .btnSelect.checkBox {
  background: linear-gradient(#fff 0%, #fff 100%), linear-gradient(0deg, #e0e0e0 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e0e0e0',GradientType=1, );
  background-clip: content-box, border-box;
}
.fw .formReset .btnSelect.radioBox.checked, .fw .formReset .btnSelect.checkBox.checked {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%), linear-gradient(0deg, rgba(15, 130, 184, 0.5) 0%, rgba(11, 91, 206, 0.5) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
  color: #fff;
}
.fw .formReset input[type=radio]:checked+.btnSelect.radioBox, .fw .formReset input[type=checkbox]:checked+.btnSelect.checkBox {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%), linear-gradient(0deg, rgba(15, 130, 184, 0.5) 0%, rgba(11, 91, 206, 0.5) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
  color: #fff;
}
.fw .link.linkGra {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 1px;
}
.isAndroid2 .fw .link.linkGra {
  -webkit-text-fill-color: #0b5bce;
  background: #fff;
}
.fw .link.linkGraGray {
  background: linear-gradient(0deg, #606467 0%, #414447 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#606467), to(#606467));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606467', endColorstr='#606467',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .link.linkGraGray {
  -webkit-text-fill-color: #414447;
  background: #fff;
}
.fw .link.linkGraRed {
  background: linear-gradient(0deg, #eb6877 0%, #e43b4f 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#eb6877), to(#e43b4f));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb6877', endColorstr='#e43b4f',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .link.linkGraRed {
  -webkit-text-fill-color: #e43b4f;
  background: #fff;
}
.fw .iconGra {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .iconGra {
  -webkit-text-fill-color: #0b5bce;
  background: #fff;
}
.fw .batch {
  background: linear-gradient(0deg, #ced0d0 0%, #c6c7c8 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ced0d0), to(#c6c7c8));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ced0d0', endColorstr='#c6c7c8',GradientType=1, );
}
@media only screen and (max-width: 600px) {
  .fw .batch.batchColorGra {
    background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
    color: #fff;
  }
}
.fw .boxGra {
  background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
}
.fw .bgGra {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}

.fw .bgGraGry {
  background: linear-gradient(0deg, #606467 0%, #414447 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}
.fw .listTerms + .boxWh .checkBox {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .listTerms + .boxWh .checkBox {
  -webkit-text-fill-color: #0b5bce;
}
.fw .listCaption .item .category:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}
.fw .listFlow ul li.active i {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .listFlow ul li.active i {
  -webkit-text-fill-color: #0b5bce;
}
.fw .listFlow ul li.active:before {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw header .btnMenu a {
  background: #babcbe;
  background: linear-gradient(to bottom, #606467 0%, #414447 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#606467), to(#414447));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606467', endColorstr='#414447',GradientType=1, );
}
.fw .sliderChooseModel .j_sliderChooseModel:after,
.fw .sliderChooseModel .j_sliderChooseSimpleModel:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw .sliderChooseModel .j_sliderChooseModel .slick-list:before,
.fw .sliderChooseModel .j_sliderChooseSimpleModel .slick-list:before {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw .sliderChooseModel .j_sliderChooseModel .slick-list:after,
.fw .sliderChooseModel .j_sliderChooseSimpleModel .slick-list:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw .tabBase ul li .j_tabBtn.active span {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .tabBase ul li .j_tabBtn.active span {
  -webkit-text-fill-color: #0b5bce;
}
.fw .tabGra ul li a.active {
  color: #fff;
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw#products.products_detail .main .sliderProduct .dot-thum li.slick-active {
  background: linear-gradient(#fff 0%, #fff 100%), linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
}
.fw #step2 #model .chooseColor .colorBox .radioBox .reserve {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}
.fw #step2 #model .chooseColor .colorBox input[type=radio]:checked+.radioBox:before {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}

.fw #step2 #model .chooseColor .colorBox .radioBox.colorRosegold:after {
  background: linear-gradient(0deg, #e5c1bb 0%, #f1d8d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5c1bb), to(#f1d8d2));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5c1bb', endColorstr='#f1d8d2',GradientType=1, );
}

.fw #step2 #model .chooseColor .colorBox input[type=radio]:checked+.radioBox.colorRosegold:after {
  background: linear-gradient(0deg, #e5c1bb 0%, #f1d8d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5c1bb), to(#f1d8d2));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5c1bb', endColorstr='#f1d8d2',GradientType=1, );
}
.fw #step2 #model .chooseColor .colorBox .radioBox.colorGold:after {
  background: linear-gradient(0deg, #f8e3ce 0%, #e3c9b7 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8e3ce), to(#e3c9b7));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e3ce', endColorstr='#e3c9b7',GradientType=1, );
}

.fw #step2 #model .chooseColor .colorBox input[type=radio]:checked+.radioBox.colorGold:after {
  background: linear-gradient(0deg, #f8e3ce 0%, #e3c9b7 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8e3ce), to(#e3c9b7));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e3ce', endColorstr='#e3c9b7',GradientType=1, );
}
.slick-dots li.slick-active button {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}