@import 'api_top.css';
#container.apiwrap{padding:0;}
.api_mainimg,.api_useimg{width:100%;height:910px; background-position:50% 0; position:relative;}
.api_mainimg{background-image:radial-gradient(ellipse closest-side,rgba(34,56,73,0),rgba(34,56,73,.7)),url(/images/api/overview_top.png)}
.api_useimg{background-image:radial-gradient(ellipse closest-side,rgba(34,56,73,0),rgba(34,56,73,.7)),url(/images/api/visual-api_use-case.png); background-size: 100% 100%}
.api_useimg.two-factor{height:610px;background-image:radial-gradient(ellipse closest-side,rgba(34,56,73,0),rgba(34,56,73,.7)),url(/images/api/visual-factor.png); background-size: auto 100%}
.api_useimg.infrastructure_img{background-image:radial-gradient(ellipse closest-side,rgba(34,56,73,0),rgba(34,56,73,.7)),url(/images/api/visual_infrastructure.png); background-size:  100% auto}
.api_mainimg,.api_useimg{z-index: 3;}
.api_useimg .main_text{height: calc(100% - 130px); padding-top:98px;}
.main_text{display:table; width:100%; height: 100%; text-align:center; }
.main_text > p{width:100%; display:table-cell;vertical-align: middle; color:#fff;}
.main_text > p > span{display:block;font-size: 40px; }
.main_text > p > span strong{font-size: 60px; }
.main_text > p > strong.apimain_tit{display:block; font-size:48px;}
.main_text > p > span.apimain_subtx{display:block; font-size:18px;}
.usecase_subpar{background:#223849; padding:40px 20px; text-align: center; color:#fff; font-size:16px; position: absolute;width:100%; bottom:0; left:0;}
.btn_center{width:100%; text-align:center; margin-top: 50px;}
.btn_center .btn_sign{ width:200px; height:53px;border: 3px solid #3eb6ec;border-radius: 0;color: #FFF;font-weight: 700;background-color: rgba(62,182,236,1); padding: 14px 40px; font-size: 15px}
.btn_center .btn_sign:hover{border: 3px solid #3eb6ec;color:#3eb6ec;background-color: transparent; }
.pageapi_dec{ margin:40px 0;text-align: center;font-size: 16px;line-height: 28px;color: #000;}
.navibox{padding:60px 0; background:#223849;}
.channel_box{padding:60px 0; }
.tool_dec{width:100%;     text-align: center;padding: 63px 0 0 0;color: #ffffff;font-size: 16px;}
.tool_dec a{color:#45b2e9;}
.icon_listbox{width:100%; overflow:hidden;}
.icon_listbox ul{position:relative;}
.icon_listbox ul:after{content:""; display:block; clear:both;}
.icon_listbox ul li{float:left;width:45%; min-height:288px;margin-left:5%; text-align:left; padding:0px 0 80px 99px;}
.icon_listbox ul li h3{margin-bottom: 20px;color: #45b2e9; font-size: 20px; font-weight: 700;}
.icon_listbox ul li p{color:#fff; font-size: 16px; line-height:30px;}
.icon_listbox ul li p a{color:#fff; font-size: 16px; line-height:30px;}
.toollibrary .icon_listbox ul li:nth-of-type(1){background:url(/images/api/icon_overview5.png) no-repeat left top}
.toollibrary .icon_listbox ul li:nth-of-type(2){background:url(/images/api/icon_overview6.png) no-repeat left top}
.toollibrary .icon_listbox ul li:nth-of-type(3){background:url(/images/api/icon_overview7.png) no-repeat left top;padding:0px 0 0px 99px;}
.toollibrary .icon_listbox ul li:nth-of-type(4){background:url(/images/api/icon_overview8.png) no-repeat left top;padding:0px 0 0px 99px;}
.info_overlist{width:100%; padding:70px 0; overflow:hidden;}
.info_overlist ul{position:relative; left:-1px}
.info_overlist ul:after{content:""; display:block; clear:both;}
.info_overlist ul li{width:25%; height:370px;line-height:26px;float:left; padding:0 20px; border-left:solid 1px #cccccc;text-align:center;}
.info_overlist ul li h2{display:block; height:148px; margin-bottom:40px;font-size: 20px; color:#01baef; font-family:"Poppins-B";  background-position:center bottom; background-repeat:no-repeat;}
.info_overlist ul li:nth-of-type(1) h2{background-image: url(/images/api/icon_overview1.png)}
.info_overlist ul li:nth-of-type(2) h2{background-image: url(/images/api/icon_overview2.png)}
.info_overlist ul li:nth-of-type(3) h2{background-image: url(/images/api/icon_overview3.png)}
.info_overlist ul li:nth-of-type(4) h2{background-image: url(/images/api/icon_overview4.png)}
.api_title{margin-bottom: 60px;font-size: 40px; color:#242f39;}
.api_title span{display: block;width: 100%;text-align: center; margin-top: 26px;font-size: 16px;color: #242f39;}
.toollibrary .api_title{color:#fff; text-align:center;}
.channel_box .api_title{color: #242f39;text-align:center;}
.linebox_wrap{}
.linebox_wrap ul:after{content:""; display:block; clear:both;}
.linebox_wrap > ul > li{width:32.3%; height:384px; float:left; margin-left:1%;margin-bottom:10px; padding:46px 20px 0 20px; border:solid 1px #e0e3e9; text-align:center; position: relative;}
.linebox_wrap > ul > li:nth-of-type(3n_+1){margin-left: 0;}
.channel_box .linebox_wrap > ul > li h3{padding: 81px 0 13px 0;    color: #01baef;font-size: 20px;font-weight: 700;}
.channel_box .linebox_wrap > ul > li p{color: #3c4147;font-size: 15.5px;line-height: 25px;}
.channel_box .linebox_wrap > ul > li a{display: inline-block;margin-top: 20px;width: 100%;color: #01baef;font-size: 16px;text-decoration: underline; position:absolute; left: 0;bottom:30px; text-align: center;}
.channel_box .linebox_wrap > ul > li:nth-of-type(1) h3{background:url(/images/api/ico_img4.png) no-repeat center top}
.channel_box .linebox_wrap > ul > li:nth-of-type(2) h3{background:url(/images/api/ico_img5.png) no-repeat center top}
.channel_box .linebox_wrap > ul > li:nth-of-type(3) h3{background:url(/images/api/ico_img6.png) no-repeat center top}
.channel_box .linebox_wrap > ul > li:nth-of-type(4) h3{background:url(/images/api/ico_img7.png) no-repeat center top}
.channel_box .linebox_wrap > ul > li:nth-of-type(5) h3{background:url(/images/api/ico_img8.png) no-repeat center top}
.channel_box .linebox_wrap > ul > li:nth-of-type(6) h3{background:url(/images/api/ico_img9.png) no-repeat center top;padding: 81px 0 13px 0; }
.tool_tip{background: #f5f5f5;width: 95%;margin: 0 2.5%;padding: 25px; position: absolute; left: 0;top: 10px;display: none;z-index: 3;}
.tool_tip:after{content:""; display:block; width:26px; height:15px; background:url(/images/api/tool_Bg.png) no-repeat; position: absolute;left:50%; top:-15px;}
.tool_tip ul{}
.tool_tip ul li{padding-left:13px; position:relative; font-size:14px; margin-top:10px; text-align:left;} 
.tool_tip ul li:first-child{margin-top:0px;} 
.tool_tip ul li:after{content:""; display:block; width:3px; height:3px; border-radius:50%; background:#3c4147; left:0; top:8px; position: absolute;}
.serviceapi_box{background:#223849;position:relative; padding:60px 0;}
.serviceapi_box:after{content:""; display:block; clear:both;}
.serviceapi_box:before {content: "";width: 50%;height: 100%;background: url(/images/api/overview_img1.png) no-repeat left top;position: absolute;left: 0;top: 0;}
.serviceapi_box .api_title{ color:#fff; text-align:left;}
.service_list{width:662px; float:right; padding-left:107px;}
.service_list ul{}
.service_list ul li{margin:36px 0 0 0; padding-left:70px; position:relative; color:#fff;font-size: 16px; line-height: 22px}
.service_list ul li:before{content:"";width:47px; height:47px; position:absolute; left:0; top:0;}
.service_list ul li:nth-of-type(1):before{background:url(/images/api/ico_img10.png) no-repeat center top;}
.service_list ul li:nth-of-type(2):before{background:url(/images/api/ico_img11.png) no-repeat center top;} 
.service_list ul li:nth-of-type(3):before{background:url(/images/api/ico_img12.png) no-repeat center top;}
.service_list ul li strong{display:block; color:#01baef; font-size:20px; margin-bottom:10px;}
.custom_wrap{padding:70px 0; text-align:center;}
.cycle_box{padding:0 10px;}
.cycle_box ul{width:100%; margin-bottom:60px;}
.cycle_box > a{display:inline-block;padding-right: 25px;  background:url(/images/api/ico_img13.png) no-repeat right center;  color:#01baef; font-size:16px; font-weight:600}
.cycle_box ul:after{content:""; display:block; clear:both;}
.cycle_box ul li{float:left;  width:23%; margin-left:2%; position:relative;}
.cycle_box ul li span{display:table; width:100%; height:100%; height:271px; line-height:25px;background:#01baef; border-radius: 50%; color:#fff; font-size:16px; vertical-align:middle;}
.cycle_box ul li span em{display:table-cell; text-align:center;vertical-align:middle; padding:0 30px; font-size:16px; font-style:normal;}
.cycle_box ul li:first-child{left:0%;}
.apicase_wrap .api_title{color:#fff; text-align:center;}
.apicase_wrap{background:#223849; padding:70px 0;}
.case_box{}
.case_box ul{display:block; text-align: center;}
.case_box ul li{display:inline-block; width:350px; height:480px; margin-left:60px;padding:260px 28px 30px 28px;background:#fff; position:relative; font-size:16px; line-height:24px; text-align:left; vertical-align:top}
.case_box ul li:first-child{margin-left:0px;}
.case_box ul li .case_img{position:absolute; left:0; top:0;}
.case_box ul li span{display:block;}
.case_box ul li strong{display:block; margin-bottom:20px; color:#01baef;font-size:20px;}
.case_box ul li strong >span{margin-top:8px; font-size:16px; color:#3c4147;font-size:16px; }
.signup_banner{background:#45b2e9; padding:100px 0; text-align:center; color:#fff;}
.signup_banner strong{display:block; margin-bottom:50px;font-size:40px; font-weight:600}
.signup_banner strong >span{display:block; margin-top:16px; font-size:16px; font-weight: 400}
.signup_banner a.btn_sign{display:inline-block; width:250px; height:60px; border:solid 4px #fff; line-height:52px;  text-align:center; text-decoration:none; position:relative; transition: .5s; transform-origin: left top}
.signup_banner a.btn_sign > span{ color:#fff; font-size:18px ; display:inline-block; z-index: 2; position:relative; font-weight:700}
.signup_banner a.btn_sign:after{content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index: 1;transition: .5s; transform-origin: left top}
.signup_banner a.btn_sign:hover:after{width:100%; }
.signup_banner a.btn_sign:hover span{width:100%;color:#45b2e9; }



/*faq*/
.apifap_box{padding:0 0 50px 0;}
.apifap_box > ul > li{color:#ddd; position:relative; cursor:pointer;}
.apifap_box .apif_q{font-size: 18px;padding: 25px 60px 25px 25px;border-bottom:1px solid #3d454d; }
.apifap_box .apif_a{padding:25px;background:rgba(255,255,255,.05);border-bottom: 1px solid #3d454d; display:none}
.apifap_box > ul > li:hover .apif_q{color:#fff; font-weight: 700; text-decoration:underline;}
.apifap_box > ul > li.on .apif_q{color:#fff; font-weight: 700; text-decoration:underline; position:relative;}
.apifap_box > ul > li .apif_q:after{content:"+";display:block; position: absolute; right:20px; top:10px; color:#01baef;font-size:40px;font-weight: 400; }
.apifap_box > ul > li.on .apif_q:after{content:"-";}
.apifap_box > ul > li.on .apif_a{display:block;}
.faq_bulletlist{}
.faq_bulletlist li{position:relative;padding-left:20px;}
.faq_bulletlist li:after{content:""; display:block; position:absolute; left:0;top:10px; width:7px;height:2px; background:rgba(255,255,255,.7);}
#container.apiwrap.faqsection{padding:128px 0 0 0;background:#273039; color:#fff;}
#container.apiwrap.faqsection > .content_box >h1{margin-bottom:40px;font-size: 38px; text-align:center;}

/*usecase*/
.usecase_list{padding-top:104px;}
.usecase_list > ul > li{width:49%;height:337px; padding-top:25px; float:left; border-top:1px solid #d7d7d7; text-align:center;}
.usecase_list > ul:after{content:""; display:block; clear:both;}
.usecase_list > ul > li:nth-of-type(odd){margin-right: 1%;}
.usecase_list > ul > li:nth-of-type(even){margin-left: 1%;}
.usecase_list > ul > li > strong{display:block; font-size: 23px;}
.usecase_list > ul > li > p{display:block; font-size: 15px; padding:30px 20px 50px 20px; text-align:left;}
.usecase_list > ul > li > a{display:inline-block; width:180px; height:38px; margin-bottom:50px; line-height: 38px; text-align:center;color:#fff; background:#01baef; font-weight:700; transition: .3s}
.usecase_list > ul > li > a:hover{border:solid 2px #01baef; background:#fff; color:#01baef;line-height: 34px;}
.usecase_list > ul > li:nth-of-type(1) > strong{background:url(/images/api/icon-use-case-01.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(2) > strong{background:url(/images/api/icon-use-case-02.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(3) > strong{background:url(/images/api/icon-use-case-03.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(4) > strong{background:url(/images/api/icon-use-case-04.png) no-repeat center bottom; padding-bottom: 102px}
.usecase_list > ul > li:nth-of-type(5) > strong{background:url(/images/api/icon-use-case-05.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(6) > strong{background:url(/images/api/icon-use-case-06.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(7) > strong{background:url(/images/api/icon-use-case-07.png) no-repeat center bottom; padding-bottom: 140px}
.usecase_list > ul > li:nth-of-type(8) > strong{background:url(/images/api/icon-use-case-08.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(9) > strong{background:url(/images/api/icon-use-case-09.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(10) > strong{background:url(/images/api/icon-use-case-10.png) no-repeat center bottom; padding-bottom: 100px}
.usecase_list > ul > li:nth-of-type(5),.usecase_list > ul > li:nth-of-type(6){height:387px;}
.usecase_list > ul > li:nth-of-type(7),.usecase_list > ul > li:nth-of-type(8){height:407px;}
.usecase_list .btn_center{padding-top:200px;margin:0;}
.usecase_list .btn_center a{display:inline-block; width:360px; height:52px; margin-bottom:50px; line-height: 52px; text-align:center;color:#fff; background:#01baef; font-weight:700;margin-right: 10px}
.usecase_list .btn_center a:hover{border:solid 2px #01baef; background:#fff; color:#01baef;line-height: 48px;transition: .3s}
.casestudy_box{padding:60px 0;background:#f1f1f1;}
.casestudy_box ul:after{content:""; display:block; clear:both;}
.casestudy_box ul li{width:32.3%; margin-left:1%;height:366px; padding:30px;float:left; text-align:center; background:#fff; border-radius:5px}
.casestudy_box ul li a{ color:#01baef;text-decoration:underline;}
.casestudy_box .content_casedec{margin-top: 50px}
.apif_btn{padding-top:150px;margin:0; text-align:center;}
.apif_btn a{display:inline-block; width:360px; height:52px; margin-bottom:50px; line-height: 52px; text-align:center;color:#fff; background:#01baef; font-weight:700; margin-right: 10px}
.apif_btn a:hover{border:solid 2px #01baef; background:#fff; color:#01baef;line-height: 48px;transition: .3s}
/*two-factor*/
.two_factor{padding: 160px 0 60px 0;}
.two_factor h2{margin-bottom: 30px; font-size: 38px; font-weight: 400; text-align:center;}
.two_factor h2 strong{font-family:"Poppins-B" }
.two_factor h2 span{display:block;font-size: 16px;}
.usecase_subpar{padding:40px 20px;}
.factor_type{padding:0 75px;}
.factor_type ul:after{content:""; display:block; clear:both;}
.factor_type ul li{width:49%; float:left;text-align:center;}
.factor_type ul li > strong{display:block;margin-bottom: 20px; font-size: 28px;}
.factor_type ul li:nth-of-type(odd){margin-right:1%;}
.factor_type ul li:nth-of-type(even){margin-left:1%;}
.factor_type ul li > div{padding:195px 35px 35px 35px;height:320px;border:4px solid #ebebeb; border-radius:8px; }
.factor_type ul li:nth-of-type(1) > div {background:url(/images/api/img-factor-001.png) no-repeat center 35px;}
.factor_type ul li:nth-of-type(2) > div {background:url(/images/api/img-factor-002.png) no-repeat center 35px;}
.factor_dec{margin:45px 0; text-align:center;}
.infrastructure{padding:120px 0 60px 0;background:#f1f1f1;}
.infrastructure_con{padding:0 75px; margin-bottom: 50px}
.infrastructure_con ul{}
.infrastructure_con ul:after{content:""; display:block; clear: both;}
.infrastructure_con ul li{width: 49%; height:750px;float:left; margin-bottom:3%; background:#fff;position:relative; }
.infrastructure_con ul li:nth-of-type(odd){margin-right: 1%;}
.infrastructure_con ul li:nth-of-type(even){margin-left: 1%;}
.infrastructure_con ul li > div{padding:60px 0 0 0; height:100%;}
.infrastructure_con ul li > div > h2{position:relative; padding: 35px 35px 45px; font-size: 28px}
.infrastructure_con ul li > div > h2:before{content:""; display:block; width:80px; height:1px; background:#898989;position:absolute; left:35px; top:0px;}
.infrastructure_con ul li > div > .text_par{padding:0 35px;    font-size: 15px; }
.infrastructure_con ul li > div > .text_par p{margin-bottom: 30px}
.infrastructure_con ul li > div > .img_box{position:absolute; left:0; bottom:0;width:100%;}
.infrastructure_con ul li > div > .img_box img{width:100%;}
.full_bg{}
.infrastructure_con ul li > div.full_bg > h2,.infrastructure_con ul li  > div.full_bg > .text_par p{color:#fff;}
.infrastructure_con ul li  > div.full_bg.type1 > .text_par p{padding-top:85px;}
.infrastructure_con ul li.full_con{float:none; width:100%; height:527px; padding:0 480px 0 0;margin:0;background: url(/images/api/icon_infrastructure_07.png) no-repeat right top #fff;clear: both;background-size: auto 100%; }
.full_bg.type1{background:url(/images/api/icon_infrastructure_02.png); background-size:100% auto; background-position: center center}
.full_bg.type2{background:url(/images/api/icon_infrastructure_05.png); background-size:100% auto;background-position: center center}

/*pricing*/
.pricing_header{background: #232a32; padding: 170px 0 0 0; margin-bottom: 60px;}
.pricing_header .content_box> h1{display: block;color: #fff;font-size: 40px;text-align: center;margin-bottom: 63px;}
.pricing_tap{text-align:center;}
.pricing_tap ul:after{content:""; display:block; clear:both;}
.pricing_tap ul li{display: inline-block; width:200px;height:90px; margin-left:5px; padding:12px 0; position:relative; color:#ccc; background:#444648; border-radius: 6px 6px 0 0;font-size:20px;font-weight: 700; text-align:center; vertical-align:bottom;}
.pricing_tap ul li > span{display:block;font-size: 13px;}
.pricing_tap ul li > em{display:block;font-size: 12px;font-weight: 400;}
.pricing_tap ul li:nth-of-type(3){padding:20px 0;}
.pricing_tap ul li:after{content:""; width:100%; height:0px; background:#01baef; position:absolute; left:0; bottom:0; transition: .3s}
.pricing_tap ul li.on:after,.pricing_tap ul li:hover:after{height:5px;}
.pricing_tap ul li:hover,.pricing_tap ul li.on{background:#fff; color:#01baef;}
.pricing_tap ul li:hover em,.pricing_tap ul li.on em{color:#3c4147; }
.table_box {width: 740px;border: solid 1px #b7b7b7;overflow: hidden;margin: 0 auto;border-radius: 10px;margin-bottom: 20px;}
.table_box table {width: 101%;margin: -1px 0 0 -2px;}
.table_box table thead th {text-align: center;padding:7px 0;border-top: solid 1px #acacac;border-left: solid 2px #acacac;font-size: 16px;color: #3c4147;background: #e0e3e9;}
.table_box table thead td {text-align: center;padding:7px 0;border-top: solid 1px #acacac;border-left: solid 2px #acacac;font-size: 16px;color: #3c4147;background: #e0e3e9;}
.table_box table th.navy {background: #3c4147;font-size: 16px;color: #fff;}
.table_box table tbody td {padding: 13px 0;text-align: center;border-top: solid 1px #acacac;border-left: solid 2px #acacac;font-size: 16px;color: #3c4147;}
.table_box table th > span {display: block;font-weight: 400; font-size: 10px;}
.table_box table .last {font-weight: 400;}
.table_box table .line {border-left: solid 1px #acacac;}
.table_box table .small_tx{font-size: 14px}
.table_box table .left{text-align:left; padding-left:30px; font-weight: 900}
.table_box table sup{color:#ea657b;    font-size: 10px; margin:0 2px;}
.table_box table sup.black{color:#3c4147;}
.table_box.small table tbody td:nth-of-type(1){text-align:left; padding:13px 0 13px 13px; font-weight: 700;}
.table_box.small table tbody td{ font-weight: 700;}
.table_box.small table thead th:nth-of-type(1){text-align:left; padding:13px 0 13px 13px; font-weight: 700;}
.pricingtap_con .table_dec{padding:10px 0 0px 0; text-align:center; font-size: 13px;}
.table_box.small {width: 600px;margin-top: 60px;}
.table_box.big {width: 890px;margin-top: 60px;}
.pricing_btn{padding:50px 0 0 0; text-align:center;}
.pricing_btn a{display:inline-block; min-width: 214px; height:60px; background:#01baef; border-radius:5px; line-height: 60px; color:#fff; font-size: 16px; font-weight:700}
.pricing_bot{padding:30px 0;border: solid 1px #e5e5e5;margin-top:70px; }
.pricing_bot .content_box > ul:after{content:""; display: block; clear:both;}
.pricing_bot .content_box > ul >li{width:50%; float:left; text-align:center;}
.pricing_bot .content_box > ul >li strong{font-family: 'Poppins-B';}
.pricing_bot .content_box > ul >li > strong{display:inline-block;font-size: 22px; padding:0 0 7px 20px;}
.pricing_bot .content_box > ul >li > span{display:block;font-size: 15px; }
.pricing_bot .content_box > ul >li:nth-of-type(1){border-right:solid 1px #f3f3f3;}
.pricing_bot .content_box > ul >li:nth-of-type(1) > strong{background:url(/images/api/icon_trumpia.jpg) no-repeat left 6px; color:#2e9cd2;}
.pricing_bot .content_box > ul >li:nth-of-type(2) > strong{background:url(/images/api/icon_care.jpg) no-repeat left 5px;color:#65ab00;}
.tit_apipricng{margin-bottom:30px; text-align:center; font-size:30px;font-family: 'Poppins-B';}

.api_costcal{padding:80px 0;margin-top:60px; background:#232a32;}
.api_costcal h2{text-align:center; color:#fff; font-size:40px; margin-bottom:50px  }
.cal_box{width:742px; padding:35px; margin:0 auto;border-radius:8px;background:#Fff; border:solid 1px #b7b7b7;}
.cal_form{margin-bottom: 30px}
.cal_form ul:after{content:""; display:block; clear:both;}
.cal_form ul li{float:left; width:49%;}
.cal_form ul li:nth-of-type(odd){margin-right:1%;}
.cal_form ul li:nth-of-type(even){margin-left:1%;}
.cal_form ul li > label{display:block; margin-bottom: 5px;}
.cal_form ul li > span.inputtext{display:block; height:36px;border:solid 1px #ccc;}
.cal_form ul li > span input[type="text"]{width:100%; height:100%; box-sizing:border-box; padding:0 5px; border:none;}
.cal_form .btn_box{text-align: center; margin-top:27px;}
.cal_form .btn_box button{display:inline-block;  vertical-align:middle; color:#fff; border:none;}
.cal_form .btn_box button.submit{ width:130px; height:45px; border-radius:5px; line-height: 43px; background:#817dc5; font-weight: 700}
.cal_form .btn_box button.clear{padding-left:20px; margin-left:10px;background:url(/images/api/icon_clear.jpg) no-repeat left center;color:#01baef;}
.price_round{border:solid 1px #d7d7d7; border-radius:5px; text-align:center; }
.price_round h3{display:block; height:40px; line-height:38px; color:#fff; font-size: 15px; }
.price_round p{display:block; height:72px;  line-height:70px;color:#c2c2c2; font-size: 24px;font-family:"Poppins-B"}
.price_round p strong{display: inline-block; color:#3c4147; margin-right:10px;}
.compare{margin-bottom:2%;}
.compare:after{content:""; display:block; clear:both;}
.compare .price_round{float:left; width:48.5%;}
.compare .price_round:nth-of-type(odd){margin-right:1.5%;}
.compare .price_round:nth-of-type(even){margin-left:1.5%;}
.price_round.blue h3{background:#01baef;}
.price_round.blue p{background:#e5f8fd;}
.price_round.pink h3{background:#ea657b;}
.price_round.pink p{background:#fdeff2;}
.price_round.green h3{background:#59c3c3;font-weight:700;}
.price_round.green p{background:#eef9f9;}
#monthError, #messageError{color:#ea657b;}
/*comm blue btn*/
.common_btn_center{margin:0; text-align:center;}
.common_btn_center a{display:inline-block; width:360px; height:52px; margin-bottom:50px; line-height: 52px; text-align:center;color:#fff; background:#01baef; font-weight:700;margin-right: 10px}
.common_btn_center a:hover{border:solid 2px #01baef; background:#fff; color:#01baef;line-height: 48px;transition: .3s}
@media screen and (max-width: 1280px){
	.case_box ul li{width:300px; padding:230px 28px 30px 28px; margin-bottom: 20px}
	.case_box ul li .case_img img{width:100%}
}
@media screen and (max-width: 1200px){
	.linebox_wrap > ul > li{width:49%;}
	.serviceapi_box:before{width:30%;}
	.service_list{padding-left:0; width:65%;}
	.cycle_box ul li{width:48%; margin:0 0 10px 2%;}
	.cycle_box ul li span{border-radius:30px; height:150px;}
	.apicase_wrap{padding:50px 0;}
	.case_box ul li{width:100%; height:170px; padding:30px 28px 0px 280px; margin:0 0 20px 0; }
	.case_box ul li .case_img{width: 260px}
	.case_box ul li strong{margin-bottom: 0}
	.usecase_list > ul > li > a{margin-bottom: 0}
}
@media screen and (max-width: 1080px){
	.usecase_list > ul > li{width: 100%;float:none; margin:0 0 40px 0 !important; height:auto !important;}
	.usecase_list > ul > li p{text-align: center;}
	.usecase_list .btn_center{padding-top:50px; }
}
@media screen and (max-width: 1050px){
	.casestudy_box ul li{float:none; width:100%; margin:0 0 40px 0 !important; height:auto; }
	.factor_type ul li{width:100%; float:none; margin-bottom: 50px;}
	.factor_type ul li > div{height:auto;}
	.table_box,.table_box.big {width:100%;margin: 0 2%;overflow-y: hidden;overflow-x: auto;}
	.table_box.small {width:100%;overflow: hidden;}
	.pricing_tap ul li{width:32.3%; margin:0;}
	.info_overlist ul li{width:50%;}

}
@media screen and (max-width: 950px){
	.table_box.small table tbody td,.table_box.small table thead th{font-size: 13px; padding:10px;}
	.table_box.small table{width:100%; margin:-1px 0 0 0px;}
	.table_box.small table thead th:nth-of-type(1){border-left:none;}
	.table_box.small table tbody td:nth-of-type(1){border-left:none;}

	.table_box.big table{width: 830px;}
	.pricingtap_con .table_dec{padding: 10px 0 35px 0;}
}
@media screen and (max-width: 900px){
	.main_text > p span{font-size: 20px; text-align:center;}
	.main_text > p span strong{font-size: 30px}
	.btn_center .btn_sign{width:100%; max-width:200px; height:40px; padding:10px 40px;}
	.api_mainimg,.api_useimg{height:auto; padding:90px 0;}
	.api_useimg.two-factor{height:auto;}
	.icon_listbox ul li{float:none; width:100%; margin:0 0 40px 0;padding: 0 0 0 99px;height: auto;min-height: auto;}
	.api_title{font-size: 25px; margin-bottom:30px;}
	.navibox{padding:30px 0;}
	.icon_listbox ul li h3{font-size:20px; background-size: 40px !important; }
	.icon_listbox ul li p{ line-height:27px;}
	.linebox_wrap > ul > li{width:100%; height:auto; margin:0 0 10px 0; padding:26px 20px 30px 20px;}
	.channel_box .linebox_wrap > ul > li a{position: relative; left:auto; bottom:auto;}
	.serviceapi_box{background-image:radial-gradient(ellipse closest-side,rgba(34,56,73,0),rgba(34,56,73,.7)),url(/images/api/overview_img1.png)}
	.serviceapi_box:before{width:0%;}
	.service_list{width:100%;}
	.custom_wrap{padding:30px 0;}
	.cycle_box ul{margin-bottom:20px}
	.signup_banner{padding:50px 0}
	.signup_banner strong{font-size:30px;}
	.signup_banner a.btn_sign{width:100%; height:40px; line-height:38px;}
	.signup_banner strong{margin-bottom: 30px; font}
	.api_useimg{position: relative;}
	.api_useimg .main_text{padding:20px 20px 145px 20px;}
	.usecase_subpar{position:absolute; left:0;bottom:0; width:100%; padding:20px;}
	.main_text > p > strong.apimain_tit{font-size:25px;}
	.usecase_list .btn_center a{width:100%;}
	.factor_type{padding:0 30px;}
	.common_btn_center a{width: 100%; margin-bottom: 20px}
	.two_factor{padding:50px 0 60px 0;}
	.two_factor h2{font-size: 30px;}
	.factor_type ul li > strong{margin-bottom:10px;font-size: 25px;}
	.pricing_header .content_box{padding:0 10px;}
	.pricing_tap ul li > span{font-size: 11px;}
	.pricing_tap ul li > em{font-size: 10px;}
	.pricing_tap ul li{font-size: 18px;}
	.pricing_bot .content_box > ul >li{float:none; width:100%;}
	.pricing_bot .content_box > ul >li:nth-of-type(1) {border-right:none;border-bottom: solid 1px #f3f3f3;padding: 0 0 30px 0;margin-bottom: 30px;}
	.pricingtap_con table thead tr:nth-of-type(1) th:nth-of-type(1){width:35%;}
	.tit_apipricng{font-size: 18px;}
	.pricing_header{padding:120px 0 0 0;}
	.apifap_box .apif_q{font-size: 14px;}
	.apifap_box .apif_a{font-size: 12px; padding:10px; padding:15px 30px 15px 10px;}
	.apifap_box > ul > li:after{right:0}
	.apif_btn{padding-top:0px}
	.apif_btn a{width: 48%; margin-right:0;}
	#container.apiwrap.faqsection > .content_box >h1{font-size:20px;}
	.title_box > h2{font-size: 20px;}
	.title_box > h2 >span{margin-top: 5px;font-weight: 600; font-size: 14px;}
	.api_costcal{padding:40px 0;margin-top:40px;}
    .cal_box{width:100%;}
    .cal_form ul li{width: 100% !important; margin:0 0 20px 0 !important;}
    .compare .price_round{width: 100% !important; margin:0 0 20px 0 !important;}
}

@media screen and (max-width: 700px){
	.cycle_box ul li{width:100%; margin:0 0 10px 0%;}
	.cycle_box ul li span{border-radius:15px; height:auto; padding:20px 0;}
	.case_box ul li{width:100%; height:auto; padding:0px 20px 0px 20px; margin:0 0 20px 0; text-align:center; background:none;}
	.case_box ul li .case_img{width:260px;  height:170px; margin:0 auto; text-align:center; border-radius:10px; overflow:hidden; position:relative; left:auto; top:auto; }
	.case_box ul li .case_img img{max-width:260px; }
	.case_box ul li strong{background:#fff;padding-top: 20px; margin-top: 20px}
	.case_box ul li p{background:#fff; padding:10px 30px 20px 30px; margin-top:-1px;}
	.api_header.open .top_btnbox{padding:0 20px;}
	.info_overlist ul {left:0;}
    .info_overlist ul li{width:100%;height:auto;margin-bottom:40px; border-left:none;}
	.table_box table{width: 640px;}
}