/* @media (max-width: 1200px) {
    .container {
        width: 1170px;
    }

} */

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

body {
    position: relative;
}

video {
    width: 100%;
    height: auto;
}

.oly_pre_nav {
    font-family: Helvetica Neue;
    //margin-top: 20px;
    border-bottom: 2px solid #000000;
}

.oly_pre_nav nav {
    margin-bottom: 0;
}

.oly_nav_container {
    padding-left: 0;
    padding-right: 0;
}

.oly_nav_container:after {
    display: block;
    content: "";
    clear: both;
}

.nav_items {
    //float: left;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
}

.nav_items ul {
    padding-top: 50px;
}

.begin_nav .collapse.in .navbar-nav {
    padding-top: 0;
}

.nav_items .navbar-nav li a {
    color: #000000;
}

.countdown {
    float: right;
}

.countdown .count_text {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    line-height: 25px;
    margin-bottom: 4px;
}

.countdown .count_num {
    float: right;
}

.countdown .count_num span {
    font-size: 40px;
    font-weight: bold;
    border: 2px solid #000000;
    padding-left: 12px;
    padding-right: 12px;
}

.oly_art_title {
    font-size: 20px;
    font-family: ScalaOT Bold;
    font-weight: normal;
    line-height: 26px;
}

.oly_main_title {
    font-size: 24px;
    font-family: ScalaOT Bold;
    line-height: 30px;
    font-weight: normal;
}

.main_bot ul:after,
.oly_info .oly_sec_content ul:after,
.os_right ul:after,
.oly_sec_content:after,
.os_left .left_item:after,
.op_right .right_item:after,
.oly_sec_content:after,
.main_container .main_top:after {
    content: "";
    display: block;
    clear: both;
}

.main_container {
    margin-top: 20px;
}

.main_container .top_left,
.main_container .top_mid,
.main_container .top_right {
    float: left;
}

.main_container .top_left,
.main_container .top_right {
    width: 236px;
}

.main_container .top_left {
    padding-right: 16px;
}

.main_container .top_right {
    padding-left: 16px;
}

