﻿
.top-img-to {
    background-image: url('../img/tool/tool_title.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.top-img-sign {
    background-image: url('../img/Signing/sign_bg_01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.top-img-simu {
    background-image: url('../img/Simulator/titile_img.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.top-img-pr {
    background-image: url('../img/Process/pr_banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.top-img-mana {
    background-image: url('../img/management/page-banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.arch-img{
    width:60%;

}
.arch-text{
    width:55%;
    left:23%;
    position:absolute;
    z-index:900;
}
.arch-bg{
    position:absolute;
    z-index:888;
    width:100%;
    height:150px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.79) 50%, rgba(255,255,255,0.79) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.79) 50%,rgba(255,255,255,0.79) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.79) 50%,rgba(255,255,255,0.79) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
.al_bg_ti{
    vertical-align: middle; 
    text-align: left;
}
.p-t-w35{
    width:35%;
}
.section-gray2{
    background-color:#ECEEED;
}
.section-gray3{
    background-color:#454947;
    color:#fff;
}
.section-gray4{
    background-color:#ececec;
}
.section-green{
    background-color:#b8e2bc;
}
.ma-nt-70{
    margin:0 70px 70px 70px;
}
.pos-abso{
    position:absolute;
}
.bottom_text_tit{
    margin-left:auto;
    margin-right:auto;
    margin-top:10%;
    width:55%;}
.sign_text_tit{
    margin-left:auto;
    margin-right:auto;
    /*margin-top:5%;
    margin-bottom:5%;*/
    width:100%;}
.page-tbl h3{
    font-weight:bold; 
    margin-bottom:40px;
}
.bottom_text_tit > h3{
    font-weight:bold;
}
.bottom_text_tit > h4{
    margin-top:50px;
}
.bottom_text_cont{
    background-color:#fff;
    opacity:0.8;
    width:70%;
    text-align:left;
    padding:30px 0;
    margin-top:60px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:60px;
}
.bot_left{
    min-height:150px;
    padding:50px;
}
.bot_right{
    padding:50px;
    border-left:1px solid;
}
.ma_bottom_bg {
    background-image: url('../img/management/bg_02.png');
    background-position:center;
    background-size:cover;
}
.ma_bg_01 {
    background-image: url('../img/management/u91.jpg');
    background-repeat:no-repeat;
    background-position:right;
    min-height:450px;
}
.ma_bg_02 {
    background-image: url('../img/management/manage-24.png');
    background-repeat:no-repeat;
    background-position:left;
    min-height:450px;
}
.ma_text_3{
    vertical-align: middle; 
    text-align: left; 
    padding-top:60px;
}
.tool_bg_01 {
    background-image: url('../img/tool/tool_bg_01.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 450px;
}
.tool_bg_02{
    background-color:#ebedeb;
    background-image: url('../img/tool/tool_bg_02.png');
    background-repeat: no-repeat;
    min-height:500px;
    background-size:cover;
}
.tool_bg_03 {
    background-color:#f6f6f6;
    background-image: url('../img/tool/tool_bg_03.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 650px;
}
.sibg_01 > img{width:100%;}
.sign_line{
    width:25%; 
    float:left;
}
.sign_line_ct{
    margin-top:10%;
}
.sign_right{
    width:10%; 
    float:left;
    margin-top:25%;
}

.si-bt-li{
    padding-top:70px;
    padding-bottom:70px;
}
.si_bg_01 {
    background-image: url('../img/Simulator/si_bg_01.png');
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: cover;
}
.si_bg_03 {
    background-color: #ececec;
    background-image: url('../img/Simulator/si_bg_03.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 450px;
}
.pr_bg_00{
    background-color:#f2f2f2;
}
.pr_bg_01{
    padding:0 70px 0 70px;
}
.pr_bg_02 {
    background-color:#f0ca35;
    background-image: url('../img/Process/pr_bg_02.png');
    background-repeat: no-repeat;
    background-position: left;
    min-height: 450px;
}
.pr_bg_03 {
    background-image: url('../img/Process/pr_bg_03.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 450px;
}
.pr_bg_04{
    background-color:black;
    padding-bottom:50px;
}
.pr_bg_04_02{
    margin-bottom:50px;
}
.pr_bg_05 {
    background-color:#fafafa;
    background-image: url('../img/Process/pr_bg_05.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 450px;
}
.pr_bg_06 {
    background-image: url('../img/Process/pr_bg_06.png');
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: cover;
    color:white;
}
.pr_bg_08{
    background-color:#e8e8e8;
}
.pr_pos-abso{position:absolute;width:130px;}
.pr_00_text{
    width:92%;
    margin:0 auto;
}
.pr_bg_ci{
    position:relative;
    min-height:875px;
    margin-bottom:50px;
}
    .pr_ci_01{left:20%; top:5%;}
    .pr_ci_02{left:45%; top:23%;}
    .pr_ci_03{left:75%; top:19%;}
    .pr_ci_04{left:2%; top:29%;}
    .pr_ci_05{left:20%; top:44%;}
    .pr_ci_06{left:65%; top:45%;}
    .pr_ci_07{left:90%; top:39%;}
    .pr_ci_08{left:0%; top:59%;}
    .pr_ci_09{left:52%; top:59%;}
    .pr_ci_10{left:13%; top:75%;}
    .pr_ci_11{left:40%; top:73%;}
    .pr_ci_12{left:69%; top:72%;}
    .pr_ci_13{left:87%; top:79%;}
@media(min-width:1024px){
    .container3{width:1024px;}
}
@media(max-width:1024px){
    .pr_ci_07{left:88%;}
    .pr_ci_13{left:85%;}
}
@media (max-width:768px){
    .page-tbl h3{margin-top:0px;}
    .al_bg_ti{text-align:center;}
    .arch-img{
        width:100%;
    }
    .bottom_text_tit{
        margin-top:0px;
        padding-top:10px;
        width:auto;
    }
    .bottom_text_tit > h4{margin-top:5px;}
    .bottom_text_cont{
        width:100%;
        margin-top:10px;
        margin-bottom:0px;
    }
    .bot_left{padding:5%;}
    .bot_right{padding:5%;}
    .sign_text_tit{width:auto;}
    .tool_bg_02{min-height:300px;}
    .mobile h3{
        margin-top:0px;
        margin-bottom:30px;
    }
    .pr_bg_01{
        padding:0;
    }
    .pr_pos-abso{
        position:initial;
        float:left;
        width:25%;
        padding:10px;
    }
    .pr_bg_ci{
        min-height:initial;
        text-align:center;
        overflow:auto;
        margin-top:50px;
    }
    .pr_ci_13{
        clear:both;
    }
    .pd-top-30{padding-top:30px;}
    .ba-w{background-color:rgba(255,255,255,0.8);
          color:black; 
          padding:20px;
          box-shadow:0px 5px 31px -4px #fdfdfd;
    }
}

@media(max-width:640px){
    .page-outer{
        padding-top:40px;
    }
    .bottom_text_tit{
        width:80%;
    }
    .bottom_text_tit > h3{
        margin-top:0px;
    }
    .bottom_text_tit > h4{
        font-size:12px;
    }
    .bottom_text_cont{
        margin-top:0px;
        padding:0px;
    }
    .bot_left{
        padding:15px;
        font-size:12px; 
        min-height:0px;
    }
    .bot_right{
        padding:15px;
        font-size:12px;
    }

    .parallaxer > img:first-child{
        left:0%;
    }
    .sign_line{
       width:100%; 
       float:none;
       margin-top:20px;
    }
    .sign_right{
       display:none;
    }
    .tool_bg_01{
        background-position:center;
    }
    .tool_bg_02{
        min-height:170px;
        background-position:center;
    }
    .si_bg_01{
        background-position:center;
    }
    .si_bg_03{
        background-position:center;
    }
    .pr_pos-abso{
        width:33%;
    }
    .ma_bg_02{
        background-position:center;
    }
    .pr_bg_06{min-height:initial;}
    .pr_bg_03{background-position:bottom;}
    .pr_bg_02{padding-top:0px;padding-bottom:0px;
    }
    .page-outer h4{font-size:18px;}
    .page-outer h4.porc_h4{font-size:17px;}
    .pr_00_text h3{font-size:26px;}
}
@media(max-width:400px){
    .page-outer h3.ma_tit_h3{font-size:28px;}
    .ma_h4{font-size:16px;}
    .pr_00_text h3{font-size:24px;}
}
@media(max-width: 350px){
    .page-outer h4{
        font-size:17px;
    }
     .page-outer h3.ma_tit_h3{font-size:25px;}
     .ma_h4{font-size:14px;}
     .page-outer h4.porc_h4{font-size:18px;}
}
@media(min-width:640px){
    .sign_down{
        display:none;

    }
}

