.pageBody  { padding-bottom: 0; padding-top: 86px;}
.pageBody .contentBlock { padding-top: 0px; padding-bottom: 100px;  }
.pageBody  article { column-count: 1;}

.pageBody h1 { color: #FFFFFF; line-height: 1.3; text-align: left;  font-weight: 800;  font-size: 70px; margin-bottom: 32px;padding-bottom: 0px;}
.pageBody h2 { color: #252525; font-size: 44px; line-height: 1.3; text-align: left; font-weight: 700; margin-bottom: 60px; padding-bottom: 0px;}
 .pageBody  h3 {color: #252525; font-size: 32px; line-height: 1.3; text-align: left; font-weight: 700;  margin-bottom: 16px; padding-bottom: 0px;}

main .pageBody p { font-weight: 500; font-size: 24px; color: #252525; line-height: 1.3;  font-weight: 400; margin-bottom: 40px; padding-bottom: 0px;}
.pageBody ul li { background: url('/image/liBlack.png') 0px 8px no-repeat;  font-size: 24px;  font-weight: 400;  background-size: 4px; line-height: 1.3;}

.pageBody  p.textBig, p.textBig { font-size: 32px; font-weight: 700; margin-bottom: 0; padding-bottom: 0;}

.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { display: inline-block; background: #4396E8; color: #FFFFFF;  border: none; font-weight: 700;  line-height: 1;  padding: 20px 46px; border-radius: 30px; font-size: 20px; margin-bottom: 0px; }
	.pageBody .link_request_form:hover { background: #EE7838; color: #fff;  border: none; } 		
	
.pageBody .imageHeaderBlock { margin-bottom: 100px; background: var(--6, linear-gradient(0deg, #0073C0 0%, #4591CF 25.12%, #519FE4 54.56%, #56A3EC 68.48%, #3F90EC 100%)); }
	.pageBody .imageHeaderBlock .container { height: 700px; background-image: url(/upload/products/services/ATC_and_IP_telephony_service/top.png); background-size: auto 100%; background-position: left 100% top; background-repeat: no-repeat; display: flex; align-items: center; }
	.pageBody .imageHeaderBlock .container .container-small { max-width: 100%; width: 100%; padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 { color: #FFFFFF; font-size: 70px; margin-bottom: 32px;}
	.pageBody .imageHeaderBlock p { color: #FFFFFF; font-size: 52px; font-weight: 600; margin-bottom: 52px; width: 60%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 32px 36px; border-radius: 52px; font-size: 36px; margin-bottom: 0px;   background: #ffffff; color: #4696EC;  }
	.pageBody .imageHeaderBlock .link_request_form:hover { background: #EE7838; color: #fff;  border: none; } 		
	

.pageBody  .iconBoxBlock { padding: 0px 0px 0px 0px; display: block; width: 100%;}		
.pageBody .col-all { float: none; display: flex;}
	
.pageBody .iconBox { width: 100%; background: #F9F9F9; border-radius: 30px; margin-bottom: 40px; position: relative;  }
.pageBody  .iconBox.bgBlue { background: var(--5, linear-gradient(180deg, #4999EC 0%, #0C79C3 100%));}

	.pageBody .iconBox blockquote { padding: 30px; border-radius: 30px; height: 100%;}

	.pageBody .iconBox .icon_iconBox { width: 60px; height: auto; display: block; margin-bottom: 16px; }
	.pageBody .iconBox h3 { font-size: 22px; margin-bottom: 0px; }
	.pageBody .iconBox h2 { color: #4875A6; font-size: 36px; font-weight: 800; }
	.pageBody .iconBox.bgBlue h3 {  color: #FFF; }
	
.tablePage { width: 100%; border: none; border-spacing: 3px; border-collapse: separate; margin-bottom: 0px; }
	.tablePage thead {  border: none; }
	.tablePage thead th { padding: 22px 40px; background: var(--5, linear-gradient(180deg, #4999EC 0%, #0C79C3 100%));  text-align: 700; color: #FFFFFF; font-size: 24px; font-weight: 700; border: none; vertical-align: middle; }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 30px 0 0 0; min-width: 60%;}
	.tablePage thead tr:nth-child(1) th:nth-child(2) {  text-align: center;}
	.tablePage thead tr:nth-child(1) th:last-child {  text-align: right; border-radius: 0 30px 0 0;}
	.tablePage tbody td { padding: 22px 40px;  text-align: left; background: #F9F9F9; font-size: 20px;  border: none;}
	.tablePage tbody tr  td:nth-child(2) {  text-align: center;}
	.tablePage tbody tr td:last-child  {  text-align: right;}
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 30px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 30px 0;}	
	
.pageBody .contentBlock.contentBlock04  { padding-top: 0px; padding-bottom: 0px; margin-bottom: 100px; background: linear-gradient(180deg, #147CC5 0%, #55A3EB 59.90%, #4293EC 100%);}
	.pageBody .contentBlock.contentBlock04 .contentBlock04BG { background-image: url(/upload/products/services/ATC_and_IP_telephony_service/bg_04.png); background-size: auto 100%; background-position:  center center; background-repeat: no-repeat;   }
	.pageBody .contentBlock.contentBlock04  .col-all { display: block; padding-top: 50px; padding-bottom: 0px;}
	.pageBody .contentBlock.contentBlock04  .col-all h2 { color: #FFFFFF; }
	.pageBody .contentBlock.contentBlock04  .col-all ul li  { color: #FFFFFF; line-height: 1; margin-bottom: 20px; font-weight: 500; background: url('/image/li_w.png') 0px 10px no-repeat; }
	.pageBody .contentBlock.contentBlock04  .col-all ul {margin-bottom: 0px;  }


@media only screen  and (max-width: 1800px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 90px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 90px;}
	.pageBody .imageHeaderBlock .container { height: 650px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 65px; margin-bottom: 32px;}
	.pageBody .imageHeaderBlock p { font-size: 44px; margin-bottom: 50px; width: 80%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 30px 34px; border-radius: 50px; font-size: 34px;  }
}
@media only screen  and (max-width: 1700px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 80px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 80px;}
	.pageBody .imageHeaderBlock .container { height: 600px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 60px; margin-bottom: 30px;}
	.pageBody .imageHeaderBlock p { font-size: 42px; margin-bottom: 50px; width: 80%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 28px 32px; border-radius: 48px; font-size: 32px;  }
}
@media only screen  and (max-width: 1600px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 80px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 80px;}
	.pageBody .imageHeaderBlock .container { height: 600px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 55px; margin-bottom: 30px;}
	.pageBody .imageHeaderBlock p { font-size: 40px; margin-bottom: 50px; width: 80%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 26px 30px; border-radius: 46px; font-size: 30px;  }
}
@media only screen  and (max-width: 1500px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 70px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 70px;}
	.pageBody .imageHeaderBlock .container { height: 550px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 65px; padding-right: 65px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 50px; margin-bottom: 30px;}
	.pageBody .imageHeaderBlock p { font-size: 36px; margin-bottom: 44px; width: 80%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 24px 28px; border-radius: 44px; font-size: 28px;  }
}
@media only screen  and (max-width: 1400px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 60px;}
	.pageBody .imageHeaderBlock .container { height: 500px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 68px; padding-right: 68px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 44px; margin-bottom: 26px;}
	.pageBody .imageHeaderBlock p { font-size: 34px; margin-bottom: 40px; width: 80%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 22px 26px; border-radius: 42px; font-size: 26px;  }
}
@media only screen  and (max-width: 1300px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 60px;}
	.pageBody .imageHeaderBlock .container { height: 450px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 10px; padding-right: 10px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 42px; margin-bottom: 26px;}
	.pageBody .imageHeaderBlock p { font-size: 32px; margin-bottom: 40px; width: 80%;}
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 20px 24px; border-radius: 40px; font-size: 24px;  }
}



/* --- Tablet portrait --- (col-tp) */
@media only screen and (min-width: 992px) and (max-width: 1240px) {
	.pageBody  { padding-bottom: 80px; }
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody h2 {font-size: 32px; margin-bottom: 40px; }
	.pageBody  h3 { font-size: 28px; margin-bottom: 16px; }
	.pageBody  p.textBig, p.textBig { font-size: 28px;}
	main .pageBody p {  font-size: 20px; margin-bottom: 35px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 8px no-repeat;  font-size: 20px; background-size: 4px;}
	.pageBody .imageHeaderBlock { margin-bottom: 60px;}
	.pageBody .imageHeaderBlock .container { height: 400px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 40px; margin-bottom: 26px;}
	.pageBody .imageHeaderBlock p { font-size: 30px; margin-bottom: 26px; width: 60%;}
	
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  {  padding: 18px 44px; border-radius: 30px; font-size: 18px;  }
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 18px 22px; border-radius: 38px; font-size: 22px;  }
	
	.pageBody .iconBox { border-radius: 26px;  }
	.pageBody .iconBox blockquote { padding: 26px; border-radius: 26px; }

	.pageBody .iconBox h3 {  font-size: 22px; }
	.pageBody .iconBox h2 { font-size: 32px; }
	.pageBody .iconBox .icon_iconBox { width: 50px;  }

	
	.tablePage thead th { padding: 20px 35px;  font-size: 20px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 26px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 26px 0 0;}
	.tablePage tbody td { padding: 20px 35px; background: #F9F9F9; font-size: 18px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 26px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 26px 0;}	
	
	.pageBody .contentBlock.contentBlock04  { margin-bottom: 60px; }
	.pageBody .contentBlock.contentBlock04 .contentBlock04BG { background-size: auto 100%; background-position:  center center; background-repeat: no-repeat;   }
	.pageBody .contentBlock.contentBlock04  .col-all { padding-top: 40px;}
	.pageBody .contentBlock.contentBlock04  .col-all ul li  {margin-bottom: 15px;}
	.pageBody .contentBlock.contentBlock04  .col-all ul {margin-bottom: 0px;  }
}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {
	.pageBody  { padding-bottom: 60px; padding-top: 57px;}
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody h2 {font-size: 28px; margin-bottom: 36px; }
	.pageBody  h3 { font-size: 22px; margin-bottom: 16px; }
	.pageBody  p.textBig, p.textBig { font-size: 24px;}
	main .pageBody p {  font-size: 16px; margin-bottom: 24px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 6px no-repeat;  font-size: 20px; background-size: 3px;}
	.pageBody .imageHeaderBlock { margin-bottom: 50px;}
	.pageBody .imageHeaderBlock .container { height: 350px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 32px; margin-bottom: 20px;}
	.pageBody .imageHeaderBlock p { font-size: 22px; margin-bottom: 30px; width: 60%;}

	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  {  padding: 16px 40px; border-radius: 28px; font-size: 16px;  }
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 16px 20px; border-radius: 34px; font-size: 20px;  }
	
	.pageBody .iconBox { border-radius: 24px;  }
	.pageBody .iconBox blockquote { padding: 22px; border-radius: 24px; }
	.pageBody .iconBox .icon_iconBox { width: 45px;  }

	.pageBody .iconBox h3 {  font-size: 16px; }
	.pageBody .iconBox h2 { font-size: 28px; }
	
	.tablePage thead th { padding: 15px 30px;  font-size: 18px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 24px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 24px 0 0;}
	.tablePage tbody td { padding: 15px 30px; font-size: 15px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 24px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 24px 0;}	
	
	.pageBody .contentBlock.contentBlock04  { margin-bottom: 60px; }
	.pageBody .contentBlock.contentBlock04 .contentBlock04BG { background-size: auto 100%; background-position:  center center; background-repeat: no-repeat;   }
	.pageBody .contentBlock.contentBlock04  .col-all { padding-top: 30px;}
	.pageBody .contentBlock.contentBlock04  .col-all ul li  {margin-bottom: 15px; background: url('/image/li_w.png') 0px 7px no-repeat; }
	.pageBody .contentBlock.contentBlock04  .col-all ul {margin-bottom: 0px;  }
}

/* --- Mobile landscape --- (col-ml) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	.pageBody  { padding-bottom: 0px; padding-top: 57px;}	

	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 50px;  }
	.pageBody h2 {font-size: 20px; margin-bottom: 28px; }
	.pageBody  h3 { font-size: 16px; margin-bottom: 14px; }
	.pageBody  p.textBig, p.textBig { font-size: 16px;}
	main .pageBody p {  font-size: 16px; margin-bottom: 22px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 6px no-repeat;  font-size: 16px; background-size: 3px;}
	.pageBody .imageHeaderBlock { margin-bottom: 50px;}
	.pageBody .imageHeaderBlock .container { height: 200px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 22px; margin-bottom: 10px;}
	.pageBody .imageHeaderBlock p { font-size: 16px; margin-bottom:10px; width: 60%;}

	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  {  padding: 12px 20px; border-radius: 28px; font-size: 16px;  }
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 12px 20px; border-radius: 28px; font-size: 16px;  }
	
	.pageBody .iconBox { border-radius: 20px; margin-bottom: 18px;  }
	.pageBody .iconBox blockquote { padding: 18px; border-radius: 24px; }
	.pageBody .iconBox .icon_iconBox { width: 35px;  margin-bottom: 10px; }

	.pageBody .iconBox h3 {  font-size: 16px; margin-bottom: 0; } 
	.pageBody .iconBox h2 { font-size: 20px; }
	
	.tablePage thead th { padding: 5px 10px;  font-size: 10px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 20px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 20px 0 0;}
	.tablePage tbody td { padding: 5px 10px; font-size: 10px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 20px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 20px 0;}	
	
	.pageBody .contentBlock.contentBlock04  { margin-bottom: 60px; }
	.pageBody .contentBlock.contentBlock04 .contentBlock04BG { background-size: auto 100%; background-position:  center center; background-repeat: no-repeat;   }
	.pageBody .contentBlock.contentBlock04  .col-all { padding-top: 30px;}
	.pageBody .contentBlock.contentBlock04  .col-all ul li  {margin-bottom: 15px; background: url('/image/li_w.png') 0px 7px no-repeat; }
	.pageBody .contentBlock.contentBlock04  .col-all ul {margin-bottom: 0px;  }

}

/* --- Mobile portrait --- (col-mp) */
@media only screen and (min-width: 0px) and (max-width: 480px) {	
	.pageBody  { padding-bottom: 0px; padding-top: 57px;}	

	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 50px;  }
	.pageBody h2 {font-size: 20px; margin-bottom: 28px; }
	.pageBody  h3 { font-size: 16px; margin-bottom: 14px; }
	.pageBody  p.textBig, p.textBig { font-size: 14px;}
	main .pageBody p {  font-size: 16px; margin-bottom: 22px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 6px no-repeat;  font-size: 16px; background-size: 3px;}
	.pageBody .imageHeaderBlock { margin-bottom: 50px;}
	.pageBody .imageHeaderBlock .container { height: 160px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 18px; margin-bottom: 10px;}
	.pageBody .imageHeaderBlock p { font-size: 12px; margin-bottom:10px; width: 80%;}

	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  {  padding: 12px 20px; border-radius: 28px; font-size: 16px;  }
	.pageBody  .imageHeaderBlock .link_request_form, .pageBody  .imageHeaderBlock .link_request_form:link, .pageBody  .imageHeaderBlock a.link_request_form  { padding: 10px 14px; border-radius: 24px; font-size: 12px;  }
	
	.pageBody .iconBox { border-radius: 20px; margin-bottom: 18px;  }
	.pageBody .iconBox blockquote { padding: 18px; border-radius: 18px; }
	.pageBody .iconBox .icon_iconBox { width: 30px;  margin-bottom: 10px;}

	.pageBody .iconBox h3 {  font-size: 12px; margin-bottom: 0; }
	.pageBody .iconBox h2 { font-size: 16px; }
	
	.tablePage thead th { padding: 5px 10px;  font-size: 10px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 20px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 20px 0 0;}
	.tablePage tbody td { padding: 5px 10px; font-size: 10px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 20px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 20px 0;}	
	
	.pageBody .contentBlock.contentBlock04  { margin-bottom: 60px; }
	.pageBody .contentBlock.contentBlock04 .contentBlock04BG { background-size: auto 100%; background-position:  center center; background-repeat: no-repeat;   }
	.pageBody .contentBlock.contentBlock04  .col-all { padding-top: 30px;}
	.pageBody .contentBlock.contentBlock04  .col-all ul li  {margin-bottom: 15px; background: url('/image/li_w.png') 0px 7px no-repeat; }
	.pageBody .contentBlock.contentBlock04  .col-all ul {margin-bottom: 0px;  }

}

/*bgGreen*/
.pageBody .iconBox.bgGreen2 {}
.pageBody .iconBox.bgGreen2 blockquote{padding-left:100px; background:#EFFCEA; background: url('bg_05.png') 34px 50% no-repeat;}
.pageBody .iconBox.bgGreen2 h3{color:#3EBA13; font-weight:500; margin-bottom:0; text-align:left;}
.pageBody .iconBox.bgGreen2 h3 span{color:#252525; font-weight:700;}


div.scrollUp {  position: fixed; right: 6%; bottom: 60px; cursor: pointer; display: none; opacity: 0.5; z-index: 10; }
	div.scrollUp:hover {  opacity:1.0 ; }