@charset "utf-8";
/* CSS Document */
body{padding:0;
margin: 0px;
}
@font-face{
	src: url(../fonts/Roboto-Light.ttf);
	font-family:Roboto-Light ;
}
@font-face{
	src: url(../fonts/Roboto-Bold.ttf);
	font-family:Roboto-Bold ;
}
@font-face{
	src:url(../fonts/Roboto-Thin.ttf);
	font-family:Roboto-Thin ;
}
@font-face{
	src: url(../fonts/Roboto-Medium.ttf);
	font-family:Roboto-Medium;
}
@font-face{
	src: url(../fonts/Roboto-Black.ttf);
	font-family:Roboto-Black;
}
@font-face{
	src: url(../fonts/Roboto-Regular.ttf);
	font-family:Roboto-Regular;
}
a:hover, a:focus {
	color: #006699;
	text-decoration: none!important;
	font-family: "微軟正黑體", Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	display: table-row;
}
header {
    background: #fff;
    padding: 15px 0;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
.navbar {
    border-radius: 4px;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #bf1e2e!important;
    background-color: transparent;
}
.navbar-nav > li > a {
    font-size: 15px;
    font-weight: normal;
	color: #000!important;
	font-family:Roboto-Light!important ;
}
.navbar-nav {
    float: right;
}
.banner-sec{
	background-image:url(../images/banner.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 30px
}
.banner-text h3 {
    color: #fff;
    font-family: Roboto-Bold;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
	margin-top: 0px;
}
.banner-text h1 {
 text-align: center;
    color: #fff;
    font-size: 37px;
    font-family: Roboto-Thin;
    line-height: 47px;
	margin-top: 10px;

}
.banner-text {

}
a.reser-btn {
    background: #9d1e37;
    color: #fff;
    font-size: 18px;
    padding: 12px 35px;
    text-align: center;
    margin: 0 auto;
    display: table;
    text-transform: uppercase;
    font-family: Roboto-Medium;
}
a.reser-btn {
    background: #9d1e37;
    color: #ffffff;
    font-size: 18px;
    padding: 12px 45px;
    text-align: center;
    margin: 0 auto;
    display: table;
    text-transform: uppercase;
    font-family: Roboto-Medium;
    border-bottom: 5px solid #581330;
    border-radius: 5px;
    margin-top: 30px;
}
span.ba {
    margin: 0 auto;
    display: table;
    position: relative;
}
span.ba:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #e1283e;
    width: 81px;
    left: 19px;
    margin-top: 5px;
}
span.ba:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #3a78dd;
    width: 81px;
    right: 22px;
    margin-top: -6px;
}
.blue-bg {
    background-image: url(../images/blue-bg.jpg);
    height:auto ;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0 30px;
}
.map-text p {
    color: #011a43;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    padding-bottom: 20px;
	font-family:Roboto-Light ;
}
.map-img img {
    margin-top: 8px;
    width: 93%;
}
.grey-bg {
    background-image: url(../images/grey-bg.jpg);
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0;
}
.grey-bg h2 {
    font-family: Roboto-Light;
    font-size: 25px;
    text-align: center;
    margin-top: 0;
    color: #000;
}
.grey-bg span.ba:before {
    border-bottom: 1px solid #c8c8c8;
}
.grey-bg span.ba:after {
    border-bottom: 1px solid #c8c8c8;
}
.grey-bg span.ba {
    margin: 0 auto 35px;
}
.box {
    background: #fff;
    padding: 30px 17px;
    border-top: 3px solid #bf1e2e;
    min-height: 245px;
}
.box img{
	margin: 0 auto;
}
.box p {
    text-align: center;
    font-size: 15px;
	line-height: 1.2;
	font-family:Roboto-Light ;
	color: #000;
}

