﻿.support-title-area{background-image:url('../../Images/Common/banner-support-w.png');padding:70px 0;background-position:center center;background-size:100% 100%}
.support-content{padding:52px 0 80px}
.link-area a{height:112px;width:33%;padding:32px;position:relative;font-size:24px;font-weight:600;line-height:1.5}
.link-area a:after{position:absolute;right:32px;background-size:43px 32px;width:43px;height:32px}
.link-area a:not(:first-child){margin-left:20px}
.link-area .icon-link{width:48px;height:48px;margin-right:20px;vertical-align:middle}
.link-area .icon-link.icon-link1{content:url('../../Images/Icon/icon-two-color-progress.svg')}
.link-area .icon-link.icon-link2{content:url('../../Images/Icon/icon-two-color-password.svg')}
.link-area .icon-link.icon-link3{content:url('../../Images/Icon/icon-two-color-location.svg')}
.support-content .tab-header{margin-top:76px}
.support-content .tab-header-left{background-image:linear-gradient(to right,#f9fbff 74%,rgba(249,251,255,0))}
.support-content .tab-header-right{background-image:linear-gradient(to left,#f9fbff 74%,rgba(249,251,255,0))}
.problem-area{margin-top:32px}
.problem-area .problem-header{margin-top:12px;padding:12px 20px;background-color:#fff}
.problem-area .problem-header .problem-header-q{margin-right:13px}
.problem-area .problem-header .problem-header-name{margin-right:44px}
.problem-area .problem-content{padding:12px 50px;background-color:#e6ebf5;color:#455061}
.other-area{text-align:center;background-image:url('../../Images/Common/bg-support-f-w.png');background-position:center center;background-size:100% 100%}
.other-area .line{width:1px;height:154px;border:solid 1px #d9dde3}
.other-area .other-item{padding:80px 0;width:50%;background-repeat:no-repeat;background-size:auto 100%}
.other-area .other-item>.h4{margin-top:8px;margin-bottom:20px}
.other-area .other-item .btn{width:216px;height:48px;margin:0 auto;font-size: 20px;font-weight: 600;line-height: 1.5}
.content-text {font-size: 14px;font-weight: normal;line-height: 1.57}

/****** RWD Setting ******/
@media screen and (max-width:767px){
.support-content{padding:32px 0 44px}
.link-area a{height:116px;padding:20px 17px;font-size:18px;font-weight:600;line-height:1.56}
.link-area a:not(:first-child){margin-left:12px}
.link-area .icon-link{width:36px;height:36px;margin-right:0;margin-bottom:12px;display:block;width:100%}
.link-area a:after{display:none}
.support-content .tab-header{margin-top:40px}
.problem-area{margin-top:20px}
.problem-area .problem-content{padding:12px 12px}
.other-area{background-image:none}
.other-area div{display:block}
.other-area .line{width:100%;height:1.1px;margin-top:16px}
.other-area .other-item{width:100%}
.other-area .other-item1{background-image:url('../../Images/Common/bg-support-top-m.png');background-position:top left;padding:44px 0 16px 0}
.other-area .other-item2{background-image:url('../../Images/Common/bg-support-bottom-m.png');background-position:bottom right;padding:44px 0 44px 0}
.other-area .other-item>.h4{margin-top:4px;margin-bottom:12px}
.other-area .other-item .btn{width:100%;height:44px;font-size: 20px;font-weight: 600;line-height: 1.4}
.content-text {font-size: 14px;font-weight: normal;line-height: 1.71}
}