.main_container .top_mid {
    width: 698px;
    padding-left: 16px;
    padding-right: 16px;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.main_container .top_mid .main_slide {
    height: 402px;
}

.in_divider {
    margin-top: 20px;
    margin-bottom: 20px;
}

.main_container .b_divider {
    margin-top: 30px;
    margin-bottom: 30px;
}

.main_container .art_without_img .oly_art_title {
    margin-bottom: 15px;
}

.main_container .art_with_img .oly_art_title {
    margin-top: 18px;
}

.main_container .oly_main_title {
    margin-top: 18px;
    margin-bottom: 20px;
}

p {
    font-size: 14px;
    font-family: ScalaOT Regular;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
}

.nav_items .navbar-nav li a {
    padding: 10px;
}

.nav_items .navbar-nav li:first-child a {
    padding-left: 0;
}

.navbar-collapse {
    padding-left: 0;
}

.main_bot ul li {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid #D7D7D7;
    width: 302px;
}

.main_bot ul li:first-child {
    padding-left: 0;
}

.main_bot ul li:last-child {
    border-right: none;
    padding-right: 0;
}

.main_bot ul li:first-child,
.main_bot ul li:last-child {
    width: 282px;
}

.main_bot ul li .oly_art_title {
    margin-top: 20px;
    font-size: 20px;
    line-height: 26px;
}

.oly_sec_title {
    font-family: Helvetica Neue;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 30px;
}

.oly_sec_content .op_left,
.oly_sec_content .op_right {
    float: left;
}

.oly_sec_content .op_left {
    width: 464px;
    border-right: 1px solid #D6D6D6;
    padding-right: 15px;
}

.oly_sec_content .op_left .oly_art_title {
    margin-top: 15px;
}

.oly_sec_content .op_right {
    width: calc(100% - 464px);
    padding-left: 15px;
}

.op_right .right_item .item_left,
.op_right .right_item .item_right {
    float: left;
}

.op_right .right_item .item_left {
    width: 150px;
    margin-right: 25px;
}

.op_right .right_item .item_right {
    width: calc(100% - 175px);
}

.clear_both {
    content: "";
    display: block;
    clear: both;
}

.opinion_reverse .op_left,
.opinion_reverse .op_right {
    float: right;
}

.opinion_reverse .op_right {
    padding-left: 0;
    padding-right: 15px;
}

.opinion_reverse .op_left {
    padding-left: 15px;
    padding-right: 0;
    border-left: 1px solid #D6D6D6;
    border-right: unset;
}

.on_p {
    display: none;
}

.section_divider {
    width: 100%;
    height: 1px;
    background-color: #A1A1A1;
    margin-top: 30px;
    margin-bottom: 30px;
}

.oly_video .video_left,
.oly_video .video_right {
    float: left;
}

.oly_video_title {
    font-size: 30px;
    font-family: ScalaOT Bold;
    font-weight: normal;
    line-height: 36px;
    margin-top: 100px;
    margin-bottom: 20px;
}

.oly_video .video_left {
    width: 350px;
    margin-right: 100px;
}

.oly_video .video_right {
    width: calc(100% - 450px);
}

.os_left,
.os_right {
    float: left;
}

.os_left {
    width: 441px;
    padding-right: 15px;
    border-right: 1px solid #D7D7D7;
}

.os_left .left_item .left_img {
    float: left;
    width: 143px;
    margin-right: 16px;
}

.os_left .left_item .right_title {
    float: left;
    width: 266px;
}

.os_right {
    width: calc(100% - 441px);
}

.os_right ul li {
    float: left;
    width: 248px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #D7D7D7;
}

.os_right ul li:last-child {
    width: 232px;
    border-right: none;
    padding-right: 0;
}

.os_right ul li .oly_art_title {
    margin-top: 20px;
}

.oly_story {
    background-image: url(../img/oly/container_bg.jpg);
    background-repeat: repeat;
    background-size: cover;
    margin-top: 25px;
    margin-bottom: 25px;
}

.oly_trivia {
    background-image: unset;
    margin-top: 0;
    margin-bottom: 0;
}

.oly_trivia .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.oly_trivia .os_left,
.oly_trivia .os_right {
    float: right;
}

.oly_trivia .os_left {
    padding-right: 0;
    padding-left: 15px;
    border-left: 1px solid #D7D7D7;
    border-right: unset;
}

.oly_trivia .os_left .oly_art_title {
    margin-top: 20px;
}

.oly_trivia .os_right ul li:first-child {
    width: 232px;
    padding-left: 0;
}

.oly_story .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.oly_info .oly_sec_content ul li {
    float: left;
    width: 380px;
    margin-right: 15px;
}

.oly_info .oly_sec_content ul li:last-child {
    margin-right: 0;
}

.oly_info .oly_sec_content ul li .oly_art_title {
    margin-top: 24px;
}

#ex_swiper .oly_art_title,
#info_swiper .oly_art_title {
    margin-top: 15px;
}

.section07 {
    display: inline-flex;
}

.section07 .left_img_set,
.section07 .right_title_set {
    //float: left;
}

.section07 .left_img_set {
    width: 776px;
    height: 467px;
    display: inline-block;
    position: relative;
}

.section07 .left_img_set .img_set {
    display: none;
    opacity: 0;
    //transform: opacity 1s;
}

.section07 .left_img_set .active {
    display: block;
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    //transform: all 2s ease;
}

.section07 .right_title_set {
    width: 395px;
    height: 467px;
    display: inline-block;
    background-color: #f9fbff;
}

.section07 .right_title_set .title_set {
    width: 100%;
    height: 25%;
    padding: 20px 15px;
    //overflow: hidden;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.section07 .right_title_set .picked {
    background-color: #AFE2E9;
}

.section07 .right_title_set .picked a {
    color: #000000;
}

.section07 .right_title_set .title_set:first-child {
    border-top: 1px solid #dcdcdc;
}

.section07 .right_title_set .title_set:not(:last-child) {
    //border-bottom: 1px solid #dcdcdc;
}

