/* Minification failed. Returning unminified contents.
(364,12): run-time error CSS1038: Expected hex color, found '#FFFF'
 */
@font-face{
    src: url("./Fonts/Hackman_W00_Medium.ttf");
    font-family: "Hackman";
}
@font-face {
    src: url("./Fonts/GOTHIC.TTF"); 
    font-family: "Century Gothic";  
}    
@font-face {
    src: url("./Fonts/GOTHICB.TTF"); 
    font-family: "Century GothicB";  
} 
/* reset */
*{
    margin: 0;
    padding: 0;
    list-style: none;
    /* outline: #aaa solid 0.1px; */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling:auto;
}
input,
label,
select,
button,
textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}
button{
    -webkit-appearance: button;
    /* -webkit-writing-mode: horizontal-tb !important; */
    text-rendering: auto;
    color: #0CA8A8;
    letter-spacing: 0;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    cursor: default;
    background-color: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0em;
    font: normal;
    padding: 0;
    border-width: 0;
    border-style: outset;
    border-color: transparent;
    -o-border-image: initial;
       border-image: initial;
}
/* common-style start */
.set_center{
    margin: auto;
}
.set_position_center{
    margin: auto;
    left: 0;
    right:0;
}
/* .set_device_screenwidth */
/* desktop */
@media screen and (min-width:1025px){
    .set_device_screenwidth{
        width: 1134px;
    }   
}
/* iPad */
@media screen and (max-width:1024px){
    .set_device_screenwidth{
        width: 1024px;
    }   
}
/* iPad-2 */
@media screen and (max-width:768px){
    .set_device_screenwidth{
        width: 768px;
    }   
}
/* iPhine 5/SE */
@media screen and (max-width:568px){
    .set_device_screenwidth{
        width: 568px;
    }   
}
/* iPhine X/XS */
@media screen and (max-width:375px){
    .set_device_screenwidth{
        width: 375px;
    }   
}
a{
    text-decoration: none;
}
/* common-style end */
/* common section */
/* desktop */
header{
    width: 100%;
    height: 70px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    /* ui */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}
