﻿@charset "utf-8";
/*====================================================================================
■01.Common_CSS PAGE 
====================================================================================*/
/*====================================================================================
■02.Content PAGE 
====================================================================================*/
.h_top {
    background: url(../common_img/br.png) repeat-x center bottom;
    padding-bottom: 30px !important;
}

.tt_page {
    background: url(../common_img/brmain.jpg) repeat-x center top;
    height: 120px;
    display: table;
    width: 100%;
}

    .tt_page h2 {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 120px;
        width: 100%;
    }
.banner01 {
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 112px;
    }
.main {
    background: url(../images/new_bg_wrap.png) center top;
    padding-bottom:100px;
}
.content{
    width:900px;
    margin:0 auto;
}
.mlink{
    font-size:12px;
    background: url(../common_img/home.png) no-repeat center left;
    padding:30px 30px 30px;
}
.tb_form{
    margin:0 auto;
    width:850px;
    margin-top:30px;
}
.tb_form th,.tb_form td{
    font-weight:normal;
    font-size:16px;
    text-align:left;
    border:1px solid #c9c9c9;
    padding:10px;
    vertical-align:top;
}
.tb_form th{
    background:#f5f5f5;
    width:240px;
    font-weight:bold;
}
.tb_form td{
    background:#ffffff;
}
.cam{
    background:url(../contact/images/cam.png) no-repeat top left;
    padding-left:42px;
    background-position:0 2px;
}
.xanh{
    background:url(../contact/images/xanh.png) no-repeat top left;
    padding-left:42px;
    background-position:0 2px;
}
.ip_s{
    height:20px;
    width:330px;
}
.ip_p{
    height:20px;
    width:100%;
}
.tb_form li{
    margin-top:10px;
}
.tb_form li:first-child{
    margin-top:0;
}
.tb_form input{
    height:20px;
}
.tb_form a{
    color:#f05401;
}
.comment{
    width:100%;
    height:100px;
}
.pr{
    margin-top:20px;
    font-size:16px;
    line-height:1.75;
}
.pr span{
    color:#017824;
    font-weight:bold;
}
.note_pr{
    margin-top:30px;
    background:#ffffff;
    border:1px solid #c9c9c9;
    padding:20px;
}
.note_pr li{
    margin-bottom:10px;
    background:url(../contact/images/icon.png) no-repeat center left;
    padding-left:20px;
}
.dv_news{
    background:url(../news/images/line.png) no-repeat center bottom;
    padding-bottom:50px;
    margin-bottom:50px;
}
.title_news{
    color:#1f1412;
    font-weight:bold;
    font-size:28px;
}
.date_news{
    font-size:14px;
    color:#bb0408;
    font-weight:bold;
}
.content_news{
    width:875px;
    margin:0 auto;
    margin-top:20px;
    font-size:16px;
    line-height:1.9;
}
.content_news .pht{
    float:right;
    position:relative;
    margin:0 0 30px 30px;
}
.content_news .pht .zoom{
    position:absolute;
    bottom:0;
    right:0;
}
.sch_banner{
    position:relative;
}
.sch_banner p{
    position:absolute;
    top:170px;
    left:55px;
    width:590px;
    color:#ffffff;
}
.h3_title{
    font-size:32px;
    color:#010101;
    font-weight:normal;
    border-left:10px solid #bb0408;
    padding-left:20px;
}
.h3_title span{
    float: right;
    font-size: 16px;
    margin-top: 11px;
}
.tb_sch{
    width:850px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom: 20px;
}
.tb_sch th,.tb_sch td{
    border:1px solid #d7d7d7;
}
.tb_sch th div{
    background:#ffffff;
    text-align:left;
    font-weight:normal;
}
.tb_sch td{
    
    background:#ffffff;
}
.tb_sch div{
    padding:10px;
    background:#e9e9e9;
}
.tb_sch div span{
    color:#017824;
    font-size:22px;
}
.tb_sch tr td:first-child span,.tb_sch tr th:first-child span{
    color:#e00d13;
}
.tb_sch tr td:last-child span,.tb_sch tr th:last-child span{
    color:#2371b9;
}
.datbiet tr th:first-child{
    color:#e00d13;
}
.datbiet tr th:last-child{
    color:#2371b9;
}
.ul_dt{
    margin:0 auto;
    width:790px;
    padding:30px;
    background:url(../schedule/images/br.png);
    margin-top:20px;
    
}
.ul_dt li{
    width:385px;
    float:left;
    margin-left:20px;
    background:#ffffff;
}
.ul_dt li:first-child{
    margin-left:0;
}
.ul_dt h3{
    font-size:22px;
    font-weight:bold;
    color:#ffffff;
    padding:12px 0;
    text-align:center;
    margin-bottom:25px;
}
.ul_dt h3 span{
    font-size:16px;
    font-weight:normal;
}
.br8e1b1e{
    background:#8e1b1e;
}
.br082e54{
    background:#082e54;
}
.ul_dt h4{
    font-size:16px;
    font-weight:bold;
    color:#010101;
    text-align:center;
    padding-bottom:10px;
    border-bottom:1px solid #d2d2d2;
}
.content_sch{
    width:325px;
    margin:0 auto;
    padding-bottom:20px;
}
.f1 th p{
    background:#f05401;
    color:#ffffff;
}
.f2 th p{
    background:#017824;
    color:#ffffff;
}
.ul_dt table{
    margin:20px;
    border-collapse:separate;
    border-spacing:0 20px;
}
.ul_dt li th{
    width:90px;
    font-weight:normal;
    text-align:center;
    vertical-align: top;
}
.ul_dt li td{
    padding-left:20px;
}
.ul_dt li td > table {border-collapse: collapse;border-spacing: 0;width: 100%;margin: 0;}
.ul_dt li td > table td {padding-left: 0px; vertical-align: middle;}
.ul_dt li td > table th {width: auto;}
.ul_dt li td > table .row {width: 9px;text-align: center;}
.ul_dt li td > table .txt-end {width: 56px;text-align: center;}
.note_shc{
    position:relative;
    margin-top:30px;
    
}
.note_shc p{
    position:absolute;
    top:43px;
    left:0;
    font-size:24px;
    color:#bb0408;
    font-weight:bold;
    width:100%;
    text-align:center;
}
.note_shc span{
    color:#010101;
    font-weight:normal;
}
/** access pages **/
.access_sec {margin-bottom: 80px;}
.access_sec h3 {margin-bottom: 30px;} 
.access_sec h4 {margin-bottom: 15px;} 
.access_sec p {margin-bottom: 15px;} 
.access_sec .text_img {margin-bottom: 60px; margin-left: 20px;}
.access_sec .map_sec {background: url(../access/images/map_bg.png) center top;padding: 20px;width: 810px;margin-left: 25px; margin-bottom: 15px;}