.section07 .right_title_set .picked .left_triangle {
    width: 0;
    height: 0;
    display: block;
    border: 10px solid transparent;
    border-right-color: #E73833;
    position: absolute;
    left: -20px;
    vertical-align: middle;
    z-index: 2;
    top: 40%;
}

.no_countdown {
    text-align: center;
}

.no_countdown ul {
    padding-top: 0;
    float: none;
    display: inline-block;
}

.oly_b_nav {
    margin-top: 0;
}

.no_countdown .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.medal_list table tbody tr td {
    //display: inline-block;
}

.medal_list table {
    width: 100%;
    margin-top: 22px;
}

.medal_list table thead {
    font-family: ScalaOT Regular;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}

.medal_list table tbody {
    font-family: ScalaOT Bold;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
}

.medal_list table tbody tr td img {
    //float: left;
    width: 28px;
    height: 16px;
    margin-right: 12px;
}

.medal_list table thead tr td:last-child,
.medal_list table tbody tr td:last-child {
    text-align: center;
}

.medal_list .medal_title {
    font-family: Helvetica Neue;
    font-weight: bolder;
    font-size: 18px;
    line-height: 18px;
}

.medal_list table tbody tr:nth-child(2n+1) {
    background-color: #F7F7F7;
}

.medal_list button {
    width: 173px;
    font-family: ScalaOT Bold;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #D6D6D6;
    margin-left: calc((100% - 173px)/2);
    margin-top: 25px;
}

.bg_01 {
    position: absolute;
    right: 0;
    z-index: -1;
}

.bg_02 {
    position: absolute;
    left: 0;
    z-index: -1;
}

.bg_01 img,
.bg_02 img {
    width: 100%;
    height: auto;
}

.oly_video_container,
.oly_photo_container {
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    font-family: ScalaOT Regular;
    position: absolute;
    top: 40% !important;
    width: 46px !important;
    height: 46px !important;
    margin-top: -20px !important;
    font-size: 60px !important;
    font-weight: 100 !important;
    line-height: 30px !important;
    color: #ffffff !important;
    text-align: center !important;
    background: #222222 !important;
    border: 3px solid #ffffff !important;
    -webkit-border-radius: 23px !important;
    -moz-border-radius: 23px !important;
    border-radius: 24px !important;
    opacity: 0.5 !important;
    background-image: unset !important;
    z-index: 10 !important;
    outline: none;
}

.on_pad_vertical {
    display: none;
}

.hori_type {
    display: inline-flex;
}

.ver_type {
    display: none;
}

.begin_nav .navbar-collapse.collapse {
    display: none !important;
}

.begin_nav .collapse.in {
    display: block !important;
}

.navbar-default .begin_nav .navbar-toggle {
    display: block;
    border-color: #000000;
    margin-left: 10px;
}

.before_nav .navbar-toggle {
    margin-top: 30px;
}

.before_nav .countdown {
    margin-bottom: 10px;
}

.navbar-default .begin_nav .p_clear_both {
    content: "";
    display: block;
    clear: both;
}

.begin_nav .collapse.in .navbar-nav {
    text-align: left;
    float: left;
}

.begin_nav .collapse.in .navbar-nav>li {
    float: none;
}

.nav_items .navbar-nav li:first-child a {
    padding-left: 10px;
}

.oly_spot {
    background: unset;
    margin-top: 0;
    margin-bottom: 0;
}

.oly_spot .container {
    padding-top: 0;
    padding-bottom: 0;
}