hr {
    margin-top: 17px!important;
    margin-bottom: 15px!important;
    border: 0;
    border-top: 1px solid #cccccc!important;
    width: 60%;
}
.grey-bg .col-md-3 {
    width: 25%;
    padding-right: 4px;
    padding-left: 4px;
}
.clearfix.padd-top {
    padding-top: 7px;
}
.box.coin {
    background: transparent;
    position: absolute;
    border: none;
    width: 400px;
    left: -24px;
    z-index: 9;
}
.box.coin img {
    margin-top: 40px;
}
.white-bg{
	background: #fff;
	padding: 50px 0;
}
.white-bg h2 {
    font-family: Roboto-Light;
    font-size: 25px;
    text-align: center;
    margin-top: 0;
    color: #000;
}
.white-bg  span.ba:before {
    border-bottom: 1px solid #c8c8c8;
}
.white-bg  span.ba:after {
    border-bottom: 1px solid #c8c8c8;
}
.tabs {
}
.tabs input[type=radio] {
  display: none; 
}
.tabs label {
  transition: background 0.4s ease-in-out, height 0.2s linear;
  display: inline-block;
  cursor: pointer;
  color: #2EBEB9;
  width: 20%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #FCFCFC;
  text-align: center;
  line-height: 3em; 
}
.tabs label:last-of-type {
  border-bottom: none; 
}


.tabs label {
    width: 24%;
    background: #fff7ca;
    color: #000;
    padding: 44px 31px 0;
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
    font-family: Roboto-Light;
    min-height: 142px;
    border: 1px solid #ede7c8;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 44px;
    z-index: 999;
}

@media screen and (max-width: 900px) {
.tabs label {
  width: 100%; 
  } 
}
@media screen and (max-width: 600px) {
.tabs label {
  width: 100%;
  display: block;
  border-bottom: 2px solid #C7C6C4;
  border-radius: 0; 
} 
}
@media screen and (max-width: 600px) {
.tabs {
  margin: 0; 
} 
}

#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label, #tab5:checked + label {
    background: #fff7ca;
    color: #000;
    /*padding: 20px 31px;*/
    text-align: center;
line-height: 1.2}

.tab-content {
  position: absolute;
  top: -9999px;
  padding: 10px; 
}

.tab-content-wrapper {
    background: transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    float: left;
    width: 100%;
}
@media screen and (max-width: 600px) {
.tab-content-wrapper, .tab1-content-wrapper {
  border: none;
  border-radius: 0; 
} 
}

#tab1:checked ~ .tab-content-wrapper #tab-content-1, #tab2:checked ~ .tab-content-wrapper #tab-content-2, #tab3:checked ~ .tab-content-wrapper #tab-content-3, #tab4:checked ~ .tab-content-wrapper  #tab-content-4, #tab5:checked ~ .tab-content-wrapper  #tab-content-5 {
  position: relative;
  top: 0px;
 }