.access_sec .tab_sec {margin-right: -20px; margin-left: 20px; margin-bottom: 55px;}
.access_sec .tab_sec li {float: left; margin-right: 20px;}
.access_sec #ac1 {margin-left: 20px;padding-right: 30px;}

.access_sec .text_sec1 .right {float: right; width: 50px;}
.access_sec .text_sec1 .left {float: left; width: 790px;}

.access_sec #ac2 {margin-left: 20px; padding-right: 30px;}
.access_sec #ac2 .right {float: right; width: 400px;}
.access_sec #ac2 .left {float: left; width: 400px;}
.access_sec #ac2 h5 {color: #017824; font-size: 20px; margin-bottom: 30px;}
.access_sec #ac2 table td {padding: 10px 5px; font-size: 16px;}

.access_sec #ac3 {margin-left: 20px; padding-right: 30px;}
.access_sec #ac3 .right {float: right; width: 400px;}
.access_sec #ac3 .left {float: left; width: 400px;}

.access_sec #ac3 h5.style1_tt {color: #333;font-size: 20px;margin-bottom: 10px;}
.access_sec #ac3 h5.style2_tt {color: #f05401;font-size: 20px;margin-bottom: 10px;}
.access_sec #ac3 h5.style3_tt {color: #017824;font-size: 20px;margin-bottom: 10px;}

