b.nav li img@font-face {
    font-family: 'Rain Brush';
     src: url("https://time4soft.com/css3/rainbrush/549b3b4f435b287fe4dd3f23faeae8b1.eot");
    /* IE9*/
     src: url("https://time4soft.com/css3/rainbrush/549b3b4f435b287fe4dd3f23.content ._content .menuonly screen and (max-width: 23em)faeae8b1.eot?#iefix") format("embedded-opentype"), 
    /* IE6-IE8 */
     url("https://time4soft.com/css3/rainbrush/549b3b4f435b287fe4dd3f23faeae8b1.woff2") format("woff2"), 
    /* chrome、firefox */
     url("https://time4soft.com/css3/rainbrush/549b3b4f435b287fe4dd3f23faeae8b1.woff") format("woff"), 
    /* chrome、firefox */
     url("https://time4soft.com/css3/rainbrush/549b3b4f435b287fe4dd3f23faeae8b1.ttf") format("truetype"), 
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
     url("https://time4soft.com/css3/rainbrush/549b3b4f435b287fe4dd3f23faeae8b1.svg#Rain Brush") format("svg");
    /* iOS 4.1- */
}
 @font-face {
     font-family: 'Segoe UI';
     src: url('https://time4soft.com/css3/segoeui.eot');
     src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url('https://time4soft.com/css3/segoeui.eot?#iefix') format('embedded-opentype'), url('https://time4soft.com/css3/segoeui.woff') format('woff'), url('https://time4soft.com/css3/segoeui.svg#SegoeUI') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Segoe UI Semibold';
     src: url('https://time4soft.com/css3/seguisb.eot');
     src: local("Segoe Semibold"), local("Segoe WP Semibold"), url('https://time4soft.com/css3/seguisb.eot?#iefix') format('embedded-opentype'), url('https://time4soft.com/css3/seguisb.woff') format('woff'), url('https://time4soft.com/css3/seguisb.svg#SegoeUISemibold') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Segoe UI Bold';
     src: url('https://time4soft.com/css3/segoeuib.eot');
     src: local("Segoe Bold"), local("Segoe WP Bold"), url('https://time4soft.com/css3/segoeuib.eot?#iefix') format('eot'), 
    /* Wrong format will tell IE9+ to ignore and use WOFF instead. MSHAR-2822 */
     url('https://time4soft.com/css3/segoeuib.woff') format('woff'), url('https://time4soft.com/css3/segoeuib.svg#SegoeUIBold') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Segoe UI Light';
     src: url('https://time4soft.com/css3/segoeuil.eot');
     src: local("Segoe UI Light"), local("Segoe WP Light"), url('https://time4soft.com/css3/segoeuil.eot?#iefix') format('embedded-opentype'), url('https://time4soft.com/css3/segoeuil.woff') format('woff'), url('https://time4soft.com/css3/segoeuil.svg#SegoeUILight') format('svg');
     font-weight: normal;
     font-style: normal;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
 * {
     scrollbar-width: auto;
     scrollbar-color: #8f54a0 #ffffff;
}
/* Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
     width: 16px;
}
 *::-webkit-scrollbar-track {
     background: #ffffff;
}
 *::-webkit-scrollbar-thumb {
     background-color: #8f54a0;
     border-radius: 10px;
     border: 3px solid #ffffff;
}
 *{
     font-family: 'Segoe UI', sans-serif;
     color: #707070;
     font-size:1.3vw;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 h2{
     padding:5px;
     margin:5px;
     font-size:3vw;
     display:inline-block;
     width:calc(100% - 20px) ;
}
 ._content{
     width:80%;
     animation_: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
}
/* The typing effect */
 @keyframes typing {
     from {
         width: 0 
    }
     to {
         calc(74% - 32px) 
    }
}
/* The typewriter cursor effect */
 @keyframes blink-caret {
     from, to {
         border-color: #cccc;
        /*transparent*/
    }
     50% {
         border-color: orange;
    }
}
 ::-webkit-scrollbar {
     _display: none;
}
/* colors */
 .open_new_box h2{
     color:#000;
     z-index:99 !important;
}
 .open_new_box img{
     filter:grayscale(50%);
}
 .open_new_box img:hover{
     filter:grayscale(00%);
}
/* --- */
 body {
     -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
     scrollbar-width: none;
    /* for Firefox */
     overflow-y: scroll;
     zoom: 100%;

}
 body::-webkit-scrollbar {
     display: none;
    /* for Chrome, Safari, and Opera */
}
 html, body{
     margin:0px;
     padding:0px;
}
 .nav{
     position:absolute;
     display:table-cell;
     list-style-type: none;
     padding:69px 5px 5px 5px;
     margin:5px;
     z-index:1;
     width:26px;
}
 .nav li{
     padding:5px;
     margin:5px;
     height:26px;
     display:inline-table;
     width:26px;
}
 .nav li img{
     width:100%;
     display:inline-table;
}
 .t4smenu{
     position:absolute;
     display_:table-cell;
     padding:8px;
     margin:5px;
}
 .st-btn{
     float:left;
     width:16.6%;
}
 .sharethis-inline-reaction-buttons{
     width:calc(100% - 40px);
     margin:auto auto;
     text-align:center;
     display:inline-table;
     padding:10px;
     margin:10px;
}
 .content{
     _width:calc(100% - 40px);
     margin:auto auto;
     padding:10px;
     margin:10px;
}
 .lang{
     display:inline-table;
     float:right;
     padding:5px;
     margin:5px;
}
 .lang .eng{
}
 .iframe_a00x001, .backlinks, .emoji, .earnonline, .anons_sos, .services, .footer, .t4smenu{
     display:none;
}
 .content .carusel li{
     padding:10px;
     margin:10px;
}
 .content .caruseli{
     padding:10px;
     margin:10px;
}
.hide{
    display:none !important;
}
 .content ._content{
     _width:calc(81% - 32px);
     float:left;
     display:inline-table;
     border:1px solid #CCC;
     height:100%;
     padding:5px;
     margin:5px;
     z-index:9;
     background-color:white;
}

 /*
 
 .content ._logo{
     _width:16%;
     float:right;
     display:inline-block;
     text-align:right;
     position:relative;
     right:20px;
}
 .content ._logo .Time4soft{
     height:100%;
}
 .content ._logo .ra{
     height:100%;
     font-family:"Rain Brush" !important;
}
*/
 .content ._content .open_new_box{
     _width:calc(20% - 22px);
     float:left;
     display:inline-table;
     margin:5px;
     padding:5px;
}
 .content ._content .open_new_box .description{
     display:none;
}
 .content ._content .open_new_box h2{
     display:flex;
     position:absolute;
     font-size:2vw;
     width:auto !important;
}
 .content ._content .open_new_box .i_kon{
     display:inline-table;
}
 .content ._content .open_new_box .i_kon img{
     border-radius:50%;
     border:1px solid #ccc;
     width:calc(100% - 20px) !important;
     padding:5px;
     margin:5px;
}
 .content ._content ._footer{
     padding:10px;
     margin:10px;
     display:inline-table;
     width:calc(100% - 40px);
}
 .content .caption{
     width:calc(100%);
     height:1.8vw;
     background-color: #e3c57e; /* #e6e6e6 ; */
     padding:5px;
     margin-top:0px;
     margin-bottom:5px;
     border-radius_:1vw;
}
 .content .caption .caption-cirle{
     list-style-type: none;
     padding:0px;
     margin:0px;
     display:inline-table;
     width:20%;
     float:left;
}
 .content .caption .caption-cirle li{
     border-radius:50%;
     background-color:#db9900;
     float:left;
     display:inline-table;
     margin-left:4px;
     margin-right:4px;
     margin-top:2px;
     _width:0.8vw;
     _height:0.8vw;
}
 .content .caption .caption-maxmin{
     list-style-type: none;
     padding:0px;
     margin:0px;
     display_:none;
    /*inline-table;
    */
     margin-right:20px;
     float:right;
}
 .content .caption .caption-maxmin li{
     float:left;
     display:inline-table;
     margin-left:4px;
     margin-right:4px;
     width:1.8vw;
     height:1.8vw;
}

 .content .caption .caption-maxmin img{
     width:100%;
}


 .content .caption .caption-reg{
     list-style-type: none;
     padding:0px;
     margin:0px;
     display_:none;
    /*inline-table;
    */
     float:right;
}
 .content .caption .caption-reg li{
     float:left;
     _display:inline-table;
     margin-left:4px;
     margin-right:4px;
     padding-left:10px;
     padding-right:10px;
     font-size:1vw;
     color:black;
}

 .content .caption .caption-reg li a{
     font-size:1vw;
     color:black;
     text-decoration:none;
 }

.content .caption .caption-reg li a:hover{
     color:brown;
 }


 .content .news{
     border:1px solid #CCC;
     width:calc(100% - 20px);
     padding:5px;
     margin:5px;
}
 .content .news-title{
     font-weight:bold;
     border:1px solid #CCC;
     width:calc(100% - 20px);
     padding:5px;
     margin:5px;
}
 .sln{
     width:calc(100% - 20px) !important;
     display:inline-table !important;
     text-align:center;
     border:1px solid #CCC;
     padding:5px;
     margin:5px;
}
 .sln img{
     width:calc(15% - 20px);
     margin:auto auto;
     display:inline-table;
     padding:5px;
     margin:5px;
}
 .flipimage{
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
}
 .noflipimage{
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .boat{
     width:100%;
}
 .content ._content .menu{
     text-align:center !important;
     display:inline-table !important;
     width:calc(100% - 20px) !important;
}
 .sample {
     border:1px solid #CCC;
     width:calc(100% - 20px);
     padding:5px;
     margin:5px;
}
 .sample .caption{
     font-size:1vw;
}

.animation{
    width:100%;
    text-align:center;
}
.animation img{
    width:30%;
}


@media only screen and (device-width: 43.75em) {	 // 700px	
	
    .nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-35px !important;
        list-style-type: none !important;
        /*border:1px solid red !important; */
        
    }
    /*
    .nav li{
        _display:inline-table !important;
        _width:28px !important;
        _height:28px !important;
        _padding:2px !important;
        _margin:2px !important;
        _float: none !important;
        _width:28px;
        /* border:1px solid red !important; */
    }
    */
    
    .nav li img{
        width:28px !important;
        display:inline-table !important;
    }
    
    .content ._logo{
    }
    
    .content ._logo .Time4Soft{
    }

    .content ._logo .ra{
    }
    
    .content ._content{
    }
    
    .content ._logo {
        /* border:1px solid red !important; */
    }    
    
}


