.index_titleJ { display: flex; flex-direction: column; align-items: center; }
.index_titleJ h2 { color: #204562; font-size: 36px; line-height: 180%; }
.index_titleJ span { background: #204562; width: 60px; height: 3px; margin-top: 0px; }
#indexwarn { background: #f2c102; padding: 0px 0; }
#indexform { background: #2d4068; padding: 0px 0; }
form#message { padding: 30px 50px; }
#fakeNumber .webframe p,#fakeNumber2 .webframe p { font-size: 1.5em; letter-spacing: 5px; line-height: 1.5em; text-align: center; width: 100%; margin-bottom: 18px; color: aliceblue; font-weight: 200; }
#fakeNumber2 p b.md_text { font-weight: 100; }
#fakeNumber2 a b.md_text { font-weight: 600; color: #f7bf35; }
#fakeNumber2:before {
  content:"";left:9%;position:absolute;bottom:0%;z-index:2;/* background:url(/images/14/woman.png) no-repeat 0 bottom;*/
  width:690px;height:100%;
}
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-12x h1 { font-size: 3.9em; letter-spacing: 5px; }
.col-12x h3 { font-size: 26px; letter-spacing: 5px; margin-top: 25px; color: #d9d9d9; border: #ffffff3d 1px solid; padding: 10px; }
/*#ghd*/
#ghd { position: relative; background-image: url(/images/14/bottom_BG.jpg); background-position: 0 80%; background-size: auto; background-repeat: no-repeat; }
#ghd:before { content: ""; position: absolute; width: 110px; height: 110px; top: 80px; z-index: 0; background: #7cc7b1; border-radius: 50%; z-index: 9; left: 70px; animation: balloon-move 1.2s infinite alternate ease-in-out; }
@keyframes balloon-move {
  0% { margin-top: .4% }
  100% { margin-top: 0 }
}
@keyframes balloon-move02 {
  0% { margin-top: .3% }
  100% { margin-top: 0 }
}
#ghd:after { content: ""; position: absolute; width: 220px; height: 220px; top: -90px; z-index: 0; background: #7cc7b100; border-radius: 50%; border-radius: 50%; z-index: 9; right: 15px; border: #e3495f8c 1px solid; animation: balloon-move02 1.2s infinite alternate ease-in-out; }
#ghd .workframe { display: flex; justify-content: center; }
#banner-buttons { display: flex; flex-direction: column; width: 100%; }
#ghd .buttons-style { display: flex; margin-top: 220px; margin-bottom: 80px; }
#ghd .buttonbox { display: flex; flex-direction: column; width: 48%; margin: 0 1%; position: relative; }
#ghd .borderline { position: absolute; z-index: 2; right: 0; top: -250px; right: -42px; }
#ghd .buttonbox:hover .textbox { -moz-transform: translateY(-2.75em); -webkit-transform: translateY(-2.75em); -o-transform: translateY(-2.75em); -ms-transform: translateY(-2.75em); transform: translateY(-2.25em); }
#ghd .borderline img { width: 370px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 0; /* background: #f2f2f2; */ }
#ghd .textbox {
  display:flex;flex-direction:column;background:#e3495f;border-radius:30px 30px 0 0;padding:10px 0 80px;position:relative;width:80%;margin:0 auto;transition:all 500ms cubic-bezier(0.725,0.070,0.515,0.935);/* custom */
  transition-timing-function:cubic-bezier(0.725,0.070,0.515,0.935);/* custom */
  
}
#ghd .buttonboxR .textbox { background: #1da591; }
#ghd .textbox .box_link { position: absolute; width: 100%; height: 100%; top: 0; }
#ghd .info { padding: 20px 35px; min-height: 250px; display: flex; flex-direction: column; }
#ghd .info a.titlee { font-size: 4em; line-height: 180%; color: white; font-weight: 600; }
#ghd .info b.nom { color: white; font-size: 31px; margin-top: -15px; }
#ghd .info .textbom { margin-top: 40px; }
#ghd .info p { color: white; font-size: 25px; font-weight: 200; }
#ghd .arrow { display: flex; align-items: center; margin-top: 20px; }
#ghd .a_left { width: 50%; position: relative; }
#ghd .a_left .Cone { width: 15px; height: 5px; background: #ffffffa1; position: absolute; border-radius: 20px; left: 20px; }
#ghd .a_left .Ctwo { width: 20px; height: 5px; background: white; position: absolute; border-radius: 20px; left: 45px; }
#ghd .a_left .Cthree { width: 15px; height: 5px; background: #ffffffa1; position: absolute; border-radius: 20px; left: 75px; }
#ghd .a_right { width: 50%; display: flex; justify-content: flex-end; margin-right: 20px; }
#ghd .a_right a { display: flex; padding: 20px 27px; background: aliceblue; width: 149px; justify-content: center; align-items: center; border-radius: 200px; }
#ghd .a_right svg { color: #e3495f; }
#ghd .buttonboxR svg { color: #1da591; }
.gunbar { overflow: hidden; padding: 15px; background-color: rgba(223,223,223,0.59); display: flex; justify-content: center; }
.gunbar .icon { overflow: hidden; float: left; display: flex; align-items: center; }
.gunbar p { float: right; margin-top: 25px; }
.gunbar p a { color: #424242; font-size: 16px; }
.gunbar .icon {   }
.gunbar .icon b { display: inline-block; background: #ffdf57; width: 50px; height: 52px; text-align: center; line-height: 52px; margin-right: 15px; vertical-align: super; }
.gunbar .icon h2 { display: inline-block; font-size: 26px; color: #363636; }
.gunbar .icon h2 span { font-weight: normal; font-size: 20px; color: #212121; vertical-align: baseline; margin-left: 10px; }
#undergroundBanks { padding: 20px 0 40px; }
#undergroundBanks .workframe { overflow: unset }
#undergroundBanks-set { margin-top: 23px; }
#undergroundBanks-set .picBtnTop {   }
#undergroundBanks-set .hd { float: none; width: 100%; }
#undergroundBanks-set .bd,#undergroundBanks-set .bd ul>li { /* height: 1030px !important; */ }
#undergroundBanks-set .hd { padding: 5px 60px 35px; position: relative; }
#demo1 .slick-prev,#demo1 .slick-next { width: auto; height: auto; top: calc(50% - 2px); }
#demo1 .slick-prev { left: -70px; }
#demo1 .slick-next { right: -70px; }
#demo1 .slick-prev:before,#demo1 .slick-next:before { color: #2a37465c; font-size: 49px; display: flex; font-weight: 100; }
#demo1 .slick-prev:before {   }
#demo1 .slick-next:before {   }
#undergroundBanks-set .hd li {   }
#undergroundBanks-set .hd li b { display: block; line-height: 110%; transition: all linear .2s; cursor: pointer; padding: 13px 10px; color: #666; text-align: center; border-radius: 0; letter-spacing: 5px; font-size: 18px; margin: 4px 0px; font-weight: 400; }
#undergroundBanks-set .hd li.on b { color: #fff; background: #2c4a62; }
#undergroundBanks-set .hd li.on b:hover { background: #264056; color: #fff; }
#undergroundBanks-set .bd { float: none; width: 100%; margin: 50px auto 30px; }
#undergroundBanks-set .bd li .bankswrap .list ol { padding: 0; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; }
#undergroundBanks-set .bd li .bankswrap .list ol li { position: relative; margin-bottom: 50px; overflow: hidden; margin-right: 7px; display: inline-block; vertical-align: top; width: calc((100%/4) - 10px); margin: 4px 4px; border: #e5e5e5 1px solid; padding: 20px 0; transform-origin: center; transform: scaleX(1); border-radius: 10px; }
#undergroundBanks-set .bd li .bankswrap .list ol li:hover .info h3:before { transform-origin: center; transform: scaleX(2.2); }
#undergroundBanks .bankswrap .list ol li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#undergroundBanks .bankswrap .list ol li .info { margin: 5px; padding: 0px; transition: all linear .2s; /* box-shadow: 0 0 3px 0px rgba(0,0,0,0.2); */ }
#undergroundBanks .bankswrap .list ol li .info .pic { background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; margin-bottom: 24px; }
#undergroundBanks .bankswrap .list ol li .info .pic img { width: 100%; }
#undergroundBanks .bankswrap .list ol li .info h3 { text-align: center; padding-bottom: 15px; margin-bottom: 5px; font-size: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2c4a62; font-weight: 500; position: relative; }
#undergroundBanks .bankswrap .list ol li .info h3:before {
  content:"";width:200px;height:1px;background:#b5b5b596;position:absolute;display:flex;flex-direction:column;left:calc(50% - 100px);top:36px;z-index:3;transition:all 500ms cubic-bezier(0.725,0.070,0.515,0.935);/* custom */
  transition-timing-function:cubic-bezier(0.725,0.070,0.515,0.935);/* custom */
  
}
#undergroundBanks .bankswrap .list ol li .info span { text-align: center; color: #a1a1a1; font-size: 15px; display: block; font-weight: 100; letter-spacing: 0.05em; }
#messages-box { padding: 50px 0; margin-top: 0px; }
#messages-box #messageList { margin-top: 20px; }
#messageList li { width: 50%; display: inline-block; margin-right: -4px; vertical-align: top; }
#messageList li .box { background: #f8f8f8; margin: 10px; border: 1px solid #e2e2e2; padding: 30px 25px; position: relative; }
#messageList li .box a.coverLink:hover {   }
#messageList li .box h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; margin-bottom: 20px; }
#messageList li .box h3 a { color: #2a3746; font-weight: 400; font-size: 25px; }
#messageList li .box h3 a,#messageList li .box .message-catalog .cns p.lend-statu a,#news .border .news-info .more a,#news .border .news-info .news-bottom p a { transition: all linear .2s; }
#messageList li .box h3 a:hover,#messageList li .box .message-catalog .cns p.lend-statu a:hover { opacity: 0.8; }
#messageList li .box .statu { margin: 10px 0; border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 20px; position: relative; }
#messageList li .box .statu p { font-size: 16px; color: #4e4e4e; }
#messageList li .box .statu p a { font-size: 15px; color: #787878; }
#messageList li .box .statu p b { font-weight: normal; display: inline-block; position: relative; }
#messageList li .box .statu p b:after { content: ''; display: block; width: 100%; height: 3px; background: #2cb5a1; position: absolute; left: 0; top: calc(100% + 12px); }
#messageList li .box .message-catalog { overflow: hidden; display: flex; width: 100%; justify-content: space-between; }
#messageList li .box .message-catalog .cns { overflow: hidden; display: flex; align-items: center; }
#messageList li .box .message-catalog .cns p { margin-right: 8px; }
#messageList li .box .message-catalog .cns p a { display: flex; border: 2px solid #c9c9c9; padding: 3px 15px; font-size: 15px; color: #ffffff; background-color: #969494; }
#messageList li .box .message-catalog .cns p.lend-statu a { color: #fff; background: #848484; }
#messageList li .box .message-catalog .cns p.lend-statu.end a { border: 2px solid #4cac8f; background: #4cac8f; }
#messageList li .box .message-catalog .views { float: right; color: #505050; font-size: 16px; }
#messageList li .box .message-catalog .views b { color: #b7b7b7; font-size: 30px; margin-right: 5px; }
#NewsBox { position: relative; background-repeat: no-repeat; background-position: 100% 100%; background-size: cover; padding: 70px 0 20px; }
#NewsBox:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 12px 14px 0 14px; border-color: #ffffff transparent transparent transparent; top: -15px; right: calc((100% - 28px)/2); content: ""; -moz-transform: scaleY(-1.8); -webkit-transform: scaleY(-1.8); -o-transform: scaleY(-1.8); -ms-transform: scaleY(-1.8); transform: scaleY(-1.8); }
#NewsBox #news { margin-top: 40px; }
#news .border { margin: 5px; }
#news .border .photo {   }
#news .border .photo a {   }
#news .border .photo a img { width: 100%; }
#news .border .news-info { background: #fff; padding: 20px 25px 45px; position: relative; margin-bottom: 20px; }
#news .border .news-info .news-bottom { font-size: 13px; overflow: hidden; }
#news .border .news-info .news-bottom p { padding: 10px; position: absolute; top: 22px; right: 15px; font-size: 40px; font-weight: 700; color: #232c380f; }
#news .border .news-info .news-bottom p a {   }
#news .border .news-info .news-bottom p a:hover { color: #4cac8f; }
#news .border .news-info h3 { margin: 10px 0; }
#news .border .news-info h3 a { color: #465466; font-size: 25px; line-height: 150%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; width: 50%; overflow: hidden; white-space: nowrap; }
#news .border .news-info h3 a:hover { color: #000; }
#news .border .news-info span { display: inline-block; width: 50px; height: 1px; background: #bdbdbd; }
#news .border .news-info .describe { color: #979797; line-height: 150%; font-size: 16px; overflow: hidden; height: 42px; margin-top: 10px; font-weight: 200; }
#news .border .news-info .more { margin-top: 40px; }
#news .border .news-info .more a { background: #204562; color: #fff; font-size: 14px; border-radius: 5px; padding: 5px 20px; text-align: center; width: auto; }
#news .border .news-info .more a:hover { background: #eacb4e; color: #232c38a1; }
form#message .title-m h2 { width: calc(100% - 210px) }
#undergroundBanks-mobile { display: none; }
#fakeNumber3 { position: relative; background-size: cover; background-position: 50%; }
#fakeNumber3 #noticeabout .text_box { width: 600px; max-width: 100%; background: #ffffffde; margin: 130px 0 95px; padding: 70px 25px 65px 30px; border-radius: 14px; outline: 1px solid #204b6e63; outline-offset: -13px; box-shadow: 0 8px 20px rgb(0 0 0/6%); -webkit-box-shadow: 0px 5px 30px -5px rgb(0 0 0/30%); box-shadow: 0px 5px 45px -5px rgb(4 17 28); }
#fakeNumber3 #noticeabout .text_box h2 { font-size: 30px; margin-bottom: 40px; color: #102031; }
#fakeNumber3 #noticeabout .text_box h2 b { color: #224968; margin-left: 5px; }
#fakeNumber3 #noticeabout .text_box p { color: #747474; font-size: 18px; line-height: 200%; }
#fakeNumber3 #noticeabout .text_box p.fangan { margin-top: 24px; }
#fakeNumber3 #noticeabout .moore { display: flex; align-items: flex-start; margin-top: 60px; flex-wrap: wrap; }
#fakeNumber3 #noticeabout .moore a { padding: 8px 30px; background: #204562; color: white; position: relative; border-radius: 5px; }
#fakeNumber3 #noticeabout .moore a.gntell { margin-left: 10px; /* background: #bf9a42; */ }
/* 13 */
.btn-13 { background-color: #89d8d3; background-image: linear-gradient(315deg,#89d8d3 0%,#03c8a8 74%); border: none; z-index: 1; }
.gntell.btn-13:after { /* background-image: linear-gradient(315deg,#bf9a42 0%,#dcb76d 74%); */ }
.btn-13:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; border-radius: 5px; background-color: #b28623; background-image: linear-gradient(315deg,#d6ae46 0%,#b28623 74%); box-shadow: -7px -7px 20px 0px #fff9,-4px -4px 5px 0px #fff9,7px 7px 20px 0px #0002,4px 4px 5px 0px #0001; transition: all 0.3s ease; }
.btn-13:hover { color: #fff; }
.btn-13:hover:after { top: 0; height: 100%; }
.btn-13:active { top: 2px; }
@media screen and (max-width:1440px) {
  #fakeNumber3 { background-position: 75% 50%; }
  #fakeNumber3 #noticeabout .text_box { margin-left: 2%; }
  form#message .contact-test .list { width: calc((100%/3) - 20px); }
  form#message .contact-test .list:nth-child(3n-1) { margin: 13px 30px; }
  #ghd:before { width: 80px; height: 80px; left: 50px; }
  #ghd:after { width: 150px; height: 150px; top: -50px; }
  #ghd .buttons-style { margin-top: 200px; display: flex; justify-content: center; }
  #ghd .borderline img { width: 320px; padding: 20px 0; }
  #ghd .borderline { top: -190px; right: -93px; }
  #ghd .textbox { width: 100%; }
  #ghd .buttonbox { width: 500px; margin: 0 25px; }
  #ghd .info a.titlee { font-size: 60px; }
  #ghd .info b.nom { font-size: 29px; }
  form#message .contact-test .list p input::placeholder,form#message .contact-test .list p textarea::placeholder { font-size: 8pt; line-height: 20px; }
  #ghd #banner-buttons {   }
}
@media screen and (max-width:1280px) {
  form#message .contact-test .list,form#message .contact-test .list:nth-child(3n-1) { width: calc((100%/2) - 20px); margin: 13px 10px 13px 0; }
  form#message .contact-test .list:nth-child(even) { margin: 13px 0 13px 30px; }
  form#message .title-m h2 { font-size: 22px; }
  #undergroundBanks-set .bd li .bankswrap .list ol li { width: calc((100%/3) - 26px); }
  #undergroundBanks-set .hd {   }
  #undergroundBanks-set .bd,#undergroundBanks-set .bd ul>li {
    /* height:960px !important;*/
    display:flex;justify-content:center;
  }
  #messageList li .box .statu p { font-size: 14px; }
  #fakeNumber:before { content: ""; left: -13%; position: absolute; bottom: 0%; z-index: 2; background: url(/images/14/woman.png) no-repeat 0 bottom; width: 690px; height: 100%; }
  #ghd .buttons-style { margin-top: 0; }
  #ghd .buttonbox {   }
  #ghd .borderline { position: relative; top: 0; right: 0; }
  #ghd .info a.titlee { font-size: 50px; }
  #ghd .info b.nom { font-size: 30px; margin-top: -10px; }
  #ghd .info .textbom {   }
  #ghd .info p { font-size: 22px; }
}
@media screen and (min-width:1025px) {
  #undergroundBanks .bankswrap .list ol li:hover .info {
    /* border:2px solid #2d96cd;*/
    margin-top:-5px;
  }
}
@media screen and (max-width:1024px) {
  #messages-box { margin-top: 0; }
  #undergroundBanks-set { /* display: none; */ }
  #undergroundBanks-mobile { display: block; }
  #undergroundBanks-mobile { margin-top: 23px; }
  #undergroundBanks-mobile .picBtnTop {   }
  #undergroundBanks-mobile .hd { float: none; width: 100%; }
  #undergroundBanks-mobile .hd { height: 188px; }
  #undergroundBanks-mobile .hd li { float: left; width: 14.1%; }
  #undergroundBanks-mobile .hd li b { display: block; border-bottom: 1px solid #c9c9c9; line-height: 110%; transition: all linear .2s; cursor: pointer; padding: 13px 10px; color: #666; text-align: center; background: #e4e4e4; border-radius: 5px; letter-spacing: 5px; font-size: 18px; margin: 4px 12px; }
  #undergroundBanks-mobile .hd li.on b { color: #fff; background: #2f426c; }
  #undergroundBanks-mobile .hd li.on b:hover { background: #232323; color: #fff; }
  #undergroundBanks .bankswrap .list ol li { position: relative; margin-bottom: 50px; overflow: hidden; margin-right: 0px; display: inline-block; vertical-align: top; width: calc((100%/3) - 26px); margin: 0 3px; }
  #undergroundBanks .slider-nav { margin-top: 5px; }
  #undergroundBanks .slider-nav .list b { display: block; font-size: 16px; line-height: 150%; padding: 10px; background: #f3f3f3; text-align: center; }
  #undergroundBanks .slider-nav .slick-current .list b { background: #434582; color: #fff; }
  gunbar .icon b { width: 40px; height: 42px; line-height: 42px; }
  .gunbar .icon h2 {
    font-size:22px;/* width:calc(100% - 60px);*/
    line-height:120%;display:inline;
  }
  .gunbar .icon h2 span { font-size: 14px; line-height: 100%; }
  #messageList li .box .statu p b:after { display: none; }
  #messageList li { width: 100%; margin: 0; }
  #fakeNumber:before { content: ""; left: -13%; position: absolute; bottom: 0%; z-index: 2; background: url(/images/14/woman.png) no-repeat 0 bottom; width: 690px; height: 100%; display: none; }
}
@media screen and (max-width:980px) {
  #fakeNumber3 #noticeabout .text_box { margin: 0 auto; }
  #fakeNumber3 { background-position: 0% 50%; padding: 90px 0; }
  #ghd:before { width: 55px; height: 55px; left: 25px; top: 15px; }
  #ghd:after { width: 110px; height: 110px; top: -15px; }
}
@media screen and (max-width:768px) {
  #ghd .buttons-style { display: flex; flex-direction: column; }
  #banner-buttons .buttons-style .buttonbox { width: 100%; margin: 0; }
  #undergroundBanks-mobile .hd { height: 250px }
  #undergroundBanks-mobile .hd li { width: 19.1%; }
  form#message .contact-test .list,form#message .contact-test .list:nth-child(3n-1) { width: calc((100%/2) - 10px); margin: 8px 0px 8px 0; height: auto; }
  form#message .contact-test .list:nth-child(even) { margin: 8px 0 8px 20px; }
  form#message .contact-test .list p input { display: block; height: 24px; width: calc(100% - 24px); }
  form#message .contact-test .list p select { width: 100%; display: block; height: 38px; }
  .gunbar .icon { float: none; display: flex; flex-wrap: wrap; }
  .gunbar p { float: none; text-align: right; margin-top: 0; margin-right: 20px; }
  .gunbar { padding: 15px 0; }
  #hotdoor .hootgame ul a { width: calc(50% - 20px); }
}
@media screen and (max-width:640px) {
  #news .border .news-info h3 a { width: 100%; }
  #undergroundBanks-mobile .hd { height: 290px }
  #undergroundBanks-mobile .hd li { width: 23.1%; }
  form#message { padding: 30px; }
  form#message .title-m h2 { font-size: 18px; }
  #undergroundBanks .bankswrap .list ol li { width: calc((100%/2) - 7px); }
  #undergroundBanks .bankswrap .list ol li .info { margin: 2px; padding: 8px 2px; }
  #messageList li .box .message-catalog .views b { font-size: 22px; }
  #NewsBox #news { margin-top: 20px; }
  #fakeNumber2:before { display: none; }
  .col-12x h1 { font-size: 36px; }
  #fakeNumber2 .webframe p { width: 100%; margin: 0; font-size: 16px; margin-bottom: 15px; }
  .col-12x h3 { font-size: 20px; }
  #ghd #banner-buttons .buttons-style .borderline h3 a b { font-size: 40px; }
  #ghd .info a.titlee { font-size: 48px; }
  #ghd .info b.nom { font-size: 24px; }
  #ghd .info p { font-size: 20px; }
  #ghd .info .textbom {   }
  #ghd .a_right a { padding: 20px 20px; width: auto; }
  #ghd .buttons-style { width: 90%; margin: 0 auto; }
  #ghd .textbox { padding: 10px 0 60px; }
  #undergroundBanks-set .bd li .bankswrap .list ol li { width: calc((100%/2) - 10px); }
}
@media screen and (max-width:480px) {
  .index_titleJ h2,#fakeNumber3 #noticeabout .text_box h2 { font-size: 27px; }
  #undergroundBanks { padding-bottom: 0; }
  .index_titleJ span { width: 50px; }
  #ghd:after { width: 90px; height: 90px; top: 4px; right: 7px; }
  #ghd:before { width: 41px; height: 41px; left: 15px; top: 11px; }
  #undergroundBanks-mobile .hd li b { font-size: 15px; padding: 13px 5px; }
  #indexform { padding: 0; }
  #indexform .workframe { width: 100%; }
  #ghd #banner-buttons .buttons-style .buttonboxL h3 a { font-size: 20px; color: #1a1a1a; }
  .gunbar .icon h2 { font-size: 17px; line-height: 120%; }
  form#message { padding: 30px 10px; }
  form#message .contact-test .list p input::placeholder,form#message .contact-test .list p textarea::placeholder { font-size: 7.5pt; }
  form#message .title-m h2 { width: calc(100% - 170px); font-size: 14px; }
  form#message .title-m p a { padding: 8px 12px; font-size: 15px; }
  #undergroundBanks .bankswrap .list ol li .info h3 { font-size: 16px; }
  #messageList li .box h3 { font-size: 18px; margin-bottom: 10px; }
  #messageList li .box { padding: 20px; }
  #messageList li .box .message-catalog .views,#messageList li .box .message-catalog .cns { float: none; }
  #messageList li .box .message-catalog .views { text-align: right; margin-top: 10px; }
  #undergroundBanks .bankswrap .list ol li .info span { text-align: center; color: #5a5a5a; font-size: 14px; /* display: none; */ }
  #undergroundBanks .bankswrap .list ol li .info h3 { border-bottom: 1px solid #ffffff; padding-bottom: 0px; margin-bottom: 0px; }
  #ghd #banner-buttons .buttons-style .buttonbox { width: 100%; margin: 0; margin-bottom: 10px; }
  #ghd #banner-buttons .buttons-style .borderline h3 a { height: 130px; }
  #ghd #banner-buttons .buttons-style .buttonbox:last-child .borderline { padding: 50px 0 10px; }
}
.productB { display: flex; justify-content: center; align-items: center; margin: 0 5px 30px; }
.productB div h2  b { color: #c29128; display: flex; flex-direction: column; align-items: center; font-size: 36px; display: block; }
.productB div { width: 50%; border: 1px solid #d1d1d1; height: 220px; display: flex; justify-content: center; align-items: center; cursor: pointer; line-height: 39.6px; box-shadow: 0 0 25px rgb(67 67 67/21%); transition: all linear 0.3s; border-radius: 20px; border: #c29128 2px solid; }
.productB div:hover { box-shadow: 0 0 0 rgb(0 0 0/0%) }
.productB>div:first-child { margin: 0 20px 0 0px; }
.productB>div:first-child h2 { padding: 0 30px; line-height: 1; display: flex; flex-direction: column; gap: 10px; font-size: 30px; }
.productB>div:first-child * { text-align: center; padding: 0 20px; line-height: 1.2; }
.productB>div:last-child { background: #c7a961; border: 1px solid #c7a961; }
.productB>div:last-child a { color: white; }
.productB>div:last-child a h2 { font-size: 40px; }
.productB div h2 .bigbig { font-size: 50px; }
.productB>div:first-child h2 p { font-size: 24px; }
@media screen and (max-width:786px) {
  .productB>div:first-child * { padding: 0 10px }
  .productB div h2 b { font-size: 30px; }
  .productB>div:last-child a h2 { font-size: 27px; }
  #undergroundBanks-set .bd,#undergroundBanks-set .bd ul>li { display: block; }
  .productB { display: block; }
  .productB div { width: 100%; }
  #side-nav .side-title h2 { font-size: 20px; }
  .productB>div:first-child { margin: 0 0 20px 0; height: 200px; }
  .productB>div:first-child h2 { padding: 0 20px; font-size: 24px; }
  .productB img { width: 20%; }
}