.access_sec #ac3 .style1 th {border: 1px solid #c9c9c9;color: #333;background: #ececec;}
.access_sec #ac3 .style1 a {color: #bb0408;}
.access_sec #ac3 .style2 th {border: 1px solid #c9c9c9;color: #f05401;background: #fff5ed;}
.access_sec #ac3 .style2 a {color: #f05401;}
.access_sec #ac3 .style3 th {border: 1px solid #c9c9c9;background: #f0fbf0;color:#017824;}
.access_sec #ac3 .style3 a {color: #017824;}

.access_sec #ac3 table {width: 800px;font-size: 16px;margin-bottom: 40px;line-height: 30px;}
.access_sec #ac3 table th {width: 160px;padding: 10px 20px;text-align: left;}
.access_sec #ac3 table td {padding: 10px 20px;border: 1px solid #c9c9c9;}
.access_sec #ac3 .content {padding-left: 20px;}
/** ticket pages **/
.ticket_sec {margin-bottom: 80px; font-size: 16px;}
.ticket_sec h3 {margin-bottom: 30px;} 
.ticket_sec h4 {margin-bottom: 15px;} 
.ticket_sec p {margin-bottom: 15px;} 
.ticket_sec .content2 {padding: 0px 25px 0 25px;}
.ticket_sec .content2 .gray_text {float: left;width: 515px;}
.ticket_sec .content2 .gray_sec {float: right; width: 280px; background: url(../access/images/map_bg.png) center top; padding: 20px; margin-bottom: 10px;}
.ticket_sec .content2 .gray_sec table {width: 100%;}
.ticket_sec .content2 .gray_sec table tr {padding: 5px 0px;}
.ticket_sec .content2 .gray_sec table td {padding: 5px;vertical-align: middle;font-weight: bold;}
.ticket_sec .content2 .gray_sec table th {width: 65px;vertical-align: middle;padding: 5px 0px;}
.ticket_sec .yellow_sec {background: url(../ticket/images/yellow_bg.png) center top;padding: 20px;margin-left: 25px;width: 810px;}
.ticket_sec .yellow_sec .yellow_sec_in {padding: 20px; background: #faf8f1;}
.ticket_sec .yellow_sec .right {float: right; margin-left: 20px;}
.ticket_sec .yellow_sec p {line-height: 30px;}


.ticket_sec table.red {width: 456px; float:left; margin-right:40px;}
.ticket_sec table.red thead {background: #bb0408; color: #fff; }
.ticket_sec table.red thead .th1 {    
	width: 170px;
    border: 1px solid #c9c9c9;
    text-align: center;
    vertical-align: middle;}
.ticket_sec table.red thead .td1 {
	width: 83px;
}

.ticket_sec table.red thead td {border: 1px solid #c9c9c9;text-align: center; vertical-align: middle;}
.ticket_sec table.red tbody th {border: 1px solid #c9c9c9;text-align: center;vertical-align: middle;background:#f5f5f5;padding: 10px 10px;}
.ticket_sec table.red tbody td {border: 1px solid #c9c9c9;text-align: center;vertical-align: middle;background: #fff;}

.ticket_sec table.red02 {width: 345px;}
.ticket_sec table.red02 thead {background: #bb0408; color: #fff; }
.ticket_sec table.red02 thead .th1 {    
	width: 170px;
    border: 1px solid #c9c9c9;
    text-align: center;
    vertical-align: middle;}
.ticket_sec table.red02 thead .td1 {
    width: 169px;
    padding: 12px 0;
}
.ticket_sec table.red02 thead td {border: 1px solid #c9c9c9;text-align: center; vertical-align: middle;}
.ticket_sec table.red02 tbody th {border: 1px solid #c9c9c9;text-align: center;vertical-align: middle;background:#f5f5f5;padding: 10px 10px;}
.ticket_sec table.red02 tbody td {border: 1px solid #c9c9c9;text-align: center;vertical-align: middle;background: #fff; padding: 10px 0px;}



.ticket_sec .banner {background: url(../ticket/images/banner_bg.png) no-repeat left top; width: 850px; height: 238px;}
.ticket_sec .banner h4 {color: #fff; font-size: 19px; font-weight: normal; text-align: center; padding-top: 50px; margin-bottom: 20px;}
.ticket_sec .banner .clearfix {width: 580px; margin: 0 auto;}
.ticket_sec .banner .clearfix .banner_btn {float: right; padding-top: 15px;}
.ticket_sec .banner .clearfix ul {float: left;}
.ticket_sec .banner .clearfix ul li {margin-bottom: 5px; text-align: center; font-size: 14px; color: #fff;}
.ticket_sec h5 {color: #bb0408; font-size: 20px; margin-bottom:20px;}

.ticket_sec table.green {width: 800px;margin: 0 auto;}
.ticket_sec table.green thead {background: #017824; color: #fff;}
.ticket_sec table.green thead th {width: 20%; border: 1px solid #c9c9c9;text-align: center; vertical-align: middle;}
.ticket_sec table.green thead td {width: 20%; border: 1px solid #c9c9c9;text-align: center; vertical-align: middle;}
.ticket_sec table.green tbody th {width: 20%; border: 1px solid #c9c9c9;text-align: center; vertical-align: middle; background:#f5f5f5; padding: 10px 10px;}
.ticket_sec table.green tbody td {width: 20%;border: 1px solid #c9c9c9;text-align: center;vertical-align: middle;background: #fff;}

.ticket_sec table.orange {width: 800px;margin: 0 auto;}
.ticket_sec table.orange thead {background: #f05401; color: #fff;}
.ticket_sec table.orange thead th {width: 20%; border: 1px solid #c9c9c9;text-align: center; vertical-align: middle;}
.ticket_sec table.orange thead td {width: 20%; border: 1px solid #c9c9c9;text-align: center; vertical-align: middle;}
.ticket_sec table.orange tbody th {width: 20%;border: 1px solid #c9c9c9;text-align: center;vertical-align: middle;background:#f5f5f5;padding: 10px 10px;}
.ticket_sec table.orange tbody td {width: 20%;border: 1px solid #c9c9c9;text-align: center;padding: 5px 0px;vertical-align: middle;background: #fff;}

.font14 {font-size: 14px;}
.ticket_sec .line-height1 {line-height: 30px;}
.text-sec {border: 1px solid #cdcdcd; padding: 20px 20px; width: 760px; margin: 0 auto 30px auto;}
.text-sec .text-red {color: #ff1f00; margin-bottom: 0px;}
.mb50 {margin-bottom: 50px !important;}
/** Hall pages **/
.hall_sec {margin-bottom: 80px;}
.hall_sec h3 {margin-bottom: 30px;}
.hall_sec .content2 {padding: 0px 25px 0px 25px;}
.hall_sec p {font-size: 16px; line-height: 30px;}
.hall_sec .hall_img {text-align: center; margin-bottom: 30px;}
.hall_sec .tab_sec {margin-right: -20px; margin-left: 20px; margin-top: 55px;}
.hall_sec .tab_sec li {float: left; margin-right: 20px;}
.hall_sec .left_style .wrap_img {float: left;}
.hall_sec .left_style > p {float: right;width: 576px;}
.hall_sec .right_style .wrap_img {float: right;}
.hall_sec .right_style > p {float: left;width: 550px;}
.hall_sec .left_style {margin-bottom: 50px;}
.hall_sec .right_style {margin-bottom: 50px;}
.hall_sec h4 {margin-bottom: 35px;}
.hall_sec .wrap_img p {font-size:12px; color: #666; text-align: center;line-height: 20px;} 
.hall_sec .tt3_btn {text-align: right; margin-top: 25px;}
.hall_sec .yellow_sec {background: url(../hall/images/yellow_bg.png) center top; padding: 20px; margin-top: 25px;}
.hall_sec .yellow_sec .yellow_sec_in {padding: 20px; background: #faf8f1;}
.hall_sec .yellow_sec h4 {margin-bottom: 12px;}
.hall_sec .yellow_sec .yellow_btn {text-align: right; margin-top: -50px;}
/** Guide pages **/
.guide_sec {font-size: 16px;}
.guide_sec > img {margin-bottom: 30px;}
.guide_sec h4 {margin-bottom: 25px;}
.guide_sec .content2 {padding: 0px 25px 0px 25px;}
.guide_sec .yellow_sec {background: url(../hall/images/yellow_bg.png) center top; padding: 20px; margin-top: 25px;}
.guide_sec .yellow_sec .yellow_sec_in {padding: 20px; background: #faf8f1;}
.guide_sec .yellow_sec h4 {margin-bottom: 12px;}
.guide_sec .yellow_sec .yellow_btn {text-align: right; margin-top: -50px;}
.guide_sec .yellow_sec .yellow_text {width: 450px;line-height: 29px;}
.guide_sec ul {margin-left: 20px; margin-bottom: 55px;}
.guide_sec ul li {margin-bottom: 5px;}
.guide_sec .mb60 {margin-bottom: 60px;line-height: 30px;}
.guide_sec .box {float: left; width: 375px; height: 155px; background: url(../guide/images/tt3_bg.png) no-repeat center top; padding: 20px; margin-bottom: 20px; margin-right: 20px;}
.guide_sec .box h5 {margin-bottom: 20px;}
.guide_sec .box .clearfix .left {float: left;width: 95px;}
.guide_sec .box .clearfix p {float: left;width: 277px;line-height: 26px;font-size: 16px;}
/** First pages **/
.first_sec {font-size: 16px; margin-bottom: 80px;}
.first_sec > img {margin-bottom: 30px;}
.first_sec h3 {margin-bottom: 30px;}
.first_sec .content2 {padding: 0px 25px 0px 25px;}
.first_sec .content2 > .clearfix > img {float: right; margin-left: 20px;}
.first_sec p {font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.first_sec p:last-child {margin-bottom:0px}
.first_sec h4 {margin-bottom:30px;}
.first_sec .sm_sec {margin-bottom: 55px;}
.first_sec .sm_sec p {font-size: 14px; line-height: 22px;}
.first_sec .sm_sec ul {padding: 0 20px 0 20px; margin-right: -30px; margin-bottom: -30px;}
.first_sec .sm_sec ul li {margin-right: 30px;float: left;width: 250px;margin-bottom: 35px;}
.first_sec .sm_sec ul li > img {margin-bottom: 20px; }
.mb60 {margin-bottom: 60px;}
.first_sec .wrap_color {padding: 0 20px 0 20px;}
.first_sec .wrap_color table {width: 100%;}
.first_sec .wrap_color table th {text-align: left; font-weight: normal; width: 50%; padding: 3px 0;}
.first_sec .wrap_color table td {text-align: right; font-weight: normal; width: 50%; padding: 3px 0;}
.first_sec .wrap_color h5 {margin-bottom: 20px;}
.first_sec .wrap_color .left {width: 365px; float: left;}
.first_sec .wrap_color .up {margin-bottom: 30px;}
.first_sec .wrap_color .up .left h5 {color: #fff; background: #f05401; font-size: 20px; padding: 5px 20px; font-weight: normal;}
.first_sec .wrap_color .right {width: 365px; float: right;}
.first_sec .wrap_color .up .right h5 {color: #fff; background: #017824; font-size: 20px; padding: 5px 20px; font-weight: normal;}
.first_sec .wrap_color .down h5 {color: #fff; background: #062e53; font-size: 20px; padding: 5px 20px; font-weight: normal;}
.first_banner {background: url(../first/images/banner_bg.png) no-repeat center top; height: 266px; position: relative;}
.first_banner h3 {position: absolute; top: 50px; left:105px;}
.first_banner p {position: absolute; bottom: 50px; left:60px; font-size: 14px; color: #fffefe; width: 530px;}
/** Tourism pages **/
.tourism_sec {margin-bottom: 75px;}
.tourism_sec h3 {margin-bottom: 30px;}
.tourism_sec .content2 {padding: 0px 25px 0px 25px;}
.tourism_sec p {margin-bottom: 20px;  font-size: 16px; line-height: 30px;}
.tourism_sec .clearfix > img {float: right; margin-left: 25px;}

