﻿

/* Generic Styling */
a{ color:#39c; text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border: 0;}

input[type=url], input[type=password], input[type=text], input[type=email], input[type=reset], input[type=button], input[type=submit], button, textarea{
     -webkit-appearance: none;
     -webkit-border-radius: 0;
}

*{
     -webkit-font-smoothing: subpixel-antialiased;
}

body{ font-size:14px; color:#333; font-family: 'Lato', sans-serif; font-weight: 400; margin: 0; padding: 0; min-width: 980px;-webkit-text-size-adjust: none; }


#header{ width: 100%; position: relative; margin-bottom: 60px;}

#header.header_home .head_row{ background: url(../images/header_bg1.png); position: absolute; width: 100%; left: 0; top: 0;}
#header.header_home .head_txt{display: none;}
#header.header_home .logo_shadow{ display: block;}
#header.header_home .logo{ background: url(../images/logo1.png) 0 0 no-repeat; width: 120px; height: 120px; left: 5px; top: 14px;}
#header.header_home .nav{ float: left;}
#header.header_home .nav li{margin: 0 15px 0 0;}
#header.header_home .nav li li{ margin: 0;}
#header.header_home .tel{ color: #fff; background: url(../images/ico_tel1.png) 0 4px no-repeat;}
#header.header_home .search_form input[type=text]{ border: 1px #fff solid;}

	.head_row{ height: 80px; position: relative; z-index: 6;}
	.head_row_inside{ width: 940px; margin: 0 auto; position: relative;}
	.head_row_inside:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.logo_shadow{position: absolute; background: url(../images/header_bg2.png) 0 0 no-repeat; width: 130px; height: 60px; left: 0; top: 80px; z-index: 2; display: none;}
		.logo{ position: absolute; background: url(../images/logo2.png) 0 0 no-repeat; width: 130px; height: 130px; text-indent: -9999px; overflow: hidden; left: 5px; top: 10px; z-index: 15;}
		.head_txt{position: absolute; left: 172px; top: 38px; font-size: 24px; font-family: 'Oswald', sans-serif; color: #000;}
		.head_panel{ float: right; width: 220px; padding-top: 12px;}
			.tel{ float: left; font-size: 16px; color:#666; padding-left: 20px; background: url(../images/ico_tel2.png) 0 5px no-repeat;}
			.ico_facebook{float: right; margin-bottom: 8px;}
			.search_form{ width: 220px; overflow: hidden; position: relative;}
			.search_form input[type=text]{ width: 178px; height: 28px; line-height: 28px; padding: 0 30px 0 10px; border: 0; font-size: 14px; color: #999; font-family: 'Lato', sans-serif; border: 1px #ccc solid;}
			.search_form input[type=submit]{ position: absolute; background: url(../images/ico_search.png) center center no-repeat; width: 28px; height: 30px; border: 0; cursor: pointer; right: 0; top: 0;}



	.nav_row{ width: 100%; height: 60px; line-height: 60px; background: #000033; position: absolute; left: 0; bottom: -60px; z-index: 5;}
	.nav_row_inside{ width: 940px; margin: 0 auto;}
	.nav{ float: right; margin: 0; padding: 0;}
	.nav li{ float: left; margin: 0; margin-left: 17px; padding: 0; list-style: none; position: relative;}
	.nav li a.lev1{ font-size: 24px; color: #6cf; font-weight: 300;}
	.nav li.on a.lev1,
	.nav li a.lev1:hover{ color: #fff; text-decoration: none;}
	.nav li.highlight a.lev1,
	.nav li.highlight a.lev1:hover{color: #99ff33;}

	.nav li:hover .sub_nav{display: block;}

	.sub_nav{ position: absolute; left: -73px; top: 57px; z-index: 999; width: 220px; background: #3399cc; display: none;
		-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, .15);
		-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, .15);
		box-shadow: 5px 5px 0 rgba(0, 0, 0, .15);}
	.sub_nav .ico_arrow{ background: url(../images/ico_arrow1.png) 0 0 no-repeat; width: 12px; height: 10px; text-indent: -9999px; overflow: hidden; left: 50%; top: -10px; margin-left: -6px; position: absolute;}
	.sub_nav ul{margin: 0; padding: 1px 0 0;}
	.sub_nav li{ float: none; height: auto; margin: 0; list-style: none;}
	.sub_nav li a{ font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #fff; display: block; font-weight: 700; line-height: normal; padding: 9px 20px;}
	.sub_nav li a:hover{ background-color: #000033; text-decoration: none;}



	.slider{ position: relative; z-index: 4; width: 100%;}
	.slider ul{margin: 0; padding: 0;}
	.slider li{margin: 0; padding: 0; position: relative;}
	.slider li img{ width: 100%; height: auto;}
		.flex-viewport{width: 100%;}
		.sli_txt{ width: 940px; position: absolute; left: 50%; bottom: 20%; margin-left: -470px; color: #fff;}
		.sli_txt .sli_txt_inside{ width: 450px;}
		.sli_txt p{font-size: 36px; font-weight: 300; text-shadow:1px 1px 2px #000000;}
		.sli_txt a{font-weight: 700; font-size: 18px; color: #c60; background: #fff; padding: 15px 37px;}
	
		.flex-control-nav{margin: 0; padding: 0; position: absolute; text-align: center; left: 0; bottom: 20px; z-index: 10; width: 100%;}
		.flex-control-nav li{margin: 0; padding: 0; list-style: none; display: inline-block;}
		.flex-control-nav li a{ display: inline-block; background: url(../images/sli_dots.png) -20px 0 no-repeat; width: 20px; height: 20px; font-size: 0; margin: 0 5px; cursor: pointer;}
		.flex-control-nav li a.flex-active{ background-position: 0 0;}
		
		.flex-direction-nav li{position: static; height:0}
		.flex-direction-nav a{ background: url(../images/sli_arrows.png) 0 0 no-repeat; width: 16px; height: 23px; position: absolute; text-indent: -9999px; overflow: hidden; top: 60%; opacity: 0.25; filter:alpha(opacity=25);}
		.flex-direction-nav a:hover{ opacity: 1; filter:alpha(opacity=100);}
		.flex-direction-nav a.flex-prev{left: 28px;}
		.flex-direction-nav a.flex-next{right: 28px; background-position: -16px 0;}




#content{ width: 940px; margin: 0 auto; padding-top: 35px;}
#content p {line-height:20px;}
#content ul li {margin-bottom:14px;}
#maincontent {float:left; width:680px; padding-right:38px; border-right:1px solid #CACACA; min-height:300px;}
#side {float:right;width:202px;}

#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.intro_block{ float: left; width: 445px;}
	.intro_block h1{color: #c60; font-weight: 700; font-size: 30px; margin: 0; margin-bottom: 20px;}
	.intro_block p{ margin: 0; margin-bottom: 30px; font-size: 16px; color: #333; line-height: 1.5;}

	
	
	.news_list{ padding: 0; margin: 0 -10px;}
	.news_list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.news_list li{ float: left; width: 220px; margin: 0 10px; padding: 0; list-style: none;}
	.news_list li.line{ float: none; width: 100%; padding-top: 30px; border-bottom: 1px #ccc solid; margin-bottom: 30px; clear: both;}
	.news_list li .news_title{ font-size: 18px; font-weight: 700; line-height: 1.2; margin-bottom: 3px;}
	.news_list li .news_info{ font-size: 12px; color: #333; width: 100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px #ccc solid;}
	.news_list li .news_info span{ display: block;}
	.news_list li .news_info a{ float: right; width: 28px; height: 24px; background: url(../images/ico_date.png) right 0 no-repeat; border-left: 1px #ccc solid;}
	.news_list li p{ margin-bottom: 20px; p0}

		a.more{ background: #39c; color: #fff; font-size: 12px; padding: 4px 12px 5px; -webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;}

		a.more2{ padding: 7px 22px; font-size: 14px; font-weight: 700;}

	.home_news_list{ float: right; width: 240px;}
	

#footer{ width: 940px; margin: 30px auto 0; overflow: hidden; padding: 28px 0 50px; border-top: 1px #ccc solid;}
	.foot_col{ float: left; width: 240px;}
	.foot_col .foot_title{ font-weight: bold; color: #c93;}
	.foot_col p{ margin: 0; margin-bottom: 0; color: #666; line-height: 1.34;}
	.foot_col p.ico_tel{ padding-left: 18px; background: url(../images/ico_tel2.png) 0 center no-repeat;}
	.foot_col p.ico_fax{ padding-left: 18px; background: url(../images/ico_fax.png) 0 center no-repeat;}
	
	.foot_col_last{width: 220px;}
	.signup_form{ width: 100%; position: relative; margin: 4px 0 12px;}
	.signup_form input[type=text]{ width: 180px; padding: 0 30px 0 10px; border: 0; height: 30px; line-height: 30px; background-color: #eee; font-family: 'Lato', sans-serif; color: #999; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.signup_form input[type=submit]{ position: absolute; width: 30px; height: 30px; background: url(../images/ico_search.png) center center no-repeat; right: 0; top: 0; cursor: pointer; border: 0; background-color: transparent;}
	
	.foot_logo{ float: left;}
	.copyright{ float: right; padding-top: 10px;}



/*-----------n&e page--------------*/
.banner{ height: 190px;}
.banner1{background: #56a3c8 url(../images/banner_about.jpg) center 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
	.banner_inner_wrap{z-index:2; position:absolute;width:100%;}
	.banner_inner{ width: 940px; margin: 0 auto;}
	h2{ padding-top: 50px; margin: 0; color: #fff;}
	h2 span{ display: block; font-size: 18px; font-weight: 300; text-transform: uppercase;}
	h2 strong{display: block; font-size: 48px; font-weight: 700;}

/*-----------staff page--------------*/
.banner2 {background: #56a3c8 url(../images/banner_rc.jpg) center 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.bannerhead {background: #56a3c8  center 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
h3{ font-size: 30px; font-weight: 700; color: #c60; margin:0 0 10px;}
.staff_list{ margin: 0 -10px 10px; padding: 0;}
.staff_list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.staff_list li{float: left; width: 220px; height: 280px; margin: 0 10px; padding: 0; list-style: none;}
.staff_list li a{ display: block;}
.staff_list li a:hover{text-decoration: none;}
.staff_list li strong{ display: block; font-size: 16px; color: #39c; margin-top: 3px;}
.staff_list li span{ display: block; font-size: 13px; color: #999;}

.staff_list2{margin: 0 -15px 10px -5px; padding: 0;}
.staff_list2:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.staff_list2 li{ float: left; width: 150px; margin: 0 5px; height: 60px; list-style: none;}
.staff_list2 li a{ display: block;}
.staff_list2 li a:hover{text-decoration: none;}
.staff_list2 li strong{ display: block; font-size: 16px; color: #39c; line-height: 1.0;}
.staff_list2 li span{ display: block;  font-size: 13px; color: #999; padding-right: 10px;}


/*-----------staff page--------------*/
.staff_col1{ float: left; width: 110px;}
	.s_list1{ padding: 0; margin: -3px 0 0;}
	.s_list1 li{ margin:0 0 20px; padding: 0; list-style: none;}
	.s_list1 li a{ padding-left: 20px; font-size: 16px; color: #6cf; font-weight: 700; text-decoration: none;}
	.s_list1 li.on a{ background: url(../images/ico_arrow2.png) 0 3px no-repeat; color: #c93;}

.staff_col2{ float: left; width: 290px; border-left: 1px #ccc solid;}
	.s_list2{ padding: 0; margin: -4px 0 0; position: relative; left: -1px;}
	.s_list2 li{ margin:0 0 10px; padding: 0; list-style: none;}
	.s_list2 li a{ display: block; padding-left: 20px; text-decoration: none;}
	.s_list2 li a strong{ font-size: 16px; color: #39c; display: block;}
	.s_list2 li a span{ font-size: 13px; color: #999;}
	.s_list2 li.on a{ background: url(../images/ico_arrow2.png) 0 3px no-repeat;}
	.s_list2 li.on a strong{ color: #c93;}

.staff_col3{ float: right; width: 500px; padding-left: 35px; border-left: 1px #ccc solid;}
.staff_col3 p{font-size: 16px; color: #333; margin:0 0 20px; line-height: 1.6;}
.staff_col3 img{float: left; margin: 6px 20px 20px 0;}
	h4{ font-size: 24px; color: #999; font-weight: 300; margin: 0 0 20px;}
	h4 strong{font-size: 30px; color: #cc6600; font-weight: 700; display: block;}
	h5{font-size: 16px; font-weight: 700; margin: 0; padding: 0;}
	
.boxpos {
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
}
.msgbox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	background:#9A3334;
	color:#FFF;
	text-align: center;
}
.msgboxok {
	text-align:left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	background:#7CB100;
	color:#FFF;
	text-align: center;
}	


#contactform input[type=text], #contactform input[type=password], #contactform textarea, #contactform select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
#contactform input[type=text], #contactform input[type=password], #contactform select {
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	padding:6px 4px;
	width:220px;
}
#contactform select {
	width:310px;
}
#contactform textarea {
	resize:none;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	color:#666;
	padding:4px 4px;
	width:220px;
}
#contactform label {
	cursor:pointer;
}
#contactform label.error {
	float:right;
	width:auto;
	color:#FFF;
	font-size:10px;
	background-color:#9A3334;
	margin: 0px 0px 0px 6px;
	padding: 7px 4px 5px 4px;
	font-weight: normal;
}
 #contactform input::-moz-focus-inner {
 border: 0;
}
#contactform input[type=submit]:hover {
	background:#CCC;
	cursor:pointer;
}
#contactform input[type=submit][disabled=disabled] {
	background:url(../images/bg_submit_disabled.png) repeat-x;
}
#contactform input.srch {
	color:#999;
	width:360px;
}


a.btn_more {background:#3398CC; padding: 5px 8px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color:#FFF;}
a.btn_more:hover {text-decoration:none;background:#2D85B5;}
.side_title {color:#C79441; margin-bottom:20px; font-weight:700;font-size:16px;}
ul.side_list {margin:0; padding:0; list-style:none;}
.news_date {color:#666; font-size:11px;}

.tab_box{ width:100%;}
	.tab_list{ width:100%; margin:0; padding:0; list-style:none; border-bottom:1px #ccc solid; height:29px;}
	.tab_list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.tab_list li{ float:left; margin-right:2px;}
	.tab_list li a{ float:left; padding:6px 30px 6px 30px; color:#FFF;  position:relative; background:#09C;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	}
	.tab_list li a:hover{ background:#8BCCEC; color:#333;}
	.tab_list li a span{ position:absolute; display:none; width:14px; height:13px; background:url(../images/ico_arrow4.gif) 0 0 no-repeat; bottom:-28px; left:50%; margin-left:-5px;}
	.tab_list li.on a span{ display:block;}
	.tab_list li.on a{ color:#333; font-weight:bold;background:#8BCCEC;}
	.tab_list li a:hover{ text-decoration:none;}
	
	.logo_box{ width:100%; overflow:hidden;}
	.logo_box ul{ width:650px; overflow:hidden; margin:0; padding:0 0 15px 0; list-style:none;}
	.logo_box ul li{ float:left; width:198px; border:1px #ccc solid; margin:0 15px 15px 0;}
	
	
		
/*--------------------------------buy_tickets------------------------------------------------------*/
.tickets_form{ width:100%; overflow:hidden; margin:0; padding:0 0 40px 0; border:0;}
.tickets_form fieldset{ margin:0; padding:0; border:0;}
.tickets_form .input_submit, .input_submit2{ float:right; width:160px; height:30px; line-height:30px; background:#6699CC; font-size:14px; color:#fff; font-weight:bold; cursor:pointer; border:0;
						     -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
							 -moz-box-shadow:0 2px 0  rgba(0, 0, 0, .3); -o-box-shadow:0 2px 0  rgba(0, 0, 0, .3);
							 -webkit-box-shadow:0 2px 0  rgba(0, 0, 0, .3); box-shadow:0 2px 0  rgba(0, 0, 0, .3);}
	.form_title{ width:100%; overflow:hidden; border-bottom:1px #ccc solid; padding-bottom:12px; margin-bottom:16px;}
	.form_title span{ float:left; color:#37659D; }
	.form_title strong{ float:right; font-size:11px; color:#999; font-weight:normal; position:relative; top:5px;}
	
	.form_box{ width:100%; padding-bottom:15px;}
		.form_row{ width:100%; overflow:hidden; margin-bottom:10px;}
		.form_row label{ float:left; width:127px; line-height:25px; font-size:12px; font-weight:bold; text-align:right; margin-right:13px; line-height:16px;}
		.form_row label.label2{ width:58px; margin-right:18px;}
		.form_row .input_txt,
		.form_row2 .input_txt{ float:left; height:23px; line-height:23px; border:1px #ccc solid; padding:0 10px; font-size:13px; color:#333; font-family:Arial, Helvetica, sans-serif; }
		.form_row .input_txt1{ width:183px;}
		.form_row .input_txt2{ width:288px;}
		.form_row .input_txt3{ width:488px;}
		.form_row .input_txt4{ float:right; width:488px; margin-top:10px;}
		.form_row .input_txt5{ width:208px;}
		.form_row .input_txt6{ width:58px;}
		.form_row select{ float:left; width:48px; height:23px; border:1px #ccc solid;}
		
		.form_row2{ width:100%; overflow:hidden; line-height:25px; font-size:13px; color:#333; font-weight:bold; margin-bottom:20px;}
		.form_row2 .input_txt{ width:18px; text-align:right; margin-right:8px;}
		.form_row2 span{ float:left;}
		.form_row2 strong{ float:right;}
		
		.check_row{ width:100%; overflow:hidden; margin-bottom:16px; border-bottom:1px #ccc solid; padding-bottom:10px;}
		.check_row .input_checkbox{ float:left; width:15px; height:15px; padding:0; margin:0 5px 0 0;}
		.check_row label{ float:left; line-height:15px; font-size:13px; color:#333;}
		
		.total_row{ width:100%; overflow:hidden; margin-bottom:9px; border-bottom:1px #ccc solid; padding:5px 0 12px; font-size:18px; color:#333; font-weight:bold;}
		.total_row span{ float:left;}
		.total_row strong{ float:right;}
		
		a.lightbutton {
    background: none repeat scroll 0 0 #6699CC;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    width: 160px;
	padding:4px 10px;
}

a.lightbutton:hover {text-decoration:none;    background: none repeat scroll 0 0 #22639A;}

.pagenav {
	margin-top:30px;
	margin-right:0;
	line-height: 24px;
	font-size: 1.0em;
	clear: both;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
	text-decoration: none;
}
.pagenav a, .pagenav .current {
	padding: 3px 7px;
	border: 1px solid #999;
	background: #F2F2F2;
	color: #333;
	margin-left: 3px;
	line-height:30px;
	text-decoration: none;
}
.pagenav a:hover {
	color: #FFF;
	background: #3399CC;
}
 .pagenav .current {
	color: #FFF;
	background: #3399CC;
}