body {
	padding:0;
	margin:0;
	font-family:Arial, microsoft jhengHei, Apple LiGothic, PMingLiU, Heiti;
    background: #212275;
    background: #ededed;
    overflow-x:hidden;
  /*  background:repeat-x url("../images/new_bg2.png") top #212275;*/
}
* {
    -webkit-font-size-adjust: none;
    font-size-adjust: none;
}
a img {
	border:none;
} 
a, td , input , button {
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
}
input , textarea , button , select {
	font-family:Arial, microsoft jhengHei, Apple LiGothic, PMingLiU, Heiti;
 }
.input_error {
/*    box-shadow:0 0 10px #f00 , inset 0 0 20px rgba(255,0,0,0.5);*/
    box-shadow:0 0 10px #f00 , inset 0 0 20px rgba(255,0,0,0.1) !important;
    color:#f00 !important;
    border-color:#ff8a8a !important;
    -webkit-animation: showerror 0.5s; 
            animation: showerror 0.5s;
} 
label.input_error  {
    box-shadow:none  !important;
}
label.input_error::before {
    box-shadow:0 0 10px #f00;
    border-color:#ff8a8a !important;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes showerror {
    0% { opacity: 1; }
    25% { opacity: 0.7; }
    50% { opacity: 1; }
    75% { opacity: 0.7; }
    100% { opacity: 1; }
}
@-webkit-keyframes showerror {
    0% { opacity: 1; }
    25% { opacity: 0.7; }
    50% { opacity: 1; }
    75% { opacity: 0.7; }
    100% { opacity: 1; }
}


.all {
    display:block;
/*    max-width:1280px;*/
    width:100%;
    margin:auto;
    padding:0 0 0 0;
/*    background:repeat-y url("../images/new_bg2.jpg") top center #212275;*/
    background:#ededed;
    background-size: 100% auto;
    min-height: 600px;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden;
}
.top_banner {
    display:block;
    overflow-x:hidden;
}
.top_banner img {
    width:100%;
    display:block;
}
.top_banner .top_banner_text {
    position:absolute;
    width:100%;
    overflow-x:hidden;
    -webkit-animation: fadein_banner 1s; 
            animation: fadein_banner 1s;
}

@keyframes fadein_banner {
    from { 
    opacity: 0;    
    transform: translate(0,-20%);
    }
    to   { 
    opacity: 1; 
    transform: translate(0,0);
    }
}
/* Safari and Chrome */
@-webkit-keyframes fadein_banner {
    from { 
    opacity: 0;    
    -webkit-transform: translate(0,-20%);
    }
    to   { 
    opacity: 1; 
    -webkit-transform: translate(0,0);
    }
}

.all_content {
    display:block;
    margin:auto;
    max-width:730px;
    width:100%;
    font-size:15px;
    line-height:1.4;
    padding:0 15px;
    box-sizing:border-box;
}
.all_content sup {
/*transform: scale(0.7);
-webkit-transform: scale(0.7);*/
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
.top_logo {
    padding:20px 0;
    display:none;
}
.top_logo img {
    display:block;
    width:80%;
    max-width:325px;
    margin:auto;
    filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.5));
    -webkit-filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.5));
}

img.index_banner {
    display:block;
    width:100%;
    margin:20px 0;
}

.form_bg {
    display:block;
    min-height:250px;
/*    background:rgba(0,35,90,0.7);
    border-radius:30px;
    padding:30px 50px;*/
    box-sizing:border-box;
    padding:20px 0 50px 0;
    color:#333;
    text-shadow:0 1px 1px rgba(255,255,255,0.7);
}
.form_bg a{
    color: #1199c9;
}
.form_bg h1 {
    color:#033570;
    text-align:center;
    padding:0;
    margin:0 0 15px 0;
    font-size: 30px;
}
.form_bg h2 {
    color:#033570;
    padding:0;
    margin:0;
    font-size: 23px;
    text-decoration:underline;
}
.form_bg h3 {
    padding:0;
    margin:0;
    font-size: 20px;
}
.form_bg h4 {
    padding:0;
    margin:0;
    font-size: 18px;
    font-weight:normal;
}
.gold_color {
    color:#033570;
  /*  text-shadow:0 1px 8px rgba(0,0,0,1);*/
}

ul.address_content {
    list-style:none;
    padding:0;
    margin:0;
}
ul.address_content li {
    display:block;
}
ul.address_content li span {
    display:inline-block;
    vertical-align:top;
    min-width:50px; 
}

