@charset "utf-8";
/* CSS Document */
body{background:url("../images/bbg_06.jpg") no-repeat top center; background-size:100%;}
.side, .main{padding:1em;}
.content{padding:3em 0;}

#header{padding-top:15px; transition:.3s;background: #fff;}
#header .page{padding:0; position:relative; max-width: 100%;}
#header .page::after{content:""; display:block; clear: both; vertical-align: middle;}

.bottomBTN{position: fixed;bottom: 0;left: 0;text-align: center;z-index: 999;display: none;transition: .3s;}

.toTop button{display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 30px;
}
.toTop button {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
.bottomBTN .col-6{background: #f7d480; padding: 15px 0;border: 1px solid #fff;}
.bottomBTN a{color: #fff;}

.fixedbtn2{position:fixed; bottom:0; left:0; z-index: 300; width:100%; vertical-align: middle;}
.fixedbtn2 a{display:inline-block; width:50%; padding:0.5em 0; color:#fff; background:#4ac102; text-align: center; vertical-align: middle; font-size: 90%;}
.fixedbtn2 a:nth-of-type(2){color:#fff; background:#e36500; text-align: center;}
.fixedbtn2 a img{vertical-align:middle; margin-right:2px;}




/*#header .logo{transform: translateY(7px);}*/
/*--nav--*/

.nav{position:static; background:#f7d480; margin-top:10px;}
.nav nav{text-align: center;}
.syisnav{bottom:50%;}
.syisnav{text-align:center;}

.syisnav li a{color:#000; font-size:18px; position:relative; padding:0.5em 1em; z-index:300;}
.syisnav li a::before{content:""; width:0%; transition:.3s; display:block; background:#423728; position:absolute; bottom:0; left:50%; height:100%; z-index:-1;}
.syisnav li a:hover{color:#fff;}
.syisnav li a:hover::before{width:100%; left:0%;}
/*--syistop default setting--*/
.syistop.fixed{position:fixed; top:20px; right:0;}
.syistop{font-size:25px; color:#075596; font-weight: 900; line-height: 1.2em; width:auto; z-index: 1000; white-space: nowrap; float:right; margin-left:1em;}
.syistop a{padding-right:3px; position:relative;}
.syistop a, .syistop .searcharea{display:inline-block; vertical-align: middle; color:#877254;background: #fff;}
.syistop img{vertical-align:middle;}
.searcharea{border:1px solid #ccc;}
.searcharea input{border:none; padding:5px; width:10em; margin:0; vertical-align: middle;}
.searcharea a::before{content:""; width:1px; height:1.3em; display:inline-block; background:#ccc; transform:translateY(25%); margin:0 0.3em;}
/*subnav default setting*/
.subnav ul li{padding:0.3em 0;}
.subnav ul li a{padding:1em; border:1px solid #efefef; position:relative;}
.subnav ul li a:hover{color:#008cd6; border:1px solid #ccc;}
.subnav ul li a.hit{font-weight:bold; color:#008cd6; border:1px solid #fff;}
.subnav ul li a::after{content:""; position:absolute; width:10px; height:10px; right:1.5em; top:50%; transform:rotate(45deg) translateY(-50%); border:1px solid #ccc; border-bottom:none; border-left:none; transition:.3s;}
.subnav ul li a:hover::after{right:1em; border:1px solid #008cd6; border-bottom:none; border-left:none;}
.subnav ul li a.hit::after{content:""; right:1em; border:1px solid #008cd6; border-bottom:none; border-left:none;}
.subnav ul li a.hit:hover{border:1px solid #efefef;}
.top .subnav ul li a::after{display:none;}
.subnav ul li a.hit{ border:1px solid #008cd6;}
/*--defaultimg  default setting--*/
#defaultimg{position:relative;}
#defaultimg .page{padding:0;max-width: 100%;}
#defaultimg .mask{width:auto; height:auto; position:absolute; bottom:0%; left:50%; transform:translate(-50%,-60%); z-index: 190; white-space: nowrap; text-align: center; color:#fff; font-size:300%; line-height: 100%;}
#defaultimg .mask a{background: #e73a05;color: #fff;font-size: 20px;padding: 15px 50px;}
#defaultimg .mask a:hover{background: #fff;color: #e73a05;}

/*--content default setting--*/
.sidetit{color:#008cd6; padding:0.5em 0.3em; margin-bottom:0; font-size:20px; font-weight:normal;}
.content .dtit{color:#000; font-size:22px; letter-spacing: 1px; position:relative; text-align: center; margin-bottom:50px;}
/*--list default setting--*/
.list{padding:10px;}
.list h3.subject{font-weight:normal; margin:0; color:#333; padding:0.3em 0; line-height: 1.4em;}
.list .frm{display:block; padding:10px; transition:.3s;}
.list figure img{transition:.3s;}
.list .frm:hover img{transform:scale(1.05, 1.05);}
.list .frm:hover figcaption{opacity:1;}
.list figure{display:block; line-height:0; overflow: hidden; position:relative;}
.list figure::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:.3s; opacity:0; z-index: 2;}
.list .frm:hover figure::before{opacity:1;}
.list figcaption{position:absolute; top:50%; left:50%; width:100%; height:auto; text-align: center; color:#fff;  z-index: 100; font-size: 14px; transition:.3s; transform:translate(-50%,-50%); line-height: 140%; opacity:0;}
.list .frm:hover figcaption{opacity:1;}
.list section{color:#666;}
.list p.more{text-align:right; margin:0; color:#666; font-size:12px;}
.list p.price{font-size:13px;}
.list .frm:hover p.more{color:#f00;}
.list .frm .rr{padding-left:1em;}
.list .innerhtml{padding-top:5px;}
.list.imgl{padding:5px;}
.list.imgl figure, .list.imgl section{display:inline-block; padding:0 10px; vertical-align: top;}
.list.imgl figure{width:250px;}
.list.imgl section{width:calc(100% - 270px);}
/*--product_detail--*/
.proDetail select, .productDetail input{width:100%;}
a.minus, a.add{width:30px; background:#fff; font-size:20px; color:#333; border:1px solid #CCC; line-height:28px; display:block; float:left; text-align:center;}
a.minus:hover, a.add:hover{background:#CCC; color:#666;}
.bookmark{width:100%; height:auto; border-bottom:1px solid #efefef; display:inline-block; margin:1em 0 0 0; padding:0; list-style:none;}
.bookmark li{cursor:pointer; color:#999; display:inline-block; height:auto; text-align:left; padding:0.5em; font-size:16px; border:1px solid #efefef; border-radius:5px 5px 0 0; position:relative; transform:translateY(1px); background:#efefef; margin:0 2px; font-weight:bold;}
.bookmark li:hover{color:#000;}
.bookmark li.hit{background:#fff; color:#999; border-bottom:1px solid #fff;}
/*product qa*/
.qalist{display:none;}
.qablock{border:1px solid #efefef; background:#efefef; margin-top:3px; margin-bottom:3px;}
.qnum{color:#000; font-weight:bold; display:inline-block; width:40%; float:left; margin:0; padding:0.2em;}
.qdate{font-size:13px; color:#999; text-align:right; width:60%; display:inline-block; float:right;  margin:0; padding:0.2em;}
.qablock, .qablock section{width:100%; height:auto; float:left;}
.qablock .innerhtml{padding:0.2em;}
/*prodetail*/
.list.propic a{border:1px solid #ccc; background:#fff; overflow:hidden; line-height: 0;}
.prodetail h1.subject{font-size:22px; margin-top:0; color:#000; border-bottom:1px solid #ccc; padding-bottom:1em;}
.prodetail .ll, .prodetail .rr{padding:0 1em;}
.prodetail h4.subtit{margin-bottom:0.5em; color:#999; border-bottom:1px solid #ccc;}
.prodetail h4.subtit span{display:inline-block; padding:0.3em 1em; border-radius:0.5em 0.5em 0 0; border:1px solid #ccc; border-bottom:none; transform:translateY(2px); background:#fff;}
.prodetail .innerhtml img{border: 0; box-shadow: 0; max-width:100%; height:auto;}
.prodetail .introduction{padding:0.5em;}
.simg{margin-top:10px;}
.simg .list{padding:3px;}
.simg .list a.frm{padding:0; height:auto; overflow: hidden; border:1px solid #efefef;}
/*syis form*/
.syisform div[class*="col-"]{padding:0.5em;}

/*--footer--*/
#footer{font-size:13px; line-height: 1.4em; color:#000; word-break: break-all;padding: 2em 0;background: #000;}
#footer .col-2 h2{margin-top: 10px;}
#footer .col-2 h2 ,#footer .col-2 p{color: #fff;}
#footer .col-2 p{font-size: 14px;}
#footer .hotline{padding-left: 55px;}
#footer .footer_logo{transform: translateY(50%);}
#footer .footer_logo img{width: 85%;}
#footer .fnav{width: 12%;}
#footer .fnav{font-size: 15px;}
#footer .fline{text-align: center;}
#footer .fline h2{margin-top: 0;}
#footer .navb{list-style:none; margin:0;padding: 0;}
#footer .navb li{padding:0; display:inline-block;}
#footer .navb li a{display:block; color:#fff; padding:0.3em 1em; position:relative;}
#footer .navb li a:hover{color:#000; text-decoration:underline;}
#footer .rr{text-align:right; padding-top:1em;}
.sociallink{margin-top:2em;}
/*=============================
/*default*/
.serv .dtit{text-align: center;font-size: 30px;margin:0 auto;border-bottom: 2px solid #f7d480;width: 200px; padding-bottom: 10px;margin-bottom: 2em;}
.serv .page{max-width: 1000px;}
.serv .col-3{text-align: center;}
.serv .col-3 img{transition: .3s;width: 131px;}
.serv .col-3:hover img{transform:scale(1.05, 1.05);}
.serv .col-3 section p{color: #000;font-size: 18px;font-weight: bolder;}
.dabout{background:url("../images/banner2_17.jpg")no-repeat center; background-size:cover; position:relative; padding:5em 0;}
.dabout .ll{line-height:180%; font-size:15px; color:#666;width: 55%;}
.dabout .dtit{color:#423728; line-height:160%;font-size: 27px;}
.dabout p{color: #000;font-weight: bolder;font-size: 17px;line-height: 200%;}
.dabout .more{display: block; background: #423728;width: 135px;text-align: center;margin-top: 40px;}
.dabout .more:hover{background:#f7d480; transition: 0.3s;}
.dabout .more p{color:#fff; padding: 7px 20px;margin: 0;font-size: 15px;}
.dabout .more p:hover{color: #423728;}
/*.dabout::after {content: ""; width: 100%;height: 100%;display: block;position: absolute;top: 0;right: 0;left: 76%;;background: url("../images/about_bg_24.jpg") no-repeat;background-size: contain;}*/
.feature{text-align: center;}
.feature .page{max-width: 1070px;}
.feature img{width: 140px;}
.feature p{margin-top: 10%;
    font-size: 18px;
    font-weight: 700;}
.feature .card{background: #f7d480;border-radius: 5px;color: #423728;width: 100%;height: 225px;}
.feature .dtit{text-align: center;font-size: 30px;margin:0 auto; border-bottom: 2px solid #f7d480;width: 200px; padding-bottom: 10px;margin-bottom: 2em;}
.feature .col-3 {padding: 2%;text-align: center;}
.feature .col-3 .card{transition: .3s;padding-top: 10%;}
.feature .col-3:hover .card{transform:scale(1.05, 1.05);}
.process{background: #f8f9f9;text-align: center}
.process{color: #000;}
.process .dtit{text-align: center;font-size: 30px;margin:0 auto; border-bottom: 2px solid #f7d480;width: 200px; padding-bottom: 10px;margin-bottom: 2em;}
.process .col-2 img{width: 80%;}
.process .col-1 img{width: 50%;padding-top: 70%;}
.process .icon{padding-left: 8%;margin-bottom: 4em;}
.process .icon h2{color: #e73a05;}
.process p{margin:0.3em 0;}
.process .button img{width: 15%;}
.process .button .page{max-width: 700px;}
.process .button .col-6{padding: 0 10px;}
.process .button .col-6 a{display: flex; align-items: center; justify-content: center; background: #4ac102; padding: 5px 0;}
.process .button .col-6:nth-of-type(2) a{background: #e36500;}
.process .button .col-6 span{color: #fff;font-size: 25px;}
.cos{overflow:hidden;}
.cos .dtit{text-align: center;font-size: 30px; margin:0 auto;border-bottom: 2px solid #f7d480; width: 200px;padding-bottom: 10px;margin-bottom: 2em;}
.cos img{width: 80%;}
.cos .fa-solid{color: gold;}
.cos .slick h2{color: #e36500;}
.cos .slick p{font-size: 20px;font-weight: 900;line-height: 160%;color: #000;}
.compare, .process, .serv, .feature, .cos{padding: 5em 0;}
.compare{text-align: center;background: url("../images/banner3_39.jpg")no-repeat top center;background-size: cover;}
.compare .dtit{font-size: 30px;margin:0 auto;color: #fff; margin-bottom: 5%;}
.compare .ll{padding: 0 2%;}
.compare .ll .col-12{background: #fff;}
.compare .ll .blueZone{background: #b3e5fc;}
.compare .ll .col-12:first-of-type{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.compare .ll .col-12:nth-of-type(3){border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.compare .ll h3{color: #329cda;font-size: 24px;margin-bottom: 0;}
.compare .ll p{font-size: 20px;font-weight: 700;padding: 2% 1%;}
.compare .ll h3 i{color: #0277bd;font-size: 31px;}
.compare .rr .col-12{background: #fff;}
.compare .rr .green{background: #dcedc8;}
.compare .rr .col-12:first-of-type{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.compare .rr .col-12:nth-of-type(3){border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.compare .rr h3{color: #7a8d62;font-size: 25px;margin-bottom: 0;}
.compare .rr p{font-size: 20px;font-weight: 700;padding: 2% 1%;}
.compare .rr h3 i{color: #789300;}
.consult{background: #F5F5F5; padding-top: 5em;}
.consult .dtit{text-align: center;font-size: 30px;margin:0 auto;border-bottom: 2px solid #f7d480;width: 200px;padding-bottom: 10px;margin-bottom: 2em;}
.consult .top{text-align: center;}
.consult .content{padding: 0;}
.consult .syisform{background: none;}
.consult .syisform input, .consult .syisform textarea{background: #fff;}
.consult .btn a{background: #e36500; border-radius: 0;}
.consult .btn a:hover{background: #000;}
.tips{margin-bottom: -10px;background: url("../images/tips_bg_24.jpg")no-repeat center;background-size: cover;}
.tips p{padding: 3em;transform: translateX(44%);font-size: 20px;width: 66%;}
.ContactInfo{padding: 5em 0;text-align: center;}
.ContactInfo .first{display: flex;justify-content: center;align-items: center;}
.ContactInfo .first span{text-align: left;color: #005bac;font-size: 45px;padding-left: 2%;font-weight: 700; line-height:1.3em;}
.ContactInfo .second{display: flex;justify-content: center;align-items: center;margin-top: 2%;}
.ContactInfo .second a{background: #ff1f15;padding: 2% 10%;border-radius: 80px;}
.ContactInfo .second span{background: #ff1f15;font-weight: 700;font-size: 20px;color: #fff;}
.ContactInfo .second .big{font-size: 30px;}
.ContactInfo .second::after{content: '';background: url("../images/about_arrow_13.png")no-repeat center;width: 30px;height: 30px;position: relative;right: 6%;background-size: cover;}

.direction{padding: 5em 0;padding-top: 0;}
.HighLight{color: #423728;font-size: 35px;}
.direction .dtit{text-align: center;font-size: 30px;margin:0 auto;border-bottom: 2px solid #f7d480;width: 200px;padding-bottom: 10px;margin-bottom: 40px;}
.direction .iconZone {text-align: center;transform: translateX(2%);}
.direction .iconZone .card{padding: 3% 0;}
.direction .iconZone h2{color: #e36500;}

.direction .iconZone p{font-weight:600; margin: 0;font-size: 13px; width: 80%; line-height:1.3em;}
.direction .iconZone .cont::after {
	content: "";
    background: #efefef;
    display: block;
    width: 129%;
    height: 1px;
    position: relative;
    left: -45%;
    transform: translateY(17px);
}
.direction .iconZone .page.block{max-width: 1000px;}
.direction .iconZone .cont{text-align: left;padding-left: 4%;}
.BarZone{margin: 3em 0;}
.BarZone i{transform: translateY(1px);}
.BarZone .pic{text-align: center;}
.BarZone .pic img{width: 50%;}
.BarZone .card p{font-size: 15px;}
/*.BarZone .card{background: #f8f8f7;}*/
.BarZone .con{padding: 0 10%;line-height: 160%;font-size: 15px;background: #f8f8f7;min-height: 200px;display: flex;align-items: center;border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;}
.BarZone .dtit{text-align: center;font-size: 30px;margin:0 auto;border-bottom: 2px solid #f7d480;width: 200px;padding-bottom: 10px;margin-bottom: 2em;}
.BarZone .col-4:nth-of-type(2){border-left: 2px solid #fff;border-right: 2px solid #fff;}
.Bar{align-items: center;padding: 0 2%;}
.Bar .tit{text-align: center;color: #fff;background: #e36500;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.QAZone{background: url("../images/check_qa_15.jpg")no-repeat center;background-size: cover;}
.QAZone .dtit{text-align: center;font-size: 30px;margin:0 auto;margin-bottom: 1em;}
.QAZone .MainZone{background: rgba(255,255,255,0.7);padding-top: 5em;}
.syisfaq{padding-bottom: 5%;}
.syisfaq .qq{background: none;border-bottom: 1px solid #f7d480;padding: 1em 0;}
.syisfaq li{padding: 2px 10px;}
.syisfaq .FAQ .arrow{position: relative;left: 97%;transform: translateY(-40px);display: block;color: #e8e5de;width: 5px;height: 5px;}
.syisfaq .FAQ .active i{transform: rotate(180deg); }
.fa-circle:before{color: #e8e5de;}
.blue{color: #e36500;font-size: 20px;}
.check-top .cont{padding-left: 5%;}



/*slick*/
button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
    left: -40px;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    border: 2px solid #000;
    border-right: 0;
    border-top: 0;
}
.next-arrow{
    right: -40px;
    width: 30px;
    height: 30px;
    transform: rotate(225deg);
    border: 2px solid #000;
    border-right: 0;
    border-top: 0;
}
.cos .slick-initialized .slick-slide{transform: translateX(13%);}





/*fixedbtn*/
.phone {
    position: fixed;
    right: 1em;
    z-index: 100;
    bottom: 20%;
    padding: 1em 0;
}
.line {
    position: fixed;
    right: 1em;
    z-index: 100;
    bottom: 10%;
    padding: 1em 0;
}


/*貸款試算*/
.d-area3 {padding: 3em 0;}
.d-area3 .tit{text-align: center;font-size: 30px;}
.d-area3 ul{width: 100%;padding: 0;margin: 0;list-style: none;float: left;border-bottom: 1px solid #60503a;}
.d-area3 ul li {width: 33.333333%;position: relative;display: block;float: left;top: 0px;}
.d-area3 ul li a{font-size: 20px;margin-top: -8px;color: #fff;background: #60503a; padding: 14px 0;text-decoration: none;text-align: center;margin: 0 1px 0 0;position: relative;display: block;border-top-left-radius: 3px;border-top-right-radius: 3px;transition: all 0.2s ease-in 0s;
}
.d-area3 ul li a:hover{background: #000;color: #fff;}
.d-area3 .col-12 h4{text-align: center;font-size: 30px;font-weight: normal;color: #60503a;margin: 0px;padding-bottom: 15px;}
.d-area3 .col-12 p.center{text-align: center;}
.d-area3 .col-12 p{color: #000;}
.count {padding: 2em 0;box-shadow: 
rgba(0, 0, 0, 0.1)
0px 4px 12px;}
.count .page{max-width: 500px;}
.computer {padding: 0.5em 0;}
.computer p.left, .add p.left {margin: 6px 0;padding-right: 5px;float: left;text-align: right;}
.computer input {
    width: 80%;
    font-family: "Times New Roman",serif;
    font-size: 24px;
    color: #333;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
    transition: border .25s linear,color .25s linear,background-color .25s linear;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    float: left;}
.computer p.right, .add p.right {margin: 6px 0;padding-left: 5px;float: left;text-align: left;}
.computer a {background: #e36500;color: #fff;padding: 0.5em 2em;display: inline-block;}
/*-----------*/

.dedit1, .dedit2{padding:50px 0;}
.dedit1 .list .frm{background:#3e5265;border-bottom: 5px solid #ffb477;}
/*.dedit1 .list .frm:hover{border-bottom:3px solid #14549b;}*/
.dedit1 .list section{text-align:center; padding:1em;background: url("../images/bbg_06.jpg");}
.dedit1 .list h3.subject{font-size:14px; font-weight:bold; color:#000; line-height:160%; letter-spacing:1px;}
.dnews{padding:50px 0;}
.dedit1 .dtit, .dnews .dtit{color:#000; font-size:22px; letter-spacing: 1px; position:relative; text-align: center; margin-bottom:50px;}
.dedit1 .dtit::before, .dnews .dtit::before{content:""; width:2em; height:2px; background:#ffb477; display: block; position:absolute; bottom:-0.5em; left:50%; transform:translateX(-50%);}
.dedit2 .dtit, .dnews .dtit{color:#000; font-size:22px; letter-spacing: 1px; position:relative; text-align: center; margin-bottom:50px;}
.dedit2 .dtit::before, .dnews .dtit::before{content:""; width:2em; height:2px; background:#ffb477; display: block; position:absolute; bottom:-0.5em; left:50%; transform:translateX(-50%);}
.dnews .list figure, .dnews .list section{display:inline-block; vertical-align: top;}
.dnews .list figure{width:180px; padding:10px;}
.dnews .list section{font-size:13px; color:#000; line-height:180%; width:calc(100% - 180px);}
.dnews .list .more{color:#fb9107; font-size:15px; margin-top:1em;}
.dnews .list .more span{margin-left:1em;}
.dedit2{background:#fff6e6; background-size:cover; text-align: center;}
.dedit2 .list .frm{background:#fff;}
.dedit2 .list .subject{font-size:15px; color:#000; line-height:160%; letter-spacing: 1px;}
.dedit2 .list .innerhtml{font-size:13px; color:#666;}
/*news*/
.news .list .innerhtml{font-size:13px; line-height:160%;}
.news .list h3.subject{padding:0.5em 0;}
/*prolist*/
.prolist .list h3.subject{font-size:15px; font-weight:bold; text-align: center;}
/*download*/
.download{max-width:80%; margin-left:10%;}
.download .list{border-bottom:1px solid #ccc; padding:0;}
.download .list h3.subject, .download .list .more{display:inline-block;}
.download .list h3.subject{width:calc(100% - 5em);}
.download .list .more{width:5em; text-align: right;}
.download .list .more span{display:inline-block; border-radius: 1em; color:#fff; background:#666; font-size:13px; padding:3px 0.5em;}
.download .list .frm:hover .more span{background:#ff9933;}

/*check*/
.check-top{padding: 5em 0;line-height: 160%;}
.check-top .cont{padding:0 5%;}
.check-top h2{font-size: 20px; color: #423728;font-weight: bolder; line-height:1.3em;}
.check-top h2:nth-of-type(2){margin-top: 40px;}
.check-top p{font-size: 15px;line-height: 160%;}
/*fixedbtn*/
.fixedbtn{position:fixed; bottom:15vh; right:1%; width:48px; height:auto; z-index: 400;}
.fixedbtn a{display:inline-block; width:48px; height:48px; overflow: hidden; text-align:center; border-radius:100%; }
.check-top h2{font-size: 35px; line-height:1.3em;}


@media screen and (max-width:1286px){/*desktop*/
	#defaultimg .mask{bottom: 33%;}
	.About_detail > .page .cos .slick-initialized .slick-slide{transform: translateX(0%);}
	.About_detail > .page .cos .page{max-width: 80%;}
	.syisnav li{margin-right: 2em;}
	.syisnav li:last-of-type{margin-right: 0;}
	.page{padding:0 2%;}
	.logo{width: 50%;}
	.nav{text-align:center;}
	.syisnav li a{padding-left:0.3em; padding-right:0.3em; font-size:15px;}
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
	.check-top h2{font-size: 30px;}
	.feature .card{height: auto;}
	.ContactInfo .second::after{width: 20px;height: 20px;}
	.tips{background: url("../images/Tips-Mbg.jpg")no-repeat center;background-size: cover;}
	.tips p{font-size: 20px;transform: translateX(34%);}
	.syisnav li{margin-right: 0;}
	#header{padding-bottom:0;}
	
	.searcharea input{width:5em;}
	/*list*/
	.list.imgl figure{width:180px;}
	.list.imgl section{width:calc(100% - 200px);}
}
@media screen and (max-width:767px){/*phone*/
/*
	.FAQ .aa{display: none;}
	.FAQ .show .aa{display: block;}
	.syisfaq .FAQ i{transform: rotate(180deg);}
	.syisfaq .FAQ .active i{transform: rotate(0);}
*/
	.nav{margin-top:0;}
	.check-top h2{font-size: 25px;}
	#footer .footer_logo{transform: translateY(0);}
	.syisfaq .aa{padding: 0 3%;}
	.direction .iconZone{transform: translateX(0);}
	.direction .iconZone h2{font-size: 20px;margin-bottom: 5px;}
	.direction .iconZone p{width: 95%;}
	.Bar{margin: 3% 0}
	.direction .iconZone .cont::after{display: none;}
	.direction .iconZone .card{border-bottom: 1px solid #f7d480;}
	.d-area3{padding-top: 0;}
	.compare, .process, .serv, .feature, .cos{padding: 2em 0;}
	.consult{padding-top: 2em;padding-bottom: 0;}
	.d-area3 ul li a{font-size: 15px;}
	.cos{padding: 2em 0;}
	.ContactInfo{padding: 2em 0;}
	.ContactInfo .second::after{right: 9%;}
	.ContactInfo .first span{font-size: 30px;}
	.ContactInfo .second .big{font-size: 25px;}
	.cos img{width: 50%;margin: 0 auto;}
	.cos {text-align: center;}
	.prev-arrow{left: -25px;}
	.next-arrow{right: -25px;}
	#footer .hotline{border-bottom: 1px solid #fff;margin-bottom: 10px;}
	.compare .ll .col-12:nth-of-type(3){margin-bottom: 7%;}
	.tips p{font-size: 15px;padding: 5%;}
	.check-top{padding: 2em 0;}
	.check-top .pic img{width: 100%;}
	.syisfaq .aa{line-height: 160%;}
	.process .icon h2{font-size: 20px;}
	.phone, .line{right: 0;}
	.phone{bottom: 22%;}
	.QAZone .dtit{margin-bottom: 0;}
	.QAZone .MainZone{padding-top: 2em;}
	.ContactInfo{padding: 3em 0;}
	.process .icon{padding: 0;margin: 0;}
	.process .button .col-6{text-align: center;padding:10px;}
	.dabout .ll{width: 100%;}
	.menu{left: 175%;transform: translateY(-45%);}
	#header .top .rr{display: none;}
	#header .top .ll{width: 100%;}
	#header .top .ll .logo{padding-bottom: 0;}
	#footer .fline{display: none;}
	#footer .fnav{width: 50%;}
	#footer .hotline{padding-left: 0;}
	.dabout .dtit{text-align: center;}
	.dabout .dtit::after{position: relative;left: 39%;}
	.dabout .more{width: 100%;margin: 0 auto;}
	.side, .main{padding:1em 0;}
	#header{box-shadow:0 5px 10px rgba(0,0,0,0.3); padding-top:10px; padding-bottom:0;}
	.pulldownlist.show{display:none;}
	.syisnav{transform:translateY(0);}
	.syisnav li a{padding: 1em 0; text-align: center;}
	.syisnav li{ border-bottom:1px solid #666; text-align: center;}
	.page{padding:0 3%;}
	.syistop{width:100%; text-align:center; border-radius:0; background:#ccc; padding:0.3em 0;}
	.syistop a{padding-right:0px;}
	.searcharea input{width:20em;}
	/*subnav*/
	.subnav ul li{padding:0;}
	#defaultimg .mask{font-size:200%;}
	#footer, #footer .navb, .sociallink{text-align:center;}
	#footer .footer_logo img{width: 194px;}
	/*--list default setting--*/
	.list, .list .frm{padding:5px;}
	.dabout .ll{padding-right:0;}
	.dabout::after{width:100%; position:static;}
	.dnews .list figure, .dnews .list section{width:100%; padding:0 1em;}
	.dedit2 .page{padding:0 20px;}
	/*download*/
	.download{max-width:100%; margin-left:0%;}
	.feature .col-3 {padding: 1%;}
	.process .button img {width: 8%;}
	.process .col-2 img{width: 60%;}
	.process .button .col-6 a{padding: 8px 0;}
	.BarZone .con{min-height: 100px;}
	.bottomBTN{display: block;}
	
}