.tabs {
    margin-top: 40px;
    width: 86%;
    margin: 40px auto 0;
    display: table;
}
#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label, +#tab5:checked + label {
background: #fff7ca;
    color: #000;
    padding: 44px 31px 0;
    text-align: center;
    line-height: 21px;
    font-size: 15px;
    font-family: Roboto-Light;
    min-height: 116px;
    border: 1px solid #ede7c8;
    position: relative;
}
label strong {
	font-family: Roboto-Bold;
}
img.img-responsive.dio-img {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
label.arrow:after {
    position: absolute;
    border-left: 11px solid transparent;
    content: '';
    border-right: 11px solid transparent;
    border-top: 11px solid #fff7ca;
    border-bottom: 13px solid transparent;
    bottom: -24px;
    left: 26px;
}
label.arrow:before {
    bottom: -8px;
    position: absolute;
    content: '';
    z-index: 99;
    border-top: 1px solid #fff7ca;
    width: 14px;
    height: 15px;
    left: 31px;
    border-bottom: 1px solid #ede7c8;
    border-left: 1px solid #fff7ca;
    border-right: 1px solid #ede7c8;
    transform: rotate(47deg);
}
.orange-bg {
    background-image: url(../images/orange-bg.png);
    height: 245px;
    background-repeat: no-repeat;
    margin-top: -222px;
    background-size: cover;
}
	.tabs p {
    text-align: center;
    color: #fff;
    font-size: 15px;
		    z-index: 9;
    line-height: 21px;
		 font-family: Roboto-Light;
}
	section.o-bg {
    position: relative;
}
a.reser-btn1 {
    background: #ffbb51;
    color: #cf381f;
    font-size: 18px;
    padding: 12px 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto-Medium;
    border-bottom: 5px solid #cf381f;
    border-radius: 5px;
    position: absolute;
    bottom: -22px;
    left: 42%;
	right:50%; 
    border-top: 1px solid #cf381f;
    border-left: 1px solid #cf381f;
    border-right: 1px solid #cf381f;
	margin: auto;
	width: auto;
	}
.white-bg.speaker {
padding: 65px 0 50px;
	
}
.speaker-con {
    background: #f5f5f5;
    padding: 30px;
    float: left;
    border: 1px solid #ddd;
}
.white-bg.speaker  span.ba {
    margin-bottom: 40px;
}
	.col-md-8.col-sm-8.padd-l {
    padding-left: 0;
}
	.col-md-4.col-sm-4.padd-r {
    padding-right: 0;
}
.white-bg.speaker h3 {
    font-family: Roboto-Black;
    font-size: 20px;
    color: #000;
}
.white-bg.speaker h4 {
font-size: 16px;
}
.white-bg.speaker p {
    color: #4e4e4e;
    font-size: 15px;
    font-family: Roboto-Regular;
    line-height: 25px;
}
	.white-bg.speaker hr {
    margin-top: 17px!important;
    margin-bottom: 15px!important;
    border: 0;
    border-top: 1px solid #ef3230!important;
    width: 60%;
    margin: 0;
    table-layout: initial;
}
	a.read-btn {
    color: #bf1e2e;
    font-size: 13px;
    padding-top: 11px;
    float: left;
	text-transform: uppercase;
}
	.map-sec {
    background: #f5f5f5;
    padding: 50px 0;
}
.map-sec h2 {
    font-family: Roboto-Light;
    font-size: 25px;
    text-align: center;
    margin-top: 0;
    color: #000;
    margin-bottom: 16px;
}
.map-sec span.ba {
    margin: 0 auto 45px;
    display: table;
    position: relative;
}	
	i.fa.fa-calendar {
    font-size: 26px;
    margin-right: 10px;
    color: #000;
}
.map-sec p {
    font-size: 15px;
    font-family: Roboto-Regular;
    line-height: 24px;
}
.map-sec p	i {
    font-size: 26px;
    margin-right: 10px;
    color: #000;
    float: left;
}
	i.fa.fa-map-marker {
    float: left;
    margin-bottom: 64px;
    margin-top: 33px;
    margin-right: 24px;
}
.map-sec	hr {
    width: 100%;
    margin: 0;
    margin-top: 23px!important;
    margin-bottom: 20px!important;
}
.footer-sec {
    padding: 50px 0 25px;
    background: #bfbfbf;
}
	.footer-sec h4 {
    text-align: center;
}
	
.footer-sec h2{
	    font-family: Roboto-Light;
    font-size: 25px;
    text-align: left;
    margin-top: 0;
    color: #000;
	    margin-bottom:20px;
	}
	.img-c{
		margin: 0 auto;
		display: table;
	}
	.footer-sec h4 {
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    color: #333 !important;
    border: none;
    line-height: 18px;
    text-transform: uppercase;
}
	.footer-sec h4 span {
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: #333 !important;
    border: none;
    line-height: 18px;
		margin-top: 10px;
    text-transform: uppercase;
}
	img.img-responsive.img-to {
    margin-top: 30px;
}
.footer-sec hr {
    border: 0;
    height: 1px;
    background: #333;
    width: 100%!important;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    border-top: 0px solid #8a8a8a00!important;
    margin-bottom: 34px!important;
    margin-top: 14px!important;
}
	.social-buttons a {
    float: left;
    font-size: 35px !important;
    color: #3b0001;
    margin-right: 19px;
}
	span.copyright {
    color: #333;
    font-size: 15px;
    font-family: Roboto-Regular;
    line-height: 25px;
}
	span.copyright i {
    margin-right: 7px;
}
	span.copyright a {
    color: #333;
}
	.bor-bot {
    border: 0;
    height: 1px;
    background: #333;
    width: 100%!important;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    border-top: 0px solid #8a8a8a00!important;
    margin-bottom: 26px!important;
}
	.clearfix.mar-bot {
    margin-bottom: 29px;
}
	.copyright span {
    margin-right: 10px;
    margin-left: 10px;
}
	
	
	
	
	
@media(max-width:767px){
img.img-responsive.logo {
    float: none;
       margin: 0 auto;
    display: table;
}
.navbar-inverse .navbar-toggle {
	border-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #000;
}
.navbar-toggle {
	margin-right: 0;   
	padding: 4px 0 0;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-nav {
	float: left;
}
div#myNavbar {
	position: absolute;
	z-index: 999;
	background: #fff;
	width: 100%;
	border: 1px solid #e8e8e9;
	margin-top: 15px;
}
.banner-text {
	width: 100%;
}

.banner-text h1 {
	font-size: 25px;
	line-height: 35px;
}
.navbar {
	min-height: 0;
	margin-bottom: 0;
}
.banner-sec {
}
.map-img img {
	margin-bottom: 30px;
}
	i.fa_prepended.fa.fa-location-arrow {
    margin-bottom: 85px;
}
.blue-bg {
	height: auto;
}
.grey-bg .col-md-3 {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.grey-bg {
height: auto;
}
	.box.coin {
    background: transparent;
    position: inherit;
    border: none;
    width: auto;
    left: 0;
    z-index: 9;
	min-height: 0;
}
	.box.coin img {
    margin-top: 0;
}
	.tabs {
	margin: 15px;
    margin-top: 40px;
    
		
		margin-right: auto;
		margin-left: auto;
}
	.tabs label {
    width: 100%;
    display: block;
    border-bottom: 0px solid #C7C6C4;
    border-radius: 0;
	min-height: 150px;
		margin-right: auto;
		margin-left: auto;
}

	.tabs p {
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 0 0;
    z-index: 9;
    line-height: 21px;
    font-family: Roboto-Light;
}
	a.reser-btn1 {
    padding: 7px 19px;
    left: 0;
    transform: initial;
    right: 0;
    width: 78%;
}
	.orange-bg {
    height: 272px;
	}
	.col-md-4.col-sm-4.padd-r {
    padding-right: 15px;
}
	.col-md-8.col-sm-8.padd-l {
    padding-left: 15px;
    margin-top: 30px;
}
	img.img-responsive.img-to {
    margin: 6px auto 14px;
}

	.social-buttons a {
    font-size: 26px !important;
    margin-bottom: 17px;
}
	}

@media(min-width:767px) and (max-width:1000px){
.navbar-nav > li > a {
	font-size: 14px;
	padding: 2px 10px;
}
.navbar {
	min-height: 0;
	margin-bottom: 0;
}
	
	.banner-text h1 {
    text-align: center;
    color: #fff;
    font-size: 34px;
    font-family: Roboto-Thin;
    line-height: 47px;
    margin-top: 10px;
    margin-top: 10px;
}
	.banner-sec {
}
	.blue-bg {
    height: auto;
	}
	.box {
    min-height: 296px;
		padding: 30px 14px;
}
	.grey-bg {
    height: auto;
	}
	.box.coin {
    background: transparent;
    position: inherit;
    border: none;
    width: 100%;
    left: 0;
    z-index: 9;
}
	.tabs label {
    width: 24%;
    padding: 44px 8px 0;
}
.tabs label {
    width: 23%;
    padding: 44px 8px 0;
}
	.tabs label {
    width: 23%!important;
    padding: 44px 5px 0!important;
    line-height: 17px!important;
    font-size: 12px!important;
    min-height: 134px!important;
}
	a.reser-btn1 {
    width: 45%;

}
	.tabs p {
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 0 7%;
    z-index: 9;
    line-height: 21px;
    font-family: Roboto-Light;
    width: 100%;
    float: left;
}
	.social-buttons a {
    float: left;
    font-size: 24px !important;
    color: #3b0001;
    margin-right: 19px;
}
	span.copyright {
    font-size: 13px;
    line-height: 25px;
}
}

@media(min-width:1000px) and (max-width:1024px){
.navbar {
    position: relative;
    min-height: 0;
    margin-bottom: 0;
    border: 1px solid transparent;
}
	.banner-text {
    width: 90%;
}
	.banner-sec {
}
	.blue-bg {
    height: auto;

}
	.box.coin {
    width: 291px;
}
	.box {
    min-height: 261px;
}
	.grey-bg {
    height: auto;
	}
.tabs label {
    width: 23%;
    background: #fff7ca;
    color: #000;
    padding: 38px 9px 0;
    text-align: center;
    line-height: 1.2;
    font-size: 13px;
    font-family: Roboto-Light;
    min-height: 134px;
    border: 1px solid #ede7c8;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 44px;
    z-index: 999;
}
	.map-sec p {
    font-size: 14px;
    font-family: Roboto-Regular;
    line-height: 24px;
}
}

h2 {font-family: Roboto-Light}

.banner-sec h5 {text-align: center; color: #fff; font-size: 18px;}
.banner-sec h3 {font-size:50px; font-family:Roboto-Thin ; line-height: 1.2}
@media screen and (max-width: 414px) {.banner-sec h3 {    font-size: 32px;}}