/* mobile */

/* Nexus 600px */

@media only screen and (device-width: 37.5em) {		// 600px
	
    .nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-35px !important;
        list-style-type: none !important;
        /*border:1px solid red !important; */
        
    }
    /*
    .nav li{
        display:inline-table !important;
        width:18px !important;
        height:18px !important;
        padding:2px !important;
        margin:2px !important;
        float: none !important;
        width:18px;
        /* border:1px solid red !important; */
    }
    */
    
    .nav li img{
        width:18px !important;
        display:inline-table !important;
    }
    
    .content ._logo{
    }
    
    .content ._logo .Time4Soft{
    }

    .content ._logo .ra{
    }
    
    .content ._content{
    }
    
    .content ._logo {
        /* border:1px solid red !important; */
    }    
    
}

/* iPad mini 768px */
_@media only screen and (min-width: 48em) and (max-width: 64em){  // 768px 1024px
    .nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-55px !important;
        list-style-type: none !important;
        /*border:1px solid red !important; */
        
    }
    /*
    .nav li{
        display:inline-table !important;
        width:18px !important;
        height:18px !important;
        padding:2px !important;
        margin:2px !important;
        float: none !important;
        width:18px;
        /* border:1px solid red !important; */
    }
    */
    .nav li img{
        width:18px !important;
        display:inline-table !important;
    }
    
    /*
    .content ._logo{
	    _width: 100% !important;
        _float: _right !important;
        _padding:0px !important;
        _margin:0px !important;
    }
    
    .content ._logo .Time4Soft{
        _margin-left:calc(100% - 50px) !important;
    }

    .content ._logo .ra{
        _margin-left:calc(100% - 50px) !important;
    }
    */
    
    .content ._content{
        _max-width:calc(63%) !important;
        _overflow:auto;
        _margin:0px !important;
        _padding:0px !important;
    }
    
    /*
    .content ._logo {
       _max-width: 26% !important;
        /* border:1px solid red !important; */
    }    
    */
    
}


