.pointer{
    cursor: pointer !important;
}
#nav_bar > ul > li{
    cursor: pointer;
}
.news-child {
    /*float: left;*/
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bg3_section{
    text-align: center;
    margin-bottom: 5%;
}
.newsstyle{
    width:100%;
}
#show_news{
    list-style-type:none;
}
.label-warning{
    margin-left:10px;
    margin-right:10px;
    font-size:0.8em; 
    padding-top:5px;
}
.label-danger{
    margin-left:100px;
    margin-right:10px;
    font-size:0.8em; 
    padding-top:5px;
}
#bg2{
    padding-top:0px;
}
.mac_area{
    position:relative;
    width:57%;
    float: right;
}
#receipt{
    width:60%;
    margin:0 0 0 17%;
    position: relative;
}
#mac{
    width: 90%;
    margin:-18% 0 0 0;
    position: relative;
}
#cloud{
    width:100%;
    margin:0px;
}
.cloud_area{
    width:43%;
    position: relative;
    float:right;
}
.cloud_word{
    width:42%;
    height:auto;
    margin-left: 25%;
    margin-top: -52%;
    position: relative;
    z-index: 8;
}
.TitleText{
    font-size: 2.3em;
    margin:0px;
    position: relative;
}
.section2_text{
    margin:0px;
    position: relative;
}
.section2_text > ul{
    list-style-type:square;
}
#icon_title{
    margin-top: 2%;
}
#icon_title2{
    margin-top: 2%;
    margin-bottom:2%;
}
#icon_title3{
    margin-top: 2%;
    margin-bottom: 2%;
}
#footer{
    margin-top: 0px !important;
}



@media screen and (max-width:1854px){
    .TitleText{
        font-size: 2em;                 
    }
    .section2_text{
        font-size: 1.5em;      
    }
}
@media screen and (max-width:1645px){
    .TitleText{
        font-size: 1.8em;                 
    }
    .section2_text{
        font-size: 1.3em;      
    }
}
@media screen and (max-width:1645px) and (min-width:1080px){
    .dialog_box{
        width:335px;
    }
}
@media screen and (max-width:1531px){
    .dialog_box > li {
        font-size: 16px;
    }
    .dialog_box > span > li{
        font-size: 16px;
    }
}

@media screen and (max-width:1505px){
    .TitleText {
        font-size: 1.6em;
    }
    .section2_text {
        font-size: 1.2em;
    }
}
@media screen and (max-width:1418px){
    .cloud_word{
        width: 80%;
    }
    #bg2{
        padding:2%;
    }
}
@media screen and (max-width:1284px){
    .menu_list > li {
        margin-right: 15px;
    }
}
@media screen and (max-width:1200px){
    .menu_list{
        display: inline-block;
    }
}

@media screen and (max-width:1140px){
    .TitleText {
        font-size: 1.3em;
    }
    .section2_text {
        font-size: 1em;
    }
}
@media screen and (max-width:1080px) and (min-width:992px){
    .dialog_box{
        width:100%;
    }
}
@media screen and (max-width:991px) and (min-width:421px){
    .dialog_box{
        width:367px;
        height:100%;
    }
}

@media (max-width:960px){
    #menu_btn{
        margin: 3% 3% 0 0;
        position: relative;
        float: right;
    }
    .cloud_word{
        margin: -54% 0 0 20%;
    }
    #mac{
        margin-top: -20%;
    }
    #receipt{
        display: block;
    }
}
@media screen and (max-width:921px){
    .TitleText {
        font-size: 1em;
    }
    .section2_text{
        font-size: 0.8em;
    }
}
@media screen and (max-width:1023px){
    .menu_list{
        display: none;
    }
    #menu_btn{
        display:inline-block;
    }
}
@media screen and (max-width:775px){
    .cloud_word {
        margin: -54% 0 0 20%;
    }
}
@media screen and (max-width:768px) and (min-width:737px){
    #receipt{
        margin-top: 5%;
    }
    .hidden-sm{
        display: inline !important;
    }
    #logo_sm{
        display:none !important;
    }
}

@media screen and (max-width:736px){
    #new_bg1{
        height:1070px;
    }
    #bg3_word{
        padding-top: 25px;
    }
}

@media screen and (max-width:736px) and (min-width:415px){
    section{
        padding:13px !important;
    }
    #fit{
        margin-top: 51%;
        margin-left: -75.5%;
    }
}
@media screen and (max-width:667px) and (min-width:415px){
    #fit{
        margin-top: 51%;
        margin-left: -78.5%;
    }
}
@media  screen  and  (max-width:660px){
    .mac_area{
        width:100%;
        margin-left: 5%;
        margin-top: 28%;
    }
    .cloud_area{
        width:90%;
        margin-right: 5%;
    }
    .TitleText {
        font-size: 2em;
    }
    .section2_text {
        font-size: 1.5em;
    }
}
@media  screen  and  (max-width:600px){
    .TitleText {
        font-size: 1.5em;
    }
    .section2_text {
        font-size: 1.2em;
    }
}


@media screen and (max-width:568px) and (min-width:415px){
    #fit{
        margin-top: 51%;
        margin-left: -84.5%;
    }
    #new_bg1{
        height:850px;
    }
    #icon_title{
        font-size: 1.3em;
    }
    #icon_title2{
        font-size: 1.3em;
    }
    #icon_title3{
        font-size: 1.3em;
    }
    .dialog_box{
        padding: 10px;
    }
}

@media screen and (max-width:420px){
    .dialog_box{
        width:330px;
        height:auto;
    }
}

@media screen and (max-width:414px){
    #new_bg1{
        margin-top: 45px !important;
        height:640px !important;
    }
    section {
        padding: 23px !important;
    }
    .line{
        display:none;
    }
}

@media  screen  and  (max-width:465px){
    .TitleText {
        font-size: 1.2em;
    }
    .section2_text {
        font-size: 1em;
    }
}

@media screen and (max-width:375px){
    #cloud{
        width:327px !important;
    }
    .TitleText{
        margin-top: -51% !important;
    }
    #mac{
        width: 100%;
    }
    #receipt {
        width: 68%;
        margin-left: 17%;
    }
    .dialog_box{
        font-size: 0.9em;
        width: 95%;
    }
}

@media screen and (max-width:368px){
    .TitleText{
        margin-top: -74% !important;
    }
}

@media screen and (max-width:368px){
    .TitleText{
        margin-top: -80% !important;
    }
}

@media screen and (max-width:320px){
    #logo{
        width:75%;
    }
    #cloud {
        width: 237px !important;
    }
    #fit{
        margin-top:-24%;
        margin-left: 3.5%;
        font-size: 0.2em;
    }
    #new_bg1 {
        height: 490px !important;
    }
    #cloud{
        width: 280px !important;
    }
    .TitleText{
        font-size: 1em;
        margin-top: -69% !important;
    }
    .section2_text{
        font-size: 0.6em;
    }
    #mac{
        margin-left: -4% !important;
    }
    #receipt{
        margin-left: 12.5%;
    }
    #bg2 {
        height: 620px;
    }
    #bg3_word{
        font-size: 20px;
    }
    .dialog_box{
        width: 85%;   
    }
    #icon_title{
        font-size: 17px;
    }
    #icon_title2{
        font-size: 17px;
    }
    #icon_title3{
        font-size: 17px;
    }
    #footer{
        font-size: 10px;
    }
    .footer_sm_look{
        display: block !important;
    }
    .service_list{
        margin-top: 15px;
    }
}