.form_bg ol {
    padding:0 0 0 20px;
    margin:3px 0;
    font-size:13px;
    counter-reset: item;
}
.form_bg ol li ol {
    padding:0 0 0 25px;
}
.form_bg ol li:before { 
content: counters(item, "."); 
counter-increment: item ;
    position: absolute;
    margin: 0 0 0 -25px;
    text-align: right;
    width: 20px;
    background: #ededed;
}
ul.form_list {
    list-style:none;
    padding:0;
    margin:10px 0;
}
ul.form_list li {
    padding:5px 0;
    display:block;
    float:left;
    width:100%;
}
ul.form_list li.w50 {
    width:50%;
    padding:5px 5px 5px 0;
    box-sizing:border-box;
}
ul.form_list li.w50+li.w50 {
    padding:5px 0 5px 5px;
}
ul.form_list li span {
    display:block;
/*    position:absolute;
    min-width:85px;
    text-align:right;*/
    text-align:left;
    line-height:21px;
    font-size:14px;
    font-weight:bold;
    padding:7px 0;
}
ul.form_list li p {
    display:block;
    margin:0;
    padding:0;
}
ul.form_list_new_style li span {
    display: block;
    position: inherit;
    text-align: left;
}
ul.form_list_new_style li p {
    margin:0;
}


ul.form_list_style2 li span {
    min-width:125px;
}
ul.form_list_style2 li p {
    margin:0;
}
ul.form_list li p strong {
    line-height: 35px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    display: inline-block;
    width: 100%;
    /* max-width: 220px; */
    padding: 0 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.2);
}
ul.form_list li h3 {
    padding:0;
    margin:0;
    font-size:17px;
}
.input_box1 {
    display:block;
    width:100%;
    padding:0 8px;
    height:35px;
    line-height:35px;
    box-sizing:border-box;
    font-size:15px;
    border-radius:5px;
    border:1px solid #666;
}
textarea.input_box1 {
    height:70px;
    padding:5px 8px;
    line-height:25px;
    resize: vertical;
    max-height: 200px;
}
select.input_box1 {
    padding:0 0 0 8px;
}
.form_bg label {
    cursor:pointer;
}
/*
.submit_btn {
    width:100%;
    max-width:256px;
    height:36px;
    line-height:36px;
    border:none;
    cursor:pointer;
    display:block;
    margin:auto;
    font-weight:bold;
    color:#002e6a;
    font-size:15px;
    text-align:center;
    background:no-repeat url("../images/BTN.png") #fdf8da;
    background-size:100% 100%;
    border-radius:50px;
}
.submit_btn:hover {
    background:no-repeat url("../images/BTN.png") #fff;
    background-size:100% 100%;
}*/
.submit_btn {
    width:100%;
    max-width:256px;
    height:50px;
    line-height:50px;
    border:none;
    cursor:pointer;
    display:block;
    margin:auto;
    font-weight:bold;
    color:#fff;
    font-size:18px;
    text-align:center;
    border-radius:10px;
    background:#033570;
}
.submit_btn:hover {
    background:#006ff2;
}
.close_btn {
    background:#999;
}
.close_btn:hover {
    background:#ccc;
}
.clear_line { 
    clear:both;
    display:block;
    width:100%;
    height:0px;
}
.more_children {
    border:2px solid #fff;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    padding:0 25px;
    height:30px;
    line-height:30px;
    margin:10px 0;
    border-radius:5px;
}
.more_children:hover {
    background:#008ee0;
}
.event_select {
    display:block;
    padding:5px 0;
    font-size:17px;
}
.event_select input[type=checkbox] {
    width:16px;
    height:16px;
    vertical-align:middle;
}

.readonly , input[disabled], select:disabled , textarea:disabled {
    background:#ddd;
	color:#888;
    cursor: no-drop;
}
input:-moz-read-only , select:-moz-disabled  {
    background:#ddd;
	color:#888;
}
.select_data_show {
    display:block;
    width:100%;
    padding:0 8px;
    height:35px;
    line-height:35px;
    box-sizing:border-box;
    font-size:15px;
    border-radius:5px;
    border:1px solid #666;
    background:#ddd;
	color:#888;
    font-weight:normal;
    cursor: no-drop;
    text-shadow:none;
}
.readonly {
    pointer-events: none;
    background:#ddd;
	color:#888;
}
.radio_group label {
    display: inline-block;
    min-width: 130px;
    min-height: 35px;
    line-height: 35px;
    vertical-align: middle;
}
.radio_group label.event_time {
    padding:7px 0;
    min-height:20px;
}
.radio_group label.event_time p {
    display:block;
    margin:0 0 0 30px;
    line-height:20px;
    padding:0;
}
.radio_group label.event_time p span {
    display:inline-block;
    padding:0;
    margin:0;
    font-weight:normal;
    font-size:12px;
    color:#b40000;
    line-height:normal;
}
.radio_group label input {
    margin-right:7px;
}
.radio_group label.event_time input {
    margin-right:0px;
    float: left;
}
.radio_group label.course_full {
    cursor: no-drop;
}
.radio_group label.course_full b {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #999;
    /* position: absolute; */
    margin: 0 2px;
    border-radius: 20px;
    vertical-align: top;
    display: inline-block;
}
.radio_group label.event_time.course_full b {
    float: left;
}
.full_text {
    text-decoration:none;
    color:red;
    border:1px solid red;
    padding:2px 5px;
    font-size:13px;
    border-radius:2px;
}