/* iPhone 320px */
@media only screen and (max-width:20em){ // 320px
    .nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-5px !important;
        list-style-type: none !important;
        /* border:1px solid red !important; */
        
    }
    /*
    .nav li{
        display:inline-table !important;
        width:5px !important;
        height:5px !important;
        padding:2px !important;
        margin:2px !important;
        float: none !important;
        width:14px;
        /* border:1px solid red !important; */
    }
    */
    
    .nav li img{
        width:10px !important;
        display:inline-table !important;
    }
    
    /*
    .content ._logo{
	    _width: 100% !important;
        float: _right !important;
        padding:0px !important;
        margin:0px !important;
    }

    .content ._logo .Time4Soft{
        margin-left:calc(100% - 50px) !important;
    }

    .content ._logo .ra{
        margin-left:calc(100% - 50px) !important;
    }
    */
    
    .content ._content{
        _max-width:calc(63%) !important;
        overflow:auto;
        margin:0px !important;
        padding:0px !important;
    }
    
    /*
    .content ._logo {
       max-width: 26% !important;
       right:0px !important;
    }    
    */
    
    ._bl{
        padding:5px !important;
        margin:5px; !important;
        
    }
    
    ._services_{
        padding:5px !important;
        margin:5px !important;
    }
    
    ._services_ abbr{
        width: 10px !important;
        height: 10px !important;
        border:1px solid red;
    }
    
    
}

