@-webkit-keyframes rung_lac{
   0% {
        -webkit-transform: rotate(0deg);
    }
	25% {
        -webkit-transform: rotate(20deg);
    }
	50% {
        -webkit-transform: rotate(0deg);
    }
    75% {
        -webkit-transform: rotate(-20deg);
    }
}

@-moz-keyframes rung_lac{
    0% {
        -moz-transform: rotate(0deg);
    }
	25% {
        -moz-transform: rotate(20deg);
    }
	50% {
        -moz-transform: rotate(0deg);
    }
    75% {
        -moz-transform: rotate(-20deg);
    }
}

@-o-keyframes rung_lac {
    0% {
        -o-transform: rotate(0deg);
    }
	25% {
        -o-transform: rotate(20deg);
    }
	50% {
        -o-transform: rotate(0deg);
    }
    75% {
        -o-transform: rotate(-20deg);
    }
}

@-ms-keyframes rung_lac {
    0% {
        -ms-transform: rotate(0deg);
    }
	25% {
        -ms-transform: rotate(20deg);
    }
	50% {
        -ms-transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-20deg);
    }
}
@keyframes rung_lac {
    0% {
        transform: rotate(0deg);
    }
	25% {
        transform: rotate(20deg);
    }
	50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-20deg);
    }
}

body{-webkit-text-size-adjust:none;color:#333;font-size:16px;margin:0px;font-family:arial;background-color:#eee;}
body{
	overflow:hidden;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	touch-action: manipulation; /* tắt click 2 lần zoom */
	touch-action: pan-x pan-y; /* tắt zoom */
}
*{
	touch-action: manipulation; /* tắt click 2 lần zoom */
	touch-action: pan-x pan-y; /* tắt zoom */
}
a{text-decoration:none;color:#2f323b;}
ul{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px;}
p{-webkit-margin-before:0em;-webkit-margin-after:0em;}
table{border-collapse:collapse;font-size:100%;}
h1,h2,h3,h4,h5{font-weight:normal;margin:0px;padding:0px;}

/* main */
#Menu,
#Menu a,
#Menu img{
    display:block;
}
#Menu{
    text-align: center;
}
#Menu li{
    width:320px;
    height:230px;
    display:inline-block;
    margin:20px;
    padding:10px;
    border-radius:20px;
    box-sizing: border-box;
}
#Menu img{
    width:100%;
    height:100%;
    object-fit: cover
}
#Menu li:nth-child(1){
    background:#ffff12;
}
#Menu li:nth-child(2){
    background:#11f9f9;
}
#Force_404_Warning{
    height:100%;
    width:100%;
    position:relative;
}
#Force_404_Warning img{
    width:50%;
    height:50%;
    float:left;
    object-fit: cover;
    
}
#Force_404_Warning h1{
    position:absolute;
    transform: translate(-50%, -50%);
    left:50%;
    top:50%;
    color:white;
    text-transform: uppercase;
    font-size:38px;
	text-align:center;
}

/* doc-so */
body.doc-so,
body.numbers{
	background-image:url(../background/baby-shark.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.Block_DocSo{
	visibility:hidden;
}
/*
#Block{
    display:block;
    position:relative;
    width:100%;
    height:100%;
}
.Block_DocSo .con-so{
    width:50%;
    float:left;
    height:20%;
}
*/
.Block_DocSo {
    min-height: 100%;
}
.Block_DocSo.Column2 .con-so{
    width:50%;
    height:16.5%;
	float:left;
}
.Block_DocSo.Column3 .con-so{
    width:33%;
    height:25%;
	float:left;
}

.con-so span{
	display:inline-block;
    text-align: center;
	font-weight:bold;
}
.con-so {
    text-align: center;
}
.con-so span strong{
	display:inline-block;
	
}
/*
.con-so span strong.rung_lac{
	-webkit-animation: rung_lac 0.3s infinite ease-in-out;
    -moz-animation:    rung_lac 0.3s infinite ease-in-out;
    -o-animation:      rung_lac 0.3s infinite ease-in-out;
    -ms-transition:    rung_lac 0.3s infinite ease-in-out;
	animation: rung_lac 0.3s infinite ease-in-out;
}
*/
.scale{
	transform: scale(1.3);
}
body.doc-so #BG_INSIDE,
body.numbers #BG_INSIDE{
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    background:white;
    top:0;
    left:0;
    opacity:0.9;
}