.popup_group {
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    z-index:50;
    display:none;
    text-shadow:none;
}
.popup_content {
    display:block;
    width:90%;
 /*   height:80vh;
    margin:10% auto;
    margin:10vh auto;*/
    height:260px;
    margin:10% auto 0 auto;
    
    max-width:500px;
/*    background:no-repeat url("../images/popup_bg.png") #f8f0d8;*/
    background:#fff;
    background-size:100% 100%;
    box-sizing:border-box;
    padding:35px;
    box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.popup_content_box {
    overflow: auto;
    max-height: 100%;
    display: block;
    height: 100%;
    color: #002e6a;
    word-break: break-all; 
    max-height: 50vh;
    overflow: auto;
}
.popup_content_box a {
    color:#0055b9;
}
.popup_close {
    display:block;    
}
.popup_close span {
    float:right;
    margin:-25px;
    height:25px;
    width:25px;
    display:block;
    cursor:pointer;
}
.popup_close span img {
    display:block;
    height:25px;
    width:25px;
}
.popup_bg {
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    z-index:-1;
    background:rgba(0,0,0,0.5);
}
.btn_lr {
    display:block;
    text-align:center;
}
.btn_lr .submit_btn {
    width:49%;
    display:inline-block;
}
.btn_lr .submit_btn+.submit_btn {
    margin:0 0 0 2%;
}

.shadow_text_box {
    display:block;
    padding:15px 30px;
    background: rgba(0,35,90,0.7);
    border-radius: 20px;
}
.tnc {
    display:block;
    font-size:13px;
    margin:0 0 30px 0;
}
.tnc ol {
    font-size:12px;
}
.tnc a {
    color:#fff;
    text-decoration:none;
}
input[type=checkbox] {
    margin-right:5px;
}
input[type=checkbox]::before {
    content: '';
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #033570;
    background: #fff;
    position: absolute;
    margin: -5px;
    border-radius: 5px;
} 
input[type=checkbox]:checked::before {
    background:no-repeat url("../images/checked.png") #fff center;
    background-size:100% 100%;
} 

input[type=radio]::before {
    content:'';
    width:20px;
    height:20px;
    box-sizing:border-box;
    border:1px solid #333;
    background:#ededed;
    position:absolute;
    margin:-3px;
    border-radius:20px;
} 
input[type=radio]:checked::before {
    background:#134ca0;
    box-shadow: inset 0px 0px 0px 3px rgba(237,237,237,1);
} 
input[type=radio].radio_readonly:checked::before {
    background:#999;
} 
input[type=radio][disabled]::before {
    background:#ddd;
}
input[type=radio][disabled]:checked::before {
    background: #999;
}
.index_w_text {
/*    text-shadow:0 0 10px rgba(0,0,0,0.7);*/
    text-align:justify;
	text-justify:inter-ideograph;
}

.w_bg_box {
    display:block;
    margin:20px auto;
    max-width:300px;
    background:rgba(255,255,255,0.6);
    box-shadow: 0 0 15px 15px rgba(255,255,255,0.6);
    text-shadow:none;
}
.w_bg_box table {
    border-collapse:collapse; 
    border-spacing:0; 
    width:100%;
}
.w_bg_box table td {
    vertical-align:top;
    color:#002d5a;
    min-width: 75px;
}
.w_bg_box table td table td {
    min-width:50%;
}

.copy_right {
    display:block;
    background:#595959;
    color:#fff;
    font-size:11px;
    text-align:center;
    padding:20px 0;
}

.top_line {
    display:block;
    height:40px;
    text-align:center;
    background:repeat-x url("../images/line_bg_top.png") top;
}
.top_line {
    height:20px;
    text-align:center;
    background:none;
}
.top_line img {
    display:none;
    margin:auto;
}

.event_select_list {
    list-style:none;
    padding:10px 0;
    margin:0;
}
.event_select_list li {
    display:block;
/*    float:left;
    width:60%;*/
}
.event_select_list li+li {
 /*   width:40%;*/
}
.event_select_list .event_select {
    color: #033570;
    font-size:20px;
    font-weight: bold;
}
.thx_text {
    text-align:center;
    font-size:15px;
    padding:0 0 30px 0;
/*    background:no-repeat url("../images/heart.png") right top;
    background-size: 60px 60px;*/
}
.thx_text b {
    display:block;
    font-size:24px;
    color: #033570;
    line-height:2;
}

.bottom_line {
    display:block;
    height:40px;
    text-align:center;
    background:repeat-x url("../images/line_bg_bottom.png") top;
    margin:-40px 0 0 0;
}
.bottom_line img {
    display:block;
    margin:auto;
    cursor:pointer;
}
.location_title {
    display:block;
}
.location_title p {
    font-size:35px;
    color: #033570;
    float:left;
    display:block;
    text-align:center;
    font-weight:bold;
    width:33.33%;
    padding:0;
    margin:0;
}
.location_title p.title {
    width:33.33%;
}
.location_title p img {
    width:100%;
}
.map_div {
    display:block;
    padding:20px 0;
    text-align:center;
    font-weight:bold;
    font-size: 18px;
}

.map_div::before {
    background: no-repeat url('../images/map_icon2.png');
    content: '';
    float: left;
    background-size: 100%;
    width: 100px;
    height: 150px;
    position: absolute;
    margin: 350px 0 0 -350px;
}
.map_div::after {
    background: no-repeat url('../images/map_icon1.png');
    content: '';
    float: right;
    background-size: 100%;
    width: 100px;
    height: 150px;
    position: absolute;
    margin: -320px -300px 0 320px;
}
.map_div div.map {
    width:100%;
    max-width:600px;
    margin:10px auto;
    display:block;
    text-align:left;
}
.map_div div.map img {
    display:block;
    width:100%;
}

.car_parking {
    width:100%;
    max-width:600px;
    margin:auto;
    display:block;
}
.car_parking_left {
    display:block;
    float:left;
    width:50%;
}
.car_parking_right {
    display:block;
    float:left;
    width:50%;
    padding:0 0 0 15px;
    box-sizing:border-box;
    border-left:1px solid #ccc;
}

.car_parking_text {
    display:block;
    box-sizing:border-box;
    padding:15px 10px 5px 65px;
    min-height:60px;
}
.car_parking_text b {
    color: #033570;
    display:block;
    font-size:17px;
    line-height:1.6;
    padding:0 0 5px 0;
}
.car_parking_text img {
    width:50px;
    position:absolute;
    margin:-10px 0 0 -65px;
}
.car_parking_text ul {
    display:block;
    padding:0 0 0 20px;
    margin:0;
}
.two_column {
    -webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;
    display:block;
}
.blue_box {
    display:block;
    background:#1199c9;
    color:#fff;
    border-radius:15px;
    padding:15px;
    box-sizing:border-box;
    line-height:1.6;
    text-shadow:-1px 0 1px rgba(0,0,0,0.2);
}
.blue_box h2 {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#fff;
    padding:0;
    margin:0;
    width:35%;
}
.blue_box p {
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    padding:0;
    margin:0;
    width:65%;
}

.table_div {
    display:block;
    overflow-x:auto;
    overflow-x:scroll;
    max-width:100%;
}
.table_div table {
    width:100%;
    min-width:640px;
    border-collapse:collapse; 
    border-spacing:0;
    font-size:13px; 
}
.table_div table th {
    background:#aaa;
    color:#fff;
    padding:8px 10px;
    text-align:left;
    text-shadow:none;
}
.table_div table td {
    padding:8px 10px;
    text-align:left;
    border-bottom:1px dotted #aaa;
    min-width:100px;
}

.table_div::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height:8px;
    opacity:0.5;
}
.table_div::-webkit-scrollbar * {
    background:transparent; 
}
.table_div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
    border-radius: 10px;
}
.table_div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:rgba(0,55,120,0.5) !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3); 
}
.move_icon {
    display:none;
    width:40px;
}
.index_text {
    display:block;
    margin:auto;
    max-width:700px;
    width:90%;
    box-sizing:border-box;
    padding:30px 0;
    text-align:center;
    font-size:15px;
}
.index_text h1 {
    color:#b49c32;
    font-size:20px;
    padding:0;
    margin:0 0 10px 0;
}