/* sumsung 360px */
@media only screen and (max-width:23em) {
    
    body{
        overscroll-behavior: contain !important;
    }
    
    *{
        
    }

    div h2{
        font-size:5vw !important;
        color:gold;
    }
    
    div ._bl a, div ._bl abbr{
        font-size:5vw !important;
    }

    /*    
    div:not(.PlaceForRegform, .PlaceForRegform *, .msg2user, .msg2user *, .rules_in_registration, .rules_in_registration *, .welcome_in_registration, .welcome_in_registration *, .resolutuion-avail, .resolutuion, .getScreenWidth, ._footer){
        clear:both;
        font-size:5vw !important;
        line-height:5vw !important;
    }
    */
    
    ._footer{
        font-size:4vw !important;
        color:gold;
    }
    ._footer abbr{
        font-size:4vw !important;
        color:gold;
    }
    
    .resolutuion-avail, .resolutuion, .getScreenWidth{
        
    }
    
    .lang{
        padding:0px !important;
        margin:0px !important;
        font-size:5vw !important;
    }
    .lang a{
        font-size:2vw !important;
    }
    

	.nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-5px !important;
        list-style-type: none !important;
        /*border:1px solid red !important; */
        
    }
    /*
    .nav li{
        display:inline-table !important;
        width:5px !important;
        height:5px !important;
        padding:2px !important;
        margin:2px !important;
        float: none !important;
        width:14px;
        /* border:1px solid red !important; */
    }
    */
    
    .nav li img{
        width:10px !important;
        display:inline-table !important;
    }
    
    /*
    .content ._logo{
	    _width: 100% !important;
        float: _right !important;
        padding:0px !important;
        margin:0px !important;
    }
    
    .content ._logo .Time4Soft{
        margin-left:calc(100% - 50px) !important;
    }

    .content ._logo .ra{
        margin-left:calc(100% - 50px) !important;
    }
    */
    
    .content ._content{
        _max-width:calc(63%) !important;
        overflow:auto;
        margin:0px !important;
        padding:0px !important;
    }
    
    /*
    .content ._logo {
       max-width: 26% !important;
    }    
    */    
    
    ._bl{
        padding:5px !important;
        margin:5px; !important;
        
    }
    

    ._services_ abbr{
        _border-radius: 50% !important;
        width: 5px  !important;
        height: 5px  !important;
        _display: inline-flex  !important;
        font-size: 1vw  !important;
        _padding: 5px;
        _vertical-align: middle;
        margin: 0 5px 0 0 !important;
    }
    
    ._services_ rain{
        margin-left: 0px !important;
        font-size: 5px !important;
    }
    
    video{
        max-width:50% !important;
    }
    
    iframe{
        width:100%;
    }
    
    .wellcome abbr{
        padding:10px !important;
    }
    
    .wellcome h2{
        padding:0px !important;
        margin-top:0px  !important;
        margin-bottom:0px  !important;
        margin-left:10px  !important;
        margin-right:0px  !important;
    }
    
    .content .caption{
        display:inline-table !important;
    }
    .content .caption .caption-cirle li{
        _width:2vw !important;
        _height:2vw !important;
    }
    
    .content .caption .caption-cirle{
        width:30% !important;
    }
    
    .lang{
        float:none !important;
        margin-left:calc(50% - 20px) !important;
        padding:0px !important;
    }
    
    .content ._content .open_new_box{
        width:37% !important;
    }
    
    .sln img{
        width:calc(100% - 20px) !important;
    }
    
    .animation{
        width:100%;
        text-align:center;
    }
    .animation img{
        width:100% !important;
    }
    
}


/* iphone 375px */