.set_animation{
    -webkit-transition: height 0.5s 0s linear,padding 0.5s 0s linear;
    transition: height 0.5s 0s linear,padding 0.5s 0s linear;
}
header nav{
    width: 100%;
    max-width: 1134px;
}
header .set_header_intro{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    position: relative;
}
/* logo */
header .set_header_intro .set_logo {
    padding-top: 1%;
    padding-left: 1%;
    position: relative;
}
header .set_header_intro .set_logo h1{
    position: absolute;
    top: -200%;
}
header .set_header_intro .set_logo img{
    width: 185px;
    height:48px;
}
/* navigation */
header .set_header_intro .nav_desktop{
    display: block;
}
header .set_header_intro .nav_desktop .guide_list{
    padding-top: 25px;
    padding-left:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
/* main list */
header .set_header_intro .nav_desktop .guide_list .set_mainlist{
    /* width: 100px; */
    height: 20px;
    padding: 0 10px 0;
    /* padding-right: 44px; */
    position: relative;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist h2{
    width: 100px;
    height: 180%;
    position: relative;
    z-index: 6;
    /* ui */
    text-align: center;
    font:16px/21px Century GothicB;
    letter-spacing: 0;
    color: #343434;
    text-transform: capitalize;
    opacity: 1;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist h2 a{
    color: #343434;
}
/* font visual */
header .set_header_intro .nav_desktop .guide_list .set_stay h2{
    color: #00B1B1;
}
header .set_header_intro .nav_desktop .guide_list .set_stay h2 a{
    color: #00B1B1;
}
header .set_header_intro .nav_desktop .guide_list .set_stay:after{
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    margin: auto;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: -74%;
    background-color: #38DBD2;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist:hover h2{
    color: #00B1B1;
    cursor: pointer;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist:hover h2 a{
    color: #00B1B1;
    cursor: pointer;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist:hover:after{
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    margin: auto;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: -74%;
    background-color: #38DBD2;
}
/* sublist */
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist{
    width: 140px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 350px;
    padding: 10% 28% 25%;
    position: absolute;
    top: 35px;
    left: 0;
    /* bottom:0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    /* ui */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #0000001A;
            box-shadow: 0px 3px 6px #0000001A;
    font-size: 0;
    visibility: hidden;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_list_sevice{
    width: 510px;
    padding: 23px 62px 29px 38px;
    bottom:-2125%;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist h3{
    width: 150px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 8px 0 5px;
    /* ui */
    text-align: left;
    letter-spacing: 0;
    text-transform: capitalize;
    opacity: 1;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist h3 a{
    font:16px/24px Century Gothic;
    color: #343434;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_list_sevice .set_list_subtitle{
    width: 280px;
    font: 22px/30px Century GothicB;
    color:  #091C58;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist li{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 0;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_list_sevice .set_list_item h4{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 20px;
    padding: 5px 0 10px;
    /* ui */
    text-align: left;
    font:16px/24px Century Gothic;
    text-transform: capitalize;
    opacity: 1;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_list_sevice .set_list_item h4 a {
    width: 100%;
    height: 100%;
    display: inline-block;
    letter-spacing: 0;
    color: #343434;
}
/* sublist's visual */
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist h3:hover a{
    color: #00B1B1;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist h2:hover ~ .set_sublist{
    visibility: visible;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist:hover .set_sublist:hover{
    visibility: visible;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist:hover{
    visibility: visible;
}
header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist .set_list_item h4:hover a{
    color: #00B1B1;
}
/* contact btn */
header nav #set_button_support{
    width: 152px;
    height: 40px;
    padding-top:5px;
    position: absolute;
    top:19.5px;
    right: 0;
    /* ui */
    text-align: center;
    font:22px/22px Century Gothic;
    letter-spacing: 0;
    color: #0CA8A8;
    opacity: 1;
    /* border properties */
    border: 1px solid #0CA8A8;
    border-radius: 20px;
    opacity: 1;
}
header nav #set_button_support:hover{
    /* border properties */
    /* background-color: #17E5DA - #274DD1 ; */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#17E5DA), to(#274DD1));
    background-image: linear-gradient(#17E5DA, #274DD1);
    border: 0px solid #0CA8A8;
    color: #FFFF;
    -webkit-box-shadow: 0px 3px 6px #0000001A;
            box-shadow: 0px 3px 6px #0000001A;
    cursor: pointer;
}
header .set_header_intro .nav_mobile{
    display: none;
}
/* iPad */
@media screen and (max-width:1133px){
    header .set_header_intro .set_logo{
        padding-top: 1%;
        padding-left: 5%;
    }
    header .set_header_intro .guide_list{
        padding-top: 37px;
        padding-left: 41.94px;
    }
    header .set_header_intro .nav_desktop .guide_list .set_mainlist h2{
        font:14px/17px Century Gothic;
    }
    header .set_header_intro .nav_desktop .guide_list .set_mainlist h2 a{
        color: #343434;
    }
    header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_list_sevice{
        width: 510px;
        padding: 23px 62px 29px 38px;
        left: -140px;
        bottom:-2125%;
    }
    header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist h3{
        font:14px/21px Century Gothic;
    }
    header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist .set_list_subtitle{
        font: 22px/30px Century GothicB;
    }
    header .set_header_intro .nav_desktop .guide_list .set_mainlist .set_sublist .set_list_item h4{
        font:16px/24px Century Gothic;
    }
    header .set_header_intro #set_button_support{
        width: 100px;
        height: 27px;
        padding-top: 2px;
        top:26.5px;
        right: 35px;
        font:15px/22px Century Gothic;
    } 
}
/* iPad-2 humber */
 @media screen and (max-width:900px){ 
    /* mobile */
    header .set_header_intro .nav_desktop{
        display:none;
        /* display:block; */
    }
    header .set_header_intro .nav_mobile{
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        position: absolute;
        top: 30%;
        right: 27px;
        display: block;
    }
    header .set_header_intro .nav_mobile .set_img{
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    header .set_header_intro .nav_mobile .set_img .copyright_menu{
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: 16px;
        margin-right: 8px;
        -ms-flex-item-align: center;
            align-self: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        /* ui */
        text-align: left;
        font:13px/14px Century Gothic;
        letter-spacing: 0;
        color: #091C58;
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    header .set_header_intro .nav_mobile .set_img .img_group{
        width: 40px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        font-size: 0;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    header .set_header_intro .nav_mobile .set_img .img_group span{
        display: inline-block;
        width: 40px;
        height: 4px;
        background: #091C58 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
    }
    header .set_header_intro .nav_mobile .set_img .img_group .humber_img{
        margin-bottom: 8px;
    }
    header .set_header_intro .nav_mobile .set_img .img_group .img_no{
        -webkit-transform: rotate(0deg) translateY(0);
                transform: rotate(0deg) translateY(0);
        -webkit-transition: -webkit-transform 0.3s 0s linear;
        transition: -webkit-transform 0.3s 0s linear;
        transition: transform 0.3s 0s linear;
        transition: transform 0.3s 0s linear, -webkit-transform 0.3s 0s linear;
    }
    /* mobile navigation */
    header .set_header_intro .nav_mobile .guide_list{
        width: 200%;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #091C58;
        position: fixed;
        padding-top: 0;
        padding-left: 0;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        color: #FFFFFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
        /* transform: translateX(0); */
        -webkit-transition: -webkit-transform 0.3s 0s linear;
        transition: -webkit-transform 0.3s 0s linear;
        transition: transform 0.3s 0s linear;
        transition: transform 0.3s 0s linear, -webkit-transform 0.3s 0s linear;
        /* overflow-x: hidden; */
        overflow-y: scroll;
        z-index: 11;
    }
    /* main list */
    header .set_header_intro .nav_mobile .guide_list .main_list{
        width: 50%;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        /* order: 1; */
    }
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist{
        width: 100%;
        padding: 5% 0;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: -webkit-transform 0.3s 0s linear;
        transition: -webkit-transform 0.3s 0s linear;
        transition: transform 0.3s 0s linear;
        transition: transform 0.3s 0s linear, -webkit-transform 0.3s 0s linear;
        background-color: #091C58;
        border-bottom: 1px solid#38DBD2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist:last-child{
        border-bottom: 1px solid transparent;
    }
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist h2{
        width: 80%;
        padding: 0 0 1% 6%;
        font:20px/24px Century Gothic;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #091C58;
        position: relative;
        z-index: 5;
    }
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist h2 a{
        color: #FFFFFF;
        font:20px/24px Century Gothic;
    }
    /* sublist */
    header .set_header_intro .nav_mobile .guide_list .sub_list{
        width: 50%;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-left: 8%;
        position: relative;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist{
        width: 100%;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding: 5% 0 10%;
        display: none;
        /* box-sizing: border-box; */
        opacity: 1;
        background-color: #091C58;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist li{
        width: 100%;
        position: relative;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist h2{
        width: 100%;
        padding: 2% 0 2% 0;
        color: #38DBD2;
        font:18px/24px Century GothicB;
    }
    /* sublist - collapsing btn */
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist .set_switch{
        width: 22px;
        height: 22px;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist li .set_switch{
        position: absolute;
        width: 22px;
        height: 22px;
        top: 30%;
        left: -5%;
    }
    /* sublist - link to main pages */
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist h3{
        width: 100%;
        padding: 1% 0 1% 0;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist h3 a{
        color: #FFFFFF;
        font:18px/14px Century Gothic;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_list_sevice h3{
        color: #38DBD2;
        font:18px/24px Century GothicB;
        border-bottom: 1px solid#38DBD2;
    }
    /* service- link to subpages */
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_list_item{
        width: 100%;
        padding: 2% 0 1%;
        color: #FFFFFF;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_list_sevice .set_list_item h4{
        width: 100%;
        padding: 3% 0;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_list_sevice .set_list_item h4 a{
        color: #FFFFFF;
        font:18px/14px Century Gothic;
    }
    /* support */
    header .set_header_intro #set_button_support{
        display: none;
    }  
}
/* iPhine 5/SE */
@media screen and (max-width:568px){
    header .set_header_intro #set_button_support{
        display: none;
    }  
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist .set_switch{
        -webkit-transform: translateY(20%);
                transform: translateY(20%);
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist li .set_switch{
        top: 25%;
        left: -10%;
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_list_sevice .set_list_item h4 a{
        font:16px/14px Century Gothic;
    }
}
/* iPhine X/XS */
@media screen and (max-width:375px){
    header .set_header_intro .nav_mobile .guide_list .main_list .set_mainlist .set_switch{
        -webkit-transform: translateY(20%);
                transform: translateY(20%);
    }
    header .set_header_intro .nav_mobile .guide_list .sub_list .set_sublist li .set_switch{
        top: 20%;
        left: -10%;
    }
}
/* footer */
/* desktop */
footer{
    width: 100%;
    height: 410px;
    padding-top: 42px;
    position: relative;
    /* ui */
    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
}
footer .service_group{
    width: 42%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 60%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            justify-content: center;
    /* ui */
    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: auto;
}
footer .service_group .aboutus_list{
    padding-right: 115px;
}
footer .service_group .service_list{
    padding-right: 106px;
}
footer .service_group li{
    padding-bottom:22.5px;
    /* ui */
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
}
footer .service_group li a{
    color: #000000;
}
footer .service_group .list_title{  
    font: Bold 22px/18px Century Gothic;
}
footer .service_group .list_item{
    height: 29px;
    padding-bottom:10px;
    font: 16px/22px Century Gothic;
}
footer .service_group .list_item:hover a{
    color: #00B1B1;
}
footer .copyright_style{
    width: 100%;
    height: 16px;
    position: absolute;
    bottom:28px;
    /* ui */
    text-align: center;
    font: 13px/18px Century Gothic;
    letter-spacing: 0;
    color: #959595;
    opacity: 1;
}
/* iPad */
@media screen and (max-width:1600px){
    footer .service_group{
        width: 45%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 65%;
    }
}
@media screen and (max-width:1560px){
    footer .service_group{
        width: 50%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 70%;
    }
}
@media screen and (max-width:1360px){
    footer .service_group{
        width: 60%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 75%;
    }
}
@media screen and (max-width:1133px){
    footer{
        height: 509px;
        padding-top: 75px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    footer .service_group{
        width: 80%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 85%;
    }
    footer .service_group .list_title{  
        font: Bold 24px/18px Century Gothic;
    }
    footer .service_group .list_item{
        height: 20px;
        font: 16px/22px Century Gothic;
    }
    footer .service_group .aboutus_list{
        padding-right:95px;
    }
    footer .service_group .service_list{
        padding-right: 86px;
    }
}
/* iPad-2 */
@media screen and (max-width:768px){
    footer{
        height: 485px;
        padding-top: 75px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    footer .service_group{
        width: 100%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        padding-left: 20px;
    }
    footer .service_group .aboutus_list{
        padding-right: 50px;
    }
    footer .service_group .service_list{
        padding-right: 40px;
    }
}
/* iPhine 5/SE*/
@media screen and (max-width:568px){
    footer{
        height: 650px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding-top: 29px;
        padding-bottom: 91px;
    }
    footer .service_group{
        width: 100%;
        padding-left: 10%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }
    footer .service_group .aboutus_list{
        padding-right: 0;
        padding-bottom:27px;
    }
    footer .service_group .service_list{
        padding-right: 0;
        padding-bottom:27px;
    }
    footer .service_group .list_item{
        height: 20px;
    }
}
/* iPhine X/XS */
@media screen and (max-width:375px){
    footer{
        height: 650px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding-top: 29px;
        padding-bottom: 91px;
    }
    footer .service_group{
        width: 100%;
        padding-left: 10%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }
    footer .service_group .aboutus_list{
        padding-right: 0;
        padding-bottom:27px;
    }
    footer .service_group .service_list{
        padding-right: 0;
        padding-bottom:27px;
    }
    footer .service_group .list_item{
        height: 20px;
    }
}
/* to top  */
.to_top{
    width: 75px;
    height: 75px;
    position: absolute;
    right: 144px;
    bottom: 248px;
    z-index: 9;
}
.to_top:hover{
    cursor: pointer;
}
.to_top .set_img{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    border-radius: 50%;
    background: #38DBD2 0% 0% no-repeat padding-box;
    opacity: 1;
}
.to_top .set_img img{
    width: 35px;
    height: 20px;
    -webkit-transform: translateY(130%);
            transform: translateY(130%);
}
/* iPad */
@media screen and (max-width:1133px){
    .to_top{
        right: 67px;
        bottom: 160px;
    }
}
/* iPad-2 */
@media screen and (max-width:768px){
    .to_top{
        right: 52px;
        bottom: 160px;
    }
}
/* iPhine 5/SE*/
@media screen and (max-width:568px){
    .to_top{
        right: 65px;
        bottom: 159px;
    }
}
/* iPhine X/XS */
@media screen and (max-width:375px){
    .to_top{
        right: 40px;
        bottom: 159px;
    }
}
/* light box */
#set_contact{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    /* ui */
    background-color: rgba(0,0,0,0.8);
}
#set_contact .set_lightbox{
    width: 746px;
    height: 500px;
    margin-top: 250px; 
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
#set_contact .set_lightbox .set_img{
    width: 326px;
    height: 100%;
    /* ui */
    background-color: #091C58;
}
#set_contact .set_lightbox .set_img img{
    width: 100%;
    height: 100%;
}
#set_contact .set_lightbox .set_message{
    width: 420px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    /* ui */
    background-color: #FFFFFF;
}
#set_contact .set_lightbox .set_message .email_input{
    width: 291px;
    height: 50px;
    /* ui */
    border-bottom: 2px solid #B9B9B9;
    opacity: 1;
}
#set_contact .set_lightbox .set_message .message_input{
    width: 291px;
    height: 298px;
    /* ui */
    border: 2px solid #B9B9B9;
    opacity: 1;
}
#set_contact .set_lightbox .set_message .set_button_send{
    width: 124px;
    height: 39px;
    /* ui */background: transparent -webkit-gradient(linear, left top, left bottom, from(#17E5DA), to(#274DD1)) 0% 0% no-repeat padding-box;background: transparent linear-gradient(180deg, #17E5DA 0%, #274DD1 100%) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #00B1B1;
    border-radius: 20px;
    opacity: 1;
    text-align: center;
    font: 18px/22px Century Gothic;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
#set_contact .set_lightbox #set_button_cancel{
    width: 20px;
    height: 20px;
    position: absolute;
    top:10px;
    right: 10px;
    background-color: #000000;
}
#version{
    width: 100%;
    color: #959595;
    font: 13px/22px Century Gothic;
    text-align: right;
    position: fixed;
    bottom: 2%;
    right: 2%;
    opacity:0;
}
#signature{
    width:0;
    height:0;
    position:fixed;
    top:0;
    z-index:0;
}
    #signature img {
        display: block;
        width: 100%;
        height: 100%;
    }

/* index_wrapper-style start */
/* desktop */
.index_wrapper{
    width: 100%;
}
/* banner */
.index_wrapper .banner{
    width: 100%;
    padding-top:70px;
    /* ui */
    background: #091C58 0% 0% no-repeat padding-box;
    opacity: 1;
}
.index_wrapper .banner .set_banner{
    width: 100%;
    max-width: 1134px;
    height: 470px;
    padding-top: 52px;
    box-sizing: border-box;
    position: relative;
    bottom:-2px;
    font-size: 0;
}
.index_wrapper .banner .set_banner .set_img{
    width: 100%;
    max-width: 1134px;
    padding-top: 37.301%;
    position: absolute;
    font-size: 0;
}
.index_wrapper .banner .set_banner .set_img #desktop_banner_img{
    width: 100%;
    height: 100%;
    max-height: 423px;
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    bottom: -2px;
}
.index_wrapper .banner .set_banner .set_img #mobile_banner_img{
    display: none;
}
.index_wrapper .banner .set_banner .set_slogan{
    width: 57%;
    padding-top: 6%;
    padding-right: 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
}
.index_wrapper .banner .set_banner .set_slogan h3{
    width: 100%;
    max-width: 650px;
    margin-bottom: 10px;
    /* ui */
    text-align: left;
    font-size:0;
    letter-spacing: 0;
}
.index_wrapper .banner .set_banner .set_slogan h3 span{
    width: 100%;
    display: inline-block;
    /* ui */
    text-align: left;
    font: Bold 48px/48px Hackman;
    letter-spacing: 0;
    color: #38DBD2;
    opacity: 1;
}
.index_wrapper .banner .set_banner .set_slogan p{
    width: 100%;
    max-width: 650px;
    padding-right:30px;
    box-sizing: border-box;
    /* ui */
    text-align: left;
    font:lighter 18px/24px Century Gothic;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}
/* introduction of service */
.index_wrapper .intro_list{
    display: flex;
    flex-flow: column nowrap;
}
/* common list card */
.index_wrapper
.list_card{ 
    width: 100%;
    padding-top:69.73px;
    padding-bottom:70.39px;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    opacity: 0;
    transform: translateY(20%);
    transition: transform 0.5s 0s linear , opacity 1s 0s linear;
}
.index_wrapper
.set_list_separation{
    border-bottom: 1px solid #707070;
}
/* image */
.index_wrapper
.list_card .set_img{
    width: 35%;
    height: 124.38px;
    padding-top: 34.38px;
    padding-left: 8%;
}
.index_wrapper
.list_card .set_img img{
    width: 90px;
    height: 90px;
}
/* copyright */
.index_wrapper
.list_card .set_copyrighting{
    width: 505px;
    position: relative;
}
.index_wrapper
.list_card .set_copyrighting h2{
    width: 100%;
    /* ui */
    text-align: left;
    font:28px/34px Century GothicB;
    letter-spacing: 0;
    color: #343434;
    opacity: 1;
}
.index_wrapper
.list_card .set_copyrighting p{
    width: 100%;
    padding-top: 19.88px;
    box-sizing: border-box;
    /* ui */
    text-align: left;
    font: 18px/28px Century Gothic;
    letter-spacing: 0;
    color: #343434;
    opacity: 1;
}
.index_wrapper
.list_card .set_copyrighting .set_button_learnmore{
    width: max-content;
    height: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    /* ui */
    text-align: left;
    font: 18px/22px Century Gothic;
    letter-spacing: 0;
    opacity: 1;
}
.index_wrapper
.list_card .set_copyrighting .set_button_learnmore a{
    color: #00B1B1;
}
.index_wrapper
.list_card .set_copyrighting .set_button_learnmore:hover a{
    color: #FF6600;
}
/* iPad */
/* banner */
@media screen and (max-width:1133px){
    .index_wrapper .banner .set_banner{
        max-height: 360px;
        overflow: hidden;
    }
    .index_wrapper .banner .set_banner .set_img{
        width: 120%;
        padding-top: 30%;
        max-width: 850px;
        bottom: -10px;
        transform: scale(1.2);
    }
    .index_wrapper .banner .set_banner .set_slogan{
        width: 58%;
        padding-top: 3%;
        padding-right: 40px;
    }
    .index_wrapper .banner .set_banner .set_slogan h3{
        margin-bottom: 15px;
    }
    .index_wrapper .banner .set_banner .set_slogan h3 span{
        font: Bold 35px/35px Hackman;
    }
    .index_wrapper .banner .set_banner .set_slogan p{
        padding-right: 30px;
        font:16px/21px Century Gothic;
    }
}
/* common list card */
@media screen and (max-width:1133px){
    /* introduction of service */
    .index_wrapper .intro_list{
        width: 100%;
    }
    /* common list card */
    .index_wrapper
    .list_card{
        width: 790px;
        padding-top:57.23px;
        padding-bottom:45.5px;
    }
    /* image */
    .index_wrapper
    .list_card .set_img{
        width: 282px;
        height: 124.38px;
        padding-top: 34.38px;
        /* padding-left: 76.5px; */
        box-sizing: border-box;
    }
    .index_wrapper
    .list_card .set_img img{
        width: 79.34px;
        height: 79.34px;
    }
    /* copyright */
    .index_wrapper
    .list_card .set_copyrighting{
        width: 440px;
        padding-left: 30px;
        padding-bottom: 45.5px;
    }
    .index_wrapper
    .list_card .set_copyrighting h2{
        font:25px/31px Century GothicB;
    }
    .index_wrapper
    .list_card .set_copyrighting p{
        padding-top: 26.88px;
        font: 18px/28px Century Gothic;
    }
    .index_wrapper
    .list_card .set_copyrighting .set_button_learnmore{
        height: 20px;
        font: 16px/17px Century Gothic;
    }
}
/* iPad-2 */
/* banner */
@media screen and (max-width:768px){
    .index_wrapper .banner .set_banner{
        max-height: 380px;
    }
    .index_wrapper .banner .set_banner .set_img{
        width: 182px;
        padding-top: 49%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .index_wrapper .banner .set_banner .set_img #desktop_banner_img{
        display: none;
    }
    .index_wrapper .banner .set_banner .set_img #mobile_banner_img{
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(-100%);
    }
    .index_wrapper .banner .set_banner .set_slogan{
        width: 62%;
        padding-top: 7%;
        padding-right: 22px;
    }
    .index_wrapper .banner .set_banner .set_slogan h3{
        margin-bottom: 7px;
    }
    .index_wrapper .banner .set_banner .set_slogan h3 span{
        font: Bold 35px/35px Hackman;
    }
    .index_wrapper .banner .set_banner .set_slogan p{
        padding-right: 10px;
        font:lighter 16px/21px Century Gothic;
    }
}
@media screen and (max-width:700px){
    .index_wrapper .banner .set_banner .set_img #mobile_banner_img{
        transform: translateX(-90%) scale(0.8); 
    }
}
@media screen and (max-width:650px){
    .index_wrapper .banner .set_banner .set_img #mobile_banner_img{
        transform: translateX(-85%) scale(0.8);
    }
}
@media screen and (max-width:600px){
    .index_wrapper .banner .set_banner .set_slogan{
        padding-top: 4%;
    }
    .index_wrapper .banner .set_banner .set_img #mobile_banner_img{
        transform: translateX(-80%) scale(0.8); 
    }
}
/* common list card */
@media screen and (max-width:768px){
    .index_wrapper
    .list_card{
        width: 100%;
        max-width: 690px;
        padding-top:65.73px;
        padding-bottom:46.39px;
    }
    /* image */
    .index_wrapper
    .list_card .set_img{
        width: 212px;
        height: 124.38px;
        padding-top: 38.38px;
        padding-left: 76.5px;
        box-sizing: border-box;
    }
    .index_wrapper
    .list_card .set_img img{
        width: 71px;
        height: 71px;
    }
    /* copyright */
    .index_wrapper
    .list_card .set_copyrighting{
        width: 400px;
        padding-left: 30px;
        padding-bottom: 45.5px;
    }
    .index_wrapper
    .list_card .set_copyrighting h2{
        font:25px/31px Century GothicB;
    }
    .index_wrapper
    .list_card .set_copyrighting p{
        width: 100%;
        padding-top: 26.88px;
        font: 16px/22px Century Gothic;
    }
    .index_wrapper
    .list_card .set_copyrighting .set_button_learnmore{
        height: 20px;
        font: 16px/17px Century Gothic;
    }
}
/* iPhine 5/SE*/
/* banner */
@media screen and (max-width:568px){
    .index_wrapper .banner .set_banner{
        position: relative;
        font-size: 0;
    }
    .index_wrapper .banner .set_banner .set_img{
        display: none;
    }
    .index_wrapper .banner .set_banner .set_slogan{
        width: 100%;
        padding-top: 2%;
        padding-right: 10%;
        padding-left: 6%;
        top: 0;
        left: 0;
    }
    .index_wrapper .banner .set_banner .set_slogan h3{
        margin-bottom: 9px;
    }
    .index_wrapper .banner .set_banner .set_slogan h3 span{
        font: Bold 35px/35px Hackman;
    }
    .index_wrapper .banner .set_banner .set_slogan p{
        padding-right: 40px;
        font:lighter 16px/21px Century Gothic;
    }
}
/* common list card */
@media screen and (max-width:568px){
    .index_wrapper
    .list_card{
        width: 100%;
        max-width: 459px;
        padding-top:69.73px;
        padding-left: 28.5px;
        padding-bottom:36.5px;
        flex-flow: column nowrap;
        box-sizing: border-box;
    }
    .index_wrapper
    .set_list_separation{
        border-bottom: 1px solid #707070;
    }
    /* image */
    .index_wrapper
    .list_card .set_img{
        width: 100%;
        height: max-content;
        padding-top: 0;
        padding-left: 0;
    }
    .index_wrapper
    .list_card .set_img img{
        width: 71px;
        height: 71px;
    }
    /* copyright */
    .index_wrapper
    .list_card .set_copyrighting{
        width: 100%;
        padding-top: 22.27px;
        padding-left: 0;
        padding-bottom: 36.5px;
    }
    .index_wrapper
    .list_card .set_copyrighting h2{
        width: 100%;
        font:25px/31px Century GothicB;
    }
    .index_wrapper
    .list_card .set_copyrighting p{
        width: 100%;
        padding-top: 7.88px;
        padding-right: 60px;
        box-sizing: border-box;
        font: 16px/22px Century Gothic;
    }
    .index_wrapper
    .list_card .set_copyrighting .set_button_learnmore{
        bottom: 0;
        right: 30.5px;
        font: 16px/17px Century Gothic;
    }
}
/* iPhine X/XS */
/* banner */
@media screen and (max-width:414px) {
    .index_wrapper .banner .set_banner {
        width: 100%;
        height: 350px;
        position: relative;
        font-size: 0;
    }

    .index_wrapper .banner .set_banner .set_img {
        display: none;
    }

    .index_wrapper .banner .set_banner .set_slogan {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-left: 25px;
        top: 0;
        left: 0;
    }

    .index_wrapper .banner .set_banner .set_slogan h3 {
        width: 307px;
        margin-bottom: 9px;
    }

    .index_wrapper .banner .set_banner .set_slogan h3 span {
        font: Bold 32px/32px Hackman;
    }

    .index_wrapper .banner .set_banner .set_slogan p {
        width: 100%;
        max-width: 327px;
        height: max-content;
        padding-right: 0;
        padding-bottom: 2%;
        font: lighter 14px/20px Century Gothic;
    }
}
/* common list card */
@media screen and (max-width:414px) {
    .index_wrapper .list_card {
        width: 80%;
        padding-top: 39px;
        padding-left: 25.5px;
        padding-bottom: 15.5px;
        flex-flow: column nowrap;
        box-sizing: border-box;
    }

    .index_wrapper .set_list_separation {
        border-bottom: 1px solid #707070;
    }
    /* image */
    .index_wrapper .list_card .set_img {
        width: 100%;
        height: max-content;
        padding-top: 0;
        padding-left: 0;
    }

    .index_wrapper .list_card .set_img img {
        width: 71px;
        height: 71px;
    }
    /* copyright */
    .index_wrapper .list_card .set_copyrighting {
        width: 100%;
        padding-top: 27.27px;
        padding-left: 0;
    }

    .index_wrapper .list_card .set_copyrighting h2 {
        width: 100%;
        font: 25px/31px Century GothicB;
    }

    .index_wrapper .list_card .set_copyrighting p {
        width: 100%;
        padding-top: 7.88px;
        padding-right: 60px;
        box-sizing: border-box;
        font: 16px/22px Century Gothic;
    }

    .index_wrapper .list_card .set_copyrighting .set_button_learnmore {
        width: 103px;
        height: 20px;
        bottom: 0;
        right: 30.5px;
        font: 16px/17px Century Gothic;
    }
}
/* iPhine 5 SE */
/* banner */
@media screen and (max-width:375px) {
    .index_wrapper .banner .set_banner {
        height: 330px;
    }
}
/* banner */
@media screen and (max-width:320px) {
    .index_wrapper .banner .set_banner {
        height: 55vh;
    }

    .index_wrapper .banner .set_banner .set_slogan {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-left: 20px;
        top: 0;
        left: 0;
    }

    .index_wrapper .banner .set_banner .set_slogan h3 {
        width: 100%;
        margin-bottom: 9px;
    }

        .index_wrapper .banner .set_banner .set_slogan h3 span {
            font: Bold 30px/30px Hackman;
        }

    .index_wrapper .banner .set_banner .set_slogan p {
        width: 100%;
        padding-right: 0;
        font: lighter 13px/20px Century Gothic;
    }
}
/* banner */
@media screen and (max-width:280px) {
    .index_wrapper .banner .set_banner {
        max-height: 600px;
        height: 65vh;
    }
}
/* banner */
@media screen and (max-width:260px) {
    .index_wrapper .banner .set_banner {
        height: 75vh;
    }
}
/* banner */
@media screen and (max-width:250px) {
    .index_wrapper .banner .set_banner {
        height: 85vh;
    }
}
/* contact_wrapper-style start */
/* desktop */
.contact_wrapper{
    width: 100%;
}  
/* banner */
.contact_wrapper .banner{
    width: 100%;
    padding-top: 5%;
    /* ui */
    background: #091C58 0% 0% no-repeat padding-box;
    opacity: 1;
}
.contact_wrapper .banner .set_banner{
    height: 400px;
    padding-bottom: 3%;
}
.contact_wrapper .banner .set_banner .set_slogan{
    width: 100%;
    padding-top: 100px;
    padding-right: 30px;
    box-sizing: border-box;
}
.contact_wrapper .banner .set_banner .set_slogan h3{
    width: 100%;
    padding-bottom: 2%;
    /* ui */
    text-align: center;
    font: Bold 48px/48px Hackman;
    letter-spacing: 0;
    color: #38DBD2;
    opacity: 1;
}
.contact_wrapper .banner .set_banner .set_slogan p{
    width: 100%;
    max-width: 750px;
    padding-left: 2%;
    /* padding-right:30px; */
    box-sizing: border-box;
    /* ui */
    text-align: left;
    font: 18px/28px Century Gothic;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}
/* introduction of location */
.contact_wrapper .map_list{
    width: 100%;
    max-width: 940px;
    padding-top: 35%;
    position: relative;
    top: -64px;
    margin-bottom: -64px;
}
@media screen and (max-width:2050px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 40%;
    }
}
@media screen and (max-width:1780px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 45%;
    }
}
@media screen and (max-width:1600px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 50%;
    }
}
@media screen and (max-width:1450px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 55%;
    }
}
@media screen and (max-width:1300px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 60%;
    }
}
@media screen and (max-width:1200px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 65%;
    }
}
@media screen and (max-width:1133px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 85%;
    }
}
/* label */
.contact_wrapper .map_list .set_map_label{
    width: 100%;
    height: 64px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    top: 0;
    z-index: 5;
    background-color: #091C58;
}
.contact_wrapper .map_list .set_map_label:hover{
    cursor: pointer;
}
.contact_wrapper .map_list .set_map_label .map_label{
    width: 49%;
    box-sizing: border-box;
    /* ui */
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    transition: height 1s 0s linear;
}
.contact_wrapper .map_list .set_map_label .map_label h4{
    width: 100%;
    height: 100%;
    position: relative;
    /* ui */
    text-align: center;
    font: 22px/26px Century Gothic;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    transition:top 1s 0s linear;
}
/* clicking label */
.contact_wrapper .map_list .set_map_label .set_normal{
    height: 43px;
    background-color: #5E5E5E;
}
.contact_wrapper .map_list .set_map_label .set_normal h4{
    top: 10px;
}
.contact_wrapper .map_list .set_map_label .set_stay{
    height: 64px;
    background-color: #00B1B1;
}
.contact_wrapper .map_list .set_map_label .set_stay h4{
    top: 21px;
}
/* label's surroundings */
.contact_wrapper .map_list .set_map_describe{
    width: 100%;
    height: 100%;
    /* overflow-y: scroll; */
    overflow: hidden;
    position: absolute;
    top: 64px;
}
/* map */
.contact_wrapper .map_list .set_map_describe .set_map_card{
    width: 100%;
    height: 100%;
    position: relative;
    transition: top 1s 0s ease;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_map{
    width: 100%;
    padding-top: 45%;
    position: relative;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_map .iframe_map{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 0;
    object-fit: cover;
}
/* copyright-contact title */
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting{
    width: 100%;
    padding: 5% 0 2%;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    /* ui */
    text-align: left;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon{
    width: 9%;
    padding-top: 9%;
    position: relative;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe{
    width: 90%;
    padding-top: 1%;
    padding-left: 3%; 
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe h3{
    width: 100%;
    padding-bottom: 0.5%;
    /* ui */
    font: 28px/34px Century GothicB;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe .set_address{
    width: 100%;
    padding: 0.25% 0;
    /* ui */
    font: 18px/28px Century Gothic;
}
/* coptright - contact item */
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card{
    width: 33.333333%;
    padding: 4% 0 2%;
    display: flex;
    flex-flow: row nowrap;
    align-items:center; 
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_icon{
    width: 20%;
    padding-top: 15%;
    position: relative;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_icon img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content{
    width: 100%;
    padding-left: 10%;
    /* ui */
    font: 16px/18px Century Gothic;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content a{
    width: 100%;
    /* ui */
    color: #000000;
    font: 16px/18px Century Gothic;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_email:hover{
    cursor: pointer;
}
.contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_email:hover .set_content a{
    font: 16px/18px Century GothicB;
    text-decoration: underline;
}
 
/* common list card */
/* desktop */
.contact_wrapper .location_list{
    width: 100%;
    background: #091C58 0% 0% no-repeat padding-box;
    opacity: 1;
    position: relative;
    z-index: 5;
}
.contact_wrapper .location_list h4{
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    /* ui */
    text-align: center;
    font: Bold 48px/48px Hackman;
    letter-spacing: 0;
    color: #38DBD2;
    opacity: 1;
}
.contact_wrapper .location_list .set_content{
    width: 100%;
    max-width: 1040px;
    padding-left: 6.5%;
    padding-bottom: 1%; 
    display: flex;
    flex-flow: row wrap;
    /* ui */
    text-align: left;
    color: #FFFFFF;
    letter-spacing: 0;
    opacity: 1;
}
.contact_wrapper .location_list .set_content .list_card{
    width: 33.333333%;
    padding-bottom: 5%;
    box-sizing: border-box;
}
/* image */
.contact_wrapper .location_list .set_content .list_card .set_img{
    padding-bottom: 10px;
}
.contact_wrapper .location_list .set_content .list_card .set_img img{
    width: 58px;
    height: 58px;
    border-radius:50%;
}
/* copyright */
.contact_wrapper .location_list .set_content .list_card .set_copyrighting{
    width: 100%;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting h3{
    width: 100%;
    padding-bottom: 10px;
    font:22px/26px Century GothicB;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list{
    width: 100%;
    padding: 10px 0;
    display: flex;
    flex-flow: row nowrap;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list .set_icon{
    padding-right: 10px;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list .set_icon img{
    width: 27px;
    height: 27px;
    vertical-align: middle;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list .set_icon img:hover{
    cursor: pointer;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list .copyright_content{
    font:16px/24px Century Gothic;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .set_mail .copyright_content a{
    color: #FFFFFF;
    font:16px/24px Century Gothic;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .set_mail:hover{
    cursor: pointer;
}
.contact_wrapper .location_list .set_content .list_card .set_copyrighting .set_mail:hover .copyright_content a{
    font:16px/24px Century GothicB;
    text-decoration: underline ;
}
/* iPad */
@media screen and (max-width:1133px){
    /* banner */
    .contact_wrapper .banner{
        padding-top: 12%;
    }
    .contact_wrapper .banner .set_banner{
        height: 400px;
        padding-bottom: 3%;
    }
    .contact_wrapper .banner .set_banner .set_slogan{
        width: 100%;
        padding-top: 60px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan h3{
        padding-bottom: 2%;
        font: Bold 48px/48px Hackman;
    }
    .contact_wrapper .banner .set_banner .set_slogan p{
        width: 100%;
        max-width: 750px;
        padding-left: 5%;
        font: 18px/28px Century Gothic;
    }
    /* label */
    .contact_wrapper .map_list .set_map_label{
        width: 100%;
        height: 64px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-end;
        position: absolute;
        top: 0;
        z-index: 5;
        background-color: #091C58;
    }
    .contact_wrapper .map_list .set_map_label .map_label h4{
        font: 22px/26px Century Gothic;
    }
    /* map's surroundings */
    .contact_wrapper .map_list .set_map_describe{
        width: 100%;
        height: 100%;
        /* overflow-y: scroll; */
        overflow: hidden;
        position: absolute;
        top: 64px;
    }
    /* map */
    .contact_wrapper .map_list .set_map_describe .set_map_card{
        width: 100%;
        height: 100%;
        position: relative;
        transition: top 1s 0s ease;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map{
        width: 100%;
        padding-top: 45%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map .iframe_map{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        border: 0;
    }
    /* copyright-contact title */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting{
        width: 100%;
        padding: 5% 0 2% 15%;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        /* ui */
        text-align: left;
        margin: auto;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon{
        width: 9%;
        padding-top: 9%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe{
        width: 90%;
        padding-top: 1%;
        padding-left: 3%; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe h3{
        width: 100%;
        padding-bottom: 0.5%;
        /* ui */
        font: 28px/34px Century GothicB;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe .set_address{
        width: 100%;
        padding: 0.25% 0;
        /* ui */
        font: 18px/28px Century Gothic;
    }
    /* coptright - contact item */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item{
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        padding-left: 5%;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card{
        width: 33.333333%;
        padding: 4% 0 2%;
        display: flex;
        flex-flow: row nowrap;
        align-items:center; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_icon{
        width: 20%;
        padding-top: 15%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content{
        width: 100%;
        padding-left: 10%;
        /* ui */
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content a{
        width: 100%;
        /* ui */
        color: #000000;
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_email:hover .set_content a{
        font: 16px/18px Century GothicB;
        text-decoration: underline;
    }
    /* common list card */
    .contact_wrapper .location_list{
        width: 100%;
        background: #091C58 0% 0% no-repeat padding-box;
        opacity: 1;
        position: relative;
        z-index: 5;
    }
    .contact_wrapper .location_list h4{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
        /* ui */
        text-align: center;
        font: Bold 48px/48px Hackman;
        letter-spacing: 0;
        color: #38DBD2;
        opacity: 1;
    }
    .contact_wrapper .location_list .set_content{
        padding: 5% 15%;
        display: flex;
        flex-flow: row wrap;
        box-sizing: border-box;
    }
    .contact_wrapper .location_list .set_content .list_card{
        width: 50%;
        padding-left: 5%;
        padding-bottom: 10%;
        box-sizing: border-box;
    }
    /* image */
    .contact_wrapper .location_list .set_content .list_card .set_img{
        padding-bottom: 10px;
    }
    /* copyright */
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting{
        width: 100%;
    }
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list{
        width: 100%;
        padding: 10px 0;
        display: flex;
        flex-flow: row nowrap;
    }
}
@media screen and (max-width:1100px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 90%;
    }
}
@media screen and (max-width:1020px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 95%;
    }
}
@media screen and (max-width:960px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 100%;
    }
}
@media screen and (max-width:920px){
    .contact_wrapper .banner{
        padding-top:70px;
    }
    .contact_wrapper .banner .set_banner{
        height: 350px;
        padding-bottom: 10%;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan{
        width: 100%;
        padding-top: 60px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan h3{
        padding-bottom: 2%;
        font: Bold 48px/48px Hackman;
    }
    .contact_wrapper .banner .set_banner .set_slogan p{
        width: 100%;
        max-width: 750px;
        padding-left: 5%;
        font: 18px/28px Century Gothic;
        box-sizing: border-box;
    }
    /* label */
    .contact_wrapper .map_list .set_map_label{
        width: 100%;
        height: 64px;
        padding: 0 2%;
        box-sizing: border-box;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-end;
        position: absolute;
        top: 0;
        z-index: 5;
        background-color: #091C58;
    }
    .contact_wrapper .map_list .set_map_label .map_label{
        width: 49.5%;
    }
    .contact_wrapper .map_list .set_map_label .map_label h4{
        font: 22px/26px Century Gothic;
    }
    /* map's surroundings */
    .contact_wrapper .map_list .set_map_describe{
        width: 100%;
        height: 100%;
        /* overflow-y: scroll; */
        overflow: hidden;
        position: absolute;
        top: 64px;
    }
    /* map */
    .contact_wrapper .map_list .set_map_describe .set_map_card{
        width: 100%;
        height: 100%;
        padding: 0 2%;
        box-sizing: border-box;
        position: relative;
        transition: top 1s 0s ease;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map{
        width: 100%;
        padding-top: 45%;
        position: relative;
    }
    /* copyright-contact title */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting{
        width: 100%;
        padding: 5% 0 2% 15%;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        /* ui */
        text-align: left;
        margin: auto;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon{
        width: 9%;
        padding-top: 9%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe{
        width: 90%;
        padding-top: 1%;
        padding-left: 3%; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe h3{
        width: 100%;
        padding-bottom: 0.5%;
        /* ui */
        font: 28px/34px Century GothicB;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe .set_address{
        width: 100%;
        padding: 0.25% 0;
        /* ui */
        font: 18px/28px Century Gothic;
    }
    /* copyright - contact item */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item{
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        padding-left: 4.5%;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card{
        width: 100%;
        padding: 4% 0 2%;
        display: flex;
        flex-flow: row nowrap;
        align-items:center; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_icon{
        width: 5%;
        padding-top: 5%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content{
        width: 100%;
        padding-left: 2%;
        /* ui */
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content a{
        width: 100%;
        /* ui */
        color: #000000;
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_email:hover .set_content a{
        font: 16px/18px Century GothicB;
        text-decoration: underline;
    }
    /* common list card */
    .contact_wrapper .location_list{
        width: 100%;
        background: #091C58 0% 0% no-repeat padding-box;
        opacity: 1;
        position: relative;
        z-index: 5;
    }
    .contact_wrapper .location_list h4{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
        box-sizing: border-box;
        /* ui */
        text-align: center;
        font: Bold 42px/48px Hackman;
    }
    .contact_wrapper .location_list .set_content{
        padding: 5% 15%;
        display: flex;
        flex-flow: row wrap;
        box-sizing: border-box;
    }
    .contact_wrapper .location_list .set_content .list_card{
        width: 50%;
        padding-left: 0;
        padding-bottom: 10%;
        box-sizing: border-box;
    }
    .contact_wrapper .location_list .set_content .list_card:nth-child(2n){
        padding-left: 6%;
    }
    /* image */
    .contact_wrapper .location_list .set_content .list_card .set_img{
        padding-bottom: 10px;
    }
    /* copyright */
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting{
        width: 100%;
    }
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list{
        width: 100%;
        padding: 10px 0;
        display: flex;
        flex-flow: row nowrap;
    }
}
@media screen and (max-width:780px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 100%;
    }
}
@media screen and (max-width:620px){
    .contact_wrapper .banner{
        padding-top:70px;
    }
    .contact_wrapper .banner .set_banner{
        height: 350px;
        padding-bottom: 10%;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan{
        width: 100%;
        padding-top: 60px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan h3{
        padding-bottom: 2%;
        font: Bold 42px/48px Hackman;
    }
    .contact_wrapper .banner .set_banner .set_slogan p{
        width: 100%;
        max-width: 750px;
        padding-left: 5%;
        font: 18px/28px Century Gothic;
        box-sizing: border-box;
    }
    /* introduction of location */
    .contact_wrapper .map_list{
        padding-top: 130%;
    }
    /* label */
    .contact_wrapper .map_list .set_map_label{
        width: 100%;
        height: 64px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-end;
        position: absolute;
        top: 0;
        z-index: 5;
        background-color: #091C58;
    }
    .contact_wrapper .map_list .set_map_label .map_label h4{
        font: 22px/26px Century Gothic;
    }
    /* map's surroundings */
    .contact_wrapper .map_list .set_map_describe{
        width: 100%;
        height: 100%;
        /* overflow-y: scroll; */
        overflow: hidden;
        position: absolute;
        top: 64px;
    }
    /* map */
    .contact_wrapper .map_list .set_map_describe .set_map_card{
        width: 100%;
        height: 100%;
        position: relative;
        transition: top 1s 0s ease;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map{
        width: 100%;
        padding-top: 55%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map .iframe_map{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        border: 0;
    }
    /* copyright-contact title */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting{
        width: 100%;
        padding: 5% 0 5% 5%;
        box-sizing: border-box;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        /* ui */
        text-align: left;
        margin: auto;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon{
        width: 15%;
        padding-top: 15%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe{
        width: 75%;
        padding-top: 1%;
        padding-left: 6%; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe h3{
        width: 100%;
        padding-bottom: 0.5%;
        /* ui */
        font: 28px/34px Century GothicB;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe .set_address{
        width: 100%;
        padding: 0.25% 0;
        /* ui */
        font: 18px/28px Century Gothic;
    }
    /* copytright - contact item */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item{
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        padding-left: 8%;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card{
        width: 100%;
        padding: 4% 0 2%;
        display: flex;
        flex-flow: row nowrap;
        align-items:center; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_icon{
        width: 8%;
        padding-top: 8%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content{
        width: 100%;
        padding-left: 5%;
        /* ui */
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content a{
        width: 100%;
        /* ui */
        color: #000000;
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_email:hover .set_content a{
        font: 16px/18px Century GothicB;
        text-decoration: underline;
    }
    /* common list card */
    .contact_wrapper .location_list{
        width: 100%;
        background: #091C58 0% 0% no-repeat padding-box;
        opacity: 1;
        position: relative;
        z-index: 5;
    }
    .contact_wrapper .location_list h4{
        width: 100%;
        padding-top: 5%;
        padding-left: 0;
        padding-bottom: 5%;
        box-sizing: border-box;
        /* ui */
        text-align: center;
        font: Bold 42px/48px Hackman;
    }
    .contact_wrapper .location_list .set_content{
        padding: 5% 15%;
        display: flex;
        flex-flow: row wrap;
        box-sizing: border-box;
    }
    .contact_wrapper .location_list .set_content .list_card{
        width: 100%;
        padding-left: 0;
        padding-bottom: 10%;
        box-sizing: border-box;
    }
    /* image */
    .contact_wrapper .location_list .set_content .list_card .set_img{
        padding-bottom: 10px;
    }
    /* copyright */
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting{
        width: 100%;
    }
    .contact_wrapper .location_list .set_content .list_card:nth-child(2n){
        padding-left: 0;
    }
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list{
        width: 100%;
        padding: 10px 0;
        display: flex;
        flex-flow: row nowrap;
    }
}
@media screen and (max-width:450px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 150%;
    }
}
@media screen and (max-width:375px){
    .contact_wrapper .banner{
        padding-top:70px;
    }
    .contact_wrapper .banner .set_banner{
        height: 300px;
        padding-bottom: 0;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan{
        width: 100%;
        padding-top: 60px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .contact_wrapper .banner .set_banner .set_slogan h3{
        padding-bottom: 2%;
        font: Bold 35px/40px Hackman;
    }
    .contact_wrapper .banner .set_banner .set_slogan p{
        width: 100%;
        max-width: 750px;
        padding-left: 5%;
        font: 16px/24px Century Gothic;
        box-sizing: border-box;
    }
    /* introduction of location */
    .contact_wrapper .map_list{
        padding-top: 140%;
        top: -44px;
        margin-bottom: -44px;
    }
    /* label */
    .contact_wrapper .map_list .set_map_label{
        width: 100%;
        height: 44px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-end;
        position: absolute;
        top: 0;
        z-index: 5;
        background-color: #091C58;
    }
    .contact_wrapper .map_list .set_map_label .map_label h4{
        font: 18px/12px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_label .set_normal{
        height: 30px;
        background-color: #5E5E5E;
    }
    .contact_wrapper .map_list .set_map_label .set_normal h4{
        top: 10px;
    }
    .contact_wrapper .map_list .set_map_label .set_stay{
        height: 44px;
        background-color: #00B1B1;
    }
    .contact_wrapper .map_list .set_map_label .set_stay h4{
        top: 21px;
    }
    .contact_wrapper .map_list .set_map_describe{
        width: 100%;
        height: 100%;
        /* overflow-y: scroll; */
        overflow: hidden;
        position: absolute;
        top: 44px;
    }
    /* map */
    .contact_wrapper .map_list .set_map_describe .set_map_card{
        width: 100%;
        height: 100%;
        position: relative;
        transition: top 1s 0s ease;
        padding: 0;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map{
        width: 100%;
        padding-top: 55%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_map .iframe_map{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        border: 0;
    }
    /* copyright-contact title */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting{
        width: 100%;
        padding: 5% 0 5% 5%;
        box-sizing: border-box;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        /* ui */
        text-align: left;
        margin: auto;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon{
        width: 15%;
        padding-top: 15%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_icon img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe{
        width: 75%;
        padding-top: 1%;
        padding-left: 6%; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe h3{
        width: 100%;
        padding-bottom: 0.5%;
        /* ui */
        font: 22px/27px Century GothicB;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_title .set_discribe .set_address{
        width: 100%;
        padding: 0.25% 0;
        /* ui */
        font: 18px/28px Century Gothic;
    }
    /* coptright - contact item */
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item{
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        padding-left: 8%;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card{
        width: 100%;
        padding: 4% 0 2%;
        display: flex;
        flex-flow: row nowrap;
        align-items:center; 
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_icon{
        width: 8%;
        padding-top: 8%;
        position: relative;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content{
        width: 100%;
        padding-left: 6%;
        /* ui */
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_item_card .set_content a{
        width: 100%;
        /* ui */
        color: #000000;
        font: 16px/18px Century Gothic;
    }
    .contact_wrapper .map_list .set_map_describe .set_map_card .set_copyrighting .set_contact_item .set_email:hover .set_content a{
        font: 16px/18px Century GothicB;
        text-decoration: underline;
    }
    /* common list card */
    .contact_wrapper .location_list{
        width: 100%;
        background: #091C58 0% 0% no-repeat padding-box;
        opacity: 1;
        position: relative;
        z-index: 5;
    }
    .contact_wrapper .location_list h4{
        width: 100%;
        padding-top: 5%;
        padding-left: 0;
        padding-bottom: 5%;
        box-sizing: border-box;
        /* ui */
        text-align: center;
        font: Bold 35px/40px Hackman;
    }
    .contact_wrapper .location_list .set_content{
        padding: 5% 15%;
        display: flex;
        flex-flow: row wrap;
        box-sizing: border-box;
    }
    .contact_wrapper .location_list .set_content .list_card{
        width: 100%;
        padding-left: 0;
        padding-bottom: 10%;
        box-sizing: border-box;
    }
    /* image */
    .contact_wrapper .location_list .set_content .list_card .set_img{
        padding-bottom: 10px;
    }
    /* copyright */
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting{
        width: 100%;
    }
    .contact_wrapper .location_list .set_content .list_card:nth-child(2n){
        padding-left: 0;
    }
    .contact_wrapper .location_list .set_content .list_card .set_copyrighting .copyright_list{
        width: 100%;
        padding: 10px 0;
        display: flex;
        flex-flow: row nowrap;
    }
}
@media screen and (max-width:340px){
    .contact_wrapper .map_list{
        width: 100%;
        padding-top: 180%;
    }
}
/* //map-list */
/* company */
.about-company-wrapper{
    width:100%;
    font-family:"Century Gothic";
    color:#343434;
}
.about-company-wrapper .company-banner {
    width: 100%;
    /*max-width:1920px;*/
    height: 544px;
    padding-top: 3%;
    margin: 0px auto;
    background-image: url("Images/about/about.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: center;
    background-clip: content-box;
    background-origin: content-box;
    display: flex;
    object-fit: cover;
    box-sizing: border-box;
}
.about-company-wrapper .company-banner .banner-artical {
    max-width: 1920px;
    height: 100%;
    padding-top: 120px;
    margin: auto;
    color: #FFFFFF;
    object-fit: cover;
    background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
    width: 100%;
}
.about-company-wrapper .company-banner .banner-artical .banner-title{
    max-width:766px;
    color:#FFFFFF;
    font-family:"Hackman";
    font-size:53px;
    font-weight:700;
    letter-spacing:0;
    text-align:center;
    margin:0px auto;
    margin:0 auto 32px;
}
.about-company-wrapper .company-banner .banner-artical .banner-table{
    text-align: left;
    /* float: left; */
    margin: auto;
    max-width: 400px;
    transform: translateX(158px);
}
.about-company-wrapper .company-banner .banner-artical .banner-row{
    clear:both;
}
.about-company-wrapper .company-banner .banner-artical .banner-cell{
    color:#FFFFFF;
    font-family:"Century GothicB";
    font-size:28px;
    text-align:left;
    letter-spacing:0;
    float:left;
    margin-bottom:18px;
}
.about-company-wrapper .banner-artical .banner-cell img{
    display:block;
    width:30px;
    margin-right:17px;
}
.about-company-wrapper .company-main{
    max-width:751px;
    margin:59px auto 55px;
    padding-left:5px;
    color:#343434;
    font-size:18px;
}
.about-company-wrapper .company-main .maintop{
    color:#00B1B1;
    font-family:"Century GothicB";
    font-size:20px;
    margin-bottom:17px;
}
.about-company-wrapper .company-main p{
    line-height:150%;
}
/* iPad */
@media screen and (max-width:1133px){
    .about-company-wrapper .company-banner .banner-artical .banner-title{
        max-width:766px;
        color:#FFFFFF;
        font: Bold 48px/67px Hackman;
        letter-spacing:0;
        text-align:center;
        margin:0px auto;
        margin:0 auto 32px;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-table {
        text-align: left;
        /* float: left; */
        margin: auto;
        max-width: 400px;
        transform: translateX(0);
    }
    .about-company-wrapper .company-banner .banner-artical .banner-cell{
        color:#FFFFFF;
        font: 28px/34px Century GothicB;
        text-align:left;
        letter-spacing:0;
        float:left;
        margin-bottom:18px;
    }
    .about-company-wrapper .banner-artical .banner-cell img{
        display:block;
        width:30px;
        margin-right:17px;
    }
    .about-company-wrapper .company-main{
        max-width:751px;
        margin:5% auto;
        padding:0 5%;
        color:#343434;
        font-size:18px;
    }
    .about-company-wrapper .company-main .maintop{
        color:#00B1B1;
        font:22px/28px Century GothicB;
        margin-bottom:17px;
    }
    .about-company-wrapper .company-main p{
        line-height:150%;
        font:16px/28px Century Gothic;
    }
}
@media screen and (max-width:768px){
    .about-company-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-company-wrapper .company-banner{ 
        width: 100%;
        height:544px;
        padding-top: 3%;
        margin:0px auto 1%;
        /* background-size: auto; */
    }
    .about-company-wrapper .company-banner .banner-artical .banner-title{
        max-width:766px;
        color:#FFFFFF;
        font: Bold 42px/46px Hackman;
        letter-spacing:0;
        text-align:center;
        margin:0px auto;
        margin:0 auto 32px;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-cell{
        color:#FFFFFF;
        font-family:"Century GothicB";
        font-size:28px;
        text-align:left;
        letter-spacing:0;
        float:left;
        margin-bottom:18px;
    }
    .about-company-wrapper .banner-artical .banner-cell img{
        display:block;
        width:30px;
        margin-right:17px;
    }
    .about-company-wrapper .company-main{
        max-width:751px;
        margin:5% auto;
        padding:0 5%;
        color:#343434;
        font-size:18px;
    }
    .about-company-wrapper .company-main .maintop{
        color:#00B1B1;
        font: 20px/28px Century GothicB;
        margin-bottom:17px;
    }
    .about-company-wrapper .company-main p{
        line-height:150%;
        font:18px/28px Century Gothic;
    }
}
@media screen and (max-width:620px){
    .about-company-wrapper .company-banner .banner-artical .banner-table{
        text-align:left;
        float: left;
        margin: auto;
        padding-left: 12%;
    }
}
@media screen and (max-width:480px){
    .about-company-wrapper .company-banner .banner-artical .banner-table{
        text-align:left;
        float: left;
        margin: auto;
        padding-left: 5%;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-cell{
        color:#FFFFFF;
        font:22px/27px Century GothicB;
        text-align:left;
        letter-spacing:0;
        float:left;
        margin-bottom:18px;
    }
}
@media screen and (max-width:375px){
    .about-company-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-company-wrapper .company-banner{ 
        width: 100%;
        height:450px;
        padding-top: 2%;
        margin:0px auto 1%;
        /* background-size: auto; */
    }
    .about-company-wrapper .company-banner .banner-artical{
        max-width:770px;
        margin:0px auto;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-title{
        max-width:766px;
        color:#FFFFFF;
        font: Bold 35px/46px Hackman;
        letter-spacing:0;
        text-align:center;
        margin:0px auto;
        margin:120px auto 32px;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-table{
        text-align:left;
        float: left;
        margin: auto;
        padding-left: 6%;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-cell{
        color:#FFFFFF;
        font:22px/27px Century GothicB;
        text-align:left;
        letter-spacing:0;
        float:left;
        margin-bottom:18px;
    }
    .about-company-wrapper .banner-artical .banner-cell img{
        display:block;
        width:30px;
        margin-right:17px;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-cell span{
        display: inline-block;
        width: 100%;
    }
    .about-company-wrapper .company-main{
        max-width:751px;
        margin:5% auto;
        padding:0 5%;
        color:#343434;
        font-size:18px;
    }
    .about-company-wrapper .company-main .maintop{
        color:#00B1B1;
        font: 18px/23px Century GothicB;
        margin-bottom:17px;
    }
    .about-company-wrapper .company-main p{
        line-height:150%;
        font:18px/28px Century Gothic;
    }
}
@media screen and (max-width:350px){
    .about-company-wrapper .company-banner .banner-artical .banner-table{
        text-align:left;
        float: left;
        margin: auto;
        padding-left: 5%;
    }
    .about-company-wrapper .company-banner .banner-artical .banner-cell{
        color:#FFFFFF;
        font:16px/27px Century GothicB;
        text-align:left;
        letter-spacing:0;
        float:left;
        margin-bottom:18px;
    }
}
/* infrastructure  */
.about-infrastructure-wrapper{
    width:100%;
    font-family:"Century Gothic";
    color:#343434;
}
.about-infrastructure-wrapper .infrastructure-banner {
    background-image: url("Images/about/Infrastructure.jpg");
    /*max-width:1920px;*/
    height: 544px;
    margin: 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: center;
    background-clip: content-box;
    background-origin: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}
.about-infrastructure-wrapper .infrastructure-banner-text {
    max-width: 1920px;
    height: 100%;
    padding-top: 250px;
    margin: auto;
    color: #FFFFFF;
    object-fit: cover;
    background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
    width: 100%;
}
.about-infrastructure-wrapper
.infrastructure-banner-text h2{
    text-align:center;
    font:bold 53px/67px Hackman;
}
.about-infrastructure-wrapper
.infrastructure-intro{
    max-width:746px;
    padding-left:5px;
    margin:5% auto 0px;
}
.about-infrastructure-wrapper
.infrastructure-intro p{
    text-align: left;
    font-size:18px;
    letter-spacing: 0;
    color: #343434; 
    line-height:150%;
}
.about-infrastructure-wrapper
.globalmap{
    max-width:751px;
    padding-left:5px;
    margin:32px auto 30px;
}
.about-infrastructure-wrapper
.asiamap{
    max-width:751px;
    padding-left:5px;
    margin:30px auto 68px;
}
.about-infrastructure-wrapper
.map-title{
    color:#000000;
    font-family:"Century GothicB";
    font-size:24px;    
    text-align:left;
    margin-bottom:12px;
}
.about-infrastructure-wrapper
.map-img img{
    display:inline-block;
    width:100%;
}
/* iPad */ 
@media screen and (max-width:1133px){
    .about-infrastructure-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-infrastructure-wrapper .infrastructure-banner {
        max-width: 1920px;
        height: 544px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-clip: content-box;
        background-origin: content-box;
        /* background-position: center; */
    }
    .about-infrastructure-wrapper
    .infrastructure-banner-text h2{
        text-align:center;
        font:bold 53px/67px Hackman;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro{
        max-width:746px;
        margin:71px auto 0px;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro p{
        text-align: left;
        font-size:18px;
        letter-spacing: 0;
        color: #343434; 
        line-height:150%;
        padding-left: 5%;
    }
    .about-infrastructure-wrapper
    .globalmap{
        max-width:751px;
        padding-left:0;
        margin:5% auto 2%;
    }
    .about-infrastructure-wrapper
    .globalmap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .asiamap{
        max-width:751px;
        padding-left:0;
        margin:5% auto;
    }
    .about-infrastructure-wrapper
    .asiamap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .map-title{
        color:#000000;
        font-family:"Century GothicB";
        font-size:22px;    
        text-align:left;
        margin-bottom:2%;
    }
    .about-infrastructure-wrapper
    .map-img{
        width:100%;
        padding-top: 60%;
        position: relative;
    }
    .about-infrastructure-wrapper
    .map-img img{
        position: absolute;
        width:100%;
        height: 100%;
        top: 0;
    }
}
@media screen and (max-width:768px){
    .about-infrastructure-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-infrastructure-wrapper .infrastructure-banner {
        max-width: 1920px;
        height: 544px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-clip: content-box;
        background-origin: content-box;
        /* background-position: center; */
    }
    .about-infrastructure-wrapper
    .infrastructure-banner-text h2{
        text-align:center;
        font: Bold 48px/67px Hackman;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro{
        max-width:746px;
        margin:5% auto 0px;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro p{
        text-align: left;
        font: 16px/28px Century Gothic;
        letter-spacing: 0;
        color: #343434; 
        line-height:150%;
        padding-left: 5%;
    }
    .about-infrastructure-wrapper
    .globalmap{
        max-width:751px;
        padding-left:0;
        margin:5% auto 2%;
    }
    .about-infrastructure-wrapper
    .globalmap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .asiamap{
        max-width:751px;
        padding-left:0;
        margin:5% auto;
    }
    .about-infrastructure-wrapper
    .asiamap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .map-title{
        color:#000000;
        font: 22px/18px Century GothicB;
        text-align:left;
        margin-bottom:2%;
    }
    .about-infrastructure-wrapper
    .map-img{
        width:100%;
        padding-top: 60%;
        position: relative;
    }
    .about-infrastructure-wrapper
    .map-img img{
        position: absolute;
        width:100%;
        height: 100%;
        top: 0;
    }
}
@media screen and (max-width:620px){
    .about-infrastructure-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-infrastructure-wrapper .infrastructure-banner{
        max-width:1920px;
        height:400px;
        background-attachment:fixed;
        background-repeat:no-repeat;
        background-clip: content-box;
        background-origin: content-box;
        /* background-position: center; */
    }
    .about-infrastructure-wrapper .infrastructure-banner-text {
        padding-top: 200px;
    }
    .about-infrastructure-wrapper
    .infrastructure-banner-text h2{
        text-align:center;
        font: Bold 42px/46px Hackman;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro{
        max-width:746px;
        margin:5% auto 0px;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro p{
        text-align: left;
        font: 18px/28px Century Gothic;
        letter-spacing: 0;
        color: #343434; 
        line-height:150%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .about-infrastructure-wrapper
    .globalmap{
        max-width:751px;
        padding-left:0;
        margin:5% auto 2%;
    }
    .about-infrastructure-wrapper
    .globalmap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .asiamap{
        max-width:751px;
        padding-left:0;
        margin:5% auto;
    }
    .about-infrastructure-wrapper
    .asiamap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .map-title{
        color:#000000;
        font: 20px/18px Century GothicB;
        text-align:left;
        margin-bottom:3%;
    }
    .about-infrastructure-wrapper
    .map-img{
        width:100%;
        padding-top: 60%;
        position: relative;
    }
    .about-infrastructure-wrapper
    .map-img img{
        position: absolute;
        width:100%;
        height: 100%;
        top: 0;
    }
}
@media screen and (max-width:375px){
    .about-infrastructure-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-infrastructure-wrapper .infrastructure-banner{
        max-width:1920px;
        height:350px;
        background-attachment:fixed;
        background-repeat:no-repeat;
        background-clip: content-box;
        background-origin: content-box;
        /* background-position: center; */
    }
    .about-infrastructure-wrapper
    .infrastructure-banner-text h2{
        text-align:center;
        font: Bold 35px/46px Hackman;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro{
        max-width:746px;
        margin:5% auto 0px;
    }
    .about-infrastructure-wrapper
    .infrastructure-intro p{
        text-align: left;
        font: 16px/24px Century Gothic;
        letter-spacing: 0;
        color: #343434; 
        line-height:150%;
        padding: 0 4.5%;
        box-sizing: border-box;
    }
    .about-infrastructure-wrapper
    .globalmap{
        max-width:751px;
        padding-left:0;
        margin:5% auto 2%;
    }
    .about-infrastructure-wrapper
    .globalmap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .asiamap{
        max-width:751px;
        padding-left:0;
        margin:6% auto;
    }
    .about-infrastructure-wrapper
    .asiamap span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .about-infrastructure-wrapper
    .map-title{
        color:#000000;
        font: 18px/22px Century GothicB;
        text-align:left;
        margin-bottom:3%;
        padding: 0 17%;
    }
    .about-infrastructure-wrapper
    .map-img{
        width:100%;
        padding-top: 60%;
        position: relative;
    }
    .about-infrastructure-wrapper
    .map-img img{
        position: absolute;
        width:100%;
        height: 100%;
        top: 0;
    }
}
/* network */
.about-network-wrapper{
    width:100%;
    font-family:"Century Gothic";
    color:#343434;
}
.about-network-wrapper .network-banner {
    background-image: url("Images/about/network.jpg");
    width: 100%;
    height: 544px;
    margin: 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: center;
    background-clip: content-box;
    background-origin: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}
.about-network-wrapper
.network-banner-text{
    max-width: 1920px;
    height: 100%;
    padding-top: 250px;
    margin: auto;
    color: #FFFFFF;
    object-fit: cover;
    background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
    width: 100%;
}
.about-network-wrapper
.network-banner-text h2{
    text-align:center;
    font:bold 53px/67px Hackman;
}
.about-network-wrapper
.network-text{
    max-width:751px;
    padding-left:5px;
    margin:5% auto 28px;
}
.about-network-wrapper
.network-text span{
    text-align: center;
    font-size:18px;
    letter-spacing: 0;
    color: #343434;
    opacity: 1;
}
.about-network-wrapper
.network-table{
    max-width:751px;
    padding-left:5px;
    margin:0px auto 46.5px;
}
.about-network-wrapper
.network-table-th{
    width:100%;
    height:40px;
    background-color:#949494;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-network-wrapper
.network-table-th-cell{
    float:left;
    width:50%;
    padding-left:124px;
}
.about-network-wrapper
.network-table-th-cell span{
    text-align:center;
    font-size:22px;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}
.about-network-wrapper
.network-table-row{
    width:100%;
    height:41px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:#cfcfcf 2px solid;
    padding:20px 0px;
}
.about-network-wrapper
.network-table-row-cell{
    width:50%;
}
.about-network-wrapper
.network-table-row-cell span{
    text-align:left;
    font-size:18px;
    letter-spacing: 0;
    color: #343434;
    opacity: 1;
}
.about-network-wrapper
.span1{
  padding-left:102px;
}
.about-network-wrapper
.span2{
    padding-left:30px;
}
.about-network-wrapper
.network-table-footer{
   max-width:746px;
   margin:48px auto 76px;
   padding-left:45px;
}
.about-network-wrapper
.network-table-footer span{
    text-align: center;
    font-size:13px;
    letter-spacing: 0;
    color: #959595;
}
/* iPad */
@media screen and (max-width:1133px){
    .about-network-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .about-network-wrapper
    .network-banner{
        width:100%;
        height:544px;
        margin:0px;
        background-attachment:fixed;
        background-repeat:no-repeat;
        background-position-x: center;
        background-clip: content-box;
        background-origin: content-box;
        display:flex;
        align-items:center;
        justify-content:center;   
    }
    .about-network-wrapper
    .network-banner-text h2{
        text-align:center;
        font:bold 53px/67px Hackman;
    }
    .about-network-wrapper
    .network-text{
        max-width:751px;
        padding-left:0;
        margin:4% auto ;
    }
    .about-network-wrapper
    .network-text span{
        width: 100%;
        display: block;
        padding:0 5%;
        box-sizing: border-box;
        text-align: left;
        font-size:18px;
        letter-spacing: 0;
        color: #343434;
        opacity: 1;
    }
    .about-network-wrapper
    .network-table{
        max-width:751px;
        padding:0 5%;
        margin:0px auto 46.5px;
    }
    .about-network-wrapper
    .network-table-th{
        width:100%;
        height:40px;
        background-color:#949494;
        border-radius:15px;
        display:flex;
        align-items:center;
        justify-content:start;
    }
    .about-network-wrapper
    .network-table-th-cell{
        float:left;
        width:30%;
        padding-left:2%;
    }
    .about-network-wrapper
    .network-table-th-cell:nth-child(2n){
        float:left;
        width:70%;
        padding-left:0;
    }
    .about-network-wrapper
    .network-table-th-cell span{
        text-align:center;
        font: 22px/18px Century Gothic;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .about-network-wrapper
    .network-table-row{
        width:100%;
        height:41px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-bottom:#cfcfcf 2px solid;
        padding:20px 0px;
    }
    .about-network-wrapper
    .network-table-row-cell{
        width:40%;
    }
    .about-network-wrapper
    .network-table-row-cell:nth-child(2n){
        width:60%;
    }
    .about-network-wrapper
    .network-table-row-cell span{
        text-align:left;
        font-size:18px;
        letter-spacing: 0;
        color: #343434;
        opacity: 1;
    }
    .about-network-wrapper
    .network-table-th-cell{
        float:left;
        width:40%;
        padding-left:5%;
    }
    .about-network-wrapper
    .span1{
        display: inline-block;
        padding-left:14%;
    }
    .about-network-wrapper
    .span2{
        display: inline-block;
        padding-left:0;
    }
    .about-network-wrapper
    .network-table-footer{
       max-width:746px;
       margin:48px auto 76px;
       padding-left:0;
    }
    .about-network-wrapper
    .network-table-footer span{
        text-align: center;
        font-size:13px;
        letter-spacing: 0;
        color: #959595;
    }
}
@media screen and (max-width:768px){
    .about-network-wrapper
    .network-banner-text h2{
        font: Bold 48px/67px Hackman;
    }
    .about-network-wrapper
    .network-table-th-cell{
        float:left;
        width:40%;
        padding-left:5%;
    }
    .about-network-wrapper
    .network-table-th-cell span{
        text-align:center;
        font: 22px/18px Century Gothic;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .about-network-wrapper
    .span1{
        display: inline-block;
        padding-left:14%;
    }
    .about-network-wrapper
    .span2{
        display: inline-block;
        padding-left:0;
    }
    .about-network-wrapper
    .network-table-footer{
       max-width:746px;
       margin:48px auto 76px;
       padding-left:5%;
    }
}
@media screen and (max-width:620px){
    .about-network-wrapper
    .network-banner-text h2{
        font: Bold 42px/46px Hackman;
    }
    .about-network-wrapper
    .network-table-th-cell{
        float:left;
        width:40%;
        padding-left:5%;
    }
    .about-network-wrapper
    .network-table-th-cell span{
        text-align:center;
        font: Regular 16px/18px Century Gothic;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: 1;
    }
    .about-network-wrapper
    .span1{
        display: inline-block;
        padding-left:14%;
    }
    .about-network-wrapper
    .span2{
        display: inline-block;
        padding-left:0;
    }
    .about-network-wrapper
    .network-table{
        max-width:751px;
        padding:0 5%;
        margin:0px auto 3%;
    }
    .about-network-wrapper
    .network-table-footer{
       max-width:746px;
       margin:2% auto 6%;
       padding-left:10%;
    }
}
@media screen and (max-width:375px){
    .about-network-wrapper
    .network-banner{
        width:100%;
        height:400px;
        margin:0px;
        background-attachment:fixed;
        background-repeat:no-repeat;
        background-position-x: center;
        background-clip: content-box;
        background-origin: content-box;
        display:flex;
        align-items:center;
        justify-content:center;   
    }
    .about-network-wrapper
    .network-banner-text h2{
        transform: translateY(45%);
        font: Bold 35px/46px Hackman;
    }
    .about-network-wrapper
    .network-text span{
        width: 100%;
        display: block;
        padding:0 5%;
        box-sizing: border-box;
        font: 16px/24px Century Gothic;
    }
    .about-network-wrapper
    .network-table-th-cell{
        float:left;
        width:40%;
        padding-left:5%;
    }
    .about-network-wrapper
    .network-table-row-cell{
        width:40%;
    }
    .about-network-wrapper
    .network-table-row-cell:nth-child(2n){
        width:60%;
    }
    .about-network-wrapper
    .network-table-th-cell span{
        font: 16px/18px Century Gothic;
    }
    .about-network-wrapper
    .network-table-th{
        width:100%;
        height:40px;
        background-color:#949494;
        border-radius:0;
        display:flex;
        align-items:center;
        justify-content:start;
    }
    .about-network-wrapper
    .span1{
        display: inline-block;
        padding-left:0;
    }
    .about-network-wrapper
    .span2{
        display: inline-block;
        padding-left:0;
    }
    .about-network-wrapper
    .network-table{
        max-width:751px;
        padding:0;
        margin:0px auto 3%;
    }
    .about-network-wrapper
    .network-table-row{
        width:100%;
        height:41px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-bottom:#cfcfcf 2px solid;
        padding:20px 5%;
        box-sizing: border-box;
    }
    .about-network-wrapper
    .network-table-row-cell span{
        font: 14px/24px Century Gothic;
    }
    .about-network-wrapper
    .network-table-footer{
       max-width:746px;
       margin:2% auto 6%;
       padding-left:5%;
    }
}






/* news_wrapper-style start */
/* desktop */
.news_wrapper{
    width: 100%;
}
/* banner */
.news_wrapper .banner{
    width: 100%;
    /* ui */ 
    opacity: 1;
}
.news_wrapper .banner .set_banner{
    width: 100%;
    padding-top: 30%;
    padding-bottom: 3%;
    position: relative;
}
.news_wrapper .banner .set_banner .set_background {
    width: 100%;
    padding-top: 25%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url("Images/news/Group_115.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}
.news_wrapper .banner .set_banner .set_slogan{
    width: 100%;
    position: absolute;
    top: 40%;
    z-index: 5;
    box-sizing: border-box;
}
.news_wrapper .banner .set_banner .set_slogan h3{
    width: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
    /* ui */
    text-align: center;
    font: Bold 48px/48px Hackman;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
}
/* article */
.news_wrapper .set_content{
    width: 52%;
    /* width: 56.5%; */
    padding-top: 5%;
    padding-bottom: 2%;
    display: flex;
    flex-flow: column nowrap;
}
.news_wrapper .set_content .news_list{
    width: 100%;
    padding-bottom: 6%;
    display: flex;
    flex-flow: row nowrap;
}
.news_wrapper .set_content .news_list .set_img{
    width: 48%;
    padding-top:28.68131%;
    position: relative;
    overflow: hidden;
}
.news_wrapper .set_content .news_list .set_img a{
    display: block;
    width: 100%;
    height: 100%;
}
.news_wrapper .set_content .news_list .set_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: scale(1);
    transition: transform 0.3s 0s linear;
    object-fit: cover;
}
.news_wrapper .set_content .news_list .set_img img:hover{
    cursor: pointer;
    transform: scale(1.03);
    transition: transform 0.2s 0s linear;
}
.news_wrapper .set_content .news_list .set_copyright{
    width: 52%;
    padding-left: 2%;
    box-sizing: border-box;
    position: relative;
    /* ui */
    letter-spacing: 0;
    opacity: 1;
}
.news_wrapper .set_content .news_list .set_copyright h4{
    width: 100%;
    min-height: 25%;
    /* ui */
    text-align: left;
    font: 22px/30px Century GothicB;
    color: #091C58;
}
.news_wrapper .set_content .news_list .set_copyright h4 a{
    color: #091C58;
}
.news_wrapper .set_content .news_list .set_copyright h4:hover{
    cursor: pointer;
}
.news_wrapper .set_content .news_list .set_copyright .set_issuedate{ 
    width: 100%;
}
.news_wrapper .set_content .news_list .set_copyright .set_issuedate a{ 
    display: block;
    width: 100%;
    /* ui */
    text-align: right;
    font:18px/22px Century Gothic;
    color: #00B1B1;
}
.news_wrapper .set_content .news_list .set_copyright .set_issuedate a:hover{ 
    cursor: pointer;
}
.news_wrapper .set_content .news_list .set_copyright .set_introdution{
    width: 100%;
    height: max-content;
}
.news_wrapper .set_content .news_list .set_copyright .set_introdution a{
    display: block;
    width: 100%;
    height: max-content;
    padding-top: 3%;
    /* ui */
    text-align: left;
    font:16px/24px Century Gothic;
    color: #343434;
}
.news_wrapper .set_content .news_list .set_copyright .set_button_more{
    width: 90px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    /* ui */
    text-align: center;
    border: 1px solid #00B1B1;
    border-radius: 20px;
}
.news_wrapper .set_content .news_list .set_copyright .set_button_more a{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 3%;
    color: #00B1B1;
    font: 14px/24px Century Gothic;
}
.news_wrapper .set_content .news_list .set_copyright .set_button_more:hover{
    cursor: pointer;
    background-image: linear-gradient(0deg, #17E5DA , #274DD1);
    box-shadow: 0px 3px 6px #0000001A;
}
.news_wrapper .set_content .news_list .set_copyright .set_button_more:hover a{
    color: #FFFFFF;
}
/* iPad */
@media screen and (max-width:1550px) {
    /* article */
    .news_wrapper .set_content {
        width: 80%;
    }
    .news_wrapper .set_content .news_list .set_img {
        width: 48%;
        padding-top: 28%;
    }
}

@media screen and (max-width:1320px) {
    /* article */
    .news_wrapper .set_content {
        width: 70%;
    }
    .news_wrapper .set_content .news_list .set_img {
        width: 48%;
        padding-top: 32%;
    }
}
@media screen and (max-width:1133px){
    .news_wrapper .banner .set_banner{
        padding-top: 80%;
        padding-bottom: 3%;
        position: relative;
    }
    .news_wrapper .banner .set_banner .set_background{
        padding-top: 35%;
        position: absolute;
        background-attachment: fixed;
    }
    .news_wrapper .banner .set_banner .set_slogan{
        position: absolute;
        top: 45%;
    }
    .news_wrapper .banner .set_banner .set_slogan h3{
        font: Bold 48px/67px Hackman;
    }
    /* article */
    .news_wrapper .set_content{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 2%;
        display: flex;
        flex-flow: column nowrap;
    }
    .news_wrapper .set_content .news_list{
        width: 100%;
        padding: 0 10% 6%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .news_wrapper .set_content .news_list .set_img{
        width: 100%;
        padding-top:55%;
        position: relative;
        overflow: hidden;
    }
    .news_wrapper .set_content .news_list .set_img a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .news_wrapper .set_content .news_list .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: scale(1);
        transition: transform 0.3s 0s linear;
    }
    .news_wrapper .set_content .news_list .set_img img:hover {
        cursor: pointer;
        transform: scale(1.03);
        transition: transform 0.2s 0s linear;
    }
    .news_wrapper .set_content .news_list .set_copyright{
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
        position: relative;
    }
    .news_wrapper .set_content .news_list .set_copyright h4{
        width: 100%;
        min-height: 25%;
        padding-top: 3%;
        /* ui */
        text-align: left;
        font: 22px/30px Century GothicB;
        color: #091C58;
    }
    .news_wrapper .set_content .news_list .set_copyright h4 a{
        color: #091C58;
    }
    .news_wrapper .set_content .news_list .set_copyright h4:hover{
        cursor: pointer;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_issuedate{ 
        width: 100%;
        /* ui */
        text-align: left;
        padding-top: 2%;
        font:18px/29px Century Gothic;
        color: #00B1B1;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_introdution{
        width: 100%;
        height: max-content;
        padding-top: 3%;
        /* ui */
        text-align: left;
        font:16px/24px Century Gothic;
        color: #343434;
    }

    .news_wrapper .set_content .news_list .set_copyright .set_button_more{
        width: 125px;
        height: 42px;
        display: block;
        position: relative;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 10% auto 5%;
        border-radius: 20px;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_button_more a{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 3%;
        color: #00B1B1;
        font: 20px/34px Century Gothic;
    }
}
@media screen and (max-width:768px){
    .news_wrapper .banner .set_banner{
        padding-top: 80%;
        padding-bottom: 3%;
        position: relative;
    }
    .news_wrapper .banner .set_banner .set_background{
        padding-top: 35%;
        position: absolute;
        background-attachment: fixed;
    }
    .news_wrapper .banner .set_banner .set_slogan{
        position: absolute;
        top: 45%;
    }
    .news_wrapper .banner .set_banner .set_slogan h3{
        font: Bold 42px/46px Hackman;
    }
    /* article */
    .news_wrapper .set_content{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 2%;
        display: flex;
        flex-flow: column nowrap;
    }
    .news_wrapper .set_content .news_list{
        width: 100%;
        padding: 0 5% 4%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .news_wrapper .set_content .news_list .set_img{
        width: 100%;
        padding-top:55%;
        position: relative;
        overflow: hidden;
    }
    .news_wrapper .set_content .news_list .set_img a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .news_wrapper .set_content .news_list .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: scale(1);
        transition: transform 0.3s 0s linear;
    }
    .news_wrapper .set_content .news_list .set_img img:hover{
        cursor: pointer;
        transform: scale(1.08);
        transition: transform 0.2s 0s linear;
    }
    .news_wrapper .set_content .news_list .set_copyright{
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
        position: relative;
    }
    .news_wrapper .set_content .news_list .set_copyright h4{
        width: 100%;
        min-height: 25%;
        padding-top: 3%;
        /* ui */
        text-align: left;
        font: 22px/30px Century GothicB;
        color: #091C58;
    }
    .news_wrapper .set_content .news_list .set_copyright h4 a{
        color: #091C58;
    }
    .news_wrapper .set_content .news_list .set_copyright h4:hover{
        cursor: pointer;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_issuedate{ 
        width: 100%;
        /* ui */
        text-align: left;
        padding-top: 2%;
        font:16px/29px Century Gothic;
        color: #00B1B1;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_introdution{
        width: 100%;
        height: max-content;
        padding-top: 3%;
        /* ui */
        text-align: left;
        font:20px/34px Century Gothic;
        color: #343434;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_button_more{
        width: 125px;
        height: 42px;
        display: block;
        position: relative;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 6% auto;
        border-radius: 20px;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_button_more a{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 3%;
        color: #00B1B1;
        font: 20px/34px Century Gothic;
    }
}
@media screen and (max-width:375px){
    .news_wrapper .banner .set_banner{
        padding-top: 80%;
        padding-bottom: 3%;
        position: relative;
    }
    .news_wrapper .banner .set_banner .set_background{
        padding-top: 35%;
        position: absolute;
        background-attachment: fixed;
    }
    .news_wrapper .banner .set_banner .set_slogan{
        position: absolute;
        top: 45%;
    }
    .news_wrapper .banner .set_banner .set_slogan h3{
        font: Bold 35px/46px Hackman;
    }
    /* article */
    .news_wrapper .set_content{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 2%;
        display: flex;
        flex-flow: column nowrap;
    }
    .news_wrapper .set_content .news_list{
        width: 100%;
        padding: 0 0 1%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .news_wrapper .set_content .news_list .set_img{
        width: 100%;
        padding-top:55%;
        position: relative;
        overflow: hidden;
    }
    .news_wrapper .set_content .news_list .set_img a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .news_wrapper .set_content .news_list .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: scale(1);
        transition: transform 0.3s 0s linear;
    }
    .news_wrapper .set_content .news_list .set_img img:hover{
        cursor: pointer;
        transform: scale(1.08);
        transition: transform 0.2s 0s linear;
    }
    .news_wrapper .set_content .news_list .set_copyright{
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
        position: relative;
    }
    .news_wrapper .set_content .news_list .set_copyright h4{
        width: 100%;
        min-height: 25%;
        padding-top: 3%;
        /* ui */
        text-align: left;
        font: 22px/30px Century GothicB;
        color: #091C58;
    }
    .news_wrapper .set_content .news_list .set_copyright h4 a{
        color: #091C58;
    }
    .news_wrapper .set_content .news_list .set_copyright h4:hover{
        cursor: pointer;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_issuedate{ 
        width: 100%;
        /* ui */
        text-align: left;
        padding-top: 2%;
        font:16px/29px Century Gothic;
        color: #00B1B1;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_introdution{
        width: 100%;
        height: max-content;
        padding-top: 3%;
        /* ui */
        text-align: left;
        font:16px/24px Century Gothic;
        color: #343434;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_button_more{
        width: 100px;
        height: 35px;
        display: block;
        position: relative;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 4% auto;
        font: 18px/34px Century Gothic;
    }
    .news_wrapper .set_content .news_list .set_copyright .set_button_more a{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 3%;
        color: #00B1B1;
        font: 18px/30px Century Gothic;
    }
}
/* news_article_wrapper-style start */
/* desktop */
.news_article_wrapper{
    padding-top: 70px;
}
.news_article_wrapper .set_content {
    width: 56%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    /* ui */
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
    min-height: 1040px;
}
.news_article_wrapper .set_content .set_copyright{
    width: 70%;
    box-sizing: border-box;
    padding-top: 10%;
    padding-right: 3%;
    padding-bottom: 10%;
    position: relative;
}
/* arrow */
.news_article_wrapper .set_content .set_copyright .set_arrow{
    width: 8.5%;
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.news_article_wrapper .set_content .set_copyright .top_position{
    margin-top: 7%;
    top: 0;
}
.news_article_wrapper .set_content .set_copyright .bottom_position{
    margin-bottom: 6%;
    bottom: 0;
}
.news_article_wrapper .set_content .set_copyright .left_position{
    left: 0;
}
.news_article_wrapper .set_content .set_copyright .right_position{
    right: 5%;
}
/* copyright */
.news_article_wrapper .set_content .set_copyright .set_arrow img {
    width: 15px;
    height: 15px;
    padding-top: 2px;
    position: relative;
}
/* .news_article_wrapper .set_content .set_copyright .set_arrow .set_img img{
width: 60%;
height: 60%;
position: absolute;
top: 20%;
right: 0;
left: 0;
bottom: 0;
object-fit: cover;
} */
.news_article_wrapper .set_content .set_copyright .set_arrow .set_describe{
    font:13px/18px Century Gothic;
    color: #00B1B1;
}
.news_article_wrapper .set_content .set_copyright h4{
    width: 100%;
    padding-bottom: 2%;
    /* ui */
    font: Bold 36px/52px Hackman;
    color: #091C58;
    border-bottom:1px solid #091C58; 
}
.news_article_wrapper .set_content .set_copyright .set_issuedate{
    width: 100%;
    padding-top: 1%;
    padding-bottom: 3%;
    text-align: right;
    font:16px/24px Century Gothic;
}
/* article's content - images */
.news_article_wrapper .set_content .set_copyright .set_img{
    width: 100%;
    padding-top: 50%;
    position: relative;
}
.news_article_wrapper .set_content .set_copyright .set_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    object-fit: cover;
}
/* carousel */
.news_article_wrapper .set_content .set_copyright .set_carousel{
    width: 100%;
    padding-top: 58%;
    position: relative;
    overflow: hidden;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_img{
    width: 100%;
    padding-top: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(0);
    transition: transform 0.5s 0s linear;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    /*object-fit: cover;*/
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_img img:hover{
    cursor: pointer;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point{
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 5%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point{
    width: 8px;
    height: 100%;
    border-radius: 50%;
    margin: 0 10px 0;
    background-color: #B3CACA;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point:hover{
    cursor: pointer;
}
.news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_current{
    background-color: #00B8B8;
}
/* video */
.news_article_wrapper .set_content .set_copyright .set_img iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
/* contents */
.news_article_wrapper .set_content .set_copyright .set_introdution{
    width: 100%;
    padding-top: 4%;
    padding-bottom: 1%;
    font:16px/28px Century Gothic;
    color: #343434;
}
.news_article_wrapper .set_content .set_copyright .set_introdution a {
    display: block;
    width: 100%;
    font: bold 16px/22px Hackman;
    color: #091C58;
}

.news_article_wrapper .set_content .set_copyright .set_introdution a:hover {
    color: #00B1B1;
    text-decoration: underline;
    cursor: pointer;
}


.news_article_wrapper .set_content .set_copyright .set_images {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
}
.news_article_wrapper .set_content .set_copyright .set_images .set_item{
    width: 18%;
    padding-top: 18%;
    position: relative;
    margin: 1% 1%;
    overflow: hidden;
}
.news_article_wrapper .set_content .set_copyright .set_images .set_item img{
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(-25%);
    object-fit: cover;
}
.news_article_wrapper .set_content .set_copyright .set_images .set_item img:hover{
    cursor: pointer;
}
/* aside bar */
.news_article_wrapper .set_content .set_sidebar{
    width: 28%;
    padding-top: 4%;
    position: relative;
    /* ui */
    background-color: #091C58;
    height:inherit;
}
.news_article_wrapper .set_content .set_sidebar .section_title{
    width: 100%;
    text-align: center;
    font: 24px/26px Century GothicB;
    color: #38DBD2;
}
/* scroll bar */
.news_article_wrapper .set_content .set_sidebar .set_list::-webkit-scrollbar{
	background-color: transparent;
}
.news_article_wrapper .set_content .set_sidebar .set_list::-webkit-scrollbar-track{
	background-color: transparent;
}
.news_article_wrapper .set_content .set_sidebar .set_list::-webkit-scrollbar-thumb{
	background-color: transparent;
}
.news_article_wrapper .set_content .set_sidebar .set_list #set_scrollbar{
    display: none;
    width: 8px;
    height: 60px;
    margin-top: 65%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #38DBD2;
    border-radius: 10px;
    transform: translateY(0);
    transition: transform 1s 0s linear;
}
/* focus */
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card{
    opacity: 0.5;
    transition: opacity 1s 0s linear;
    position: relative;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card .set_focus{
    display: none;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_now{
    opacity: 1;
    transition: opacity 1s 0s linear;
    position: relative;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_now .set_focus{
    display: block;
    width: 9%;
    padding-top: 11%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top:27%;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_now .set_focus .set_polygon{
    display: block;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
/* aside list card */
.news_article_wrapper .set_content .set_sidebar .set_list{
    width: 94.5%;
    height: inherit;
    padding-top: 2%;
    padding-left: 15%;
    overflow-y: scroll;
    box-sizing: border-box;
    transition: opacity 1s 0s linear;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card{
    width: 100%;
    padding-top: 9%;
    padding-left: 13%;
    position: relative;
    box-sizing: border-box;
    transform: translateY(0);
    transition:transform 1s 0s linear;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card:hover{
    cursor: pointer;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card .set_img{
    width:45%;
    padding-top:45%;
    position: relative;
    border-radius: 50%;
    overflow: hidden; 
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card .set_img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0; 
    object-fit: cover;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card h4{
    width: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
    /* ui */
    font: 16px/22px Century GothicB;
    color: #FFFFFF;
    border-bottom:1px solid #091C58; 
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_list_card .set_issuedate{
    width: 100%;
    font:10px/13px Century Gothic;
    color: #38DBD2;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_now h4{
    color: #38DBD2;
}
.news_article_wrapper .set_content .set_sidebar .set_list .set_now .set_issuedate{
    color: #FFFFFF;
}
/* fullscreen images */
.news_article_wrapper #set_img_fullscreen{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    /* ui */
    background: rgba(0, 0, 0, 0.85) 0% 0% no-repeat padding-box;
}
.news_article_wrapper #set_img_fullscreen #set_cancel_btn{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5%;
    right: 5%;
}
.news_article_wrapper #set_img_fullscreen #set_cancel_btn span{
    display: block;
    width: 150%;
    height: 6px;
    /* ui */
    border-radius: 6px;
    background-color: #FFFFFF;
    cursor: pointer;
}
.news_article_wrapper #set_img_fullscreen #set_cancel_btn span:first-child{
    transform: rotate(45deg) translateY(250%) translateX(10%);
}
.news_article_wrapper #set_img_fullscreen #set_cancel_btn span:last-child{
    transform: rotate(-45deg) translateY(10%) translateX(-25%);
}
.news_article_wrapper #set_img_fullscreen #set_page_btn{
    width: 100%;
    height: 6px;
    position: absolute;
    top: 45%;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow{
    width: 2%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow:hover{
    cursor: pointer;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow span{
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 6px;
    background-color: #FFFFFF;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev{
    left: 10%;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span{
    left: 10%;
    transform-origin: 5% 50%;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_next{
    right:10%;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span{
    transform-origin: 95% 50%;
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:first-child{
    transform: rotate(-45deg);
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:last-child{
    transform: rotate(45deg);
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:first-child{
    transform: rotate(45deg);
}
.news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:last-child{
    transform: rotate(-45deg);
}
.news_article_wrapper #set_img_fullscreen #set_img {
    width: 100%;
    max-width: 1031px;
    padding-top: 30%;
    position: absolute;
    top: 50%;
    z-index: -1;
    transform: translateY(-60%);
}
.news_article_wrapper #set_img_fullscreen #set_img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    object-fit: cover;
}
@media screen and (max-width:1600px) {
    .news_article_wrapper #set_img_fullscreen #set_img {
        width: 100%;
        max-width: 1031px;
        padding-top: 35%;
        position: absolute;
        top: 50%;
        z-index: -1;
        transform: translateY(-60%);
    }
}
/* iPad */
@media screen and (max-width:1133px){
    .news_article_wrapper .set_content{
        width: 100%;
        display: flex;
    }
    .news_article_wrapper .set_content .set_copyright{
        width: 100%;
        padding: 10% 5% 15%;
    }
    /* arrow */
    .news_article_wrapper .set_content .set_copyright .set_arrow{
        width: 8.5%;
    }
    .news_article_wrapper .set_content .set_copyright .top_position{
        margin-top: 5%;
        top: 0;
    }
    .news_article_wrapper .set_content .set_copyright .bottom_position{
        margin-bottom: 6%;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .left_position{
        left: 5%;
    }
    .news_article_wrapper .set_content .set_copyright .right_position{
        right: 5%;
    }
    /* copyright */
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img{
        width: 20%;
        padding-top: 50%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_describe{
        font:20px/18px Century Gothic;
        color: #00B1B1;
    }
    .news_article_wrapper .set_content .set_copyright h4{
        width: 100%;
        padding-bottom: 2%;
        /* ui */
        font: Bold 36px/52px Hackman;
        color: #091C58;
        border-bottom:1px solid #091C58; 
    }
    .news_article_wrapper .set_content .set_copyright .set_issuedate{
        width: 100%;
        padding-top: 1%;
        padding-bottom: 3%;
        text-align: right;
        font:16px/28px Century Gothic;
    }
    .news_article_wrapper .set_content .set_copyright .set_img{
        width: 100%;
        padding-top: 50%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel{
        width: 100%;
        padding-top: 58%;
        position: relative;
        overflow: hidden;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_list{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img{
        width: 100%;
        padding-top: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(0);
        transition: transform 0.5s 0s linear;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img:hover{
        cursor: pointer;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point{
        width: 100%;
        height: 8px;
        position: absolute;
        bottom: 5%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point{
        width: 8px;
        height: 100%;
        border-radius: 50%;
        margin: 0 10px 0;
        background-color: #B3CACA;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point:hover{
        cursor: pointer;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_current{
        background-color: #00B8B8;
    }
    .news_article_wrapper .set_content .set_copyright .set_img iframe{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_introdution{
        width: 100%;
        padding-top: 4%;
        padding-bottom: 1%;
        font:16px/28px Century Gothic;
        color: #343434;
    }
    .news_article_wrapper .set_content .set_copyright .set_images{
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: start;
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item{
        width: 18%;
        padding-top: 18%;
        position: relative;
        margin: 1% 1%;
        overflow: hidden;
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item img{
        width: 150%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(-25%);
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item img:hover{
        cursor: pointer;
    }
    /* aside bar */
    .news_article_wrapper .set_content .set_sidebar{
        display: none;
    }
    /* fullscreen images */
    .news_article_wrapper #set_img_fullscreen{
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 10;
        /* ui */
        background: rgba(0, 0, 0) 0% 0% no-repeat padding-box;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn{
        width: 30px;
        height: 30px;
        position: absolute;
        top: 5%;
        right: 5%;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span{
        display: block;
        width: 150%;
        height: 6px;
        /* ui */
        border-radius: 6px;
        background-color: #FFFFFF;
        cursor: pointer;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:first-child{
        transform: rotate(45deg) translateY(250%) translateX(10%);
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:last-child{
        transform: rotate(-45deg) translateY(10%) translateX(-25%);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn{
        width: 100%;
        height: 6px;
        position: absolute;
        top: 45%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow{
        width: 5%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow:hover{
        cursor: pointer;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow span{
        display: block;
        width: 100%;
        height: 6px;
        position: absolute;
        top: 0;
        bottom: 0;
        border-radius: 6px;
        background-color: #FFFFFF;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev{
        left: 10%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span{
        left: 10%;
        transform-origin: 5% 50%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next{
        right:10%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span{
        transform-origin: 95% 50%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:first-child{
        transform: rotate(-45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:last-child{
        transform: rotate(45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:first-child{
        transform: rotate(45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:last-child{
        transform: rotate(-45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_img {
        padding-top: 55%;
    }
    .news_article_wrapper #set_img_fullscreen #set_img img{
        width: 100%;
        /* height: 100%; */
        position: absolute;
        top: 0;
        /* bottom: 0; */
    }
}
@media screen and (max-width:768px){
    .news_article_wrapper .set_content{
        width: 100%;
        display: flex;
    }
    .news_article_wrapper .set_content .set_copyright{
        width: 100%;
        padding: 10% 5% 15%;
    }
    /* arrow */
    .news_article_wrapper .set_content .set_copyright .set_arrow{
        width: 8.5%;
    }
    .news_article_wrapper .set_content .set_copyright .top_position{
        margin-top: 5%;
        top: 0;
    }
    .news_article_wrapper .set_content .set_copyright .bottom_position{
        margin-bottom: 6%;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .left_position{
        left: 5%;
    }
    .news_article_wrapper .set_content .set_copyright .right_position{
        right: 5%;
    }
    /* copyright */
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img{
        width: 20%;
        padding-top: 50%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_describe{
        font:13px/18px Century Gothic;
        color: #00B1B1;
    }
    .news_article_wrapper .set_content .set_copyright h4{
        width: 100%;
        padding-bottom: 2%;
        /* ui */
        font: Bold 36px/52px Hackman;
        color: #091C58;
        border-bottom:1px solid #091C58; 
    }
    .news_article_wrapper .set_content .set_copyright .set_issuedate{
        width: 100%;
        padding-top: 1%;
        padding-bottom: 3%;
        text-align: right;
        font:16px/28px Century Gothic;
    }
    .news_article_wrapper .set_content .set_copyright .set_img{
        width: 100%;
        padding-top: 50%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel{
        width: 100%;
        padding-top: 58%;
        position: relative;
        overflow: hidden;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_list{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img{
        width: 100%;
        padding-top: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(0);
        transition: transform 0.5s 0s linear;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img:hover{
        cursor: pointer;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point{
        width: 100%;
        height: 8px;
        position: absolute;
        bottom: 5%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point{
        width: 8px;
        height: 100%;
        border-radius: 50%;
        margin: 0 10px 0;
        background-color: #B3CACA;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point:hover{
        cursor: pointer;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_current{
        background-color: #00B8B8;
    }
    .news_article_wrapper .set_content .set_copyright .set_img iframe{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_introdution{
        width: 100%;
        padding-top: 4%;
        padding-bottom: 1%;
        font:16px/28px Century Gothic;
        color: #343434;
    }
    .news_article_wrapper .set_content .set_copyright .set_images{
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: start;
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item{
        width: 18%;
        padding-top: 18%;
        position: relative;
        margin: 1% 1%;
        overflow: hidden;
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item img{
        width: 150%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(-25%);
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item img:hover{
        cursor: pointer;
    }
    /* aside bar */
    .news_article_wrapper .set_content .set_sidebar{
        display: none;
    }
    /* fullscreen images */
    .news_article_wrapper #set_img_fullscreen{
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 10;
        /* ui */
        background: rgba(0, 0, 0) 0% 0% no-repeat padding-box;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn{
        width: 30px;
        height: 30px;
        position: absolute;
        top: 5%;
        right: 5%;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span{
        display: block;
        width: 150%;
        height: 6px;
        /* ui */
        border-radius: 6px;
        background-color: #FFFFFF;
        cursor: pointer;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:first-child{
        transform: rotate(45deg) translateY(250%) translateX(10%);
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:last-child{
        transform: rotate(-45deg) translateY(10%) translateX(-25%);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn{
        width: 100%;
        height: 6px;
        position: absolute;
        top: 45%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow{
        width: 5%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow:hover{
        cursor: pointer;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow span{
        display: block;
        width: 100%;
        height: 6px;
        position: absolute;
        top: 0;
        bottom: 0;
        border-radius: 6px;
        background-color: #FFFFFF;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev{
        left: 10%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span{
        left: 10%;
        transform-origin: 5% 50%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next{
        right:10%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span{
        transform-origin: 95% 50%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:first-child{
        transform: rotate(-45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:last-child{
        transform: rotate(45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:first-child{
        transform: rotate(45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:last-child{
        transform: rotate(-45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_img img{
        width: 100%;
        /* height: 100%; */
        position: absolute;
        top: 0;
        /* bottom: 0; */
    }
}
@media screen and (max-width:620px) {
    .news_article_wrapper .set_content {
        width: 100%;
        display: flex;
    }

    .news_article_wrapper .set_content .set_copyright {
        width: 100%;
        padding: 10% 5% 15%;
    }
    /* arrow */
    .news_article_wrapper .set_content .set_copyright .set_arrow {
        width: 8.5%;
    }

    .news_article_wrapper .set_content .set_copyright .top_position {
        margin-top: 5%;
        top: 0;
    }

    .news_article_wrapper .set_content .set_copyright .bottom_position {
        margin-bottom: 6%;
        bottom: 0;
    }

    .news_article_wrapper .set_content .set_copyright .left_position {
        left: 5%;
    }

    .news_article_wrapper .set_content .set_copyright .right_position {
        right: 5%;
    }
    /* copyright */
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img {
        width: 20%;
        padding-top: 50%;
        position: relative;
    }

    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img img {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .news_article_wrapper .set_content .set_copyright .set_arrow .set_describe {
        font: 13px/18px Century Gothic;
        color: #00B1B1;
    }

    .news_article_wrapper .set_content .set_copyright h4 {
        width: 100%;
        padding-bottom: 2%;
        /* ui */
        font: Bold 36px/52px Hackman;
        color: #091C58;
        border-bottom: 1px solid #091C58;
    }

    .news_article_wrapper .set_content .set_copyright .set_issuedate {
        width: 100%;
        padding-top: 1%;
        padding-bottom: 3%;
        text-align: right;
        font: 16px/24px Century Gothic;
    }
    /* �¹Ϥ� */
    .news_article_wrapper .set_content .set_copyright .set_img {
        width: 100%;
        padding-top: 50%;
        position: relative;
    }

    .news_article_wrapper .set_content .set_copyright .set_img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    /* ���� */
    .news_article_wrapper .set_content .set_copyright .set_carousel {
        width: 100%;
        padding-top: 58%;
        position: relative;
        overflow: hidden;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_list {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img {
        width: 100%;
        padding-top: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(0);
        transition: transform 0.5s 0s linear;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img:hover {
        cursor: pointer;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point {
        width: 100%;
        height: 8px;
        position: absolute;
        bottom: 5%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point {
        width: 8px;
        height: 100%;
        border-radius: 50%;
        margin: 0 10px 0;
        background-color: #B3CACA;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point:hover {
        cursor: pointer;
    }

    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_current {
        background-color: #00B8B8;
    }
    /* �¼v�� */
    .news_article_wrapper .set_content .set_copyright .set_img iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    /* �ԲӤ��� */
    .news_article_wrapper .set_content .set_copyright .set_introdution {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 1%;
        font: 16px/28px Century Gothic;
        color: #343434;
    }

    .news_article_wrapper .set_content .set_copyright .set_images {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: start;
    }

    .news_article_wrapper .set_content .set_copyright .set_images .set_item {
        width: 30%;
        padding-top: 28%;
        position: relative;
        margin: 1%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .news_article_wrapper .set_content .set_copyright .set_images .set_item img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(0);
    }

    .news_article_wrapper .set_content .set_copyright .set_images .set_item img:hover {
        cursor: pointer;
    }
    /* fullscreen images */
    .news_article_wrapper #set_img_fullscreen {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 10;
        /* ui */
        background: rgba(0, 0, 0) 0% 0% no-repeat padding-box;
    }

    .news_article_wrapper #set_img_fullscreen #set_cancel_btn {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 5%;
        right: 5%;
    }

    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span {
        display: block;
        width: 150%;
        height: 6px;
        /* ui */
        border-radius: 6px;
        background-color: #FFFFFF;
        cursor: pointer;
    }

    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:first-child {
        transform: rotate(45deg) translateY(250%) translateX(10%);
    }

    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:last-child {
        transform: rotate(-45deg) translateY(10%) translateX(-25%);
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn {
        width: 100%;
        height: 6px;
        position: absolute;
        top: 45%;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow {
        width: 5%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow:hover {
        cursor: pointer;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow span {
        display: block;
        width: 100%;
        height: 6px;
        position: absolute;
        top: 0;
        bottom: 0;
        border-radius: 6px;
        background-color: #FFFFFF;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev {
        left: 10%;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span {
        left: 10%;
        transform-origin: 5% 50%;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next {
        right: 10%;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span {
        transform-origin: 93% 50%;
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:first-child {
        transform: rotate(-45deg);
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:last-child {
        transform: rotate(45deg);
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:first-child {
        transform: rotate(45deg);
    }

    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:last-child {
        transform: rotate(-45deg);
    }

    .news_article_wrapper #set_img_fullscreen #set_img img {
        width: 100%;
        /* height: 100%; */
        position: absolute;
        /* bottom: 0; */
    }
}
@media screen and (max-width:620px){
    /* arrow */
    .news_article_wrapper .set_content .set_copyright .set_arrow{
        width: 10%;
    }
    .news_article_wrapper .set_content .set_copyright .top_position{
        margin-top: 5%;
        top: 0;
    }
    .news_article_wrapper .set_content .set_copyright .bottom_position{
        margin-bottom: 6%;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .left_position{
        left: 5%;
    }
    .news_article_wrapper .set_content .set_copyright .right_position{
        right: 5%;
    }
    /* copyright */
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img{
        width: 20%;
        padding-top: 50%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_describe{
        font:13px/18px Century Gothic;
        color: #00B1B1;
    }
}
@media screen and (max-width:475px) {
    .news_article_wrapper #set_img_fullscreen #set_img {
        transform: translateY(-62%);
    }
}
@media screen and (max-width:415px) {
    .news_article_wrapper #set_img_fullscreen #set_img {
        transform: translateY(-66%);
    }
}
@media screen and (max-width:375px){
    .news_article_wrapper .set_content{
        width: 100%;
        display: flex;
    }
    .news_article_wrapper .set_content .set_copyright{
        width: 100%;
        padding: 15% 5% ;
    }
    /* arrow */
    .news_article_wrapper .set_content .set_copyright .set_arrow{
        width: 15%;
    }
    .news_article_wrapper .set_content .set_copyright .top_position{
        margin-top: 5%;
        top: 0;
    }
    .news_article_wrapper .set_content .set_copyright .bottom_position{
        margin-bottom: 6%;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .left_position{
        left: 5%;
    }
    .news_article_wrapper .set_content .set_copyright .right_position{
        right: 5%;
    }
    /* copyright */
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img{
        width: 20%;
        padding-top: 30%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .news_article_wrapper .set_content .set_copyright .set_arrow .set_describe{
        text-align: center;
        width: 80%;
        padding: 0 1%;
        font:14px/24px Century Gothic;
        color: #00B1B1;
    }
    .news_article_wrapper .set_content .set_copyright h4{
        width: 100%;
        padding-bottom: 2%;
        /* ui */
        font: Bold 30px/37px Hackman;
        color: #091C58;
        border-bottom:1px solid #091C58; 
    }
    .news_article_wrapper .set_content .set_copyright .set_issuedate{
        width: 100%;
        padding-top: 1%;
        padding-bottom: 3%;
        text-align: right;
        font:16px/28px Century Gothic;
    }
    .news_article_wrapper .set_content .set_copyright .set_img{
        width: 100%;
        padding-top: 50%;
        position: relative;
    }
    .news_article_wrapper .set_content .set_copyright .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel{
        width: 100%;
        padding-top: 58%;
        position: relative;
        overflow: hidden;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_list{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img{
        width: 100%;
        padding-top: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(0);
        transition: transform 0.5s 0s linear;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_img img:hover{
        cursor: pointer;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point{
        width: 100%;
        height: 8px;
        position: absolute;
        bottom: 5%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point{
        width: 8px;
        height: 100%;
        border-radius: 50%;
        margin: 0 10px 0;
        background-color: #B3CACA;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_point:hover{
        cursor: pointer;
    }
    .news_article_wrapper .set_content .set_copyright .set_carousel .set_select_point .set_current{
        background-color: #00B8B8;
    }
    .news_article_wrapper .set_content .set_copyright .set_img iframe{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .news_article_wrapper .set_content .set_copyright .set_introdution{
        width: 100%;
        padding-top: 4%;
        padding-bottom: 1%;
        font:16px/24px Century Gothic;
        color: #343434;
    }
    .news_article_wrapper .set_content .set_copyright .set_images{
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: start;
        margin: auto;
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item{
        width: 45.5%;
        padding-top: 42%;
        position: relative;
        margin: 1.5%;
        overflow: hidden;
        box-sizing: border-box;
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: translateX(0);
    }
    .news_article_wrapper .set_content .set_copyright .set_images .set_item img:hover{
        cursor: pointer;
    }
    /* fullscreen images */
    .news_article_wrapper #set_img_fullscreen{
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 10;
        /* ui */
        background: rgba(0, 0, 0) 0% 0% no-repeat padding-box;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn{
        width: 30px;
        height: 30px;
        position: absolute;
        top: 5%;
        right: 5%;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span{
        display: block;
        width: 150%;
        height: 6px;
        /* ui */
        border-radius: 6px;
        background-color: #FFFFFF;
        cursor: pointer;
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:first-child{
        transform: rotate(45deg) translateY(250%) translateX(10%);
    }
    .news_article_wrapper #set_img_fullscreen #set_cancel_btn span:last-child{
        transform: rotate(-45deg) translateY(10%) translateX(-25%);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn{
        width: 100%;
        height: 6px;
        position: absolute;
        top: 45%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow{
        width: 8%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow:hover{
        cursor: pointer;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn .set_arrow span{
        display: block;
        width: 100%;
        height: 6px;
        position: absolute;
        top: 0;
        bottom: 0;
        border-radius: 6px;
        background-color: #FFFFFF;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev{
        left: 10%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span{
        left: 10%;
        transform-origin: 5% 50%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next{
        right:10%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span{
        transform-origin: 91% 50%;
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:first-child{
        transform: rotate(-45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_prev span:last-child{
        transform: rotate(45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:first-child{
        transform: rotate(45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_page_btn #set_next span:last-child{
        transform: rotate(-45deg);
    }
    .news_article_wrapper #set_img_fullscreen #set_img img{
        width: 100%;
        /* height: 100%; */
        position: absolute;
        top: 0;
        /* bottom: 0; */
    }
}
/* service_certificate_wrapper-style start */
/* desktop */
.service_certificate_wrapper{
    width: 100%;
    padding-top: 100px;
}
/* breadcromb trail */
.service_certificate_wrapper .set_breadcrumb_trail{
    width: 100%;
    max-width: 940px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    /* ui */
    text-align: left;
    font-size: 0;
    letter-spacing: 0;
}
.service_certificate_wrapper .set_breadcrumb_trail h2{
    font: 16px/22px Century Gothic;
    color: #38DBD2;
}
.service_certificate_wrapper .set_breadcrumb_trail span{ 
    padding: 0 5px;
    vertical-align: middle;
    font: 16px/22px Century Gothic;
    color: #B9B9B9;
}
.service_certificate_wrapper .set_breadcrumb_trail h3{
    font: 16px/22px Century Gothic;
    color: #343434;
}
/* content */
.service_certificate_wrapper .set_content{
    width: 100%;
    max-width: 750px;
    padding-top: 2%;
}
.service_certificate_wrapper .set_content h3{
    width: 100%;
    padding-bottom: 10%;
    /* ui */
    text-align: center;
    font: Bold 48px/48px Hackman;
    letter-spacing: 0;
    color: #091C58;
    opacity: 1;
}
.service_certificate_wrapper .set_content .set_banner{
    width: 308px;
    padding-top: 19.1%;
    position: relative;
}
.service_certificate_wrapper .set_content .set_banner img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.service_certificate_wrapper .set_content .set_copyright{
    width: 100%;
    padding-top: 2%;
    padding-left: 5%;
    /* ui */
    text-align: left;
    letter-spacing: 0;
}
.service_certificate_wrapper .set_content .set_copyright .set_slogan{
    padding-top: 4%;
    font: Bold 22px/30px Century Gothic;
    color: #091C58;
}
.service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a{
    color: #00B1B1;
}
.service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a:visited{
    color: #00B1B1;
}
.service_certificate_wrapper .set_content .set_copyright .set_describe{
    width: 100%;
    padding-top: 4%;
    font: 18px/30px Century Gothic;
    color: #343434;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact{
    width: 100%;
    padding-top: 15%;
    padding-bottom: 8%;
    text-align: center;
    letter-spacing: 0;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_img{
    width: 100%;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_img:hover{
    cursor: pointer;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_img img{
    display: block;
    width: 70px;
    height: 50px;
    margin: auto;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_slogan{
    width: 100%;
    padding-top: 3%;
    font: 22px/30px Hackman;
    color: #091C58;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_point{
    width: 100%;
    font: bold 22px/30px Hackman;
    color: #091C58;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a{
    font: bold 22px/30px Hackman;
    color: #091C58;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_point:hover{
    cursor: pointer;
}
.service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a:hover{
    color: #00B1B1;
    text-decoration: underline;
    cursor: pointer;
}
/* iPad */
@media screen and (max-width:1133px){
    .service_certificate_wrapper{
        width: 100%;
        padding-top: 100px;
    }
    /* breadcromb trail */
    .service_certificate_wrapper .set_breadcrumb_trail{
        padding-left: 10%;
        box-sizing: border-box;
    }
    .service_certificate_wrapper .set_breadcrumb_trail h2{
        font: 16px/24px Century Gothic;
        color: #38DBD2;
    }
    .service_certificate_wrapper .set_breadcrumb_trail span{ 
        padding: 0 5px;
        vertical-align: middle;
        font: 16px/24px Century Gothic;
        color: #B9B9B9;
    }
    .service_certificate_wrapper .set_breadcrumb_trail h3{
        font: 16px/24px Century Gothic;
        color: #343434;
    }
    /* content */
    .service_certificate_wrapper .set_content{
        width: 100%;
        max-width: 750px;
        padding-top: 8%;
    }
    .service_certificate_wrapper .set_content h3{
        width: 100%;
        padding-bottom: 10%;
        /* ui */
        text-align: center;
        font: Bold 48px/48px Hackman;
        letter-spacing: 0;
        color: #091C58;
        opacity: 1;
    }
    .service_certificate_wrapper .set_content .set_banner{
        width: 100%;
        max-width: 308px;
        padding-top: 19.1%;
        position: relative;
    }
    .service_certificate_wrapper .set_content .set_banner img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .service_certificate_wrapper .set_content .set_copyright{
        width: 100%;
        padding-top: 2%;
        padding: 2% 5% 0;
        box-sizing: border-box;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan{
        padding-top: 4%;
        font: Bold 22px/30px Century Gothic;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a{
        color: #00B1B1;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a:visited{
        color: #00B1B1;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_describe{
        width: 100%;
        padding-top: 4%;
        font: 18px/30px Century Gothic;
        color: #343434;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact{
        width: 100%;
        padding-top: 10%;
        padding-bottom: 8%;
        text-align: center;
        letter-spacing: 0;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img{
        width: 100%;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img:hover{
        cursor: pointer;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img img{
        display: block;
        width: 70px;
        height: 50px;
        margin: auto;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_slogan{
        width: 100%;
        padding-top: 3%;
        font: 22px/30px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point{
        width: 100%;
        font: bold 22px/30px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a{
        font: bold 22px/30px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point:hover{
        cursor: pointer;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a:hover{
        color: #00B1B1;
        text-decoration: underline;
        cursor: pointer;
    }
}
@media screen and (max-width:768px){
    .service_certificate_wrapper{
        width: 100%;
        padding-top: 100px;
    }
    /* breadcromb trail */
    .service_certificate_wrapper .set_breadcrumb_trail{
        padding-left: 5%;
        box-sizing: border-box;
    }
    .service_certificate_wrapper .set_breadcrumb_trail h2{
        font: 16px/24px Century Gothic;
        color: #38DBD2;
    }
    .service_certificate_wrapper .set_breadcrumb_trail span{ 
        padding: 0 5px;
        vertical-align: middle;
        font: 16px/24px Century Gothic;
        color: #B9B9B9;
    }
    .service_certificate_wrapper .set_breadcrumb_trail h3{
        font: 16px/24px Century Gothic;
        color: #343434;
    }
    /* content */
    .service_certificate_wrapper .set_content{
        width: 100%;
        max-width: 750px;
        padding-top: 8%;
    }
    .service_certificate_wrapper .set_content h3{
        width: 100%;
        padding-bottom: 10%;
        /* ui */
        text-align: center;
        font: Bold 42px/48px Hackman;
        letter-spacing: 0;
        color: #091C58;
        opacity: 1;
    }
    .service_certificate_wrapper .set_content .set_banner{
        width: 100%;
        max-width: 308px;
        padding-top: 19.1%;
        position: relative;
    }
    .service_certificate_wrapper .set_content .set_banner img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .service_certificate_wrapper .set_content .set_copyright{
        width: 100%;
        padding-top: 2%;
        padding: 2% 5% 0;
        box-sizing: border-box;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan{
        padding-top: 4%;
        font: Bold 22px/30px Century Gothic;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a{
        color: #00B1B1;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a:visited{
        color: #00B1B1;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_describe{
        width: 100%;
        padding-top: 4%;
        font: 18px/30px Century Gothic;
        color: #343434;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact{
        width: 100%;
        padding-top: 10%;
        padding-bottom: 8%;
        text-align: center;
        letter-spacing: 0;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img{
        width: 100%;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img:hover{
        cursor: pointer;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img img{
        display: block;
        width: 70px;
        height: 50px;
        margin: auto;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_slogan{
        width: 100%;
        padding-top: 3%;
        font: 22px/30px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point{
        width: 100%;
        font: bold 22px/30px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a{
        font: bold 22px/30px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point:hover{
        cursor: pointer;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a:hover{
        color: #00B1B1;
        text-decoration: underline;
        cursor: pointer;
    }
}
@media screen and (max-width:375px){
    .service_certificate_wrapper{
        width: 100%;
        padding-top: 100px;
    }
    /* breadcromb trail */
    .service_certificate_wrapper .set_breadcrumb_trail{
        padding-left: 5%;
        box-sizing: border-box;
    }
    .service_certificate_wrapper .set_breadcrumb_trail h2{
        font: 14px/24px Century Gothic;
        color: #38DBD2;
    }
    .service_certificate_wrapper .set_breadcrumb_trail span{ 
        padding: 0 5px;
        vertical-align: middle;
        font: 14px/24px Century Gothic;
        color: #B9B9B9;
    }
    .service_certificate_wrapper .set_breadcrumb_trail h3{
        font: 14px/24px Century Gothic;
        color: #343434;
    }
    /* content */
    .service_certificate_wrapper .set_content{
        width: 100%;
        max-width: 750px;
        padding-top: 8%;
    }
    .service_certificate_wrapper .set_content h3{
        width: 80%;
        margin: auto;
        padding-bottom: 10%;
        /* ui */
        text-align: center;
        font: Bold 35px/40px Hackman;
        letter-spacing: 0;
        color: #091C58;
        opacity: 1;
    }
    .service_certificate_wrapper .set_content .set_banner{
        width: 60%;
        max-width: 308px;
        padding-top: 28%;
        position: relative;
    }
    .service_certificate_wrapper .set_content .set_banner img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .service_certificate_wrapper .set_content .set_copyright{
        width: 100%;
        padding-top: 2%;
        padding: 2% 5% 0;
        box-sizing: border-box;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan{
        width: 80%;
        padding-top: 4%;
        font: Bold 20px/24px Century Gothic;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a{
        color: #00B1B1;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_slogan .set_point a:visited{
        color: #00B1B1;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_describe{
        width: 100%;
        padding-top: 4%;
        font: 16px/24px Century Gothic;
        color: #343434;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact{
        width: 100%;
        padding-top: 10%;
        padding-bottom: 8%;
        text-align: center;
        letter-spacing: 0;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img{
        width: 100%;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img:hover{
        cursor: pointer;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_img img{
        display: block;
        width: 60px;
        height: 43px;
        margin: auto;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_slogan{
        width: 80%;
        margin: auto;
        padding-top: 3%;
        font: 20px/25px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point{
        width: 100%;
        font: bold 20px/25px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a{
        font: bold 20px/25px Hackman;
        color: #091C58;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point:hover{
        cursor: pointer;
    }
    .service_certificate_wrapper .set_content .set_copyright .set_contact .set_point a:hover{
        color: #00B1B1;
        text-decoration: underline;
        cursor: pointer;
    }
}
/* service_idc_wrapper-style start */
/* desktop */
.service_idc_wrapper{
    width: 100%;
}
/* breadcromb trail */
.service_idc_wrapper .set_banner{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 2%;
    background-color: #091C58;
}
.service_idc_wrapper .set_banner .set_breadcrumb_trail{
    width: 100%;
    max-width: 940px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    /* ui */
    text-align: left;
    font-size: 0;
    letter-spacing: 0;
}
.service_idc_wrapper .set_banner .set_breadcrumb_trail h2{
    font: 16px/22px Century Gothic;
    color: #38DBD2;
}
.service_idc_wrapper .set_banner .set_breadcrumb_trail span{ 
    padding: 0 5px;
    vertical-align: middle;
    font: 16px/22px Century Gothic;
    color: #B9B9B9;
}
.service_idc_wrapper .set_banner .set_breadcrumb_trail h3{
    font: 16px/22px Century Gothic;
    color: #FFFFFF;
}
/* banner content */
.service_idc_wrapper .set_banner .set_content{
    width: 100%;
    max-width: 740px;
    letter-spacing: 0;
}
/* banner - big title */
.service_idc_wrapper .set_banner .set_content h4{
    padding-top: 1%;
    padding-bottom: 3%;
    text-align: center;
    font: Bold 48px/48px Hackman;
    color: #38DBD2;
}
.service_idc_wrapper .set_banner .set_content .set_describe{
    width: 100%;
    padding-top: 1%;
    text-align: left;
    font:18px/26px Century Gothic;
    color: #FFFFFF;
}
.service_idc_wrapper .set_banner .set_content .set_list{
    width: 100%;
}
/* banner - list card */
.service_idc_wrapper .set_banner .set_content .set_list .set_list_card{
    width: 100%;
    height: max-content;
    padding-top: 5%;
    padding-bottom: 3%;
    display: flex;
    flex-flow: row nowrap;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s 0s linear,opacity 1.5s 0s linear;
}
.service_idc_wrapper .set_banner .set_content .set_list .set_border{
    border-bottom: 1px solid #FFFFFF;
}
.service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img{
    width: 18%;
}
.service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img img{
    width: 30px;
    height: 35px;
    display: block;
    margin: auto;
}
.service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright{
    width: 82%;
}
.service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright h5{
    width: 100%;
    font: 22px/26px Century GothicB;
    color: #FFFFFF;
}
.service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright .set_describe{
    width: 90%;
    font: 16px/24px Century Gothic;
    color: #B9B9B9;
}
/* content */
.service_idc_wrapper .set_content{
    width: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
    max-width: 940px;
    letter-spacing: 0;
}
/* content - big title */
.service_idc_wrapper .set_content h4 {
    text-align: center;
    font: Bold 48px/48px Hackman;
    color: #38DBD2;
    padding: 66px 0 33px;
}
/* section */
.service_idc_wrapper .set_content .set_list{
    width: 100%;
    padding-top: 0;
}
/* section list card */
.service_idc_wrapper .set_content .set_list .set_list_card{
    width: 100%;
    padding-top: 2%;
    padding-bottom: 5%;
    display:flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 1s 0s linear,opacity 1s 0s linear;
}
/* list card - word describe */
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright{
    width: 48%;
}
/* list card - special list setting */
.service_idc_wrapper .set_content .set_list .set_list_card:nth-child(2n) .set_copyright{
    order: 1;
}
/* list card - big title */
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_subtitle{
    width: 100%;
    padding-bottom: 2%;
    border-bottom: #000000 3px solid;
    text-align: left;
    font: 28px/34px Century GothicB;
    color: #343434;
}
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area{
    width: 100%;
    padding-top: 5%;
    display:flex;
    flex-flow: column nowrap;
}
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    display:flex;
    flex-flow: row nowrap;
}
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img{
    padding-right: 4%;
}
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img img{
    width: 20px;
    height: 13px;
}
.service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
    font:18px/28px Century Gothic;
    color: #343434;
}
/* section - img */
.service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img {
    width: 50%;
    padding-top: 50%;
    position: relative;
    overflow: hidden;
}
/* content - special img setting */
.service_idc_wrapper .set_content .set_list .set_list_card .normal_img {
    padding-top: 50%;
}
.service_idc_wrapper .set_content .set_list .set_list_card .big_img{
    padding-top: 52%;
}
.service_idc_wrapper .set_content .set_list .set_list_card .middle_img{
    padding-top: 34.22%;
}
.service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    bottom: 0;
}
/* iPad */
@media screen and (max-width:1133px){
    /* breadcromb trail */
    .service_idc_wrapper .set_banner {
        width: 100%;
        padding: 100px 1% 2%;
        background-color: #091C58;
        box-sizing: border-box;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail{
        width: 100%;
        padding-left: 10%;
        box-sizing: border-box;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail h2{
        font: 16px/22px Century Gothic;
        color: #38DBD2;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail span{ 
        padding: 0 5px;
        vertical-align: middle;
        font: 16px/22px Century Gothic;
        color: #B9B9B9;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail h3{
        font: 16px/22px Century Gothic;
        color: #FFFFFF;
    }
    /* banner content */
    .service_idc_wrapper .set_banner .set_content{
        width: 100%;
        max-width: 740px;
        letter-spacing: 0;
    }
    /* banner - big title */
    .service_idc_wrapper .set_banner .set_content h4{
        padding-top: 1%;
        padding-bottom: 5%;
        text-align: center;
        font: Bold 48px/48px Hackman;
        color: #38DBD2;
    }
    .service_idc_wrapper .set_banner .set_content .set_describe{
        width: 100%;
        padding-top: 2%;
        padding-left: 5%;
        box-sizing: border-box;
        text-align: left;
        font:16px/26px Century Gothic;
        color: #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list{
        width: 100%;
        padding-top: 0;
    }
    /* banner - list card */
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card{
        width: 90%;
        padding: 2% 0 3%;
        box-sizing: content-box;
        margin: auto;
        display: flex;
        flex-flow: row nowrap;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,opacity 1.5s 0s linear;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_border{
        border-bottom: 1px solid #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img{
        width: 18%;
        padding-top: 5%;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img img{
        width: 30px;
        height: 35px;
        display: block;
        margin: auto;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright{
        width: 80%;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright h5{
        width: 100%;
        font: 22px/26px Century GothicB;
        color: #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright .set_describe{
        width: 90%;
        padding-left: 0;
        font: 16px/24px Century Gothic;
        color: #B9B9B9;
    }
    /* content */
    .service_idc_wrapper .set_content{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 2%;
        max-width: 940px;
        letter-spacing: 0;
    }
    /* content - big title */
    .service_idc_wrapper .set_content h4 {
        text-align: center;
        font: Bold 48px/48px Hackman;
        color: #38DBD2;
        padding:50px 0 0;
    }
    /* section */
    .service_idc_wrapper .set_content .set_list{
        width: 100%;
        padding-top: 6%;
    }
    /* section list card */
    .service_idc_wrapper .set_content .set_list .set_list_card{
        width: 100%;
        padding: 2% 4% 5%;
        box-sizing: border-box;
        display:flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        transform: translateY(30%);
        opacity: 0;
        transition: transform 1s 0s linear,opacity 1s 0s linear;
    }
    /* list card - word describe */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright{
        width: 100%;
        padding-top: 3%;
        padding-left: 4%;
        order: 1;
        box-sizing: border-box;
    }
        /* list card - big title */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_subtitle{
        width: 100%;
        padding-bottom: 2%;
        border-bottom: #000000 3px solid;
        text-align: left;
        font: 28px/34px Century GothicB;
        color: #343434;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area{
        width: 100%;
        padding-top: 2%;
        display:flex;
        flex-flow: column nowrap;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
        width: 100%;
        padding-top: 1%;
        padding-bottom: 1%;
        display:flex;
        flex-flow: row nowrap;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img{
        padding-right: 2%;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img img{
        width: 40px;
        height: 23px;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
        font:18px/28px Century Gothic;
        color: #343434;
    }
    /* section - img */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img {
        width: 100%;
        padding-top: 100%;
        position: relative;
        overflow: hidden;
    }
    /* content - special img setting */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        bottom: 0;
    }
}
@media screen and (max-width:620px){
    /* breadcromb trail */
    .service_idc_wrapper .set_banner {
        width: 100%;
        padding: 100px 1% 2%;
        background-color: #091C58;
        box-sizing: border-box;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail{
        width: 100%;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail h2{
        font: 16px/22px Century Gothic;
        color: #38DBD2;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail span{ 
        padding: 0 5px;
        vertical-align: middle;
        font: 16px/22px Century Gothic;
        color: #B9B9B9;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail h3{
        font: 16px/22px Century Gothic;
        color: #FFFFFF;
    }
    /* banner content */
    .service_idc_wrapper .set_banner .set_content{
        width: 100%;
        max-width: 740px;
        letter-spacing: 0;
    }
    /* banner - big title */
    .service_idc_wrapper .set_banner .set_content h4{
        padding-top: 1%;
        padding-bottom: 5%;
        text-align: center;
        font: Bold 42px/48px Hackman;
        color: #38DBD2;
    }
    .service_idc_wrapper .set_banner .set_content .set_describe{
        width: 100%;
        padding-top: 2%;
        padding-left: 5%;
        box-sizing: border-box;
        text-align: left;
        font:18px/26px Century Gothic;
        color: #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list{
        width: 100%;
        padding-top: 0;
    }
    /* banner - list card */
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card{
        width: 90%;
        height: max-content;
        padding: 2% 0 3%;
        box-sizing: content-box;
        margin: auto;
        display: flex;
        flex-flow: row nowrap;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,opacity 1.5s 0s linear;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_border{
        border-bottom: 1px solid #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img{
        width: 18%;
        padding-top: 5%;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img img{
        width: 30px;
        height: 35px;
        display: block;
        margin: auto;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright{
        width: 80%;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright h5{
        width: 100%;
        font: 22px/26px Century GothicB;
        color: #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright .set_describe{
        width: 90%;
        padding-left: 0;
        font: 16px/24px Century Gothic;
        color: #B9B9B9;
    }
    /* content */
    .service_idc_wrapper .set_content{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 2%;
        max-width: 940px;
        letter-spacing: 0;
    }
    /* content - big title */
    .service_idc_wrapper .set_content h4{
        text-align: center;
        font: Bold 42px/48px Hackman;
        color: #38DBD2;
    }
    /* section */
    .service_idc_wrapper .set_content .set_list{
        width: 100%;
        padding-top: 6%;
    }
    /* section list card */
    .service_idc_wrapper .set_content .set_list .set_list_card{
        width: 100%;
        padding: 2% 0 5%;
        box-sizing: border-box;
        display:flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        transform: translateY(30%);
        opacity: 0;
        transition: transform 1s 0s linear,opacity 1s 0s linear;
    }
    /* list card - word describe */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright{
        width: 100%;
        padding: 2% 4% 0;
        order: 1;
        box-sizing: border-box;
    }
        /* list card - big title */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_subtitle{
        width: 100%;
        padding-bottom: 2%;
        border-bottom: #000000 3px solid;
        text-align: left;
        font: 25px/31px Century GothicB;
        color: #343434;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area{
        width: 100%;
        padding-top: 2%;
        display:flex;
        flex-flow: column nowrap;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
        width: 100%;
        padding-top: 1%;
        padding-bottom: 1%;
        display:flex;
        flex-flow: row nowrap;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img{
        padding-right: 2%;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img img{
        width: 20px;
        height: 13.25px;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
        font:18px/28px Century Gothic;
        color: #343434;
    }
    /* section - img */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img {
        width: 100%;
        padding-top: 100%;
        position: relative;
        overflow: hidden;
    }
    /* content - special img setting */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        bottom: 0;
    }
}
@media screen and (max-width:375px){
    /* breadcromb trail */
    .service_idc_wrapper .set_banner {
        width: 100%;
        padding: 100px 1% 2%;
        background-color: #091C58;
        box-sizing: border-box;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail{
        width: 100%;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail h2{
        font: 14px/22px Century Gothic;
        color: #38DBD2;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail span{ 
        padding: 0 5px;
        vertical-align: middle;
        font: 14px/22px Century Gothic;
        color: #B9B9B9;
    }
    .service_idc_wrapper .set_banner .set_breadcrumb_trail h3{
        font: 14px/22px Century Gothic;
        color: #FFFFFF;
    }
    /* banner content */
    .service_idc_wrapper .set_banner .set_content{
        width: 100%;
        max-width: 740px;
        letter-spacing: 0;
    }
    /* banner - big title */
    .service_idc_wrapper .set_banner .set_content h4{
        padding-top: 1%;
        padding-bottom: 5%;
        text-align: center;
        font: Bold 35px/40px Hackman;
        color: #38DBD2;
    }
    .service_idc_wrapper .set_banner .set_content .set_describe{
        width: 100%;
        padding-top: 2%;
        padding-left: 5%;
        box-sizing: border-box;
        text-align: left;
        font:16px/24px Century Gothic;
        color: #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list{
        width: 100%;
        padding-top: 0;
    }
    /* banner - list card */
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card{
        width: 90%;
        height: max-content;
        padding: 2% 0 3%;
        box-sizing: content-box;
        margin: auto;
        display: flex;
        flex-flow: row nowrap;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,opacity 1.5s 0s linear;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_border{
        border-bottom: 1px solid #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img{
        width: 18%;
        padding-top: 5%;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_img img{
        width: 30px;
        height: 35px;
        display: block;
        margin: auto;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright{
        width: 80%;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright h5{
        width: 100%;
        font: 20px/24px Century GothicB;
        color: #FFFFFF;
    }
    .service_idc_wrapper .set_banner .set_content .set_list .set_list_card .set_copyright .set_describe{
        width: 90%;
        padding-left: 0;
        font: 16px/24px Century Gothic;
        color: #B9B9B9;
    }
    /* content */
    .service_idc_wrapper .set_content{
        width: 100%;
        padding-top: 5%;
        padding-bottom: 2%;
        max-width: 940px;
        letter-spacing: 0;
    }
    /* content - big title */
    .service_idc_wrapper .set_content h4{
        text-align: center;
        font: Bold 35px/40px Hackman;
        color: #38DBD2;
    }
    /* section */
    .service_idc_wrapper .set_content .set_list{
        width: 100%;
        padding-top: 6%;
    }
    /* section list card */
    .service_idc_wrapper .set_content .set_list .set_list_card{
        width: 100%;
        padding: 2% 0 5%;
        box-sizing: border-box;
        display:flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        transform: translateY(30%);
        opacity: 0;
        transition: transform 1s 0s linear,opacity 1s 0s linear;
    }
    /* list card - word describe */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright{
        width: 100%;
        padding: 2% 4% 0;
        order: 1;
        box-sizing: border-box;
    }
        /* list card - big title */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_subtitle{
        width: 100%;
        padding-bottom: 2%;
        border-bottom: #000000 3px solid;
        text-align: left;
        font: 22px/27px Century GothicB;
        color: #343434;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area{
        width: 100%;
        padding-top: 2%;
        display:flex;
        flex-flow: column nowrap;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
        width: 100%;
        padding-top: 1%;
        padding-bottom: 1%;
        display:flex;
        flex-flow: row nowrap;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img{
        padding-right: 2%;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item .set_img img{
        width: 20px;
        height: 13.25px;
    }
    .service_idc_wrapper .set_content .set_list .set_list_card .set_copyright .set_describe_area .set_item{
        font:16px/24px Century Gothic;
        color: #343434;
    }
    /* section - img */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img {
        width: 100%;
        padding-top: 100%;
        position: relative;
        overflow: hidden;
    }
    /* content - special img setting */
    .service_idc_wrapper .set_content .set_list .set_list_card .set_describe_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        bottom: 0;
    }
}





.service_idc_wrapper .section {
    width: 100%;
    max-width: 946px;
    margin: auto;
    padding: 5% 0 19px 5px;
}

.service_idc_wrapper .section .section_title {
    width: 100%;
    padding: 20px 0 31px;
    margin: auto;
    color: #38DBD2;
    font-size: 48px;
    font-family: "Hackman";
    font-weight: bold;
    text-align: center;
}

.service_idc_wrapper .section .section_content {
    width: 100%;
}

.service_idc_wrapper .section .section_content p {
    max-width: 746px;
    line-height: 150%;
    font-family: "Century Gothic";
    font-size: 18px;
    color: #343434;
    text-align: center;
    padding: 20px 0 40px;
    margin: auto;
}

.service_idc_wrapper .section .set_img {
    width: 100%;
    max-width: 935px;
    padding-top: 56%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.service_idc_wrapper .section .set_img iframe {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width:1133px) {
    .service_idc_wrapper .section {
        width: 100%;
        max-width: 946px;
        margin: 0 auto;
        padding: 3% 0 5%;
        box-sizing: border-box;
    }

    .service_idc_wrapper .section .section_title {
        width: 100%;
        margin: 0 auto;
        font-size: 48px;
        font-family: "Hackman";
        font-weight: bold;
        text-align: center;
    }

    .service_idc_wrapper .section .set_img {
        width: 100%;
        max-width: 935px;
        padding-top: 56%;
        position: relative;
        overflow: hidden;
    }
}

@media screen and (max-width:1024px) {
    .service_idc_wrapper .section .set_img {
        padding-top: 56%;
    }

    .service_idc_wrapper .section .set_img iframe {
        top: 1px;
        left: 1px;
    }
}

@media screen and (max-width:768px) {
    .service_idc_wrapper .section .set_img {
        padding-top: 56.5%;
    }

    .service_idc_wrapper .section .set_img iframe {
        width: 103%;
        height: 103%;
        top: 0px;
        left: -1px;
    }
}

@media screen and (max-width:620px) {
    .service_idc_wrapper .section {
        max-width: 946px;
        margin: 0 auto;
        padding: 3% 2% 5%;
    }

    .service_idc_wrapper .section .section_title {
        font-size: 42px;
    }

    .service_idc_wrapper .section .set_img {
        padding-top: 56.2%;
    }

    .service_idc_wrapper .section .set_img iframe {
        width: 100%;
        height: 100%;
        top: -1px;
        left: -2px;
    }
}

@media screen and (max-width:414px) {
    .service_idc_wrapper .section .set_img iframe {
        width: 103%;
        height: 103%;
        top: 0px;
        left: 2px;
    }
}

@media screen and (max-width:411px) {
    .service_idc_wrapper .section .set_img iframe {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 2px;
    }
}

@media screen and (max-width:375px) {
    .service_idc_wrapper .section .section_title {
        font-size: 35px;
        padding: 20px 0;
    }
}

@media screen and (max-width:320px) {
    .service_idc_wrapper .section .section_content p {
        font-size: 16px;
        padding: 10px 0 20px;
    }

    .service_idc_wrapper .section .set_img iframe {
        top: -2px;
        left: 2px;
    }
}




.FirewallService-wrapper{
    width:100%;
    padding-top:70px;
    font-family:"Century Gothic";
    color:#343434;
} 
.FirewallService-wrapper .FirewallService-breadcrumb{
    max-width:945px;
    height:22px;
    margin:35px auto 43px;
    padding-left:5px;
    box-sizing:border-box;
    font-size:16px;
    text-align:left;
}
.FirewallService-wrapper .FirewallService-breadcrumb ul li{
    display:inline-block;
}
.FirewallService-wrapper .FirewallService-breadcrumb ul li+li:before{
    color:#B9B9B9;
    width:10px;
    height:20px;
    content:">";
    padding-right:4px;
}
.FirewallService-wrapper .FirewallService-breadcrumb ul li a{
    text-decoration:none;
    color:#38DBD2;
}
.FirewallService-wrapper .FirewallService-intro{
    max-width:751px;
    margin:42px auto 74px;
    box-sizing:border-box;
    padding-left:5px;
}
.FirewallService-wrapper .FirewallService-intro .FirewallService-intro-header{
    text-align: center;
    max-width:600px;
    font: bold 48px/48px Hackman;
    color:#091C58;
    margin:0px auto 19px;
}
.FirewallService-wrapper .FirewallService-intro .FirewallService-intro-contain{
    max-width:746px;
    font-size:18px;
    line-height:150%;
}
.FirewallService-wrapper .FirewallService-item-intro{
    max-width:751px;
    padding-left:5px;
    font-family:"Century GothicB";
    font-style:bold;
    font-size:22px;
    color:#091C58;
    margin:74px auto 47px;
}
.FirewallService-wrapper .item_list{
    width: 100%;
    max-width:751px;
    margin: auto;
}
.FirewallService-wrapper .FirewallService-item{
    max-width:751px;
    margin:auto;
    padding: 1% 0;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s 0s linear,
        opacity 1s 0s linear;
    border-bottom:#343434 1px solid;
}
.FirewallService-wrapper .FirewallService-item:first-child{
    max-width:751px;
    margin:auto;
    border-bottom:#000000 1px solid;
}
.FirewallService-wrapper .FirewallService-item:last-child{
    border-bottom:#000000 0px solid;
    max-width:751px;
    margin:0 auto 3%;
}
.FirewallService-wrapper
.FirewallService-item-row {
    max-width: 720px;
    box-sizing: border-box;
    margin: 3% auto;
    padding-left: 5%;
    overflow: hidden;
    display: flex;
    flex-flow: row;
}
.FirewallService-wrapper
.FirewallService-item-row .FirewallService-item-cell:first-child{
    padding-right:40px;
}
.FirewallService-wrapper
.FirewallService-item-row .FirewallService-item-cell img{
    display:block;
    width:30px;
    height:35px;
    /*margin-right:46px;*/
}
.FirewallService-wrapper
.FirewallService-item-cell .FirewallService-item-cell-contain{
    max-width:600px;
    padding-top:2px;
}
.FirewallService-wrapper
.FirewallService-item-cell .FirewallService-item-cell-contain h4{
    color:#000000;
    font-family:"Century GothicB";
    font-size:22px;
    text-align:left;
    margin-bottom:7px;
}
.FirewallService-wrapper
.FirewallService-item-cell-contain p{
    color:#343434;
    font-size:16px;
    text-align:left;
    line-height:140%;
    max-width:552px;
}
.FirewallService-wrapper .contact{
    max-width:751px;
    padding:5px;
    margin:2% auto;
    text-align:center;
    line-height:150%;
}
.FirewallService-wrapper .contact img{
    display: block;
    margin: 0 auto 2%;
    width:70px;
    height:50px;
}
.FirewallService-wrapper .contact p {
    color: #091C58;
    font-size: 22px;
    font: 22px/30px Hackman;
    box-sizing: border-box;
}
.FirewallService-wrapper .contact .mail a{
    display: block;
    width: 100%;
    color:#091C58;
    font: Bold 22px/30px Hackman;
}
.FirewallService-wrapper .contact .mail a:hover{
    color: #00B1B1;
    text-decoration: underline;
}
/* iPad */
@media screen and (max-width:1133px){
    .FirewallService-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .FirewallService-wrapper .FirewallService-breadcrumb{
        width: 100%;
        max-width:945px;
        height:22px;
        margin:5% auto 4%;
        padding-left:10%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li{
        display:inline-block;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .FirewallService-wrapper .FirewallService-intro{
        width: 100%;
        max-width:751px;
        margin:5% auto 3%;
        box-sizing:border-box;
        padding:0 5%;
    }
    .FirewallService-wrapper .FirewallService-intro .FirewallService-intro-header{
        max-width:600px;
        font: bold 48px/48px Hackman;
        color:#091C58;
        margin:0px auto 3%;
    }
    .FirewallService-wrapper .FirewallService-intro .FirewallService-intro-contain{
        max-width:746px;
        font-size:16px;
        line-height:150%;
    }
    .FirewallService-wrapper .FirewallService-item-intro{
        width: 100%;
        max-width:751px;
        box-sizing: border-box;
        padding: 2% 5%;
        font-family:"Century GothicB";
        font-size:22px;
        color:#091C58;
        margin:0 auto;
    }

    .FirewallService-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .FirewallService-wrapper .FirewallService-item{
        max-width:751px;
        padding-left:0;
        margin:1% auto;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
        border-bottom:#343434 1px solid;
    }
    .FirewallService-wrapper .FirewallService-item:first-child{
        max-width:751px;
        padding-left:0;
        margin:1% auto;
        border-bottom:#000000 1px solid;
    }
    .FirewallService-wrapper .FirewallService-item:last-child{
        border-bottom:#000000 0px solid;
        max-width:751px;
        padding-left:0;
        margin:1% auto 3%;
    }
    .FirewallService-wrapper
    .FirewallService-item-row{
        max-width:720px;
        box-sizing:border-box;
        margin:2% auto;
        padding-left:5%;
        overflow:hidden;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell{
        float:left;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell img{
        display: inline-block;
        width:30px;
        height:35px;
        margin-right:0;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain{
        width: 100%;
        max-width:1000px;
        padding-top:0;
        padding-left: 20px;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain h4{
        width: 100%;
        color:#000000;
        font: 22px/24px Century GothicB;
        text-align:left;
        margin-bottom:2%;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
        max-width:552px;
    }
    .FirewallService-wrapper .contact{
        max-width:751px;
        padding:0;
        margin:5% auto;
        text-align:center;
        line-height:150%;
    }
    .FirewallService-wrapper .contact img{
        display: block;
        width:70px;
        height:50px;
        margin: 0 auto 2%;
    }
    .FirewallService-wrapper .contact p{
        color:#091C58;
        font-size:22px;
    }
    .FirewallService-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }.FirewallService-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:650px){
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain{
        width: 100%;
        max-width:1000px;
        padding-top:0;
        padding-left: 1px;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain h4{
        width: 100%;
        color:#000000;
        font: 20px/26px Century GothicB;
        text-align:left;
        margin-bottom:2%;
    }
}
@media screen and (max-width:620px){
    .FirewallService-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .FirewallService-wrapper .FirewallService-breadcrumb{
        width: 100%;
        max-width:945px;
        height:22px;
        margin:5% auto 2%;
        padding-left:5%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li{
        display:inline-block;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .FirewallService-wrapper .FirewallService-intro{
        width: 100%;
        max-width:751px;
        margin:2% auto 3%;
        box-sizing:border-box;
        padding:0 5%;
    }
    .FirewallService-wrapper .FirewallService-intro .FirewallService-intro-header{
        max-width:400px;
        font: bold 42px/48px Hackman;
        color:#091C58;
        margin:0px auto 3%;
        padding: 1% 0;
    }
    .FirewallService-wrapper .FirewallService-intro .FirewallService-intro-contain{
        max-width:746px;
        font-size:18px;
        line-height:150%;
    }
    .FirewallService-wrapper .FirewallService-item-intro{
        width: 100%;
        max-width:751px;
        box-sizing: border-box;
        padding: 2% 5%;
        font-family:"Century GothicB";
        font-size:22px;
        color:#091C58;
        margin:0 auto;
    }
    .FirewallService-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .FirewallService-wrapper .FirewallService-item{
        max-width:751px;
        padding-left:0;
        margin:1% auto;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
        border-bottom:#343434 1px solid;
    }
    .FirewallService-wrapper .FirewallService-item:first-child{
        max-width:751px;
        padding-left:0;
        border-bottom:#000000 1px solid;
    }
    .FirewallService-wrapper .FirewallService-item:last-child{
        border-bottom:#000000 0px solid;
        max-width:751px;
        padding-left:0;
        margin:0 auto 3%;
    }
    .FirewallService-wrapper
    .FirewallService-item-row{
        max-width:720px;
        box-sizing:border-box;
        margin:2% auto;
        padding-left:5%;
        overflow:hidden;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell{
        width: 5%;
        float:left;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell:nth-child(2n){
        width: 90%;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell img{
        display: inline-block;
        width:30px;
        height:35px;
        margin-right:0;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain{
        width: 100%;
        max-width:1000px;
        padding-top:0;
        padding-left: 15px;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain h4{
        width: 100%;
        color:#000000;
        font: 22px/26px Century GothicB;
        text-align:left;
        margin-bottom:2%;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
        max-width:552px;
    }
    .FirewallService-wrapper .contact{
        max-width:751px;
        padding:0;
        margin:5% auto;
        text-align:center;
        line-height:150%;
    }
    .FirewallService-wrapper .contact img{
        display: block;
        width:70px;
        height:50px;
        margin: 0 auto 2%;
    }
    .FirewallService-wrapper .contact p {
        padding: 0 5% 0;
        color: #091C58;
        font-size: 22px;
    }
    .FirewallService-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }.FirewallService-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:375px){
    .FirewallService-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .FirewallService-wrapper .FirewallService-breadcrumb{
        width: 100%;
        max-width:945px;
        height:22px;
        margin:5% auto;
        padding-left:5%;
        box-sizing:border-box;
        font-size:14px;
        text-align:left;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li{
        display:inline-block;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .FirewallService-wrapper .FirewallService-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .FirewallService-wrapper .FirewallService-intro{
        width: 100%;
        max-width:751px;
        margin:2% auto 3%;
        box-sizing:border-box;
        padding:0 5%;
    }
    .FirewallService-wrapper .FirewallService-intro .FirewallService-intro-header{
        max-width:400px;
        font: bold 35px/40px Hackman;
        color:#091C58;
        margin:0px auto 3%;
        padding: 1% 0;
    }
    .FirewallService-wrapper .FirewallService-intro .FirewallService-intro-contain{
        max-width:746px;
        font-size:16px;
        line-height:150%;
    }
    .FirewallService-wrapper .FirewallService-item-intro{
        width: 100%;
        max-width:751px;
        box-sizing: border-box;
        padding: 2% 5%;
        font-family:"Century GothicB";
        font-size:20px;
        color:#091C58;
        margin:0 auto;
    }
    .FirewallService-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .FirewallService-wrapper .FirewallService-item{
        max-width:751px;
        padding-left:0;
        margin:1% auto;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
        border-bottom:#343434 1px solid;
    }
    .FirewallService-wrapper .FirewallService-item:first-child{
        max-width:751px;
        padding-left:0;
        border-bottom:#000000 1px solid;
    }
    .FirewallService-wrapper .FirewallService-item:last-child{
        border-bottom:#000000 0px solid;
        max-width:751px;
        padding-left:0;
        margin:0 auto 3%;
    }
    .FirewallService-wrapper
    .FirewallService-item-row{
        max-width:720px;
        box-sizing:border-box;
        margin:4% auto;
        padding-left:5%;
        overflow:hidden;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell{
        width: 5%;
        float:left;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell:nth-child(2n){
        width: 90%;
        padding-left: 2.5%;
        box-sizing: border-box;
    }
    .FirewallService-wrapper
    .FirewallService-item-row .FirewallService-item-cell img{
        display: inline-block;
        width:28px;
        height:32px;
        margin-right:0;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain{
        width: 100%;
        max-width:1000px;
        padding-top:0;
        padding-left: 5%;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell .FirewallService-item-cell-contain h4{
        width: 100%;
        color:#000000;
        font: 20px/26px Century GothicB;
        text-align:left;
        margin-bottom:0;
    }
    .FirewallService-wrapper
    .FirewallService-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
        max-width:552px;
    }
    .FirewallService-wrapper .contact{
        max-width:751px;
        padding:0;
        margin:12% auto 5%;
        text-align:center;
        line-height:150%;
    }
    .FirewallService-wrapper .contact img{
        display: block;
        width:60px;
        height:43px;
        margin: 0 auto 2%;
    }
    .FirewallService-wrapper .contact p {
        width: 100%;
        margin: auto;
        color: #091C58;
        font-size: 20px;
    }
    .FirewallService-wrapper .contact .mail a{
        color:#091C58;
        font-size:20px;
        font-family:"Century GothicB";
    }.FirewallService-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}





.RouterService-wrapper{
    width:100%;
    padding-top:70px;
    font-family:"Century Gothic";
    color:#343434;
} 
.RouterService-wrapper .RouterService-breadcrumb{
    max-width:945px;
    height:22px;
    margin:35px auto 43px;
    padding-left:5px;
    padding-bottom:1%;
    box-sizing:border-box;
    font-size:16px;
    text-align:left;
}
.RouterService-wrapper .RouterService-breadcrumb ul li{
    display:inline-block;
}
.RouterService-wrapper .RouterService-breadcrumb ul li+li:before{
    color:#B9B9B9;
    width:10px;
    height:20px;
    content:">";
    padding-right:4px;
}
.RouterService-wrapper .RouterService-breadcrumb ul li a{
    text-decoration:none;
    color:#38DBD2;
}
.RouterService-wrapper .RouterService-intro{
    max-width:751px;
    margin:42px auto 68px;
    box-sizing:border-box;
    padding-left:5px;
}
.RouterService-wrapper .RouterService-intro .RouterService-intro-header{
    max-width:600px;
    text-align: center;
    font: bold 48px/48px Hackman;
    color:#091C58;
    margin:0px auto 19px;
}
.RouterService-wrapper .RouterService-intro .RouterService-intro-contain{
    max-width:746px;
    font-size:18px;
    line-height:150%;
}
.RouterService-wrapper .RouterService-intro .RouterService-intro-contain p{
    width: 100%;
    padding-bottom: 1%;
}
.RouterService-wrapper .RouterService-intro .RouterService-intro-contain p+p{
    padding-top: 5%;
}
.FirewallService-wrapper .item_list{
    width: 100%;
    max-width:751px;
    margin: auto;
}
.RouterService-wrapper .RouterService-item{
    max-width:751px;
    padding-left:5px;
    margin:30px auto 30px;
    border-bottom:#343434 1px solid;
    transform: translateY(40%);
    opacity: 0;
    transition: transform 0.5s 0s linear,
    opacity 0.6s 0s linear;
}
.RouterService-wrapper
.RouterService-item:last-child{
    border-bottom:#343434 0px solid;
}
.RouterService-wrapper
.RouterService-item-row{
    max-width:720px;
    box-sizing:border-box;
    margin:30px auto;
    padding-left:40px;
    overflow:hidden;
}
.RouterService-wrapper
.RouterService-item-row .RouterService-item-cell{
    float:left;
}
.RouterService-wrapper
.RouterService-item-row .RouterService-item-cell img{
    width:30px;
    height:35px;
    margin-right:46px;
}
.RouterService-wrapper
.RouterService-item-cell .RouterService-item-cell-contain{
    max-width:600px;
    padding-top:2px;
}
.RouterService-wrapper
.RouterService-item-cell .RouterService-item-cell-contain h4{
    color:#000000;
    font-family:"Century GothicB";
    font-size:22px;
    text-align:left;
    margin-bottom:7px;
}
.RouterService-wrapper
.RouterService-item-cell-contain p{
    color:#343434;
    font-size:16px;
    text-align:left;
    line-height:140%;
    max-width:552px;
}
.RouterService-wrapper .RouterService-item-last{
    max-width:751px;
    padding-left:5px;
    margin:30px auto 202px;
}
.RouterService-wrapper .contact{
    max-width:751px;
    padding:5px;
    margin:202px auto 42.5px;
    text-align:center;
    line-height:150%;
}
.RouterService-wrapper .contact img{
    width:70px;
    height:50px;
}
.RouterService-wrapper .contact p {
    color: #091C58;
    font-size: 22px;
    font-family: "Hackman";
    box-sizing: border-box;
}
.RouterService-wrapper .contact .mail a{
    color:#091C58;
    font-size:22px;
    font-family:"Century GothicB";
}
.RouterService-wrapper .contact .mail a:hover{
    color: #00B1B1;
    text-decoration: underline;
}
/* iPad */
@media screen and (max-width:1133px){
    .RouterService-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .RouterService-wrapper .RouterService-breadcrumb{
        max-width:945px;
        height:22px;
        margin:5% auto 4%;
        padding-left:10%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li{
        display:inline-block;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .RouterService-wrapper .RouterService-intro{
        max-width:751px;
        margin:4% auto 5%;
        box-sizing:border-box;
        padding: 0 5%;
    }
    .RouterService-wrapper .RouterService-intro .RouterService-intro-header{
        max-width:600px;
        font: bold 48px/48px Hackman;
        color:#091C58;
        margin:0px auto 5%;
    }
    .RouterService-wrapper .RouterService-intro .RouterService-intro-contain{
        max-width:746px;
        font-size:18px;
        line-height:150%;
    }
    .FirewallService-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .RouterService-wrapper .RouterService-item{
        max-width:751px;
        padding-left:0;
        margin:3% auto;
        box-sizing: border-box;
        border-bottom:#343434 1px solid;
        transform: translateY(40%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
        opacity 0.6s 0s linear;
    }
    .RouterService-wrapper
    .RouterService-item:last-child{
        border-bottom:#343434 0px solid;
    }
    .RouterService-wrapper
    .RouterService-item-row{
        max-width:720px;
        box-sizing:border-box;
        margin:30px auto;
        padding-left:40px;
        overflow:hidden;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell{
        float:left;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell img{
        width:30px;
        height:35px;
        margin-right:46px;
    }
    .RouterService-wrapper
    .RouterService-item-cell .RouterService-item-cell-contain{
        max-width:600px;
        padding-top:2%;
    }
    .RouterService-wrapper
    .RouterService-item-cell .RouterService-item-cell-contain h4{
        color:#000000;
        font-family:"Century GothicB";
        font-size:22px;
        text-align:left;
        margin-bottom:3%;
    }
    .RouterService-wrapper
    .RouterService-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
        max-width:552px;
    }
    .RouterService-wrapper .contact{
        max-width:751px;
        padding:0;
        margin:8% auto 4%;
        text-align:center;
        line-height:150%;
    }
    .RouterService-wrapper .contact img{
        display: block;
        margin: 0 auto 2%;
        width:70px;
        height:50px;
    }
    .RouterService-wrapper .contact p{
        color:#091C58;
        font-size:22px;
    }
    .RouterService-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }
    .RouterService-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:620px){
    .RouterService-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .RouterService-wrapper .RouterService-breadcrumb {
        max-width: 945px;
        height: 22px;
        margin: 5% auto 4%;
        padding-left: 5%;
        padding-bottom: 1%;
        box-sizing: border-box;
        font-size: 16px;
        text-align: left;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li{
        display:inline-block;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .RouterService-wrapper .RouterService-intro{
        max-width:751px;
        margin:4% auto 1%;
        box-sizing:border-box;
        padding: 0 5%;
    }
    .RouterService-wrapper .RouterService-intro .RouterService-intro-header{
        max-width:600px;
        font: bold 42px/48px Hackman;
        color:#091C58;
        margin:7% auto 5%;
    }
    .RouterService-wrapper .RouterService-intro .RouterService-intro-contain{
        max-width:746px;
        font-size:18px;
        line-height:150%;
    }
    .FirewallService-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .RouterService-wrapper .RouterService-item{
        max-width:751px;
        padding-left:0;
        margin:3% auto;
        box-sizing: border-box;
        border-bottom:#343434 1px solid;
        transform: translateY(40%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
        opacity 0.6s 0s linear;
    }
    .RouterService-wrapper
    .RouterService-item:last-child{
        border-bottom:#343434 0px solid;
    }
    .RouterService-wrapper
    .RouterService-item-row{
        max-width:720px;
        box-sizing:border-box;
        margin:30px auto;
        padding-left:7%;
        overflow:hidden;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell{
        width: 12%;
        float:left;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell:nth-child(2n){
        width: 85%;
        float:left;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell img{
        width:30px;
        height:35px;
        margin-right:46px;
    }
    .RouterService-wrapper
    .RouterService-item-cell .RouterService-item-cell-contain{
        max-width:600px;
        padding-top:2%;
    }
    .RouterService-wrapper
    .RouterService-item-cell .RouterService-item-cell-contain h4{
        color:#000000;
        font-family:"Century GothicB";
        font-size:22px;
        text-align:left;
        margin-bottom:3%;
    }
    .RouterService-wrapper
    .RouterService-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
        max-width:552px;
    }
    .RouterService-wrapper .contact{
        max-width:751px;
        padding:0;
        margin:18% auto 12%;
        text-align:center;
        line-height:150%;
    }
    .RouterService-wrapper .contact img{
        display: block;
        margin: 0 auto 2%;
        width:70px;
        height:50px;
    }
    .RouterService-wrapper .contact p{
        padding:0 5% 0;
        color:#091C58;
        font-size:22px;
    }
    .RouterService-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }
    .RouterService-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:375px){
    .RouterService-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .RouterService-wrapper .RouterService-breadcrumb {
        max-width: 945px;
        height: 22px;
        margin: 5% auto 4%;
        padding-left: 5%;
        padding-bottom: 1%;
        box-sizing: border-box;
        font-size: 14px;
        text-align: left;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li{
        display:inline-block;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .RouterService-wrapper .RouterService-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .RouterService-wrapper .RouterService-intro{
        max-width:751px;
        margin:4% auto 1%;
        box-sizing:border-box;
        padding: 0 5%;
    }
    .RouterService-wrapper .RouterService-intro .RouterService-intro-header{
        max-width:600px;
        font: bold 35px/40px Hackman;
        color:#091C58;
        margin:9% auto 5%;
    }
    .RouterService-wrapper .RouterService-intro .RouterService-intro-contain{
        max-width:746px;
        font-size:16px;
        line-height:150%;
    }
    .FirewallService-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .RouterService-wrapper .RouterService-item{
        max-width:751px;
        padding-left:0;
        margin:3% auto;
        box-sizing: border-box;
        border-bottom:#343434 1px solid;
        transform: translateY(40%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
        opacity 0.6s 0s linear;
    }
    .RouterService-wrapper
    .RouterService-item:last-child{
        border-bottom:#343434 0px solid;
    }
    .RouterService-wrapper
    .RouterService-item-row{
        max-width:720px;
        box-sizing:border-box;
        margin:30px auto;
        padding-left:5%;
        overflow:hidden;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell{
        width: 12%;
        float:left;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell:nth-child(2n){
        width: 80%;
        float:left;
    }
    .RouterService-wrapper
    .RouterService-item-row .RouterService-item-cell img{
        width:28px;
        height:32px;
    }
    .RouterService-wrapper
    .RouterService-item-cell .RouterService-item-cell-contain{
        max-width:600px;
        padding-top:2%;
    }
    .RouterService-wrapper
    .RouterService-item-cell .RouterService-item-cell-contain h4{
        color:#000000;
        font-family:"Century GothicB";
        font-size:22px;
        text-align:left;
        margin-bottom:3%;
    }
    .RouterService-wrapper
    .RouterService-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
        max-width:552px;
    }
    .RouterService-wrapper .contact{
        max-width:751px;
        padding:0;
        margin:18% auto 12%;
        text-align:center;
        line-height:150%;
    }
    .RouterService-wrapper .contact img{
        display: block;
        margin: 0 auto 6%;
        width:60px;
        height:43px;
    }
    .RouterService-wrapper .contact p{
        width: 100%;
        margin: auto;
        color:#091C58;
        font-size:20px;
    }
    .RouterService-wrapper .contact .mail a{
        color:#091C58;
        font-size:20px;
        font-family:"Century GothicB";
    }
    .RouterService-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}




.DIA-wrapper{
    width:100%;
    padding-top:70px;
    font-family:"Century Gothic";
    color:#343434;
}
.DIA-wrapper .DIA-breadcrumb{
    max-width:945px;
    height:22px;
    margin:35px auto 43px;
    padding-left:5px;
    box-sizing:border-box;
    font-size:16px;
    text-align:left;
}
.DIA-wrapper .DIA-breadcrumb ul li{
    display:inline-block;
}
.DIA-wrapper .DIA-breadcrumb ul li+li:before{
    color:#B9B9B9;
    width:10px;
    height:20px;
    content:">";
    padding-right:4px;
}
.DIA-wrapper .DIA-breadcrumb ul li a{
    text-decoration:none;
    color:#38DBD2;
}
.DIA-wrapper .DIA-intro{
    max-width:751px;
    margin:43px auto 49px;
    box-sizing:border-box;
    padding-left:5px;
}
.DIA-wrapper .DIA-intro .DIA-intro-header{
    width:100%;
    text-align:center;
    height:58px;
    font: bold 48px/48px Hackman;
    color:#091C58;
    margin:0px auto 19px;
}
.DIA-wrapper .DIA-intro .DIA-intro-contain{
    max-width:746px;
    height:49px;
    font-size:18px;
    line-height:150%;
}
.DIA-wrapper .item_list{
    width: 100%;
    max-width:751px;
    margin: auto;
}
.DIA-wrapper .DIA-item{
    max-width:751px;
    box-sizing:border-box;
    border-bottom:#343434 solid 1px;
    margin:0px auto; 
    padding-left:5px;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s 0s linear,
        opacity 1s 0s linear;
}
.DIA-wrapper .DIA-item:last-child{
    border-bottom:#343434 solid 0px;
}
.DIA-wrapper
.DIA-item-row{
    max-width:648px;
    box-sizing:border-box;
    margin:30px auto;
    overflow:hidden;
}
.DIA-wrapper
.DIA-item-row .DIA-item-cell{
    float:left;
}
.DIA-wrapper
.DIA-item-row .DIA-item-cell img{
    width:30px;
    height:35px;
    margin-right:46px;
}
.DIA-wrapper
.DIA-item-row .DIA-item-cell-contain{
    width:552px;
    padding-top:2px;
    text-transform:capitalize;
}
.DIA-wrapper
.DIA-item-row .DIA-item-cell-contain h4{
    color:#000000;
    font-family:"Century GothicB";
    font-size:22px;
    text-align:left;
    margin-bottom:7px;
}
.DIA-wrapper
.DIA-item-row .DIA-item-cell-contain p{
    color:#343434;
    font-size:16px;
    text-align:left;
    line-height:140%;
}
.DIA-wrapper
.DIA-table-section{
    max-width:751px;
    margin:123.5px auto 42px;
    padding-left:5px;
    box-sizing:border-box;
}
.DIA-wrapper .DIA-table{
    width:746px;
    text-align:center;
    border-collapse:collapse;
    background-color:#DCF8F8;
    padding-left:5px;
}
.DIA-wrapper .DIA-table thead{
    background-color:#949494;
    color:#FFFFFF;
}
.DIA-wrapper
.DIA-table tr td{
    border:#FFFFFF 1px solid;
}
.DIA-wrapper
.DIA-table thead tr{
    height:46px;
}
.DIA-wrapper .DIA-table tbody{
    color:#343434;
    font-size:18px;
}
.DIA-wrapper
.DIA-table tbody .tr1{
    height:40px;
}
.DIA-wrapper
.DIA-table tbody .tr2{
    height:246px;
    line-height:150%;
}
.DIA-wrapper .DIA-table-footer{
    max-width:746px;
    height:21px;
    color:#343434;
    font-size:18px;
    text-align:left;
    margin:42px auto 48px;
    padding-left:84px;
    box-sizing:border-box;
}
.DIA-wrapper .foot-banner{
    width:100%;
    background-color:#091C58;
    padding-top:31px;
    padding-bottom:17px;
}
.DIA-wrapper .foot-banner .foot-banner-header{
    color:#38DBD2;
    width:246px;
    height:58px;
    font-size:48px;
    font-family:"Hackman";
    font-style:bold;
    letter-spacing:0;
    text-align:left;
    margin:0px auto 41px;
}
.DIA-wrapper .foot-banner .foot-banner-contain {
    display: block;
    max-width: 100%;
    height: max-content;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.DIA-wrapper .foot-banner .foot-banner-contain span:last-child {
    display: block;
    width: 100%;
    height: max-content;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 7px 0 0;
}
.DIA-wrapper
.foot-banner .foot-banner-contain .foot-banner-containheader{
    font-family:"Century GothicB";
    font-size:24px;
}
.DIA-wrapper .foot-banner-img{
    max-width:1920px;
    height:587px;
    margin:3px auto 0px;
}
.DIA-wrapper .foot-banner-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/* iPad */
@media screen and (max-width:1133px){
    .DIA-wrapper{
        width:100%;
        padding-top:100px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .DIA-wrapper .DIA-breadcrumb{
        max-width:945px;
        height:22px;
        margin:0 auto 5%;
        padding-left:10%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .DIA-wrapper .DIA-breadcrumb ul li{
        display:inline-block;
    }
    .DIA-wrapper .DIA-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .DIA-wrapper .DIA-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .DIA-wrapper .DIA-intro{
        max-width:751px;
        margin:43px auto 49px;
        box-sizing:border-box;
        padding-left:5px;
    }
    .DIA-wrapper .DIA-intro .DIA-intro-header{
        width: 100%;
        text-align: center;
        font: bold 48px/48px Hackman;
        color:#091C58;
        margin:0px auto 2%;
    }
    .DIA-wrapper .DIA-intro .DIA-intro-contain{
        max-width:746px;
        height:49px;
        padding-left: 5%;
        font:16px/28px Century Gothic;
    }
    .DIA-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .DIA-wrapper .DIA-item{
        max-width:751px;
        box-sizing:border-box;
        border-bottom:#343434 solid 1px;
        margin:0px auto; 
        padding-left:5px;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
    }
    .DIA-wrapper .DIA-item:last-child{
        border-bottom:#343434 solid 0px;
    }
    .DIA-wrapper
    .DIA-item-row{
        max-width:648px;
        box-sizing:border-box;
        margin:30px auto;
        overflow:hidden;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell{
        float:left;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell img{
        width:30px;
        height:35px;
        margin-right:46px;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain{
        width:552px;
        padding-top:2px;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain h4{
        color:#000000;
        font: 22px/26px Century GothicB;
        text-align:left;
        margin-bottom:7px;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain p{
        color:#343434;
        font: 16px/24px Century Gothic;
        text-align:left;
    }
    .DIA-wrapper
    .DIA-table-section{
        max-width:751px;
        margin:6% auto 2%;
        padding-left:0;
        box-sizing:border-box;
    }
    .DIA-wrapper .DIA-table{
        width: 100%;
        max-width:746px;
        text-align:center;
        border-collapse:collapse;
        background-color:#DCF8F8;
        padding-left:5px;
    }
    .DIA-wrapper .DIA-table thead{
        background-color:#949494;
        color:#FFFFFF;
        font: 20px/18px Century Gothic;
    }
    .DIA-wrapper
    .DIA-table tr td{
        border:#FFFFFF 1px solid;
    }
    .DIA-wrapper
    .DIA-table thead tr{
        height:46px;
    }
    .DIA-wrapper .DIA-table tbody{
        color:#343434;
        font: 16px/18px Century Gothic;
    }
    .DIA-wrapper
    .DIA-table tbody .tr1{
        height:40px;
    }
    .DIA-wrapper
    .DIA-table tbody .tr2{
        height:246px;
    }
    .DIA-wrapper .DIA-table-footer{
        max-width:746px;
        height:21px;
        color:#343434;
        font: 16px/28px Century Gothic;
        text-align:center;
        margin:1% auto 5%;
        padding-left:0;
        box-sizing:border-box;
    }
    .DIA-wrapper .foot-banner{
        width:100%;
        background-color:#091C58;
        padding-top:31px;
        padding-bottom:17px;
    }
    .DIA-wrapper .foot-banner .foot-banner-header{
        color:#38DBD2;
        width:246px;
        height:58px;
        font: Bold 48px/48px Hackman;
        font-style:bold;
        letter-spacing:0;
        text-align:left;
        margin:0px auto 41px;
    }
    .DIA-wrapper .foot-banner .foot-banner-contain{
        max-width:500px;
        height:max-content;
        color:#FFFFFF;
        font-size:18px;
        text-align:center;
        margin:41px auto 0;
        line-height:150%;
        padding-bottom: 1%;
    }
    .DIA-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader{
        font: 24px/18px Century GothicB;
    }
    .DIA-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader span{
        font: 18px/28px Century Gothic;
    }
    .DIA-wrapper .foot-banner-img{
        max-width:1920px;
        height:587px;
        margin:3px auto 0px;
    }
    .DIA-wrapper .foot-banner-img img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
}
@media screen and (max-width:650px){
    .DIA-wrapper{
        width:100%;
        padding-top:100px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .DIA-wrapper .DIA-breadcrumb{
        max-width:945px;
        height:22px;
        margin:0 auto 5%;
        padding-left:5%;
        box-sizing:border-box;
        font: 16px/24px Century Gothic;
        text-align:left;
    }
    .DIA-wrapper .DIA-breadcrumb ul li{
        display:inline-block;
    }
    .DIA-wrapper .DIA-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .DIA-wrapper .DIA-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .DIA-wrapper .DIA-intro{
        max-width:751px;
        margin:2% auto 3%;
        box-sizing:border-box;
        padding-left:5px;
    }
    .DIA-wrapper .DIA-intro .DIA-intro-header{
        width: 100%;
        text-align: center;
        font: bold 42px/48px Hackman;
        color:#091C58;
        padding: 0 4% 4%;
        height: max-content;
        box-sizing: border-box;
        margin:0px auto;
    }
    .DIA-wrapper .DIA-intro .DIA-intro-contain{
        max-width:746px;
        height:max-content;
        padding-left: 5%;
        font:18px/28px Century Gothic;
        box-sizing: border-box;
    }
    .DIA-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
        padding: 0 2%;
        box-sizing: border-box;
    }
    .DIA-wrapper .DIA-item{
        max-width:751px;
        box-sizing:border-box;
        border-bottom:#343434 solid 1px;
        margin:0px auto; 
        padding-left:3%;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
    }
    .DIA-wrapper .DIA-item:last-child{
        border-bottom:#343434 solid 0px;
    }
    .DIA-wrapper
    .DIA-item-row{
        width:95%;
        box-sizing:border-box;
        margin:3% auto;
        padding-left:3%;
        overflow:hidden;
        display: flex;
        flex-flow: row nowrap;
        justify-content: start;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell{
        width: max-content;
        display: inline-block;
        width: max-content;
        float: none;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell:nth-child(2n){
        width:95%;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell img{
        width:30px;
        height:35px;
        margin-right:0;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain{
        width: 100%;
        display: inline-block;
        padding-top:0;
        padding-left:6%;
        box-sizing: border-box;
        float: none;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain h4{
        width: 100%;
        color:#000000;
        font: 22px/26px Century GothicB;
        text-align:left;
        margin-bottom:1%;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain p{
        width: 100%;
        color:#343434;
        font: 16px/24px Century Gothic;
        text-align:left;
    }
    .DIA-wrapper
    .DIA-table-section{
        max-width:751px;
        margin:6% auto 2%;
        padding: 0 2%;
        box-sizing:border-box;
    }
    .DIA-wrapper .DIA-table{
        width: 100%;
        max-width:746px;
        text-align:center;
        border-collapse:collapse;
        background-color:#DCF8F8;
        padding-left:5px;
    }
    .DIA-wrapper .DIA-table thead{
        background-color:#949494;
        color:#FFFFFF;
        font: 18px/18px Century Gothic;
    }
    .DIA-wrapper
    .DIA-table tr td{
        border:#FFFFFF 1px solid;
    }
    .DIA-wrapper
    .DIA-table thead tr{
        height:36px;
    }
    .DIA-wrapper .DIA-table tbody{
        color:#343434;
        font: 14px/18px Century Gothic;
    }
    .DIA-wrapper
    .DIA-table tbody .tr1{
        height:36px;
    }
    .DIA-wrapper
    .DIA-table tbody .tr2{
        height:184px;
    }
    .DIA-wrapper .DIA-table-footer{
        max-width:746px;
        height:21px;
        color:#343434;
        font: 18px/28px Century Gothic;
        text-align:center;
        margin:1% auto 5%;
        padding-left:0;
        box-sizing:border-box;
    }
    .DIA-wrapper .foot-banner{
        width:100%;
        background-color:#091C58;
        padding-top:31px;
        padding-bottom:17px;
    }
    .DIA-wrapper .foot-banner .foot-banner-header{
        color:#38DBD2;
        width:246px;
        height:58px;
        font: Bold 48px/48px Hackman;
        font-style:bold;
        letter-spacing:0;
        text-align:left;
        margin:0px auto 41px;
    }
    .DIA-wrapper .foot-banner .foot-banner-contain{
        max-width:500px;
        height:max-content;
        color:#FFFFFF;
        font-size:18px;
        text-align:center;
        margin:41px auto 0;
        line-height:150%;
        padding-bottom: 1%;
    }
    .DIA-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader{
        font: 24px/18px Century GothicB;
    }
    .DIA-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader span{
        font: 18px/28px Century Gothic;
    }
    .DIA-wrapper .foot-banner-img{
        max-width:1920px;
        height:587px;
        margin:3px auto 0px;
    }
    .DIA-wrapper .foot-banner-img img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
}
@media screen and (max-width:375px){
    .DIA-wrapper{
        width:100%;
        padding-top:100px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .DIA-wrapper .DIA-breadcrumb{
        max-width:945px;
        height:22px;
        margin:0 auto 5%;
        padding-left:5%;
        box-sizing:border-box;
        font: 14px/24px Century Gothic;
        text-align:left;
    }
    .DIA-wrapper .DIA-breadcrumb ul li{
        display:inline-block;
    }
    .DIA-wrapper .DIA-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .DIA-wrapper .DIA-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .DIA-wrapper .DIA-intro{
        max-width:751px;
        margin:2% auto 3%;
        box-sizing:border-box;
        padding-left:5px;
    }
    .DIA-wrapper .DIA-intro .DIA-intro-header{
        width: 100%;
        text-align: center;
        font: bold 35px/40px Hackman;
        color:#091C58;
        padding: 0 4% 4%;
        height: max-content;
        box-sizing: border-box;
        margin:0px auto;
    }
    .DIA-wrapper .DIA-intro .DIA-intro-contain{
        max-width:746px;
        height:max-content;
        padding: 0 5%;
        font: 16px/24px Century Gothic;
        box-sizing: border-box;
    }
    .DIA-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .DIA-wrapper .DIA-item{
        max-width:751px;
        box-sizing:border-box;
        border-bottom:#343434 solid 1px;
        margin:0px auto; 
        padding-left:0;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
    }
    .DIA-wrapper .DIA-item:last-child{
        border-bottom:#343434 solid 0px;
    }
    .DIA-wrapper
    .DIA-item-row{
        width:95%;
        box-sizing:border-box;
        margin:3% auto;
        padding-left:0;
        overflow:hidden;
        display: flex;
        flex-flow: row nowrap;
        justify-content: start;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell{
        width: max-content;
        display: inline-block;
        width: max-content;
        float: none;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell:nth-child(2n){
        width:95%;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell img{
        width:28px;
        height:32px;
        margin-right:0;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain{
        width: 100%;
        display: inline-block;
        padding-top:0;
        padding-left:4%;
        box-sizing: border-box;
        float: none;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain h4{
        width: 100%;
        color:#000000;
        font: 20px/26px Century GothicB;
        text-align:left;
        margin-bottom:1%;
    }
    .DIA-wrapper
    .DIA-item-row .DIA-item-cell-contain p{
        width: 100%;
        color:#343434;
        font: 16px/24px Century Gothic;
        text-align:left;
    }
    .DIA-wrapper
    .DIA-table-section{
        max-width:751px;
        margin:6% auto 2%;
        padding: 0 2%;
        box-sizing:border-box;
    }
    .DIA-wrapper .DIA-table{
        width: 100%;
        max-width:746px;
        text-align:center;
        border-collapse:collapse;
        background-color:#DCF8F8;
        padding-left:5px;
    }
    .DIA-wrapper .DIA-table thead{
        background-color:#949494;
        color:#FFFFFF;
        font: 18px/18px Century Gothic;
    }
    .DIA-wrapper
    .DIA-table tr td{
        border:#FFFFFF 1px solid;
    }
    .DIA-wrapper
    .DIA-table thead tr{
        height:36px;
    }
    .DIA-wrapper .DIA-table tbody{
        color:#343434;
        font: 14px/18px Century Gothic;
    }
    .DIA-wrapper
    .DIA-table tbody .tr1{
        height:36px;
    }
    .DIA-wrapper
    .DIA-table tbody .tr2{
        height:184px;
    }
    .DIA-wrapper .DIA-table-footer{
        max-width:746px;
        height:max-content;
        color:#343434;
        font: 16px/28px Century Gothic;
        text-align:left;
        margin:1% auto 5%;
        padding: 0 5%;
        box-sizing:border-box;
    }
    .DIA-wrapper .foot-banner{
        width:100%;
        background-color:#091C58;
        padding-top:31px;
        padding-bottom:17px;
    }
    .DIA-wrapper .foot-banner .foot-banner-header{
        color:#38DBD2;
        width:246px;
        height:58px;
        font: Bold 35px/40px Hackman;
        font-style:bold;
        letter-spacing:0;
        text-align:center;
        margin:0px auto 1%;
    }
    .DIA-wrapper .foot-banner .foot-banner-contain{
        max-width:500px;
        margin: auto;
        height:max-content;
        color:#FFFFFF;
        font-size:18px;
        text-align:center;
        margin:2% auto 0px;
        line-height:150%;
    }
    .DIA-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader{
        font: 24px/18px Century GothicB;
    }
    .DIA-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader span{
        font: 16px/24px Century Gothic;
    }
    .DIA-wrapper .foot-banner-img{
        max-width:1920px;
        height:587px;
        margin:3px auto 0px;
    }
    .DIA-wrapper .foot-banner-img img{
        width:100%;
        height:100%;
        object-fit:cover;
    }}













 




.CDN-wrapper{
    width:100%;
    padding-top:50px;
    font-family:"Century Gothic";
    color:#343434;
}
.CDN-wrapper .CDN-banner{
    width: 100%;
    background-color:#091C58;
    padding-top:55px;
    padding-bottom:40px;
}
.CDN-wrapper .CDN-breadcrumb{
    max-width:945px;
    height:22px;
    margin:0px auto 43px;
    padding-left:5px;
    box-sizing:border-box;
    font-size:16px;
    text-align:left;
}
.CDN-wrapper
.CDN-breadcrumb ul li{
    display:inline-block;
    color:#FFFFFF;
}
.CDN-wrapper
.CDN-breadcrumb ul li+li:before{
    color:#B9B9B9;
    width:10px;
    height:20px;
    content:">";
    padding-right:4px;
}
.CDN-wrapper
.CDN-breadcrumb ul li a{
    text-decoration:none;
    color:#38DBD2;
}
.CDN-wrapper .CDN-banner-title{
    max-width:600px;
    height:106px;
    margin:43px auto 54px;
    text-align:center;
    font: bold 48px/48px Hackman;
    letter-spacing:0;
    color:#38DBD2;
}
.CDN-wrapper
.CDN-banner .CDN-banner-item{
    width:751px;
    height:329px;
    box-sizing:border-box;
    margin:auto;
    padding-left:5px;
}
.CDN-banner .CDN-banner-item img{
    display:block;
    width:329px;
}
.CDN-banner-item .itemlist{
    float:left;
    width:395px;
    height:275px;
    margin-right:19.5px;
    margin-top:30px;
}
.CDN-banner-item .itemlist .itemlist-row{
    width: 100%;
    opacity: 0;
    transition:opacity 1s 0s linear;
    clear:both;
}
.CDN-wrapper
.itemlist .itemlist-row .itemlist-cell{
    float:left;
    margin-bottom:17px;
    color:#FFFFFF;
    font-size:22px;
    font-family:"Century GothicB";
    text-align:left;
}
.CDN-wrapper
.itemlist-row .itemlist-cell img{
    width:30px;
    margin-right:20px;
}
.CDN-wrapper
.CDN-intro{
    max-width:751px;
    margin:auto;
    padding: 3% 0;
    text-align:left;
}
.CDN-wrapper
.CDN-intro p{
    width: 100%;
    text-align:left;
    font-size:18px;
    line-height:150%;
    padding-bottom:2%;
    font:18px/28px Century Gothic;
}
/* form */
#serviceRequest{
    display:none;
}
.CDN-wrapper
.CDN-form {
    width: 100%;
    max-width: 760px;
    margin: auto;
}
.CDN-wrapper
.CDN-form
.CDN-request-form {
    width: 100%;
    /*max-width: 760px;*/
    margin: 20px auto;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
    padding: 3%;
    position: relative;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.title {
    width: 100%;
    color: #12277b;
    margin: 10px auto 0;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.title-p {
    font-size: 22px;
    font-weight: bold;
    margin: 2px auto 0;
    box-sizing: border-box;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.title-seperate-line {
    width: 100%;
    height: 8px;
    background-color: #12277b;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.form {
    width: 100%;
    padding: 0px 5px 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    box-sizing: border-box;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.content {
    width: 50%;
    padding: 5px 2% 5px 0;
    box-sizing: border-box;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.content-left {
    display: flex;
    flex-flow: column nowrap;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.unit {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin-bottom: 5px;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.unit-content-unit {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.unit-p {
    font-size: 18px;
    font-weight: bold;
    margin: 7px 5px 5px;
    color: #000000;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.unit-seperate-line {
    width: 98%;
    height: 3px;
    background-color: #00c495;
    margin: 0 auto 10px;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.unit-input {
    flex-grow: 1;
    border: none;
    box-sizing: border-box;
    background-color: #f2fbff;
    border-radius: 8px;
    font-weight: Regular;
    font-size: 16px;
    font-family: "Segoe UI ", "Microsoft JhengHei";
    letter-spacing: 0px;
    line-height: 24px;
    padding: 5px;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.unit-input:focus {
    border: 0px solid #000000;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.textFeild {
    height: 41px;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.textArea {
    resize: none;
    max-width: 360px;
    max-height: 120px;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.btn-box {
    height: 35px;
    width: 120px;
    position: absolute;
    top: 20px;
    right: 30px;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.submitBtn {
    height: 100%;
    width: 100%;
    color: white;
    font-weight: Bold;
    font-size: 18px;
    font-family: "Segoe UI ", "Microsoft JhengHei";
    letter-spacing: 0px;
    line-height: 5px;
    background: transparent linear-gradient(180deg, #17e5da 0%, #274dd1 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 34px;
    border: none;
    cursor: pointer;
}

.CDN-wrapper
.CDN-form
.CDN-request-form
.submitBtn:hover {
    background: transparent linear-gradient(0deg, #17e5da 0%, #274dd1 100%) 0% 0% no-repeat padding-box;
}

/* form success */
.form-result {
    display: none;
    align-items: center;
    justify-content: center;
    /*margin-top: 75px;*/
    /*height: calc(100vh - 75px - 398.44px);*/
    min-height: 300px;
    /* background-color: #f8fcfe; */
}

.form-result > .box > .img-box {
    margin-bottom: 50px;
    text-align: center;
}

.form-result > .box > .msg {
    text-align: center;
    color: #12277b;
    font-weight: Bold;
    font-size: 38px;
    font-family: "Segoe UI ", "Microsoft JhengHei";
    letter-spacing: 0px;
    line-height: 38px;
}

.form-result > .box > .text {
    text-align: center;
    font-weight: Regular;
    font-size: 18px;
    font-family: "Segoe UI ", "Microsoft JhengHei";
    letter-spacing: 0px;
    line-height: 37px;
}

#cdn-form-email:focus {
    outline: 0px solid transparent;
}

#cdn-form-service:focus {
    outline: 0px solid transparent;
}

#cdn-form-note:focus {
    outline: 0px solid transparent;
}

#cdn-form-submit:focus {
    outline: 0px solid transparent;
}
/* contact */

.CDN-wrapper .contact{
    max-width:751px;
    padding:3% 0;
    margin:0 auto;
    text-align:center;
    line-height:150%;
}
.CDN-wrapper .contact img{
    width:70px;
    height:50px;
}
.CDN-wrapper .contact p{
    padding-top: 1.5%;
    color: #091C58;
    font-size:22px;
    font-family:"Hackman";
}
.CDN-wrapper .contact .mail{
    padding-top: 1%;
    font-family:"Hackman";
}
.CDN-wrapper .contact .mail a{
    color:#091C58;
    font-size:22px;
    font-weight: bold;
    font-family:"Hackman";
}
.CDN-wrapper .contact .mail a:hover{
    color: #00B1B1;
    text-decoration: underline;
}
/* iPad */
@media screen and (max-width:1133px){
    .CDN-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .CDN-wrapper .CDN-banner{
        box-sizing: border-box;
        width: 100%;
        background-color:#091C58;
        box-sizing: border-box;
        padding: 10% 3% 6%;
    }
    .CDN-wrapper .CDN-breadcrumb{
        width: 100%;
        max-width:945px;
        height:22px;
        margin:0px auto 5%;
        padding-left:8%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li{
        display:inline-block;
        color:#FFFFFF;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .CDN-wrapper .CDN-banner-title{
        width: 100%;
        max-width:600px;
        height:106px;
        margin:4% auto 5%;
        text-align:center;
        font: bold 48px/48px Hackman;
        box-sizing: border-box;
    }
    .CDN-wrapper
    .CDN-banner .CDN-banner-item{
        width: 100%;
        max-width:751px;
        height: max-content;
        box-sizing:border-box;
        margin:auto;
        padding-left:0;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .CDN-banner-item .itemlist{
        width: 100%;
        max-width:395px;
        margin-right:0;
        margin-top:5%;
        order: 1;
    }
    .CDN-banner-item .itemlist .itemlist-row{
        width: 100%;
        opacity: 0;
        transition:opacity 1s 0s linear;
        clear:both;
    }
    .CDN-banner .CDN-banner-item img{
        display:block;
        width:50%;
    }
    .CDN-wrapper
    .itemlist .itemlist-row .itemlist-cell{
        float: left;
        margin-bottom:17px;
        color:#FFFFFF;
        font-size:22px;
        font-family:"Century GothicB";
        text-align:left;
    }
    .CDN-wrapper
    .itemlist-row .itemlist-cell img{
        width:30px;
        margin-right:20px;
    }
    .CDN-wrapper
    .CDN-form {
        width: 100%;
        margin: 5% auto;
        box-sizing: border-box;
    }
    .CDN-wrapper
    .CDN-intro{
        width: 100%;
        max-width:max-content;
        margin:5% auto;
        text-align:left;
        font-size:18px;
        line-height:150%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .CDN-wrapper
    .CDN-intro p{
        padding-bottom: 5%;
    }
    .CDN-wrapper .contact{
        max-width:751px;
        padding:5px;
        margin:1% auto 6%;
        text-align:center;
        line-height:150%;
    }
    .CDN-wrapper .contact img{
        width:70px;
        height:50px;
    }
    .CDN-wrapper .contact p{
        color:#091C58;
        font-size:22px;
    }
    .CDN-wrapper .contact .mail{
        font-family:"Century GothicB";
    }
    .CDN-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }
    .CDN-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:850px){
    .CDN-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .CDN-wrapper .CDN-banner{
        width: 100%;
        background-color:#091C58;
        padding: 10% 3% 6%;
        box-sizing: border-box;
    }
    .CDN-wrapper .CDN-breadcrumb{
        width: 100%;
        max-width:945px;
        height:22px;
        margin:0px auto 5%;
        padding-left:5%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li{
        display:inline-block;
        color:#FFFFFF;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .CDN-wrapper .CDN-banner-title{
        width: 100%;
        max-width:500px;
        height:max-content;
        margin:4% auto 5%;
        text-align:center;
        font: bold 42px/48px Hackman;
        box-sizing: border-box;
    }
    .CDN-wrapper .CDN-banner-title span{
        width: 100%;
        display: block;
    }
    .CDN-wrapper
    .CDN-banner .CDN-banner-item{
        width: 100%;
        max-width:751px;
        height: max-content;
        margin:0 auto;
        padding-left:0;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .CDN-banner-item .itemlist{
        width: 100%;
        max-width:395px;
        margin-right:0;
        margin-top:5%;
        order: 1;
    }
    .CDN-banner-item .itemlist .itemlist-row{
        width: 100%;
        opacity: 0;
        transition:opacity 1s 0s linear;
        clear:both;
    }
    .CDN-banner .CDN-banner-item{
        width: 100%;
    }
    .CDN-banner .CDN-banner-item img{
        display:block;
        width:40%;
    }
    .CDN-wrapper
    .itemlist .itemlist-row .itemlist-cell{
        float: left;
        margin-bottom:17px;
        color:#FFFFFF;
        font-size:22px;
        font-family:"Century GothicB";
        text-align:left;
    }
    .CDN-wrapper
    .itemlist-row .itemlist-cell img{
        width:30px;
        margin-right:20px;
    }
    
    .CDN-wrapper
    .CDN-intro{
        width: 100%;
        max-width:max-content;
        margin:5% auto;
        text-align:left;
        font-size:18px;
        line-height:150%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .CDN-wrapper
    .CDN-intro p{
        padding-bottom: 5%;
    }
    .CDN-wrapper .contact{
        max-width:751px;
        padding:5px;
        margin:1% auto 6%;
        text-align:center;
        line-height:150%;
    }
    .CDN-wrapper .contact img{
        width:70px;
        height:50px;
    }
    .CDN-wrapper .contact p{
        color:#091C58;
        font-size:22px;
        width: 60%;
        margin: auto;
    }
    .CDN-wrapper .contact .mail{
        width: 100%;
        font-family:"Century GothicB";
        margin: auto;
    }
    .CDN-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }
    .CDN-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:430px){
    .CDN-banner-item .itemlist{
        width: 100%;
        max-width:395px;
        margin-right:0;
        margin-top:5%;
        order: 1;
    }
    .CDN-banner-item .itemlist .itemlist-row{
        width: 100%;
        padding-left: 5%;
        opacity: 0;
        transition:opacity 1s 0s linear;
        clear:both;
    }
    .CDN-banner .CDN-banner-item{
        width: 100%;
    }
    .CDN-banner .CDN-banner-item img{
        display:block;
        width:80%;
    }
    .CDN-wrapper
    .itemlist .itemlist-row .itemlist-cell{
        float: left;
        margin-bottom:17px;
        color:#FFFFFF;
        font-size:18px;
        font-family:"Century GothicB";
        text-align:left;
    }
    .CDN-wrapper
    .itemlist-row .itemlist-cell img{
        width:19px;
        margin-right:10px;
    }

}
@media screen and (max-width:375px){
    .CDN-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    }
    .CDN-wrapper .CDN-banner{
        width: 100%;
        background-color:#091C58;
        padding: 10% 3% 6%;
        box-sizing: border-box;
    }
    .CDN-wrapper .CDN-breadcrumb{
        width: 100%;
        max-width:945px;
        height:22px;
        margin:0px auto 5%;
        padding-left:5%;
        box-sizing:border-box;
        font-size:14px;
        text-align:left;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li{
        display:inline-block;
        color:#FFFFFF;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:8px;
        height:17px;
        content:">";
        padding-right:4px;
    }
    .CDN-wrapper
    .CDN-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .CDN-wrapper .CDN-banner-title{
        width: 100%;
        max-width:500px;
        height:max-content;
        padding: 5% 0;
        margin:0 auto;
        text-align:center;
        font: bold 35px/40px Hackman;
        box-sizing: border-box;
    }
    .CDN-wrapper .CDN-banner-title span{
        width: 100%;
        display: block;
    }
    .CDN-wrapper
    .CDN-banner .CDN-banner-item{
        width: 100%;
        max-width:751px;
        height: max-content;
        margin:0 auto;
        padding-left:0;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .CDN-banner-item .itemlist{
        width: 100%;
        max-width:395px;
        margin-right:0;
        margin-top:5%;
        order: 1;
    }
    .CDN-banner-item .itemlist .itemlist-row{
        width: 100%;
        padding-left: 5%;
        opacity: 0;
        transition:opacity 1s 0s linear;
        clear:both;
    }
    .CDN-banner .CDN-banner-item{
        width: 100%;
    }
    .CDN-banner .CDN-banner-item img{
        display:block;
        width:80%;
    }
    .CDN-wrapper
    .itemlist .itemlist-row .itemlist-cell{
        float: left;
        margin-bottom:17px;
        color:#FFFFFF;
        font-size:18px;
        font-family:"Century GothicB";
        text-align:left;
    }
    .CDN-wrapper
    .itemlist-row .itemlist-cell img{
        width:19px;
        margin-right:6px;
    }
    
    .CDN-wrapper
    .CDN-intro{
        width: 100%;
        max-width:max-content;
        margin:5% auto;
        text-align:left;
        font-size:16px;
        line-height:150%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .CDN-wrapper
    .CDN-intro p{
        padding-bottom: 5%;
    }
    .CDN-wrapper .contact{
        max-width:751px;
        padding:5px;
        margin:1% auto 6%;
        text-align:center;
        line-height:150%;
    }
    .CDN-wrapper .contact img{
        width:70px;
        height:50px;
    }
    .CDN-wrapper .contact p{
        color:#091C58;
        font-size:20px;
        width: 80%;
        margin: auto;
    }
    .CDN-wrapper .contact .mail{
        width: 100%;
        font-family:"Century GothicB";
        margin: auto;
    }
    .CDN-wrapper .contact .mail a{
        color:#091C58;
        font-size:22px;
        font-family:"Century GothicB";
    }
    .CDN-wrapper .contact .mail a:hover{
        color: #00B1B1;
        text-decoration: underline;
    }
}
@media screen and (max-width:330px){
    .CDN-banner-item .itemlist .itemlist-row{
        width: 100%;
        padding-left: 2%;
        opacity: 0;
        transition:opacity 1s 0s linear;
        clear:both;
    }
    .CDN-banner .CDN-banner-item{
        width: 100%;
    }
    .CDN-banner .CDN-banner-item img{
        display:block;
        width:80%;
    }
    .CDN-wrapper
    .itemlist .itemlist-row .itemlist-cell{
        float: left;
        margin-bottom:17px;
        color:#FFFFFF;
        font-size:16px;
        font-family:"Century GothicB";
        text-align:left;
    }
    .CDN-wrapper
    .itemlist-row .itemlist-cell img{
        width:19px;
        margin-right:2px;
    }
}

.IPTransit-wrapper{
    width:100%;
    padding-top:70px;
    font-family:"Century Gothic";
    color:#343434;
}
.IPTransit-wrapper .IPTransit-breadcrumb{
    max-width:945px;
    height:22px;
    margin:35px auto 43px;
    padding-left:5px;
    box-sizing:border-box;
    font-size:16px;
    text-align:left;
}
.IPTransit-wrapper .IPTransit-breadcrumb ul li{
    display:inline-block;
}
.IPTransit-wrapper .IPTransit-breadcrumb ul li+li:before{
    color:#B9B9B9;
    width:10px;
    height:20px;
    content:">";
    padding-right:4px;
}
.IPTransit-wrapper .IPTransit-breadcrumb ul li a{
    text-decoration:none;
    color:#38DBD2;
}
.IPTransit-wrapper .IPTransit-intro{
    max-width:751px;
    margin:43px auto 68px;
    box-sizing:border-box;
    padding-left:5px;
}
.IPTransit-wrapper .IPTransit-intro .IPTransit-intro-header{
    width:220px;
    height:58px;
    font: bold 48px/48px Hackman;
    color:#091C58;
    margin:0px auto 7px;
    padding-bottom:5px;
    text-align:center;
}
.IPTransit-wrapper .IPTransit-intro .IPTransit-intro-artical{
    max-width:746px;
    font-family:"Century GothicB";
    font-size:22px;
    font-style:bold;
    text-align:left;
    color:#091C58;
    letter-spacing:0;
    margin:7px auto 11px;
}
.IPTransit-wrapper .IPTransit-intro .IPTransit-intro-contain{
    max-width:746px;
    font-size:18px;
    line-height:150%;
}
.IPTransit-wrapper .item_list{
    width: 100%;
    max-width:751px;
    margin: auto;
}
.IPTransit-wrapper .IPTransit-item{
    max-width:751px;
    box-sizing:border-box;
    border-bottom:#343434 solid 1px;
    margin:0px auto; 
    padding-left:5px;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s 0s linear,
        opacity 1s 0s linear;
}
.IPTransit-wrapper .IPTransit-item:last-child{
    border-bottom:#343434 solid 0px;
}
.IPTransit-wrapper
.IPTransit-item-row{
    max-width:648px;
    box-sizing:border-box;
    margin:30px auto;
    overflow:hidden;
}
.IPTransit-wrapper
.IPTransit-item-row .IPTransit-item-cell{
    float:left;
}
.IPTransit-wrapper
.IPTransit-item-row .IPTransit-item-cell img{
    width:30px;
    height:35px;
    margin-right:46px;
}
.IPTransit-wrapper
.IPTransit-item-row .IPTransit-item-cell-contain{
    width:552px;
    padding-top:2px;
}
.IPTransit-wrapper
.IPTransit-item-row .IPTransit-item-cell-contain h4{
    color:#000000;
    font-family:"Century GothicB";
    font-size:22px;
    text-align:left;
    margin-bottom:7px;
}
.IPTransit-wrapper
.IPTransit-item-row .IPTransit-item-cell-contain p{
    color:#343434;
    font-size:16px;
    text-align:left;
    line-height:140%;
}
.IPTransit-wrapper
.IPTransit-table-section{
    width:751px;
    margin:123.5px auto 42px;
    padding-left:5px;
    box-sizing:border-box;
}
.IPTransit-wrapper .IPTransit-table{
    width:746px;
    text-align:center;
    border-collapse:collapse;
    background-color:#DCF8F8;
    padding-left:5px;
}
.IPTransit-wrapper .IPTransit-table thead{
    background-color:#949494;
    color:#FFFFFF;
}
.IPTransit-wrapper
.IPTransit-table tr td{
    border:#FFFFFF 1px solid;
}
.IPTransit-wrapper
.IPTransit-table thead tr{
    height:46px;
}
.IPTransit-wrapper .IPTransit-table tbody{
    color:#343434;
    font-size:18px;
}
.IPTransit-wrapper
.IPTransit-table tbody .tr1{
    height:40px;
}
.IPTransit-wrapper
.IPTransit-table tbody .tr2{
    height:246px;
    line-height:150%;
}
.IPTransit-wrapper .IPTransit-table-footer{
    max-width:746px;
    height:21px;
    color:#343434;
    font-size:18px;
    text-align:left;
    margin:42px auto 48px;
    padding-left:84px;
    box-sizing:border-box;
}
.IPTransit-wrapper .foot-banner{
    width:100%;
    background-color:#091C58;
    padding-top:31px;
    padding-bottom:17px;
}
.IPTransit-wrapper .foot-banner .foot-banner-header{
    color:#38DBD2;
    width:246px;
    height:58px;
    font-size:48px;
    font-family:"Hackman";
    font-style:bold;
    letter-spacing:0;
    text-align:left;
    margin:0px auto 41px;
}
.IPTransit-wrapper .foot-banner .foot-banner-contain {
    display: block;
    max-width: 100%;
    height: max-content;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

.IPTransit-wrapper .foot-banner .foot-banner-contain span:last-child {
    display: block;
    width: 100%;
    height: max-content;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 7px 0 0;
}
.IPTransit-wrapper
.foot-banner .foot-banner-contain .foot-banner-containheader{
    font-family:"Century GothicB";
    font-size:24px;
}
.IPTransit-wrapper .foot-banner-img{
    max-width:1920px;
    height:587px;
    margin:3px auto 0px;
}
.IPTransit-wrapper .foot-banner-img img{
   width:100%;
   height:100%;
   object-fit:cover;
}
/* iPad */
@media screen and (max-width:1133px){
    .IPTransit-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb{
        max-width:945px;
        height:22px;
        margin:5% auto 6%;
        padding-left:5%;
        box-sizing:border-box;
        font-size:16px;
        text-align:left;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb ul li{
        display:inline-block;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .IPTransit-wrapper .IPTransit-intro{
        width: 100%;
        max-width:max-content;
        margin:3% auto 8%;
        box-sizing:border-box;
        padding: 0 5%;
    }
    .IPTransit-wrapper .IPTransit-intro .IPTransit-intro-header{
        width: 100%;
        height:58px;
        font: bold 42px/48px Hackman;
        color:#091C58;
        margin:0px auto 1%;
        padding-bottom:1%;
        text-align:center;
    }
    .IPTransit-wrapper .IPTransit-intro .IPTransit-intro-artical{
        width: 100%;
        max-width:max-content;
        font-family:"Century GothicB";
        font-size:22px;
        font-style:bold;
        text-align:left;
        color:#091C58;
        letter-spacing:0;
        margin:1% auto 2%;
    }
    .IPTransit-wrapper .IPTransit-intro .IPTransit-intro-contain{
        max-width:746px;
        font-size:18px;
        line-height:150%;
    }
    .IPTransit-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .IPTransit-wrapper .IPTransit-item{
        width: 92%;
        max-width:751px;
        box-sizing:border-box;
        border-bottom:#343434 solid 1px;
        margin:0px auto; 
        padding-left:3%;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
    }
    .IPTransit-wrapper .IPTransit-item:last-child{
        border-bottom:#343434 solid 0px;
    }
    .IPTransit-wrapper
    .IPTransit-item-row{
        max-width:648px;
        box-sizing:border-box;
        margin:3% auto;
        overflow:hidden;
        display: flex;
        flex-flow: row nowrap;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell{
        width: 10%;
        float:none;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell:nth-child(2n){
        width: 90%;
        float:left;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell img{
        display: inline-block;
        width:30px;
        height:35px;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell-contain{
        width: 100%;
        padding-top:1%;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell-contain h4{
        color:#000000;
        font-family:"Century GothicB";
        font-size:22px;
        text-align:left;
        margin-bottom:2%;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
    }
    .IPTransit-wrapper
    .IPTransit-table-section{
        width: 100%;
        max-width:751px;
        margin:10% auto 5%;
        padding-left:0;
        box-sizing:border-box;
    }
    .IPTransit-wrapper .IPTransit-table{
        width: 100%;
        text-align:center;
        border-collapse:collapse;
        background-color:#DCF8F8;
        padding-left:5%;
    }
    .IPTransit-wrapper .IPTransit-table thead{
        background-color:#949494;
        color:#FFFFFF;
    }
    .IPTransit-wrapper
    .IPTransit-table tr td{
        border:#FFFFFF 1px solid;
    }
    .IPTransit-wrapper
    .IPTransit-table thead tr{
        height:46px;
    }
    .IPTransit-wrapper .IPTransit-table tbody{
        color:#343434;
        font-size:18px;
    }
    .IPTransit-wrapper
    .IPTransit-table tbody .tr1{
        height:40px;
    }
    .IPTransit-wrapper
    .IPTransit-table tbody .tr2{
        height:246px;
        line-height:150%;
    }
    .IPTransit-wrapper .IPTransit-table-footer{
        max-width:746px;
        height:21px;
        color:#343434;
        font-size:18px;
        text-align:center;
        margin:3% auto 5%;
        padding-left:0;
        box-sizing:border-box;
    }
    .IPTransit-wrapper .foot-banner{
        width:100%;
        background-color:#091C58;
        padding-top:3%;
        padding-bottom:5%;
    }
    .IPTransit-wrapper .foot-banner .foot-banner-header{
        color:#38DBD2;
        width:246px;
        height:58px;
        font-size:48px;
        font-family:"Hackman";
        font-style:bold;
        letter-spacing:0;
        text-align:left;
        margin:0px auto 3%;
    }
    .IPTransit-wrapper .foot-banner .foot-banner-contain{
        max-width:500px;
        height:max-content;
        color:#FFFFFF;
        font-size:18px;
        text-align:center;
        margin:41px auto 0;
        line-height:150%;
        padding-bottom: 1%;
    }
    .IPTransit-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader{
        font-family:"Century GothicB";
        font-size:24px;
    }
    .IPTransit-wrapper .foot-banner-img{
        max-width:1920px;
        height:587px;
        margin:3px auto 0px;
    }
    .IPTransit-wrapper .foot-banner-img img{
       width:100%;
       height:100%;
       object-fit:cover;
    }
}
@media screen and (max-width:520px){
    .IPTransit-wrapper{
        width:100%;
        padding-top:70px;
        font-family:"Century Gothic";
        color:#343434;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb{
        max-width:945px;
        height:22px;
        margin:5% auto 6%;
        padding-left:5%;
        box-sizing:border-box;
        font-size:14px;
        text-align:left;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb ul li{
        display:inline-block;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb ul li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .IPTransit-wrapper .IPTransit-breadcrumb ul li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .IPTransit-wrapper .IPTransit-intro{
        width: 100%;
        max-width:max-content;
        margin:3% auto 8%;
        box-sizing:border-box;
        padding: 0 5%;
    }
    .IPTransit-wrapper .IPTransit-intro .IPTransit-intro-header{
        width: 100%;
        height:58px;
        font: bold 35px/40px Hackman;
        color:#091C58;
        margin:0px auto 1%;
        padding-bottom:1%;
        text-align:center;
    }
    .IPTransit-wrapper .IPTransit-intro .IPTransit-intro-artical{
        width: 100%;
        max-width:max-content;
        font-family:"Century GothicB";
        font-size:20px;
        font-style:bold;
        text-align:left;
        color:#091C58;
        letter-spacing:0;
        margin:1% auto 2%;
    }
    .IPTransit-wrapper .IPTransit-intro .IPTransit-intro-contain{
        max-width:746px;
        font-size:16px;
        line-height:150%;
    }
    .IPTransit-wrapper .item_list{
        width: 100%;
        max-width:751px;
        margin: auto;
    }
    .IPTransit-wrapper .IPTransit-item{
        width: 90%;
        max-width:751px;
        box-sizing:border-box;
        border-bottom:#343434 solid 1px;
        margin:0px auto; 
        padding-left:0;
        transform: translateY(50%);
        opacity: 0;
        transition: transform 0.5s 0s linear,
            opacity 1s 0s linear;
    }
    .IPTransit-wrapper .IPTransit-item:last-child{
        border-bottom:#343434 solid 0px;
    }
    .IPTransit-wrapper
    .IPTransit-item-row{
        max-width:648px;
        box-sizing:border-box;
        margin:3% auto;
        overflow:hidden;
        display: flex;
        flex-flow: row nowrap;
        justify-content: start;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell{
        width: 10%;
        float:none;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell:nth-child(2n){
        width: 90%;
        padding-left: 3%;
        padding-bottom: 2%;
        box-sizing: border-box;
        float:left;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell img{
        display: inline-block;
        width:28px;
        height:32px;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell-contain{
        width: 100%;
        padding-top:1%;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell-contain h4{
        color:#000000;
        font-family:"Century GothicB";
        font-size:20px;
        text-align:left;
        margin-bottom:2%;
    }
    .IPTransit-wrapper
    .IPTransit-item-row .IPTransit-item-cell-contain p{
        color:#343434;
        font-size:16px;
        text-align:left;
        line-height:140%;
    }
    .IPTransit-wrapper
    .IPTransit-table-section{
        width: 100%;
        max-width:751px;
        margin:10% auto 5%;
        padding-left:0;
        box-sizing:border-box;
    }
    .IPTransit-wrapper .IPTransit-table{
        width: 100%;
        text-align:center;
        border-collapse:collapse;
        background-color:#DCF8F8;
        padding-left:5%;
    }
    .IPTransit-wrapper .IPTransit-table thead{
        background-color:#949494;
        color:#FFFFFF;
    }
    .IPTransit-wrapper
    .IPTransit-table tr td{
        border:#FFFFFF 1px solid;
    }
    .IPTransit-wrapper
    .IPTransit-table thead tr{
        height:46px;
    }
    .IPTransit-wrapper .IPTransit-table tbody{
        color:#343434;
        font-size:16px;
    }
    .IPTransit-wrapper
    .IPTransit-table tbody .tr1{
        height:40px;
    }
    .IPTransit-wrapper
    .IPTransit-table tbody .tr2{
        height:246px;
        line-height:150%;
    }
    .IPTransit-wrapper .IPTransit-table-footer{
        max-width:746px;
        height:max-content;
        color:#343434;
        font-size:16px;
        text-align:left;
        margin:3% auto 5%;
        padding: 0 5%;
        box-sizing:border-box;
    }
    .IPTransit-wrapper .foot-banner{
        width:100%;
        background-color:#091C58;
        padding-top:3%;
        padding-bottom:5%;
    }
    .IPTransit-wrapper .foot-banner .foot-banner-header{
        color:#38DBD2;
        width:246px;
        height:58px;
        font-size:48px;
        font-family:"Hackman";
        font-style:bold;
        letter-spacing:0;
        text-align:left;
        margin:0px auto 3%;
    }
    .IPTransit-wrapper .foot-banner .foot-banner-contain{
        max-width:500px;
        height:max-content;
        color:#FFFFFF;
        font-size:18px;
        text-align:center;
        margin:3% auto 0px;
        line-height:150%;
    }
    .IPTransit-wrapper
    .foot-banner .foot-banner-contain .foot-banner-containheader{
        font-family:"Century GothicB";
        font-size:24px;
    }
    .IPTransit-wrapper .foot-banner-img{
        max-width:1920px;
        height:587px;
        margin:3px auto 0px;
    }
    .IPTransit-wrapper .foot-banner-img img{
       width:100%;
       height:100%;
       object-fit:cover;
    }
}








 




.DDos-wrapper{
    width:100%;
    font-family:"Century Gothic";
    color:#343434;
    box-sizing: border-box;
    /* scroll-behavior: smooth; */
} 
.DDos-wrapper .ADP-section{
    width:100%;
    background-color:#091C58;
    margin-top:50px;
    padding-top:55px;
    padding-bottom:50px;
    color:#FFFFFF;
    position: relative;
}
.DDos-wrapper .ADP-section .ADP-breadcrumb{
    max-width:945px;
    font-size:16px;
    text-align:left;
    margin:0px auto 42px;
    padding-left:5px;
}
.DDos-wrapper
.ADP-section .ADP-breadcrumb li{
    display:inline-block;
}
.DDos-wrapper
.ADP-section .ADP-breadcrumb li+li:before{
    color:#B9B9B9;
    width:10px;
    height:20px;
    content:">";
    padding-right:4px;
}
.DDos-wrapper
.ADP-breadcrumb li a{
    text-decoration:none;
    color:#38DBD2;
}
.DDos-wrapper .ADP-section .ADP-title{
    width:100%;
    max-width:380px;
    margin:42px auto 4px;
}
.DDos-wrapper
.ADP-section .ADP-title span{
    text-decoration:none;
    color:#38DBD2;
    font-family:"Hackman";
    font-weight:800;
    font-size:48px;
}
.DDos-wrapper .ADP-section .ADP-selectbar{
    width: 100%;
    background-color:#00B1B1;
    position: absolute;
    top: 18%;
    transition: top 0.5s 0s ease;
    opacity: 1;
    z-index: 5;
}
.DDos-wrapper .ADP-section .ADP-selectbar .container{
    width: 60%;
    margin: auto;
    text-align: center;
    font-size: 0;
}
.DDos-wrapper .ADP-section .ADP-selectbar .container .cell{
    display: inline-block;
    width: 150px;
}
.DDos-wrapper .ADP-section .ADP-selectbar .container span{
    display: inline-block;
    width: 100%;
    height: 22px;
    padding:10px 0px;
}
.DDos-wrapper .ADP-section .ADP-selectbar .container span a{
    display: inline-block;
    height: 100%;
    color: #FFFFFF;
    font-size:20px;
    line-height: 22px;
}
.DDos-wrapper .ADP-section .ADP-selectbar .container .cell:hover{
    background-color:#FFFFFF;
}
.DDos-wrapper .ADP-section .ADP-selectbar .container span:hover a{
    color: rgba(0,177,177);
}
.DDos-wrapper
.ADP-section .ADP-selectbar .container span a:hover{
    color: #00B1B1;
    cursor: pointer;
}
.DDos-wrapper .ADP-section .ADP-img{
    max-width:750px;
    margin:5% auto 3%;
    padding-left:5px;
}
.DDos-wrapper
.ADP-section .ADP-img img{
    display:block;
    width:100%;
}
.DDos-wrapper .ADP-section .ADP-article{
    max-width:751px;
    padding-left:5px;
    margin:28px auto 32px;
}
.DDos-wrapper .ADP-section .ADP-list{
    max-width:748px;
    padding-left:5px;
    margin:0px auto;
}
.DDos-wrapper
.ADP-section .ADP-list .listrow{
    margin-bottom:17px;
    transform: translateY(100%); 
    opacity: 0;
    transition: transform 0.5s 0s linear,
    opacity 1s 0s linear;
}
.DDos-wrapper
.ADP-section .ADP-list .listcell{
    font-family:"Century GothicB";
    font-size:22px;
    text-align:left;
    display:table-cell;
}
.DDos-wrapper
.listrow .listcell img{
    display:block;
    padding-right:28px;
}
.DDos-wrapper .Structure-section{
    max-width:946px;
    margin:95px auto 119px;
    padding-left:5px;
}
.DDos-wrapper .Structure-section .Structure-title{
    width:221px;
    margin:95px auto 71px;
    color:#091C58;
    font-size:48px;
    font-family:"Hackman";
    font-weight:bold;
    text-align:left;
}
.DDos-wrapper
.Distributed-section .Distributed-title{
    max-width:250px;
    font-family:"Century GothicB";
    font-size:28px;
    color:#343434;
    margin:71px auto;
    text-align:left;
    letter-spacing:0;
}
.DDos-wrapper
.Distributed-section img{
    display:block;
    margin:71px auto 34px;
    max-width:86%;
}
.DDos-wrapper
.Distributed-section .Distributed-artical{
    max-width:746px;
    line-height:150%;
    font-family:"Century Gothic";
    font-size:18px;
    color:#343434;
    text-align:left;
    margin:34px auto 71.5px;
}
.DDos-wrapper
.Structure-section .Structure-line{
    max-width:941px;
    height:1px;
    background-color:#B9B9B9;
    margin:71.5px auto 67.5px;
}
.DDos-wrapper
.Hierarchical-section .Hierarchical-title{
    max-width:271px;
    font-family:"Century GothicB";
    font-size:28px;
    color:#343434;
    margin:67.5px auto 71px;
    text-align:left;
    letter-spacing:0;
}
.DDos-wrapper
.Hierarchical-section img{
    display:block;
    margin:71px auto 34px;
    max-width:86%;
}
.DDos-wrapper
.Hierarchical-section .Hierarchical-artical{
    max-width:746px;
    line-height:150%;
    font-family:"Century Gothic";
    font-size:18px;
    color:#343434;
    text-align:left;
    margin:34px auto 71.5px;
}
.DDos-wrapper .Specifications-section{
    max-width:946px;
    margin:119px auto 51px ;
    padding-left:5px;
}
.DDos-wrapper .Specifications-section .Specifications-title{
    max-width:322px;
    margin:119px auto 71px;
}
.DDos-wrapper
.Specifications-section .Specifications-title span{
    font-family:"Hackman";
    font-weight:800;
    font-size:48px;
    color:#091C58;
    text-align:left;
}
.DDos-wrapper
.Specifications-section table{
    margin:0px auto;
    background-color:#DCF8F8;
    font-family:"Century Gothic";
    width:940px;
    border-collapse:collapse;
}
.DDos-wrapper
.Specifications-section table thead{
    background-color:#5E5E5E;
    color:#FFFFFF;
    font-size:20px;
}
.DDos-wrapper
.Specifications-section table tbody{
    font-size:18px;
}
.DDos-wrapper
.Specifications-section table tr{
    height:46px;
}
.DDos-wrapper
.Specifications-section table td{
    border:#FFFFFF 1px solid;
    text-align:center;
}
.DDos-wrapper
.Specifications-section table .headline{
    background-color:#091C58;
    color:#FFFFFF;
    font-size:20px;
}
.DDos-wrapper
.Specifications-section table .column1{
    text-align:left;
    padding:13px 4px 12px 18px;
    width:261px;
}
.DDos-wrapper
.Specifications-section table .column2{
    width:226px;
}
.DDos-wrapper
.Specifications-section table .column3{
    width:227px;
}
.DDos-wrapper
.Specifications-section table .orangedot{
    background-color:#FF6600;
    width:18px;
    height:18px;
    border-radius:100%;
    margin:auto;
}
.DDos-wrapper .Download-section {
    width: 100%;
    /*max-width:1920px;*/
    background-color: #091C58;
    padding-top: 150px;
    padding-bottom: 39px;
    text-align: center;
}
.DDos-wrapper .Download-section .Download-title {
    width: 100%;
    /*width: 229px;*/
    text-align:center;
    margin: 0px auto 40px;
}
.DDos-wrapper
.Download-section .Download-title span{
    color:#38DBD2;
    font-family:"Hackman";
    font-size:48px;
    font-weight:800;
}
/* iPad */
@media screen and (max-width:1133px){
    .DDos-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .DDos-wrapper .ADP-section{
        width:100%;
        background-color:#091C58;
        padding-top:10%;
        padding-bottom:50px;
        color:#FFFFFF;
    }
    .DDos-wrapper .ADP-section .ADP-breadcrumb{
        max-width:945px;
        font-size:18px;
        text-align:left;
        margin:0px auto 42px;
        padding-left:10%;
    }
    .DDos-wrapper
    .ADP-section .ADP-breadcrumb li{
        display:inline-block;
    }
    .DDos-wrapper
    .ADP-section .ADP-breadcrumb li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .DDos-wrapper
    .ADP-breadcrumb li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .DDos-wrapper .ADP-section .ADP-title{
        max-width:348px;
        margin:3% auto 8%;
    }
    .DDos-wrapper
    .ADP-section .ADP-title span{
        text-decoration:none;
        color:#38DBD2;
        font-family:"Hackman";
        font-weight:800;
        font-size:48px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 23%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container{
        width: 80%;
        margin: auto;
        text-align: center;
        font-size: 0;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container .cell{
        display: inline-block;
        width: 33.333333%;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span{
        display: inline-block;
        width: 100%;
        height: 22px;
        padding:10px 0px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span a{
        display: inline-block;
        height: 100%;
        color: #FFFFFF;
        font-size:20px;
        line-height: 22px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container .cell:hover{
        background-color:#FFFFFF;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span:hover a{
        color: rgba(0,177,177);
    }
    .DDos-wrapper
    .ADP-section .ADP-selectbar .container span a:hover{
        color: #00B1B1;
        cursor: pointer;
    }
    .DDos-wrapper .ADP-section .ADP-img{
        max-width:750px;
        margin:8% auto 3%;
        padding-left:3%;
        box-sizing: border-box;
    }
    .DDos-wrapper
    .ADP-section .ADP-img img{
        display:block;
        width:95%;
    }
    .DDos-wrapper .ADP-section .ADP-article{
        max-width:751px;
        padding-left:5%;
        margin:28px auto 32px;
        box-sizing: border-box;
    }
    .DDos-wrapper .ADP-section .ADP-list{
        width: 100%;
        max-width: 748px;
        padding-left:5%;
        padding-right:2%;
        margin:0 auto;
        font:18px/26px Century Gothic;
        box-sizing: border-box;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listrow{
        width: 100%;
        margin-bottom:2%;
        transform: translateY(100%); 
        opacity: 0;
        transition: transform 0.5s 0s linear,
        opacity 1s 0s linear;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listcell{
        width: 3%;
        font-family:"Century GothicB";
        font-size:22px;
        text-align:left;
        display:table-cell;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listrow .listcell:nth-child(2n){ 
        width: 90%;
        padding-left:2%;
    }
    .DDos-wrapper
    .listrow .listcell img{
        display:block;
        padding-right: 0;
    }
    .DDos-wrapper .Structure-section{
        max-width:946px;
        margin:0 auto;
        padding: 3% 0 5%;
    }
    .DDos-wrapper .Structure-section .Structure-title{
        width:221px;
        margin:0 auto ;
        color:#091C58;
        font-size:48px;
        font-family:"Hackman";
        font-weight:bold;
        text-align:left;
    }
    .DDos-wrapper
    .Distributed-section .Distributed-title{
        max-width:250px;
        font-family:"Century GothicB";
        font-size:28px;
        color:#343434;
        margin:5% auto;
        text-align:left;
        letter-spacing:0;
    }
    .DDos-wrapper
    .Distributed-section img{
        display:block;
        margin:71px auto 34px;
        max-width:86%;
    }
    .DDos-wrapper
    .Distributed-section .Distributed-artical{
        max-width:746px;
        line-height:150%;
        font-family:"Century Gothic";
        font-size:18px;
        color:#343434;
        text-align:left;
        margin:3% auto 5%;
        padding: 0 5%;
    }
    .DDos-wrapper
    .Structure-section .Structure-line{
        max-width:941px;
        height:1px;
        background-color:#B9B9B9;
        margin:71.5px auto 67.5px;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-title{
        max-width:271px;
        font-family:"Century GothicB";
        font-size:28px;
        color:#343434;
        margin:4% auto 5%;
        text-align:left;
        letter-spacing:0;
    }
    .DDos-wrapper
    .Hierarchical-section img{
        display:block;
        margin:71px auto 34px;
        max-width:86%;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-artical{
        max-width:746px;
        line-height:150%;
        font-family:"Century Gothic";
        font-size:18px;
        color:#343434;
        text-align:left;
        margin:3% auto 5%;
        padding: 0 5%;
    }
    .DDos-wrapper .Specifications-section{
        max-width:946px;
        margin:3% auto 2%;
        padding-left:0;
    }
    .DDos-wrapper .Specifications-section .Specifications-title{
        max-width:max-content;
        margin:3% auto 2%;
    }
    .DDos-wrapper
    .Specifications-section .Specifications-title span{
        font-family:"Hackman";
        font-weight:800;
        font-size:48px;
        color:#091C58;
        text-align:left;
    }
    .DDos-wrapper
    .Specifications-section{
        width: 100%;
        padding: 0 2% 5%;
        box-sizing: border-box;
        margin:0 auto;
    }
    .DDos-wrapper
    .Specifications-section table{
        width: 100%;
        max-width:940px;
        background-color:#DCF8F8;
        font-family:"Century Gothic";
        border-collapse:collapse;
    }
    .DDos-wrapper
    .Specifications-section table thead{
        width: 100%;
        background-color:#5E5E5E;
        color:#FFFFFF;
        font-size:16px;
    }
    .DDos-wrapper
    .Specifications-section table tbody{
        font-size:16px;
    }
    .DDos-wrapper
    .Specifications-section table tr{
        height:46px;
    }
    .DDos-wrapper
    .Specifications-section table td{
        border:#FFFFFF 1px solid;
        text-align:center;
    }
    .DDos-wrapper
    .Specifications-section table .headline{
        background-color:#091C58;
        color:#FFFFFF;
        font-size:16px;
    }
    .DDos-wrapper
    .Specifications-section table .column1{
        text-align:left;
        padding:13px 4px 12px 18px;
        width:20%;
    }
    .DDos-wrapper
    .Specifications-section table .column2{
        width:20%;
    }
    .DDos-wrapper
    .Specifications-section table .column3{
        width:21%;
    }
    .DDos-wrapper
    .Specifications-section table .orangedot{
        background-color:#FF6600;
        width:18px;
        height:18px;
        border-radius:100%;
        margin:auto;
    }
    .DDos-wrapper .Download-section{
        width: 100%;
        max-width:1920px;
        background-color:#091C58;
        padding-top: 10%;
        padding-bottom:39px;
        text-align:center;
    }
    .DDos-wrapper
    .Download-section .Download-title{
        width:100%;
        margin:0px auto 40px;
    }
    .DDos-wrapper
    .Download-section .Download-title span{
        color:#38DBD2;
        font-family:"Hackman";
        font-size:48px;
        font-weight:800;
    }
}
@media screen and (max-width:870px){
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 21.5%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
}
@media screen and (max-width:750px){
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 21%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
    #toSpecifications {
        width: 100px;
        height: 60px;
    }
}
@media screen and (max-width:692px){
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 19%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
}
@media screen and (max-width:620px){
    .DDos-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .DDos-wrapper .ADP-section{
        width:100%;
        background-color:#091C58;
        padding-top:10%;
        padding-bottom:50px;
        color:#FFFFFF;
    }
    .DDos-wrapper .ADP-section .ADP-breadcrumb{
        max-width:945px;
        font-size:16px;
        text-align:left;
        margin:0px auto 5%;
        padding-left:10%;
    }
    .DDos-wrapper
    .ADP-section .ADP-breadcrumb li{
        display:inline-block;
    }
    .DDos-wrapper
    .ADP-section .ADP-breadcrumb li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .DDos-wrapper
    .ADP-breadcrumb li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .DDos-wrapper .ADP-section .ADP-title{
        max-width:348px;
        margin:0 auto;
        padding: 3% 0;
    }
    .DDos-wrapper
    .ADP-section .ADP-title span{
        text-decoration:none;
        color:#38DBD2;
        font-family:"Hackman";
        font-weight:800;
        font-size:48px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 20%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container{
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 0;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container .cell{
        display: inline-block;
        width: 33.333333%;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span{
        display: inline-block;
        width: 100%;
        height: 22px;
        padding:10px 0px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span a{
        display: inline-block;
        height: 100%;
        color: #FFFFFF;
        font-size:18px;
        line-height: 22px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container .cell:hover{
        background-color:#FFFFFF;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span:hover a{
        color: rgba(0,177,177);
    }
    .DDos-wrapper
    .ADP-section .ADP-selectbar .container span a:hover{
        color: #00B1B1;
        cursor: pointer;
    }
    .DDos-wrapper .ADP-section .ADP-img{
        max-width:750px;
        margin:8% auto 3%;
        padding-left:3%;
        box-sizing: border-box;
    }
    .DDos-wrapper
    .ADP-section .ADP-img img{
        display:block;
        width:95%;
    }
    .DDos-wrapper .ADP-section .ADP-article{
        max-width:751px;
        padding-left:5%;
        margin:28px auto 32px;
        box-sizing: border-box;
    }
    .DDos-wrapper .ADP-section .ADP-list{
        width: 100%;
        max-width: 748px;
        padding-left:5%;
        padding-right:2%;
        margin:0 auto;
        font:18px/26px Century Gothic;
        box-sizing: border-box;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listrow{
        width: 100%;
        margin-bottom:2%;
        transform: translateY(100%); 
        opacity: 0;
        transition: transform 0.5s 0s linear,
        opacity 1s 0s linear;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listcell{
        width: 3%;
        font-family:"Century GothicB";
        font-size:22px;
        text-align:left;
        display:table-cell;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listrow .listcell:nth-child(2n){ 
        width: 90%;
        padding-left:2%;
    }
    .DDos-wrapper
    .listrow .listcell img{
        display:block;
        padding-right: 0;
    }
    .DDos-wrapper .Structure-section{
        max-width:946px;
        margin:0 auto;
        padding: 3% 0;
    }
    .DDos-wrapper .Structure-section .Structure-title{
        width:221px;
        margin:0 auto ;
        color:#091C58;
        font-size:42px;
        font-family:"Hackman";
        font-weight:bold;
        text-align:left;
    }
    .DDos-wrapper
    .Distributed-section .Distributed-title{
        max-width:250px;
        font-family:"Century GothicB";
        font-size:28px;
        color:#343434;
        margin:5% auto 3%;
        text-align:left;
        letter-spacing:0;
    }
    .DDos-wrapper
    .Distributed-section img{
        display:block;
        margin:5% auto 3%;
        max-width:86%;
    }
    .DDos-wrapper
    .Distributed-section .Distributed-artical{
        max-width:746px;
        line-height:150%;
        font-family:"Century Gothic";
        font-size:18px;
        color:#343434;
        text-align:left;
        margin:3% auto 2%;
        padding: 0 5%;
    }
    .DDos-wrapper
    .Structure-section .Structure-line{
        max-width:941px;
        height:1px;
        background-color:#B9B9B9;
        margin:5% auto;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-title{
        max-width:271px;
        font-family:"Century GothicB";
        font-size:28px;
        color:#343434;
        margin:4% auto;
        text-align:left;
        letter-spacing:0;
    }
    .DDos-wrapper
    .Hierarchical-section img{
        display:block;
        margin:3% auto;
        max-width:86%;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-artical{
        max-width:746px;
        line-height:150%;
        font-family:"Century Gothic";
        font-size:18px;
        color:#343434;
        text-align:left;
        margin:3% auto 5%;
        padding: 0 5%;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-artical #Specifications{
        width: 100%;
        padding-top: 56px;
    }
    .DDos-wrapper .Specifications-section{
        max-width:946px;
        margin:3% auto 2%;
        padding-left:0;
    }
    .DDos-wrapper .Specifications-section .Specifications-title{
        max-width:max-content;
        margin:3% auto;
    }
    .DDos-wrapper
    .Specifications-section .Specifications-title span{
        font-family:"Hackman";
        font-weight:800;
        font-size:42px;
        color:#091C58;
        text-align:left;
    }
    .DDos-wrapper
    .Specifications-section{
        width: 100%;
        padding: 0 2% 5%;
        box-sizing: border-box;
        margin:0 auto;
    }
    .DDos-wrapper
    .Specifications-section table{
        width: 100%;
        max-width:940px;
        background-color:#DCF8F8;
        font-family:"Century Gothic";
        border-collapse:collapse;
    }
    .DDos-wrapper
    .Specifications-section table thead{
        width: 100%;
        background-color:#5E5E5E;
        color:#FFFFFF;
        font-size:16px;
    }
    .DDos-wrapper
    .Specifications-section table tbody{
        font-size:16px;
    }
    .DDos-wrapper
    .Specifications-section table tr{
        height:46px;
    }
    .DDos-wrapper
    .Specifications-section table td{
        border:#FFFFFF 1px solid;
        text-align:center;
    }
    .DDos-wrapper
    .Specifications-section table .headline{
        background-color:#091C58;
        color:#FFFFFF;
        font-size:16px;
    }
    .DDos-wrapper
    .Specifications-section table .column1{
        text-align:left;
        padding:13px 4px 12px 18px;
        width:20%;
    }
    .DDos-wrapper
    .Specifications-section table .column2{
        width:20%;
    }
    .DDos-wrapper
    .Specifications-section table .column3{
        width:21%;
    }
    .DDos-wrapper
    .Specifications-section table .orangedot{
        background-color:#FF6600;
        width:18px;
        height:18px;
        border-radius:100%;
        margin:auto;
    }
    .DDos-wrapper .Download-section{
        width: 100%;
        max-width:1920px;
        background-color:#091C58;
        padding-top: 115px;
        padding-bottom:39px;
        text-align:center;
    }
    .DDos-wrapper
    .Download-section .Download-title{
        width:100%;
        margin:0px auto 40px;
    }
    .DDos-wrapper
    .Download-section .Download-title span{
        color:#38DBD2;
        font-family:"Hackman";
        font-size:48px;
        font-weight:800;
    }
}
@media screen and (max-width:552px){
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 19%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
}
@media screen and (max-width:450px){
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 17%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
}
@media screen and (max-width:375px){
    .DDos-wrapper{
        width:100%;
        font-family:"Century Gothic";
        color:#343434;
    } 
    .DDos-wrapper .ADP-section{
        width:100%;
        background-color:#091C58;
        padding-top:10%;
        padding-bottom:50px;
        color:#FFFFFF;
    }
    .DDos-wrapper .ADP-section .ADP-breadcrumb{
        max-width:945px;
        font-size:14px;
        text-align:left;
        margin:0px auto 5%;
        padding-left:10%;
    }
    .DDos-wrapper
    .ADP-section .ADP-breadcrumb li{
        display:inline-block;
    }
    .DDos-wrapper
    .ADP-section .ADP-breadcrumb li+li:before{
        color:#B9B9B9;
        width:10px;
        height:20px;
        content:">";
        padding-right:4px;
    }
    .DDos-wrapper
    .ADP-breadcrumb li a{
        text-decoration:none;
        color:#38DBD2;
    }
    .DDos-wrapper .ADP-section .ADP-title{
        max-width:348px;
        margin:0 auto;
        padding: 3% 0 7%;
        text-align: center;
    }
    .DDos-wrapper
    .ADP-section .ADP-title span{
        text-decoration:none;
        color:#38DBD2;
        font-family:"Hackman";
        font-weight:800;
        font-size:35px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 15%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container{
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 0;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container .cell{
        display: inline-block;
        width: 33.333333%;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span{
        display: inline-block;
        width: 100%;
        height: 22px;
        padding:5px 0px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span a{
        display: inline-block;
        height: 100%;
        color: #FFFFFF;
        font-size:16px;
        line-height: 22px;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container .cell:hover{
        background-color:#FFFFFF;
    }
    .DDos-wrapper .ADP-section .ADP-selectbar .container span:hover a{
        color: rgba(0,177,177);
    }
    .DDos-wrapper
    .ADP-section .ADP-selectbar .container span a:hover{
        color: #00B1B1;
        cursor: pointer;
    }
    .DDos-wrapper .ADP-section .ADP-img{
        max-width:750px;
        margin:8% auto 3%;
        padding-left:3%;
        box-sizing: border-box;
    }
    .DDos-wrapper
    .ADP-section .ADP-img img{
        display:block;
        width:95%;
    }
    .DDos-wrapper .ADP-section .ADP-article{
        max-width:751px;
        padding-left:5%;
        margin:28px auto 32px;
        box-sizing: border-box;
    }
    .DDos-wrapper .ADP-section .ADP-list{
        width: 100%;
        max-width: 748px;
        padding-left:5%;
        padding-right:2%;
        margin:0 auto;
        font:16px/26px Century Gothic;
        box-sizing: border-box;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listrow{
        width: 100%;
        margin-bottom:2%;
        transform: translateY(100%); 
        opacity: 0;
        transition: transform 0.5s 0s linear,
        opacity 1s 0s linear;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listcell{
        width: 1%;
        font-family:"Century GothicB";
        font-size:18px;
        text-align:left;
        display:table-cell;
    }
    .DDos-wrapper
    .ADP-section .ADP-list .listrow .listcell:nth-child(2n){ 
        width: 90%;
        padding-left:2%;
    }
    .DDos-wrapper
    .listrow .listcell img{
        display:block;
        padding-right: 0;
        width: 19px;
        height: 23px;
    }
    .DDos-wrapper .Structure-section{
        max-width:946px;
        margin:0 auto;
        padding: 3% 0;
    }
    .DDos-wrapper .Structure-section .Structure-title{
        width:221px;
        margin:0 auto ;
        color:#091C58;
        font-size:35px;
        font-family:"Hackman";
        font-weight:bold;
        text-align:center;
    }
    .DDos-wrapper
    .Distributed-section .Distributed-title{
        max-width:250px;
        font-family:"Century GothicB";
        font-size:22px;
        color:#343434;
        margin:5% auto 3%;
        text-align:center;
        letter-spacing:0;
    }
    .DDos-wrapper
    .Distributed-section img{
        display:block;
        margin:5% auto 3%;
        max-width:86%;
    }
    .DDos-wrapper
    .Distributed-section .Distributed-artical{
        max-width:746px;
        line-height:150%;
        font-family:"Century Gothic";
        font-size:16px;
        color:#343434;
        text-align:center;
        margin:3% auto 2%;
        padding: 0 5%;
    }
    .DDos-wrapper
    .Structure-section .Structure-line{
        max-width:941px;
        height:1px;
        background-color:#B9B9B9;
        margin:5% auto;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-title{
        max-width:271px;
        font-family:"Century GothicB";
        font-size:22px;
        color:#343434;
        margin:4% auto;
        text-align:center;
        letter-spacing:0;
    }
    .DDos-wrapper
    .Hierarchical-section img{
        display:block;
        margin:3% auto;
        max-width:86%;
    }
    .DDos-wrapper
    .Hierarchical-section .Hierarchical-artical{
        max-width:746px;
        line-height:150%;
        font-family:"Century Gothic";
        font-size:16px;
        color:#343434;
        text-align:left;
        margin:3% auto 5%;
        padding: 0 5%;
    }
    .DDos-wrapper .Specifications-section{
        max-width:946px;
        margin:3% auto 2%;
        padding-left:0;
    }
    .DDos-wrapper .Specifications-section .Specifications-title{
        max-width:max-content;
        margin:3% auto;
    }
    .DDos-wrapper
    .Specifications-section .Specifications-title span{
        font-family:"Hackman";
        font-weight:800;
        font-size:35px;
        color:#091C58;
        text-align:left;
    }
    .DDos-wrapper
    .Specifications-section{
        width: 100%;
        padding: 0 0 5%;
        box-sizing: border-box;
        margin:0 auto;
    }
    .DDos-wrapper
    .Specifications-section table{
        width: 100%;
        max-width:940px;
        background-color:#DCF8F8;
        font-family:"Century Gothic";
        border-collapse:collapse;
    }
    .DDos-wrapper
    .Specifications-section table thead{
        width: 100%;
        background-color:#5E5E5E;
        color:#FFFFFF;
        font-size:14px;
    }
    .DDos-wrapper
    .Specifications-section table tbody{
        font-size:14px;
    }
    .DDos-wrapper
    .Specifications-section table tr{
        height:46px;
    }
    .DDos-wrapper
    .Specifications-section table td{
        border:#FFFFFF 1px solid;
        text-align:center;
    }
    .DDos-wrapper
    .Specifications-section table .headline{
        background-color:#091C58;
        color:#FFFFFF;
        font-size:14px;
    }
    .DDos-wrapper
    .Specifications-section table .column1{
        text-align:left;
        padding:1% 0 1% 4%;
        width:15%;
    }
    .DDos-wrapper
    .Specifications-section table .column2{
        width:20%;
    }
    .DDos-wrapper
    .Specifications-section table .column3{
        width:20%;
    }
    .DDos-wrapper
    .Specifications-section table .orangedot{
        background-color:#FF6600;
        width:18px;
        height:18px;
        border-radius:100%;
        margin:auto;
    }
    .DDos-wrapper .Download-section{
        width: 100%;
        max-width:1920px;
        background-color:#091C58;
        padding-top: 115px;
        padding-bottom:39px;
        text-align:center;
    }
    .DDos-wrapper
    .Download-section .Download-title{
        width:100%;
        margin:0px auto 40px;
    }
    .DDos-wrapper
    .Download-section .Download-title span{
        color:#38DBD2;
        font-family:"Hackman";
        font-size:35px;
        font-weight:800;
    }
}
@media screen and (max-width:320px){
    .DDos-wrapper .ADP-section .ADP-selectbar{
        width: 100%;
        background-color:#00B1B1;
        position: absolute;
        top: 16%;
        transition: top 0.5s 0s ease;
        opacity: 1;
        z-index: 5;
    }
}


.DDos-wrapper .section {
    width: 100%;
    max-width: 946px;
    margin: auto;
    padding: 5% 0 19px 5px;
}

.DDos-wrapper .section .section_title {
    width: 100%;
    padding: 20px 0 31px;
    margin: auto;
    color: #091C58;
    font-size: 48px;
    font-family: "Hackman";
    font-weight: bold;
    text-align: center;
}

.DDos-wrapper .section .section_content {
width: 100%;
}

.DDos-wrapper .section .section_content p {
    max-width: 746px;
    line-height: 150%;
    font-family: "Century Gothic";
    font-size: 18px;
    color: #343434;
    text-align: left;
    padding: 20px 0 40px;
    margin: auto;
}

.DDos-wrapper .section .set_img {
    width: 100%;
    max-width: 935px;
    padding-top: 55.6%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.DDos-wrapper .section .set_img iframe {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width:1133px) {
    .DDos-wrapper .section {
        width: 100%;
        max-width: 946px;
        margin: 0 auto;
        padding: 3% 0 5%;
        box-sizing: border-box;
    }

    .DDos-wrapper .section .section_title {
        width: 100%;
        margin: 0 auto;
        color: #091C58;
        font-size: 48px;
        font-family: "Hackman";
        font-weight: bold;
        text-align: center;
    }

    .DDos-wrapper .section .set_img {
        width: 100%;
        max-width: 935px;
        padding-top: 55.6%;
        position: relative;
        overflow: hidden;
    }
}

@media screen and (max-width:1024px) {
    .DDos-wrapper .section .set_img {
        padding-top: 55.6%;
    }

    .DDos-wrapper .section .set_img iframe {
        top: 1px;
        left: 1px;
    }
}

@media screen and (max-width:768px) {
    .DDos-wrapper .section .set_img {
        padding-top: 56.5%;
    }

    .DDos-wrapper .section .set_img iframe {
        width: 103%;
        height: 103%;
        top: 0px;
        left: -1px;
    }
}

@media screen and (max-width:620px) {
    .DDos-wrapper .section {
        max-width: 946px;
        margin: 0 auto;
        padding: 3% 2% 5%;
    }

    .DDos-wrapper .section .section_title {
        font-size: 42px;
    }

    .DDos-wrapper .section .set_img {
        padding-top: 56.5%;
    }

    .DDos-wrapper .section .set_img iframe {
        width: 100%;
        height: 100%;
        top: -1px;
        left: -1px;
    }
}
@media screen and (max-width:414px) {
    .DDos-wrapper .section .set_img iframe {
        width: 103%;
        height: 103%;
        top: 0px;
        left: 2px;
    }
}

@media screen and (max-width:411px) {
    .DDos-wrapper .section .set_img iframe {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 2px;
    }
}

@media screen and (max-width:375px) {
    .DDos-wrapper .section .section_title {
        font-size: 35px;
        padding: 20px 0;
    }
}

@media screen and (max-width:320px) {
    .DDos-wrapper .section .section_content p {
        font-size: 16px;
        padding: 10px 0 20px;
    }

    .DDos-wrapper .section .set_img iframe {
        top: -2px;
        left: 2px;
    }
}