.index_box1 {
    background:#fbcc62;
    display:block;
    color:#fff;
    padding:30px 50px;
    box-sizing:border-box;
    width: 100%;
    margin: 20px 0 20px -100px;
    transition-duration: 1s; 
    -webkit-transition-duration: 1s; 
    transform: translate(-100%,0);
    opacity:0;
} 
.index_box1.show {
    transform: translate(0,0);
    opacity:1;
}
.index_box1 h1 {
    font-size:20px;
    padding:0 0 15px 0;
    margin:0 auto 25px auto;
    border-bottom:1px solid #fff;
    display:block;
    width:75%;
    text-align:center;
}
.index_box1 p {
    display:block;
    padding:0 70px;
    margin:0;
    text-align:center;
}
.index_box1 .index_box_pic {
    float: right;
    margin: -40px -50% 0 0;
    width: 60%;
}
.event_photo_1group.index_box_pic_group {
    margin: -60px -40% 0 0;
}


.index_box2 {
    background:#2886ba;
    display:block;
    color:#fff;
    padding:30px 50px;
    box-sizing:border-box;
    width: 100%;
    margin: 20px -100px 20px 100px;
    transition-duration: 1s; 
    -webkit-transition-duration: 1s; 
    transform: translate(100%,0);
    opacity:0;
} 
.index_box2.show {
    transform: translate(0,0);
    opacity:1;
}
.index_box2 h1 {
    font-size: 21px;
    padding: 0 0 15px 0;
    margin: 0 auto 25px auto;
    border-bottom: 1px solid #fff;
    display: block;
    width: 70%;
    text-align: center;
}
.index_box2 p {
    display:block;
    padding:0 50px;
    margin:0;
    text-align:center;
}
.index_box2 .index_box_pic {
    float: left;
    margin: -35px 0 -300px -50%;
    width: 60%;
}

