.c_subject {
    display: block;
    font-weight: 700;
    font-size: 22px;
    margin-bottom:16px;
    padding-bottom:16px;
    border-bottom:1px solid #D6D6D6;
}
.c_subject_v {
    display: block;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:100%;
    font-weight: 700;
    font-size: 22px;
}
.c_subject_v .c_count_v {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90px;
    height: 88px;
    padding: 4px 28px;
    z-index: 100;
    color:#FFF;
    border-radius: 72px;
    background: rgba(51, 51, 51, 0.30);
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    line-height: 80px;
}
.c_subject_v .c_arrow{
    display:block;
    position:absolute;
    top:80px;
    left:0;
    width:100%;
    height:calc(100% - 80px);
    z-index:50;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
.c_subject_v .c_arrow:before {
    content: '';
    width: 315px;
    height: 315px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -175.5px;
    margin-left: -175.5px;
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipse1.svg) left center no-repeat;
    opacity:.0;
    transition: all .4s ease-in-out;
}
.c_subject_v .c_arrow.up:before {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipse1.svg) left center no-repeat;
    transform: rotate(98deg);
    opacity:.7;
}
.c_subject_v .c_arrow.down:before {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipse1.svg) left center no-repeat;
    transform: rotate(-83deg);
    opacity:.7;
}
.c_subject_v .c_arrow.left:before {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipse1.svg) left center no-repeat;
    transform: rotate(-83deg);
    opacity:.7;
}
.c_subject_v .c_arrow.left:before {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipse1.svg) left center no-repeat;
    transform: rotate(0deg);
    opacity:.7;
}
.c_subject_v .c_arrow.right:before {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipse1.svg) left center no-repeat;
    transform: rotate(186deg);
    opacity:.7;
}
.c_subject_v .c_arrow.straight:before {
    margin-top: -173.5px;
    margin-left: -157.5px;
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/Ellipsef.svg) left center no-repeat;
    background-size: contain;
    opacity: .7;
}
.c_subject_v .c_arrow:after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background:none;
    position: absolute;
    top: 0;
    left: 0;
    /*transition: all .4s ease-in-out;*/
}
.c_subject_v .c_arrow.left:after {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat, url(https://xacthuctenmien.vn/Contenthttps://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat;
    background-position: 35px calc(50% - 40px), 150px calc(50% + 20px);
    background-size: 75px, 40px;
}
.c_subject_v .c_arrow.right:after {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat, url(https://xacthuctenmien.vn/Contenthttps://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat;
    background-position: 35px calc(50% - 40px), 150px calc(50% + 20px);
    background-size: 75px, 40px;
    transform: rotate(180deg);
}
.c_subject_v .c_arrow.up:after {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat, url(https://xacthuctenmien.vn/Contenthttps://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat;
    background-position: 192px calc(50% - 158px), 262px calc(50% + 147px);
    background-size: 75px, 70px;
    transform: rotate(90deg);
}
.c_subject_v .c_arrow.down:after {
    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat, url(https://xacthuctenmien.vn/Contenthttps://xacthuctenmien.vn/Content/images/LandingPageFreeVN/SVG_animate_arrow_raw.svg) center no-repeat;
    background-position: 192px calc(50% - 158px), 262px calc(50% + 147px);
    background-size: 75px, 70px;
    transform: rotate(270deg);
}
/*.c_subject_v .c_left_v {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 38px;*/
/*    width: 100%;*/
/*    min-height: 48px;*/
/*    padding: 4px;*/
/*    color: #FFF;*/
/*    background: #33333380;*/
/*    animation: bgcolor .7s infinite linear;*/
/*    font-size: 32px;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*}*/
/*.c_subject_v .c_right_v {*/
/*    background-size: 24px;*/
/*    color: #FFF;*/
/*    text-align: center;*/
/*    border-radius: 100px;*/
/*    font-size: 20px;*/
/*    font-weight: 700;*/
/*    line-height: 28px;*/
/*    !* position: absolute; *!*/
/*    display: block;*/
/*    width: 89px;*/
/*    height: 36px;*/
/*    padding: 4px 16px 4px 40px;*/
/*    background: url(https://xacthuctenmien.vn/Content/images/LandingPageFreeVN/count_time.svg) 16px center no-repeat, #7FCA27;*/
/*}*/