@media only screen and (max-width:23.4375em) { // 375px

    .nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-5px !important;
        list-style-type: none !important;
        /* border:1px solid red !important; */
        
    }
    /*
    .nav li{
        display:inline-table !important;
        width:5px !important;
        height:5px !important;
        padding:2px !important;
        margin:2px !important;
        float: none !important;
        width:14px;
        /* border:1px solid red !important; */
    }
    */
    
    .nav li img{
        width:10px !important;
        display:inline-table !important;
    }
    
    /*
    .content ._logo{
	    _width: 100% !important;
        float: _right !important;
        padding:0px !important;
        margin:0px !important;
    }
    
    .content ._logo .Time4Soft{
        margin-left:calc(100% - 50px) !important;
    }

    .content ._logo .ra{
        margin-left:calc(100% - 50px) !important;
    }
    */
    
    .content ._content{
        _max-width:calc(63%) !important;
        overflow:auto;
        margin:0px !important;
        padding:0px !important;
    }
    
    /*
    .content ._logo {
       max-width: 26% !important;
    }    
    */
    
    ._bl{
        padding:5px !important;
        margin:5px; !important;
        
    }
    
    ._services_{
        padding:5px !important;
        margin:5px !important;
    }
    
    ._services_ abbr{
        _border-radius: 50% !important;
        width: 5px  !important;
        height: 5px  !important;
        _display: inline-flex  !important;
        font-size: 1vw  !important;
        _padding: 5px;
        _vertical-align: middle;
        margin: 0 5px 0 0 !important;
    }
    
    ._services_ rain{
        margin-left: 0px !important;
        font-size: 5px !important;
    }
    
    video{
        max-width:50% !important;
    }
    
    iframe{
        width:100%;
    }
    
    .wellcome abbr{
        padding:10px !important;
    }
    
    .wellcome h2{
        padding:0px !important;
        margin-top:0px  !important;
        margin-bottom:0px  !important;
        margin-left:10px  !important;
        margin-right:0px  !important;
    }
    
    .content .caption .caption-cirle li{
    }
    
    .lang{
        float:none !important;
        margin-left:calc(50% - 20px) !important;
        padding:0px !important;
    }
    
    .content ._content .open_new_box{
        width:37% !important;
    }
    
    .sln img{
        width:calc(100% - 20px) !important;
    }    

}

/* Xiami 393px */

@media only screen and (max-width:24.5625em) {  // 393px
	
    .nav{
        display:inline-block !important;
        padding:0px !important;
        margin-left:-5px !important;
        list-style-type: none !important;
        /* border:1px solid red !important; */
        
    }
    
    /*
    .nav li{
        display:inline-table !important;
        width:5px !important;
        height:5px !important;
        padding:2px !important;
        margin:2px !important;
        float: none !important;
        width:14px;
        /* border:1px solid red !important; */
    }
    */
    
    .nav li img{
        width:10px !important;
        display:inline-table !important;
    }
    /*
    .content ._logo{
	    _width: 100% !important;
        float: _right !important;
        padding:0px !important;
        margin:0px !important;
    }
    .content ._logo .Time4Soft{
        margin-left:calc(100% - 50px) !important;
    }

    .content ._logo .ra{
        margin-left:calc(100% - 50px) !important;
    }
    */
    
    .content ._content{
        _max-width:calc(63%) !important;
        overflow:auto;
        margin:0px !important;
        padding:0px !important;
    }
    
    /*
    .content ._logo {
       max-width: 26% !important;
    }    
    */    
    
    ._bl{
        padding:5px !important;
        margin:5px; !important;
        
    }
    
    ._services_{
        padding:5px !important;
        margin:5px !important;
    }
    
    ._services_ abbr{
        _border-radius: 50% !important;
        width: 5px  !important;
        height: 5px  !important;
        _display: inline-flex  !important;
        font-size: 1vw  !important;
        _padding: 5px;
        _vertical-align: middle;
        margin: 0 5px 0 0 !important;
    }
    
    ._services_ rain{
        margin-left: 0px !important;
        font-size: 5px !important;
    }
    
    video{
        max-width:50% !important;
    }
    
    iframe{
        width:100%;
    }
    
    .wellcome abbr{
        padding:10px !important;
    }
    
    .wellcome h2{
        padding:0px !important;
        margin-top:0px  !important;
        margin-bottom:0px  !important;
        margin-left:10px  !important;
        margin-right:0px  !important;
    }
    
    .content .caption .caption-cirle li{
    }
    
    .lang{
        float:none !important;
        margin-left:calc(50% - 20px) !important;
        padding:0px !important;
    }
    
    .content ._content .open_new_box{
        width:37% !important;
    }
    
    .sln img{
        width:calc(100% - 20px) !important;
    }    
}