.video_group_top {
    margin: 40px 0 0 0;
    display:block;
    width:100%;
}
.video_group_bottom {
    margin:0 0 0 0;
    display:block;
    width:100%;
    position:absolute;
    z-index:5;
}
.video_group_top img , .video_group_bottom img{
    width:100%;
    height:auto;
    display:block;
}
.video_group {
    display: block;
    margin:0;
    padding:0;
    box-sizing:border-box;
    width:100%;
    min-height: 340px;
    position:absolute;
    overflow:hidden;
}
.video_group_bg {
    display:block;
    width:100%;
    min-height: 340px;
    background: #fff;
}
ul.video_list {
    padding:0;
    margin:auto;
    width:90%;
    max-width:300px;
    list-style:none;
    min-height:340px;
}
ul.video_list li {
    width:300px;
    height:340px;
    display:block;
    position:absolute;
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
    transform: translate(0,0) scale(0.3);
    opacity:0;
    z-index:1;
}
ul.video_list li p {
    display:block;
    padding:0;
    margin:0 auto;
    width:300px;
    height:300px;
    border-radius:100%;
    overflow:hidden;
}
ul.video_list li p::before {
    content:'';
    background:no-repeat url("../images/play_icon.png");
    background-size:100% 100%;
    width: 300px;
    height: 300px;
    display:block;
    position:absolute;
    opacity:0;
    border-radius:100%;
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
}
ul.video_list li img {
    width:100%;
    height:100%;
    display:block;
    transition-duration: 0.3s; 
    -webkit-transition-duration: 0.3s; 
}
ul.video_list li.show_c:hover img {
    margin:-10%;
    width:120%;
    height:120%;
}
ul.video_list li b {
    display:block;
    text-align:center;
    line-height:40px;
    color: #b49c32;
    font-size:20px;
    overflow:hidden;
}

ul.video_list li.show_l {
    transform: translate(-100%,0) scale(0.7);
    opacity:0.8;
    z-index:3;
}
ul.video_list li.show_c {
    transform: translate(0,0) scale(1);
    opacity:1;
    z-index:5;
    cursor:pointer;
}
ul.video_list li.show_c p::before {
    opacity:1;
}
ul.video_list li.show_r {
    transform: translate(100%,0) scale(0.7);
    opacity:0.8;
    z-index:3;
}
.video_btn {
    display:block;
    position:absolute;
    width:100%;
    height:0;
    z-index:50;
    margin:130px 0 0 0;
}
.video_btn p {
    display:block;
    margin:auto;
    max-width:920px;
    padding:0 5px;
    box-sizing:border-box;
}
.video_btn p span {
    display:block;
    width:40px;
    height:40px;
    cursor:pointer;
}
.video_btn p span img {
    display:block;
    width:100%;
    height:100%;
}
.video_btn p span.v_left_btn {
    float:left;
}
.video_btn p span.v_right_btn {
    float:right;
}
.right_btn {
    display: block;
    position:absolute; 
    right: 0px;
    margin:-70px 0 0 0;
    width: 110px;
    height:90px;
    padding: 10px 0;
    /* height: 50px; */
    z-index:100;
    overflow:hidden;
}
.right_btn.fixed {
    top: 0px;
    position: fixed;
    margin:-20px 0 0 0;
}
.right_btn a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    line-height: 25px;
    padding: 20px 15px 20px 0;
    color: #fff;
    text-align: center;
    background: #033570;
    border-radius: 55px / 45px;
    border: 2px solid #033570;
    box-sizing: border-box;
    width: 110px;
    height: 90px;
    margin: 0 -30px 0 30px;
    box-shadow:0 0 10px rgba(255,255,255,0.7);
} 
.right_btn a:hover {
    color: #033570;
    background:#fff;
} 