.oly_spot .os_left .oly_art_title {
    margin-top: 20px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1400px) and (orientation:landscape) {

    /* For landscape layouts only ipad横向*/
    .main_container .top_left,
    .main_container .top_right {
        width: 20%;
    }

    .main_container .top_mid {
        width: 60%;
    }

    .main_container .top_left {
        padding-left: 12px;
    }

    .main_container .top_mid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .main_container .top_left {
        padding-left: 0;
    }

    .main_container .top_right {
        padding-left: 12px;
    }

    .main_bot ul li:first-child,
    .main_bot ul li:last-child {
        width: 24%;
    }

    .main_bot ul li {
        width: 26%;
    }

    .os_right ul li {
        width: 34%;
        padding-left: 12px;
        padding-right: 12px;
    }

    .os_right ul li:last-child {
        width: 32%;
    }

    .section07:after {
        content: "";
        display: block;
        clear: both;
    }

    .section07 .left_img_set {
        width: 600px;
        height: 360px;
        float: left;
    }

    .section07 .right_title_set {
        width: calc(100% - 600px);
        height: 360px;
        float: left;
    }

    .section07 .right_title_set .oly_art_title {
        font-size: 18px;
        line-height: 24px;
    }

    .on_pad_vertical {
        display: none;
    }

    .hori_type {
        display: inline-flex;
    }

    .ver_type {
        display: none;
    }

    .oly_trivia .os_right ul li:first-child {
        width: 32%;
    }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1400px) and (orientation:portrait) {

    /* For portrait layouts only  ipad竖向*/
    .oly_nav_container .navbar-header,
    .oly_nav_container .navbar-toggle {
        float: left;
    }

    .navbar-default .navbar-toggle {
        border-color: #000000;
        margin-left: 10px;
        display: block;
    }

    .oly_pre_nav {
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .countdown {
        float: right;
        display: inline-flex;
        line-height: 50px;
    }

    .countdown .count_text {
        font-size: 14px;
        font-weight: normal;
        line-height: 50px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .countdown .count_num span {
        border: 1px solid #000000;
        padding: 4px 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    .nav_items ul {
        padding-top: 0;
    }

    .nav_items .navbar-nav {
        margin: 0;
    }

    .p_clear_both {
        content: "";
        display: block;
        clear: both;
    }

    .navbar-nav>li {
        float: none;
    }

    .nav_items .navbar-nav li:first-child a {
        padding-left: 8px;
    }

    #main_slide {
        width: 100%;
    }

    .main_container .top_mid {
        border-left: unset;
        border-right: unset;
        padding-left: 0;
        padding-right: 12px;
        width: 60%;
        border-right: 1px solid #E1E1E1;
        float: left;
    }

    .main_container .top_left {
        width: 40%;
        padding-left: 12px;
        padding-right: 0;
        float: right;
    }

    .on_pad {
        display: block;
    }

    .main_container .top_right {
        width: 100%;
        padding-left: 0;
    }

    /* .main_container .top_right .top_right_left:after,
    .main_container .top_right .top_right_right:after, */
    .os_left .left_item:after,
    .main_container .top_right:after {
        display: block;
        content: "";
        clear: both;
    }

    .main_container .top_right .top_right_left {
        width: 60%;
        float: left;
        padding-right: 12px;

    }

    .main_container .top_right .top_right_left .top_right_left_img {
        float: right;
        width: 140px;
    }

    .main_container .top_right .top_right_left .oly_art_title {
        float: left;
        width: calc(100% - 140px);
        margin-top: 0;
        padding-right: 8px;
    }

    .main_container .top_right .top_right_right {
        width: 40%;
        float: left;
        padding-left: 12px;
        border-left: 1px solid #D6D6D6;
    }

    .not_on_pad {
        display: none;
    }

    .main_bot ul li:first-child {
        width: 40%;
        float: left;
        padding-right: 12px;
    }

    .main_bot ul li:last-child,
    .main_bot ul li {
        width: 60%;
        float: right;
    }

    .main_bot ul li {
        padding-left: 12px;
        padding-right: 0;
    }

    .main_bot ul li:not(:first-child) {
        border: unset;
    }

    .main_bot ul li:not(:first-child) a img {
        display: none;
    }

    .main_bot ul li:last-child a img {
        display: block;
        float: right;
        width: 120px;
        margin-left: 8px;
    }

    .main_bot ul li .oly_art_title {
        margin-top: 0;
    }

    .main_bot ul li:first-child .oly_art_title {
        margin-top: 15px;
    }

    .oly_video_title {
        font-size: 26px;
        line-height: 32px;
    }

    .oly_opinion .op_left {
        float: left;
        width: 40%;
        padding-right: 12px;
        border-right: unset;
    }

    .oly_opinion .op_right {
        width: 60%;
        padding-right: 0;
        padding-left: 12px;
        border-left: 1px solid #D6D6D6;
    }

    /* .oly_opinion .op_left {
        width: 40%;
        padding-left: 12px;
    
    } */

    .op_right .right_item .item_left {
        display: none;
    }

    .op_right .right_item .item_left {
        width: 0;
    }

    .op_right .right_item .item_right {
        width: 100%;
    }

    .op_right .right_item:last-child .item_left {
        display: block;
        width: 120px;
        float: left;
        margin-right: 10px;
    }

    .op_right .right_item:last-child .item_right {
        width: calc(100% - 130px);
    }

    .opinion_reverse .op_left,
    .opinion_reverse .op_right {
        float: right !important;
    }

    .opinion_reverse .op_left {
        padding-left: 12px !important;
        padding-right: 0 !important;
        border-right: unset !important;
        border-left: 1px solid #D6D6D6 !important;

    }

    .opinion_reverse .op_right {
        padding-right: 12px !important;
        padding-left: 0 !important;
        border-right: unset !important;
        border-left: unset !important;
    }

    .oly_video .video_right {
        width: 60%;
        float: right;
    }

    .oly_video .video_left {
        width: 40%;
        margin-right: 0;
        padding-right: 16px;
    }

    .oly_video_title {
        margin-top: 0;
    }

    .os_right,
    .os_left {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
        border-right: unset;
    }

    .os_left .left_item .left_img {
        width: 360px;
        margin-right: 0;
    }

    .os_left .left_item .right_title {
        width: calc(100% - 360px);
    }

    .os_left .left_item .left_img {
        padding-right: 25px;
    }

    /*  .os_left .left_item:last-child .left_img {
       padding-left: 25px;
       float: right;
   } */

    .os_right ul li {
        padding-left: 1%;
        padding-right: 1%;
        width: 34%;
    }

    .os_right ul li:first-child,
    .os_right ul li:last-child {
        width: 33%;
    }

    .os_right ul li:nth(2) {
        width: 34%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .os_right ul li:first-child {
        padding-left: 0;
        padding-right: 1%;
    }

    .os_right ul li:last-child {
        padding-left: 1%;
    }

    .oly_spot .os_left,
    .oly_trivia .os_left {
        padding-left: 0;
        border-left: unset;
        float: none;
        display: inline-flex;
    }

    .oly_trivia .os_left a {
        width: 48%;
        margin-right: 4%;
    }

    .oly_trivia .os_left .oly_art_title {
        width: 48%;
    }

    .oly_trivia .os_left .oly_art_title a {
        width: 100%;
    }

    .oly_trivia .os_right ul li:first-child {
        width: 32%;
    }

    .oly_spot .os_left a {
        width: 48%;
        margin-right: 4%;
    }

    .oly_spot .os_left .oly_art_title {
        width: 48%;
    }

    .oly_spot .os_left .oly_art_title a {
        width: 100%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 30% !important;
    }

    .section07 {
        display: block;
    }

    .section07 .left_img_set {
        width: 100%;
        height: auto;
    }

    .section07 .left_img_set .img_set {
        display: block;
        opacity: 1;
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }

    .section07 .left_img_set .img_set:nth-child(2n+2) {
        padding-left: 2%;
    }

    .section07 .left_img_set .img_set:nth-child(2n+1) {
        padding-right: 2%;
    }

    .section07 .left_img_set .img_set .title_set {
        margin-top: 16px;
    }

    .section07 .left_img_set .img_set .title_set a {
        height: 78px;
        overflow: hidden;
        display: block;
    }

    #footer .footer_info {
        text-align: left;
    }

    .no_countdown ul {
        text-align: left;
        display: block;
    }

    .nav_items .navbar-nav li a,
    .no_countdown .navbar-nav>li>a {
        padding-left: 8px;
    }

    .on_pad_vertical {
        display: block;
    }

    .hori_type {
        display: none;
    }

    .ver_type {
        display: block;
    }

    /*   #top_bg {
      display: block;
  }
  
  #bg_video {
      display: none;
  } */
}

/* 
@media screen and (max-width: 1170px) {

    .main_container .top_left,
    .main_container .top_right {
        width: 20%;
    }

    .main_container .top_mid {
        width: 60%;
    }

    .main_container .top_left {
        padding-left: 8px;
    }

    .main_container .top_mid {
        padding-left: 8px;
        padding-right: 8px;
    }

    .main_container .top_left {
        padding-left: 0;
    }

    .main_container .top_right {
        padding-left: 8px;
    }

    .main_bot ul li:first-child,
    .main_bot ul li:last-child {
        width: 24%;
    }

    .main_bot ul li {
        width: 26%;
    }

    .os_right ul li {
        width: 34%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .os_right ul li:last-child {
        width: 32%;
    }

    .section07 .left_img_set {
        width: 600px;
        height: 360px;
    }

    .section07 .right_title_set {
        width: calc(100% - 600px);
        height: 360px;
    }

    .section07 .right_title_set .oly_art_title {
        font-size: 16px;
        line-height: 20px;
    }

    .on_pad_vertical {
        display: none;
    }
}

@media screen and (max-width: 768px) {

    .oly_nav_container .navbar-header,
    .oly_nav_container .navbar-toggle {
        float: left;
    }

    .navbar-default .navbar-toggle {
        border-color: #000000;
        margin-left: 10px;
        display: block;
    }

    .countdown {
        float: right;
        display: inline-flex;
        line-height: 50px;
    }

    .countdown .count_text {
        font-size: 14px;
        font-weight: normal;
        line-height: 50px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .countdown .count_num span {
        border: 1px solid #000000;
        padding: 4px 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    .nav_items ul {
        padding-top: 0;
    }

    .nav_items .navbar-nav {
        margin: 0;
    }

    .p_clear_both {
        content: "";
        display: block;
        clear: both;
    }

    .navbar-nav>li {
        float: none;
    }

    .nav_items .navbar-nav li:first-child a {
        padding-left: 8px;
    }

    #main_slide {
        width: 100%;
    }

    .main_container .top_mid {
        border-left: unset;
        border-right: unset;
        padding-left: 0;
        padding-right: 8px;
    }

    .main_container .top_left {
        width: 40%;
    }

    .on_pad {
        display: block;
    }

    .main_container .top_right {
        width: 100%;
        padding-left: 0;
    }

    .main_container .top_right .top_right_left:after,
    .main_container .top_right .top_right_right:after,
    .os_left .left_item:after,
    .main_container .top_right:after {
        display: block;
        content: "";
        clear: both;
    }

    .main_container .top_right .top_right_left {
        width: 60%;
        float: left;
        padding-right: 8px;

    }

    .main_container .top_right .top_right_left .top_right_left_img {
        float: right;
        width: 140px;
    }

    .main_container .top_right .top_right_left .oly_art_title {
        float: left;
        width: calc(100% - 140px);
        margin-top: 0;
        padding-right: 8px;
    }

    .main_container .top_right .top_right_right {
        width: 40%;
        float: left;
        padding-left: 8px;
        border-left: 1px solid #D6D6D6;
    }

    .not_on_pad {
        display: none;
    }

    .main_bot ul li:first-child {
        width: 40%;
        float: left;
        padding-right: 8px;
    }

    .main_bot ul li:last-child,
    .main_bot ul li {
        width: 60%;
        float: right;
    }

    .main_bot ul li:not(:first-child) {
        border: unset;
    }

    .main_bot ul li:not(:first-child) a img {
        display: none;
    }

    .main_bot ul li:last-child a img {
        display: block;
        float: right;
        width: 120px;
        margin-left: 8px;
    }

    .main_bot ul li .oly_art_title {
        margin-top: 0;
    }

    .main_bot ul li:first-child .oly_art_title {
        margin-top: 15px;
    }

    .oly_video_title {
        font-size: 26px;
        line-height: 32px;
    }

    .oly_sec_content .op_left {
        float: right;
        width: 40%;
        padding-right: 0;
        border-right: unset;
    }

    .oly_sec_content .op_right {
        width: 60%;
        padding-right: 8px;
        padding-left: 0;
        border-right: 1px solid #D6D6D6;
    }

    .oly_sec_content .op_left {
        width: 40%;
        padding-left: 8px;

    }

    .op_right .right_item .item_left {
        display: none;
    }

    .op_right .right_item .item_left {
        width: 0;
    }

    .op_right .right_item .item_right {
        width: 100%;
    }

    .op_right .right_item:last-child .item_left {
        display: block;
        width: 120px;
        float: left;
        margin-right: 10px;
    }

    .op_right .right_item:last-child .item_right {
        width: calc(100% - 130px);
    }

    .oly_video .video_right {
        width: 60%;
        float: right;
    }

    .oly_video .video_left {
        width: 40%;
        margin-right: 0;
        padding-right: 16px;
    }

    .oly_video_title {
        margin-top: 0;
    }

    .os_right,
    .os_left {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
        border-right: unset;
    }

    .os_left .left_item .left_img {
        width: 360px;
        margin-right: 0;
    }

    .os_left .left_item .right_title {
        width: calc(100% - 360px);
    }

    .os_left .left_item:first-child .left_img {
        padding-right: 40px;
    }

    .os_left .left_item:last-child .left_img {
        padding-left: 40px;
        float: right;
    }

    .os_right ul li:first-child,
    .os_right ul li:last-child {
        width: 33%;
    }

    .os_right ul li:nth(2) {
        width: 34%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .os_right ul li:first-child {
        padding-left: 0;
        padding-right: 1%;
    }

    .os_right ul li:last-child {
        padding-left: 1%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 30% !important;
    }

    .section07 {
        display: block;
    }

    .section07 .left_img_set {
        width: 100%;
        height: auto;
    }

    .section07 .left_img_set .img_set {
        display: block;
        opacity: 1;
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }

    .section07 .left_img_set .img_set:nth-child(2n+2) {
        padding-left: 2%;
    }

    .section07 .left_img_set .img_set:nth-child(2n+1) {
        padding-right: 2%;
    }

    .section07 .left_img_set .img_set .title_set {
        margin-top: 16px;
    }

    .section07 .left_img_set .img_set .title_set a {
        height: 78px;
        overflow: hidden;
    }

    #footer .footer_info {
        text-align: left;
    }

    .no_countdown ul {
        text-align: left;
        display: block;
    }

    .nav_items .navbar-nav li a,
    .no_countdown .navbar-nav>li>a {
        padding-left: 8px;
    }

    .on_pad_vertical {
        display: block;
    }
} */

@media screen and (max-width: 480px) {
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*  #top_bg {
       display: block !important;
   }
   
   #bg_video {
       display: none !important;
   } */


    .on_pad {
        display: none;
    }

    .on_p {
        display: block;
    }

    .on_pad_vertical {
        display: none;
    }

    .oly_pre_nav {
        margin-top: 0;
    }

    .oly_nav_container .navbar-header {
        float: left;
    }

    .oly_nav_container .navbar-toggle {
        float: left;
    }

    .countdown {
        float: right;
        display: inline-flex;
        line-height: 50px;
    }

    .countdown .count_text {
        font-size: 14px;
        font-weight: normal;
        line-height: 50px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .countdown .count_num span {
        font-size: 16px;
        padding-left: 8px;
        padding-right: 8px;
        line-height: 20px;
    }

    .clear_both {
        content: "";
        display: block;
        clear: both;
    }

    .navbar-toggle {
        padding: 4px 8px;
        margin-top: 12px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        width: 10px;
        background-color: #000000;
    }

    .navbar-default .navbar-toggle {
        border-color: #000000;
        margin-left: 10px;
    }

    .countdown .count_num span {
        border: 1px solid #000000;
        padding: 4px 10px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #ffffff;
    }

    .nav_items {
        font-size: 16px;
    }

    .nav_items ul {
        padding-top: 0;
    }

    .p_clear_both {
        content: "";
        display: block;
        clear: both;
    }

    .section07 .left_img_set {
        height: auto;
    }

    .section07 .left_img_set .img_set {
        display: block;
        opacity: 1;
    }

    .section07 .left_img_set .img_set .title_set {
        margin-top: 10px;
    }

    .section07 .right_title_set {
        display: none;
    }

    .oly_sec_title {
        font-size: 20px;
        line-height: 20px;
    }

    .oly_info .oly_sec_content ul li,
    .os_right ul li:last-child,
    .os_right ul li,
    .os_left .left_item .right_title,
    .os_left .left_item .left_img,
    .os_left,
    .os_right,
    .oly_video .video_left,
    .oly_video .video_right,
    .oly_sec_content .op_left,
    .oly_sec_content .op_right,
    .main_bot ul li:first-child,
    .main_bot ul li:last-child,
    .main_bot ul li,
    .main_container .top_right,
    .main_container .top_left,
    .main_container .top_mid {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
        margin-left: 0;
        margin-right: 0;
    }

    .oly_art_title {
        font-size: 18px;
        line-height: 22px;
    }

    .op_right .right_item .item_left {
        width: 100px;

    }

    .op_right .right_item .item_right {
        width: calc(100% - 125px);
    }

    .oly_video_title {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 22px;
    }

    .os_left .left_item .right_title .oly_art_title {
        margin-top: 15px;
    }

    .os_right ul li .oly_art_title {
        margin-top: 15px;
    }

    .year_title_m {
        margin-top: 15px;
        font-weight: normal;
    }

    .section07 .left_img_set {
        width: 100%;
        display: inline;
    }

    .main_container .oly_main_title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .main_container .art_without_img .oly_art_title {
        margin-bottom: 15px;
    }

    p {
        font-size: 13px;
        line-height: 16px;
    }

    .main_bot ul li .oly_art_title,
    .main_container .art_with_img .oly_art_title {
        margin-top: 15px;
    }

    .main_bot ul li .oly_art_title {
        font-size: 18px;
    }

    .main_container .b_divider {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .oly_story,
    .section_divider {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .oly_spot,
    .oly_trivia {
        margin-top: 0;
        margin-bottom: 0;
    }

    .oly_spot .container,
    .oly_trivia .container {
        margin-top: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
.oly_spot .os_left .oly_art_title{
    margin-top: 15px;
}
    .oly_trivia .os_left {
        border-left: unset;
        padding-left: 0;
    }

    .oly_trivia .os_right ul li:first-child {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
        margin-left: 0;
        margin-right: 0;
    }

    .oly_story .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .nav_items .navbar-nav {
        margin: 0;
    }

    .nav_items .navbar-nav li:first-child a {
        padding-left: 15px;
    }

    .begin_nav .nav_items .navbar-nav li:first-child a {
        padding-left: 10px;
    }

    .no_countdown ul {
        float: left;
        width: 100%;
        text-align: left;
    }

    .section07 .left_img_set .img_set:nth-child(2n+1),
    .section07 .left_img_set .img_set:nth-child(2n+2),
    .os_right ul li:first-child,
    .os_left .left_item:first-child .left_img,
    .os_left .left_item:last-child .left_img,
    .main_container .top_right .top_right_left .oly_art_title,
    .main_container .top_right .top_right_left .top_right_left_img,
    .main_container .top_right .top_right_right,
    .main_container .top_right .top_right_left {
        width: 100%;
        float: none;
        border: unset;
        padding-left: 0;
        padding-right: 0;
    }

    .main_container .top_right .top_right_left .oly_art_title {
        margin-top: 15px;
    }

    .not_on_pad {
        display: block;
    }

    .op_right .right_item .item_left {
        display: block;
    }

    .os_left .left_item:first-child .left_img {}

    .swiper-button-next,
    .swiper-button-prev {
        top: 40% !important;
    }

    .hori_type {
        display: none;
    }

    .ver_type {
        display: inline-flex;
    }
}