html{font-size: 10px;}
body:before {content: '';position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.2);width: 100vw;height: 0;overflow: hidden;-webkit-transition: height 0s linear 0.5s;-o-transition: height 0s linear 0.5s;transition: height 0s linear 0.5s;z-index: 100;}
body.mask-linear:before {height: 100vh;-webkit-transition: none;-o-transition: none;transition: none;}
@media screen and (min-device-width: 1025px) {
  body {min-width: 1200px;}
}
@media screen and (max-device-width: 1024px) {
  body {min-width: 320px;}
}
/*##################### =S Common Layout  #####################*/
.stm-header .search-con{display: none;}
.global_container{max-width: 1320px;margin: 0 auto;padding: 0 10px;}
.wrapper1440 .global_container, .wrapper1440 .global_center{max-width: 1440px;margin-left: auto;margin-right: auto;}
/* Pagination */
.global_pagination{width: 80%;margin: 30px auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-around;justify-content: space-around;-webkit-box-align: center;-webkit-align-items: center;align-items: center;font-size: 1.4rem;}
.global_pagination .pageBtn{border: 1px solid #eee;padding: 0 17px;height: 31px;line-height: 31px;border-radius: 3px;color: #000;min-width: 6em;text-align: center;}
.global_pagination .pageBtn_dis{background-color: #eee;color: #ccc;cursor: default;}
@media screen and (max-width:1460px) {
  .wrapper1440 .global_center{margin-left: 12px;margin-right: 12px;}
}
/*##################### =E Common Layout  #####################*/
/*##################### =S Nav  #####################*/
.global_navWrap{display:inline-block;}
.global_navWrap .menu{display:inline-block;/*padding:25px 20px;*/padding:10px;display:none;}
.global_navWrap .ico_nav{width:24px;height:20px;background-position:0 0;background:url(./images/STANDARDGS_SPRITE.png) no-repeat 0 0; display:inline-block; vertical-align:middle; line-height:1;}
.global_navWrap.on .ico_nav{background-position: -30px 0;height: 18px;width: 20px;}
.global_navWrap .ico_nav{cursor:pointer;}
.global_nav{position:absolute;bottom:0;right:20px;font-size:1.6rem;}
.global_nav a,.global_nav a:visited,.global_nav a:hover{color:#000;}
.global_nav .item{float:left;position:relative;vertical-align:top;top:2px;}
/* .global_nav .item:after{content:'';width:0;height:1em;border-right:1px solid #ccc;position:absolute;left:0;top:0;} */
.global_nav .item:first-child:after{display:none;}
.global_nav .listTit{padding:0 18px 13px;line-height:25px;display:block;border-bottom:2px solid transparent;cursor: pointer;}
.global_nav .downArrow,.global_nav :hover .downArrow{margin-left:5px;vertical-align:middle;border-top-color:#ccc;border-width: 4px;}
.global_nav .list{display:none;position:absolute;top:36px;right: -15px;z-index:100;background:#fff;background:rgba(255, 255, 255,.97);font-size: 0.875em;width:17em;border: 1px solid rgba(0,0,0,.15);border-radius: 0 0 4px 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.global_nav .list a{padding:5px 15px 5px 10px;display:block;position:relative;}
.global_nav .list a[href='javascript:;']{cursor: default;}
.global_nav .list a:hover{background-color:#eee;color:#c00;}
.global_nav .listSub{position:absolute;top:0;left:100%;background:#fff;background:rgba(255, 255, 255,.97);width:14em;box-shadow:6px 0 6px rgba(0,0,0,.0875), 6px 9px 6px rgba(0,0,0,.0875);display:none;}
.global_nav .itemSub,.global_nav .listTitSub{position:relative;}
.global_nav .itemSub:after{content:'';width:0;height:0;font-size:0;line-height:0;border:5px dashed transparent;zoom:1;display:inline-block;vertical-align:middle;overflow:hidden;border-left:4px solid #ccc;position:absolute;right:5px;top:12px;}
.global_nav .ico_faceBook{vertical-align:middle;margin-left:5px;}
.global_nav .linkedNewInIco{vertical-align:middle;margin-left:5px;}
/* .global_nav .cur .listTit{border-bottom-color:#c00;color:#c00;}
.global_nav .cur .downArrow{border-top-color:#c00;} */
.global_nav .cur>.list{display:block;}
.global_nav .cur>.listSub{display:block;}
.global_nav .itemSub.cur:after{border-left-color:#c00;}
@media screen and (max-width:1200px) {
  /* .global_nav{font-size:1.167em;}
  .global_nav .item:after{top:5px;}
  /* .global_nav .listTit{padding:0 6px 13px;} */
}
@media screen and (max-device-width: 1024px) {
  .global_navWrap .menu{display:block;position:absolute;right:-1px;bottom:0;}
  .global_nav{top:100%;bottom:initial;right:0;width:100%;font-size:1.5rem;background:#f0f0f0;z-index:100;display:none;box-shadow:0 2px 2px rgba(0,0,0,.2);}
  .global_nav a:hover{color:#000;}
  .global_nav .item{float:none;display:block;top:0;}
  .global_nav .listTit{border-bottom:1px solid #fff !important;padding:8px 10px;position:relative;}
  .global_nav .downArrow{position:absolute;right:4%;top:40%;}
  .global_nav .list{width:100%;position:static;background:none;border: 0;border-bottom:1px solid #fff;box-shadow:none;}
  .global_nav .list a{padding:8px 10px 8px 25px;}
  .global_nav .cur .listTit{color:#000;}
  .global_nav .listSub{width:100%;position:static;background:none;box-shadow:none;}
  .global_nav .listSub a{padding:8px 10px 8px 45px;font-size:0.9em;}
  .global_navWrap.on .menu{background:#f0f0f0;cursor:pointer;}
  .global_navWrap.on .global_nav{display:block;}
	.navMobile{display:none;}
}
/*##################### =E Nav  #####################*/
/*##################### =S Mini Site Header  #####################*/
.global_sitehead .global_center{position: relative;}
.global_sitehead .global_center:after{content:'';display: block;clear: both;}
.global_sitehead .logo{padding: 15px 0 15px 10px;float: left;}
.global_sitehead .lang{float: right;font-size:1.4em;margin: 20px 0 6px;}
.global_sitehead .lang>a{margin: 0 10px;color: inherit;}
.global_sitehead .global_navWrap{float:right;}
@media screen and (max-device-width: 1024px) and (max-width:768px) {
  .global_sitehead .global_center{margin: 0 8px;}
  .global_sitehead .lang{display: none;}
  .global_sitehead .logo{padding: 5px 0 5px 10px;}
  .global_sitehead .showlogo{max-width: 200px;max-height: 44px;width: auto;}
}
@media screen and (max-device-width: 1024px) and (max-width:640px) {
  .global_sitehead .logo{max-width: 120px;}
}
/*##################### =E Mini Site Header  #####################*/
/*##################### =S Crumbs  #####################*/
.global_crumbs{font-size: 1.6rem;color: #333;margin-top: 10px;margin-bottom: 15px;}
.global_crumbs .link{color: #06c;}
.global_crumbs .seoh1, .global_crumbs .seoh2{display: inline-block;font-size: inherit;}
@media screen and (max-device-width: 1024px) and (max-width:768px) {
.global_crumbs{display: none;}
}
/*##################### =E Crumbs  #####################*/
/* .match_logo{background: url(./images/MATCH_SPRITE.png) no-repeat 0 0;display: inline-block;vertical-align: middle;line-height: 1;text-indent: -999em;color: transparent;font-size: 0;width: 152px;height: 77px;}
.match_logo_en{background-position: 0 0;}
.match_logo_zh{background-position: -160px 0;}
.match_logo_tw{background-position: -320px 0;}
@media screen and (max-device-width: 1024px) {
  .match_logo{width: 114px;height: 58px;background-size: 360px auto;}
  .match_logo_en{background-position: 0 0;}
  .match_logo_zh{background-position: -120px 0;}
  .match_logo_tw{background-position: -240px 0;}
}
@media screen and (max-device-width: 1024px) and (max-width:640px) {
  .match_logo{width: 95px;height: 48px;background-size: 300px auto;}
  .match_logo_en{background-position: 0 0;}
  .match_logo_zh{background-position: -100px 0;}
  .match_logo_tw{background-position: -200px 0;}
} */
.match_logo{width: 152px;height: auto;}
@media screen and (max-device-width: 1024px) {
  .match_logo{width: 114px;}
}
@media screen and (max-device-width: 1024px) and (max-width:640px) {
  .match_logo{width: 95px;}
}
.global_crumbs{margin: 1em 0;}
.match_pagetit{font-size: 2.8rem;font-weight: 700;text-align: center;margin: 1em 0;}
@media screen and (max-device-width: 1024px) and (max-width: 720px){
  .match_pagetit{font-size: 2.2rem;}
}

.match_banner {position: relative;font-size: 1rem;box-shadow:0 6px 16px -9px #333333;}
.match_banner .item {width: 100%;}
.match_banner .img {display: block;width: 100%;}
.match_banner .txt {width: 100%;height: 100%;position: absolute;top: 0;}
.match_banner .circles {position: absolute;text-align: center;width: 100%;z-index: 5;bottom: 3%;font-size: 10px;}
.match_banner .circlescon {display: inline-block;padding: 0.4em;line-height: 1;}
.match_banner .circle {display: inline-block;vertical-align: top;width: 36px;height: 6px;background: #fff;margin: 0 0.4em;cursor: pointer;}
.match_banner .circle.cur {background-color: #d8d8d8;}
.match_banner.disabled .circles{display: none;}
.match_sec{padding: 40px 0;}
.match_sectit{font-size:3.2rem;text-align:center;line-height: 1.2;padding:0 0 1em;color: #c00;position: relative;}
.match_sectit:after{content: "";position: absolute;left: 50%;bottom: 0.3em;transform: translate(-50%,-50%);width: 182px;height: 8px;border-radius: 25px;background-color: rgb(188,122,130);}
@media screen and (max-device-width: 1024px){
  .match_sectit{font-size:2.4rem;}
}
.match_intro{background-color: rgb(234, 234, 234);text-align: center;padding: 40px 0;font-size: 1rem;}
.match_intro .row{font-size: 1.6rem;text-align: left;line-height: 1.5;margin-top: 1.25em;}
.match_intro .row:first-of-type{margin-top: 0;}
.match_video{text-align:center;padding-bottom:0;}
.match_video video{width:96%;max-width:800px;}
.match_utilize .intro{font-size: 2.7rem;text-align: center;}
.match_utilize .con:after{content:'';display: block;clear: both;height: 0;}
.match_utilize .img{width: 40%;display: inline-block;text-align: center;margin-top: 15px;box-sizing: border-box;padding: 0 1%;}
.match_utilize .img img{max-width: 90%;height: auto;}
.match_utilize .info{width: 30%;display: inline-block;vertical-align: top;font-size: 1.6rem;margin-top: 2.5em;}
.match_utilize .info.L{float: left;}
.match_utilize .info.R{float: right;}
.match_utilize .desc{margin-bottom: 3.125em;}
.match_utilize .desc p{font-weight: 700;}
.match_utilize .desc span{line-height: 23px;}
@media screen and (max-device-width: 1024px){
  .match_utilize .intro{font-size: 1.6rem;}
  .match_utilize .info{font-size: 1.6rem;width: 100%;float: none !important;margin-top: 1.5em;}
  .match_utilize .desc{margin-bottom: 1em;}
  .match_utilize .img{margin: 20px auto;width: 100%;display: block;max-width: 420px;}
  .match_utilize .img img{margin: 0 auto;}
}
.match_why{background-color: #eaeaea;font-size: 1rem;}
.match_why:after{content: '';clear: both;display: block;height: 0;}
.match_why .con{width: 50%;float: left;box-sizing: border-box;font-size: 1.6rem;}
.match_why .con.L{padding-right: 4%;}
.match_why .intro{margin-bottom: 2em;text-align: center;}
.match_why .intro em{font-weight: 700;}
.match_why .catecon{position: relative;margin: 0 20px 60px;max-width: 720px;}
.match_why .cateimg{margin: 0 auto;display: block;max-width: 100%;}
.match_why .catetxt{position: absolute;font-size: 1.125em;text-shadow: 0 0 2px #fff,0 0 5px #eaeaea;}
.match_why .catetxt em{display: block;font-weight: 600;}
.match_why .catetxt0{top: 6%;left: 0;}
.match_why .catetxt1{top: 67%;left: 0;}
.match_why .catetxt2{top: 35%;right: 0;}
.match_why .catetxt3{top: 98%;right: 0;}
.zh .match_why .catetxt0, .tw .match_why .catetxt0{top: 6%;left: 8%;}
.zh .match_why .catetxt1, .tw .match_why .catetxt1{top: 67%;left: 8%;}
.zh .match_why .catetxt2, .tw .match_why .catetxt2{top: 5%;right: 1%;}
.zh .match_why .catetxt3, .tw .match_why .catetxt3{top: 67%;right: 2%;}
.match_why .point{width: 49.5%;display: inline-block;vertical-align: top;margin-top: 2em;}
.match_why .point:nth-child(-n+2){margin-top: 0;}
.match_why .point:after{content: '';clear: both;display: block;height: 0;}
.match_why .picon{width: 72px;height: 72px;background-image: url(./images/MATCH_SPRITE.png);background-repeat: no-repeat;display: inline-block;font-size: 0;float: left;}
.match_why .icon_0{background-position: 0 -80px;}
.match_why .icon_1{background-position: -80px -80px;}
.match_why .icon_2{background-position: -160px -80px;}
.match_why .icon_3{background-position: -160px -80px;}
.match_why .icon_4{background-position: -240px -80px;}
.match_why .icon_5{background-position: -320px -80px;}
.match_why .pdesc{overflow: hidden;padding: 0 15px 0 10px;}
.match_why .pdesc>p{font-weight: 700;font-size: 1.125em;}
@media screen and (max-device-width: 1024px){
  .match_why .con, .match_why .con.L{float: none;width: 100%;margin-bottom: 40px;padding-right: 0;}
  .match_why .con:last-child{margin-bottom: 0;}
  .match_why .catecon{margin: 0 auto 60px;}
}
@media screen and (max-device-width: 1024px) and (max-width: 720px){
  .match_why .intro{margin-bottom: 0;}
  .match_why .point, .match_why .point:nth-child(-n+2){width: 94%;margin: 2em 3% 0;}
  .match_why .catecon{margin: 90px auto 100px;max-width: 480px;}
  .match_why .catetxt{width: 130px;}
  .match_why .catetxt em{margin-bottom: 0.3em;line-height: 1.2;}
  .match_why .catetxt0, .zh .match_why .catetxt0, .tw .match_why .catetxt0{bottom: 98%;left: 0;top: auto;}
  .match_why .catetxt1, .zh .match_why .catetxt1, .tw .match_why .catetxt1{top: 100%;left: 0;}
  .match_why .catetxt2, .zh .match_why .catetxt2, .tw .match_why .catetxt2{bottom: 98%;right: 0;top: auto;}
  .match_why .catetxt3, .zh .match_why .catetxt3, .tw .match_why .catetxt3{top: 100%;right: 0;}
}
.match_btnsec{text-align: center;}
.match_btnsec > a{margin: 0 10px;}
.match_button, .match_button:hover, .match_button:visited{font-size: 2rem;padding: 0.4em 1.2em;color: #fff;background: #c00;line-height: 1.2;border-radius: 1.1em;display: inline-block;}
.match_button:hover{box-shadow: 3px 3px 6px rgba(0,0,0,.3);opacity: 0.95;}
.match_button2, .match_button2:hover, .match_button2:visited{font-size: 2rem;padding: 0.4em 1.2em;color: #fff;background: #474545;line-height: 1.2;border-radius: 1.1em;display: inline-block;}
.match_button:hover{box-shadow: 3px 3px 6px rgba(0,0,0,.3);opacity: 0.95;}

.match_buysec{padding: 40px 0;}
.match_buytit{font-size: 2.2rem;font-weight: 700;text-align: center;margin-bottom: 2em;}
@media screen and (max-device-width: 1024px) and (max-width: 640px){
  .match_buysec{padding: 15px 0;}
  .match_buytit{margin-bottom: 1em;}
}
.match_buybanner{border-top: 10px solid #6b69a8;border-bottom: 10px solid #6b69a8;background-image: linear-gradient(90deg, #fff, #fff 60%, #6b69a8 60%, #6b69a8 100%);font-size: 1rem;}
.match_buybanner .global_center:after{content: '';clear: both;display: block;height: 0;}
.match_buybanner .info{width: 50%;padding-right: 7%;float: left;font-size: 2rem;color: #524eab;line-height: 1.5;box-sizing: border-box;}
.match_buybanner .tit{font-size: 1.5em;font-weight: 700;margin-top: 4.5%;line-height: 1.2;;}
.match_buybanner .tit:after{width:36px;height:8px;content:'';background-color:#8d5499;display: block;border-radius: 4px;margin-top: 0.6em;}
.match_buybanner .img{width: 50%;float: right;margin: -10px 0;}
.match_buybanner .desc{margin-top: 1.5em;}
@media screen and (min-device-width: 1025px) and (max-width: 1366px){
  .match_buybanner .tit{font-size: 1.25em;}
}
@media screen and (max-device-width: 1024px){
  .match_buybanner{background-image: none;}
  .match_buybanner .global_center{margin: 0;}
  .match_buybanner .info{width: 100%;padding: 0 10% 5%;}
  .match_buybanner .img{width: 100%;}
}
@media screen and (max-device-width: 1024px) and (max-width: 720px){
  .match_buybanner .tit{font-size: 1.125em;}
  .match_buybanner .info{font-size: 1.6rem;padding: 0 12px 30px;}
}

.match_buymap .map{text-align: center;font-size: 1rem;}
.match_buymap .mapcon{display: inline-block;position: relative;}
.match_buymap .img{max-width: 100%;height: auto;}
.match_buymap .points .point{position: absolute;font-size: 1.4rem;}
.match_buymap .points .dot{position: absolute;right: 100%;bottom: 5px;font-size: 1.286em;font-weight: 700;white-space: nowrap;}
.match_buymap .points .point:before{content:'';width: 32px;height: 52px;background-image: url(./images/MATCH_SPRITE.png);background-repeat: no-repeat;display: inline-block;cursor: pointer;}
.match_buymap .points .list{position: absolute;left: 40px;top: 0;background-color: #fff;padding: 10px;width: 250px;text-align: left;box-shadow: 0 0 5px rgba(0,0,0,.2);transform: translateY(-35%);display: none;}
.match_buymap .points .list:before{content:'';position: absolute;width: 10px;height: 100%;background-color: transparent;left: -10px;top:0;}
.match_buymap .points .point:hover .list{display: block;z-index: 50;}
.match_buymap .points .col, .match_buymap .points .col-full{display: inline-block;width: 49%;vertical-align: top;list-style: disc outside none;box-sizing: border-box;padding-left: 15px;}
.match_buymap .points .col-full{width: 100%;}
.match_buymap .points li{margin-bottom: 0.1em;}
.match_buymap .point1{left: 51.8%;top: 19%;color: #874ea9;}
.match_buymap .points .point1:before{background-position: 0 -160px;}
.match_buymap .point2{left: 12.5%;top: 21%;color: #524eab;}
.match_buymap .points .point2:before{background-position: -40px -160px;}
.match_buymap .point3{left: 76%;top: 24%;color: #588894;}
.match_buymap .points .point3:before{background-position: -80px -160px;}
.match_buymap .point4{left: 30%;top: 61%;color: #314d5b;}
.match_buymap .points .point4:before{background-position: -120px -160px;}
.match_buymap .point5{left: 42.5%;top: 50%;color: #c00000;}
.match_buymap .points .point5:before{background-position: -160px -160px;}
.match_buymap .point6{left: 57%;top: 47%;color: #292834;}
.match_buymap .points .point6:before{background-position: -200px -160px;}
.match_buymap .point7{left: 86%;top: 68%;color: #736773;}
.match_buymap .points .point7:before{background-position: -240px -160px;}
.match_buymap .items{display: none;}
@media screen and (max-device-width: 1024px){
  .match_buymap .points .point{transform: scale(0.7,0.7);cursor:default;}
  .match_buymap .points .point:before{cursor:default;}
  .match_buymap .points .list{display: none !important;}
  .match_buymap .items{background-color: #eee;text-align: left;padding: 20px;font-size: 1.6rem;display: block;}
  .match_buymap .items .point{width: 39%;display: inline-block;vertical-align: top;margin: 0 0 25px 0;box-sizing: border-box;padding-left: 20px;}
  .match_buymap .items .point:nth-child(3n){width: 20%;}
  .match_buymap .items .dot{font-weight: 700;}
  .match_buymap .items .dot:before{content:'';width: 15px;height:15px;display: inline-block;margin: 0 0 0 -10px;background-color: currentColor;margin: 0 5px 0 -20px;}
  .match_buymap .items .col{width: 49%;display: inline-block;vertical-align: top;}
  .match_buymap .items li:before{content:'-';width: 10px;display: inline-block;margin: 0 0 0 -10px;}
}
@media screen and (max-device-width: 1024px) and (max-width: 700px){
  .match_buymap .points .point{transform: scale(0.4,0.4);}
  .match_buymap .items .point,.match_buymap .items .point:nth-child(3n){width: 49%;display: inline-block;vertical-align: top;}
  .match_buymap .items .point3,.match_buymap .items .point1{width: 100%;}
}
.match_buysay{font-size:1.8rem;position:relative;}
.match_buysay .list{list-style: none outside none;margin: 0;padding: 0;}
.match_buysay .item{margin-bottom:2em;}
.match_buysay .item.none{display:none;}
.match_buysay .item .photo{float:left;margin-right:0.6em;width: 100px;}
.match_buysay .item .photo > img{max-width:100%;border-radius:50%;height: auto;}
.match_buysay .item .con{overflow:hidden;padding-left:15px;}
.match_buysay .item:nth-child(2n-1) .con{padding-right: 7%;}
.match_buysay .item .desc{background-color:#EFF2EA;position:relative;padding:1.38em;min-height:50px;line-height:1.5;border-radius:5px;}
.match_buysay .item .desc:before{position:absolute;display:block;content:'';left:-20px;top:40px;height:0;font-size:0;border:10px solid transparent;border-right-color:#EFF2EA;}
.match_buysay .item .desc p{margin:0;}
.match_buysay .item .desc .tit{font-weight:700;}
.match_buysay .item .name{margin-top:0.8em;}
.match_buysay .item .name .tit{font-size:1.33em;font-weight:700;margin:0;}
.match_buysay .item .name .intro{margin:0;}
.match_buysay .moreBg{height:0;width:100%;position:absolute;bottom:69px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);text-align:center;display: none;}
.match_buysay .moreBg .bullets{width:7px;height:7px;border-radius:50%;background-color:#ccc;position:absolute;bottom:0;text-align:center;}
.match_buysay .moreBg .bullets:before, .match_buysay .moreBg .bullets:after{content:"";display:block;width:100%;height:100%;background-color:#ccc;position:absolute;border-radius:50%;}
.match_buysay .moreBg .bullets:before{top:-9px;}
.match_buysay .moreBg .bullets:after{bottom:-9px;}
.match_buysay .moreBox{text-align:center;width:100%;}
.match_buysay .moreBtn{display:inline-block;font-size:1em;min-width:10em;padding:0.8em 1.6em;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#333;text-align:center;}
.match_buysay .moreBtn:hover{background-color:#ddd;border:1px solid #bbb;}
.match_buysay .moreBtn .line_downArrow{display:inline-block;width:8px;height:8px;margin:0 0 3px 3px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);}
@media screen and (max-width:1200px) {
  .match_buysay{font-size: 1.6rem;}
}
@media screen and (max-device-width: 1024px) and (max-width:640px) {
  .match_buysay{font-size: 1.4rem;}
  .match_buysay .list > li:nth-child(2n-1) .con{padding-right: 0;}
  .match_buysay .list > li .photo{width: 50px;}
  .match_buysay .list > li .desc:before{top:15px;}
  .match_buysay .list > li .desc{padding: 0.5em;}
}

.match_source{font-size: 2rem;}
.match_source .con{display: flex;justify-content: space-between;max-width: 1250px;margin: 50px auto;padding: 0 20px;}
.match_source .icon{background-image: url(./images/MATCH_SPRITE.png);background-repeat: no-repeat;display: block;font-size: 0;margin: 35px auto 20px;}
.match_source .icon1{background-position: 0 -220px;width: 75px;height: 82px;}
.match_source .icon2{background-position: -80px -220px;width: 84px;height: 84px;}
.match_source .icon3{background-position: -170px -220px;width: 125px;height: 85px;}
.match_source .step{background-color: #474545;width: 24.5%;color: #fff;box-sizing: border-box;padding: 0 2% 20px;position: relative;background-image: linear-gradient(-45deg,#fff 1.5em, transparent 0);}
.match_source .step:after{content: '';background-position: -280px -160px;background-image: url(./images/MATCH_SPRITE.png);background-repeat: no-repeat;display: block;font-size: 0;position: absolute;right: 0;width: 65px;height: 32px;top: 35%;left: 118%;}
.match_source .step:last-child:after{display: none;}
.match_source .step2{background-color: #d1131d;}
.match_source .num{width: 1.7em;height: 1.7em;box-sizing: border-box;border: 3px solid #474545;color: #d1131d;font-size: 1.6em;text-align:center;border-radius: 50%;position: absolute;top: -0.625em;left: -0.625em;background-color: #b5b6b6;line-height: 1.5;}
.match_source .step2 .num{border-color: #d1131d;}
.match_source .intro{font-size: 1.2em;}
.match_source .cta{margin: 40px 0 80px;text-align: center;}
.match_source .cta>a{margin: 10px;}
@media screen and (max-device-width: 1024px){
  .match_source{font-size: 1.6rem;}
  .match_source .step{width: 28%;}
  .match_source .icon{transform: scale(0.8, 0.8);transform-origin: 0 0;margin-bottom: 0;}
  .match_source .step:after{transform: scale(0.5, 0.5);left: 105%;transform-origin: 0 0;}
}
@media screen and (max-device-width: 1024px) and (max-width: 640px){
  .match_source .con{display: flex;flex-flow: column wrap;justify-content: flex-start;align-items: center;margin: 25px auto 0;}
  .match_source .step{width: 100%;max-width: 400px;margin-bottom: 2em;padding: 0 12px 3em;}
  .match_source .step:after{display: none;}
}


.match_webinars{font-size: 1rem;}
.match_webinars .item{position: relative;margin-bottom: 40px;}
.match_webinars .item:after{content:'';display: block;clear: both;height: 0;}
.match_webinars .img{width: 29.2%;float: left;}
.match_webinars .con{width: 70%;float: right;font-size: 1.6em;box-sizing: border-box;padding: 0 0 1.5em 15px;}
.match_webinars .tit{font-size: 1.375em;font-weight: 700;margin-bottom: 0.5em;}
.match_webinars .date{padding-left: 25px;margin-bottom: 0.3em;}
.match_webinars .date:before{content:'';width: 20px;height: 18px;background-position:-350px -160px;background-image: url(./images/MATCH_SPRITE.png);background-repeat: no-repeat;display: inline-block;font-size: 0;margin: 0 5px 0 -25px;vertical-align: text-bottom;}
.match_webinars .speakers{padding-left: 25px;}
.match_webinars .speakers .lab:before{content:'';width: 20px;height: 18px;background-position:-370px -160px;background-image: url(./images/MATCH_SPRITE.png);background-repeat: no-repeat;display: inline-block;font-size: 0;margin: 0 5px 0 -25px;vertical-align: text-bottom;}
.match_webinars .speaker{display: block;margin-bottom: 0.3em;}
.match_webinars .lab{float: left;margin-right: 5px;}
.match_webinars .val{overflow: hidden;}
.match_webinars .cta{position: absolute;bottom: 0;}
.match_webinars .link{color: #06c;}
.match_webinars .moreBox{text-align:center;width:100%;font-size: 1.8em;margin: 2em auto 4em;}
.match_webinars .moreBtn{display:inline-block;font-size:1em;min-width:10em;padding:0.8em 1.6em;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#333;text-align:center;}
.match_webinars .moreBtn:hover{background-color:#ddd;border:1px solid #bbb;}
.match_webinars .moreBtn .line_downArrow{display:inline-block;width:8px;height:8px;margin:0 0 3px 3px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);}
@media screen and (max-device-width: 1024px){
  .match_webinars .img{max-width: 420px;width: 100%;}
  .match_webinars .con{width: 100%;padding: 1em 0 1.5em 0;}
}
@media screen and (max-device-width: 1024px) and (max-width: 640px){
  .match_webinars .tit{font-size: 1.125em;}
}

.match_webinarbanner{height: 380px;background-position: center center;}
@media screen and (max-device-width: 1024px){/*valid area in all screen: 1000px */
  .match_webinarbanner{height: 243px;background-size: auto 100%;}
}
@media screen and (max-device-width: 1024px) and (max-width: 640px){
  .match_webinarbanner{height: 142px;background-size: auto 100%;}
}

.match_webinarreg{padding: 40px 0 0;border-bottom: 1px solid #ccc;margin-bottom: 60px;font-size: 1rem;}
.match_webinarreg .tit{font-size: 2.2em;font-weight: 700;text-align: center;}
.match_webinarreg .date, .match_webinarreg .time{font-size: 1.4em;text-align: center;margin: 0.6em 0;}
.match_webinarreg .desc{font-size: 1.6em;}
.match_webinarreg .txt{margin: 1em 0;line-height: 1.5;text-align: left;}
.match_webinarreg ul.dot > li{list-style: disc;margin-left: 20px;padding-left: 10px;}
.match_webinarreg ul.dot > .dot_tit{font-weight:500;list-style: none;margin-left: 0;padding-left: 0;line-height: 18px;margin-bottom: 6px;}
.match_webinarreg .cta{text-align: center;margin: 40px 0 80px;}
@media screen and (max-device-width: 1024px){
  .match_webinarreg{padding: 25px 0 0;margin-bottom: 40px;}
  .match_webinarreg .tit{font-size: 1.8em;}
}
@media screen and (max-device-width: 1024px) and (max-width: 640px){
  .match_webinarreg .cta{text-align: center;margin: 40px 0 40px;}
}