.index_master_group {
    display:block;
    background:repeat-y url("../images/index_bottom_bg3.jpg") top center;
    background-size:100% auto;
    margin:0 0 0 0;
    padding:110px 0 50px 0;
    padding-top:8vw;
}
.master_group_title {
    display:block;
    position:absolute;
    background:no-repeat url("../images/master_title_bg.png");
    background-size:100% 100%;
    color:#033570;
    font-size:25px;
    font-weight:bold;
    text-align:center;
    width:240px;
    height:45px;
    line-height:45px;
    left: 50%;
    margin: -45px 0 0 -120px;
    z-index: 50;
    border-radius:8px;
}
.master_div {
    display:block;
    width:100%;
    max-width:800px;
    margin:10px auto;
    color:#fff;
    font-size:15px;
    box-sizing:border-box;
}
.master_div img {
    display:block;
    width:25%;
    min-width:100px;
}
.master_clear {
    clear:both;
}
.master_title {
    display:block;
    padding:15px 0 25px 0;
}
.master_title b {
    font-size:21px;
    font-weight:blod;
    color: #b49c32;
    margin:0 10px 0 0;
}
.master_content {
    display:block;
    padding:0 0 20px 0;
    text-align:justify;
}
.master_div.left_style {
    text-align:left;
}
.master_div.left_style img {
    float:left;
    margin:0 30px 0 0;
}
.master_div.left_style .master_content {
    margin:0 0 0 115px;
}
.master_div.right_style {
    text-align:right;
}
.master_div.right_style img {
    float:right;
    margin:0 0 0 30px;
}
.master_div.right_style .master_content {
    margin:0 115px 0 0;
}

.master_div2_group {
    display:block;
    margin:auto;
    max-width:800px;
    box-sizing:border-box;
    padding:15px 10px;
}
.master_div2 {
}
.master_div2_main {
    display:block;
    width:50%;
    margin:10px auto;
    color:#fff;
    font-size:15px;
    box-sizing:border-box;
    float:left;
    cursor:pointer;
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
}
.master_div2_main img {
    display:block;
    width:25%;
    float:left;
    min-width:100px;
    border-radius:10px;
    margin:0 10px 0 0;
}
.master_div2_main .master_title {
    color:#fff;
}
.master_div2_main .master_title b {
    display:block;
    font-size:20px;
    line-height:1.5;
}
.master_div2 .master_content {
    background:rgba(0,0,0,0.4);
    padding:15px 20px;
    box-sizing:border-box;
    display:none;
    width:100%;
    clear:both;
    color:#fff;
    border-radius:10px;
    font-size:13px;
}
.master_div2 .master_content u {
    font-size:15px;
}
.master_div2 .master_content ul {
    padding:0 0 0 20px;
    margin:0;
}


.thx_title , .form_bg h3.thx_title {
    display:block;
    text-align:center;
    font-size:24px;
    color: #033570;
    background:no-repeat center url("../images/thx_title.png");
    margin:10px 0;
}
.thx_cevent_title {
    display:block;
    text-align:center;
}
.thx_cevent_title p {
    color: #033570;
    font-size: 21px;
    font-weight: bold;
    padding:5px 10px;
    margin:0 auto;
    border:2px solid #033570;
    display:inline-block;
    border-radius:8px;
}

.script_error {
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:red;
    color:#fff;
    padding:5px;
    margin:0;
    font-size:30px;
}
.event_des {
    display:none;
    background:#1199c9;
    padding:15px 20px;
    color:#fff;
    border-radius: 10px;
    text-shadow:none
}
.event_des_color2 {
    background: #fbcc62;
}
.event_des_title {
    display:block;
    text-align:center;
    color: #033570;
    line-height:1.4;
    font-size:20px;
    padding:7px 0;
    font-weight:bold;
    margin:0;
}
.event_des_title b {
    background:#fff;
    display:inline-block;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    border-radius:25px;
    margin:0 5px 0 0;
    vertical-align:middle;
}

.event_description_btn {
    display:block;
    text-align:right;
}
.event_description_btn span {
    width:47%;
    margin: 0 0 -30px 0;
    vertical-align: top;
    cursor:pointer;
    display: inline-block;
    background:#fff;
    height:auto;
    min-height:45px;
    padding:2px;
    box-sizing:border-box;
    -webkit-filter: grayscale(0.5);
}
.event_description_btn span:hover {
    -webkit-filter: grayscale(0);
}
.event_description_btn span img {
    display:block;
    width:100%;
    height:auto;
    opacity:0.5;
}
.event_description_btn span:hover img {
    opacity:1;
}
.event_description_btn span.selected img {
    opacity:1;
}
.event_description_btn span.event_description_btn1 {
    float:left;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    background: #ff962e;
}
.event_description_btn span.event_description_btn1.selected {
    box-shadow:4px 4px 0px rgba(225,95,0,1);
    -webkit-filter: grayscale(0);
 /*   border-bottom:3px solid rgba(255,150,45,1);
    border-right:3px solid rgba(255,150,45,1);*/
}
.event_description_btn span.event_description_btn2 {
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    background: #2886ba;
}
.event_description_btn span.event_description_btn2.selected {
    box-shadow:4px 4px 0px rgba(20,80,110,1);
    -webkit-filter: grayscale(0);
/*    border-bottom:3px solid rgba(20,80,110,1);
    border-right:3px solid rgba(20,80,110,1);*/
}
.blue_color {
    color:#033570;
    text-align:center;
    display:block;
    font-size:17px;
}
.event_description {
    display:block;
    background:#fff;
    margin:0 -20px;
    box-sizing:border-box;
    padding:5px 20px;
    font-size:13px;
}
.event_description::after {
    content:'';
    clear:both;
    display:block;
    width:100%;
    height:0px;
} 
.event_description table {
    border-collapse:collapse; 
    border-spacing:0; 
}
.event_description table td {
    vertical-align:top;
}
.event_description_bg_img {
    display:block;
    margin:0 -20px;
}
.event_description_bg_img img {
    display:block;
    width:100%;
    height:auto;
}

.time_popup_title {
    display:block;
    text-align:center;
    color:#1199c9;
    line-height:1.7;
    font-size:15px;
    border-bottom:2px dotted #1199c9;
    margin:0 0 5px 0;
}
.time_popup_btn {
    display: block;
    cursor: pointer;
    padding: 3px 10px 3px 20px;
    background: no-repeat url("../images/time_icon.png") 0 4px;
    background-size: 16px 16px;
} 
.event2_time_list {
    display:block;
    padding:8px;
}
img.event_photo_1 {
    float:right;
    margin:0 -50px 0 0;
    width:45%;
}
.event_photo_1group {
    float:right;
    margin:-10px -50px 0 15px;
    width:35%;
}
.event_photo_1group img {
    display:block;
    width:100%;
    margin:0 0 -35px 0;
}
.event_photo_1group img+img {
    margin:0;
    margin-bottom: -40px;
    z-index: 50;
    position: relative;
}
img.event_photo_2 {
    float:left;
    margin:0 0 0 -50px;
    width:45%;
}

.time_list_table {
    font-size:15px;
    margin:auto;
}
.time_list_table tr td {
    vertical-align:top;
    padding:0 10px;
    text-align:right;
}
.time_list_table tr td+td {
    text-align:left;
}
img.other_icon1 {
    position: absolute;
    top: 680px;
    left: 50%;
    margin: 0 0 0 330px;
    width: 80px;
}
img.other_icon2 {
    position: absolute;
    top: 880px;
    left: 50%;
    margin: 0 0 0 -435px;
    width: 80px;
}
img.other_icon3 {
    position: absolute;
    top: 880px;
    left: 50%;
    margin: 0 0 0 330px;
    width: 120px;
}
img.other_icon4 {
    position: absolute;
    top: 670px;
    left: 50%;
    margin: 0 0 0 -430px;
    width: 80px;
}
.event_des_title_img {
    width: 100%;
    display: block;
    margin: 5px auto;
    max-width: 320px;
}

.user_information {
    display:block;
    padding:0;
    margin:0;
    list-style:none;
}
.user_information li {
    padding:5px 0;
    margin:0;
    box-sizing:border-box;
    clear: both;
}
.user_information li.w50 {
    width:50%;
    float:left;
    padding:5px 5px 5px 0;
    clear:none;
}
.user_information li.w50+li.w50 {
    padding:5px 0 5px 5px;
}

.add_people_btn {
    display:block;
    height:45px;
    padding:10px 0 0 0;
    cursor:pointer;
}
.add_people_div {
    display:block;
    clear:both;
}
.delete_people_btn {
    display:none;
}
.delete_people_btn img {
    display: block;
    float: left;
    width: 45px;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

.lang_btn {
    position:absolute;
    top:0;
    background:#b49c32;
    color:#fff;
    padding:0 10px;
    border-radius:0 0 5px 5px;
}
.lang_btn a {
    color:#ebd787;
    text-decoration:none;
    font-size:13px;
    line-height:22px;
    padding:0 2px;
}
.lang_btn a.selected {
    color:#fff;
}


@media screen and (max-width: 800px){
.event_select_list li , .event_select_list li+li {
    float:none;
    width:100%;
}
.map_div::after {
    display:none;
}
}

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

.move_icon {
/*    display:block;*/
    margin: 0 0 5px auto;
}
.table_div {
    overflow: scroll;
    overflow-y: hidden;
}


.form_bg {
    border-radius:25px;
    padding:15px 5px;
}
.form_bg h1 {
    font-size: 25px;
}

ul.form_list li.w50 {
    width:100%;
    padding:7px 0 0 0;
}
ul.form_list li.w50+li.w50 {
    padding:0 0 7px 0;
}
ul.form_list li.w50+li.w50 span {
    line-height: 25px;
}

.top_banner img {
    width:140%;
    margin:0 -20%;
}

.location_title p {
    width:30%;
}
.location_title p.title {
    width:40%;
}


.map_div::before {
    background:none;
    width: 0px;
    height: 0px;
    margin:0;
    display:none;
}
.map_div::after {
    background:none;
    width: 0px;
    height: 0px;
    margin:0;
    display:none;
}

.car_parking_left {
    float:none;
    width:100%;
}
.car_parking_right {
    float:none;
    width:100%;
    padding:0;
    border-left:0px solid #ccc;
}

.blue_box h2 {
    display:block;
    width:100%;
}
.blue_box p {
    display:block;
    width:100%;
}
.car_parking_text b {
    font-size: 18px;
    line-height: 1.6;
}
.location_title p {
    font-size:28px;
}

.master_title {
    padding: 5px 0 10px 0;
}
.master_div.left_style {
    padding:0 10px 0 0;
}
.master_div.left_style img {
    margin:0 15px 0 0;
}
.master_div.right_style {
    padding:0 0 0 10px;
}
.master_div.right_style img {
    margin:0 0 0 15px;
}

.map_div::before {
    display:none;
}
.map_div::after {
    display:none;
}

.index_box1 {
    margin:20px 0;
    padding:30px;
}
.index_box1 h1 {
    display:100%;
}
.index_box1 p {
    padding:0;
}
.index_box1 .index_box_pic {
    margin:-60px 0 0 0;
    width:100%;
    float:none;
}
.index_box2 {
    margin:20px 0;
    padding:30px;
}
.index_box2 h1 {
    display:100%;
}
.index_box2 p {
    padding:0;
}
.index_box2 .index_box_pic {
    margin:-60px 0 0 0;
    width:100%;
    float:none;
}

.master_div2_main {
    width:100%;
    max-width:340px;
    float:none;
}
.master_div2:nth-child(even) .master_div2_main {
    text-align:right;
}
.master_div2:nth-child(even) .master_div2_main img {
    float: right;
    margin:0 0 0 10px;
}

img.other_icon1, img.other_icon2, img.other_icon3, img.other_icon4 {
    display:none;
}
img.event_photo_1 {
    float: none;
    margin: auto;
    width: 80%;
    display: block;
}

img.event_photo_2 {
    float: none;
    margin: auto;
    width: 80%;
    display: block;
}

.event_photo_1group {
    float:none;
    margin:0;
    width:100%;
}
.event_photo_1group::after {
    content: '';
    clear: both;
    display: block;
    width: 100%;
    height: 0px;
}
.event_photo_1group img {
    display: block;
    float: left;
    width:52%;
    margin:0 -6% 0 0;
}
.event_photo_1group img+img {
    margin:0;
    position:inherit;
}


}



@media screen and (max-width: 480px){
ul.form_list li span {
    position:inherit;
    text-align:left;
}
ul.form_list li p {
    margin: 0;
}
.all {
    background-size: 480px auto;
}
.form_bg h1 {
    font-size: 20px;
}
.popup_content_box {
    margin:0 -15px;
}

.location_title p {
    width:25%;
}
.location_title p.title {
    width:50%;
}

.two_column {
    -webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;
    display:block;
}

ul.video_list li p {
    width:280px;
    height:280px;
}
ul.video_list li p::before {
    width:280px;
    height:280px;
}
.event_description_btn {
    margin:0 -10px;
}
.event_description_btn img {
    margin:0 0 -10px 0;
}
.right_btn a {
    transform: scale(0.7);
    transform-origin: 100% 0;
    width: 100px;
    border-radius: 100%;
}
.index_box1 h1 , .index_box2 h1 {
    width:100%;
    font-size:18px;
}
.event_select_list .event_select {
    font-size:15px;
}

}


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

.w_bg_box table td table td {
    display:block;
}

.event_select_list li .event_select {
    font-size:18px;
}

}