@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Lato-Bold';
  src: url('/fonts/Lato-Bold.eot');
  src: url('/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Bold.svg#Lato-Bold') format('svg'),
       url('/fonts/Lato-Bold.ttf') format('truetype'),
       url('/fonts/Lato-Bold.woff') format('woff'),
       url('/fonts/Lato-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-BoldItalic';
  src: url('/fonts/Lato-BoldItalic.eot');
  src: url('/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg'),
       url('/fonts/Lato-BoldItalic.ttf') format('truetype'),
       url('/fonts/Lato-BoldItalic.woff') format('woff'),
       url('/fonts/Lato-BoldItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Italic';
  src: url('/fonts/Lato-Italic.eot');
  src: url('/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Italic.svg#Lato-Italic') format('svg'),
       url('/fonts/Lato-Italic.ttf') format('truetype'),
       url('/fonts/Lato-Italic.woff') format('woff'),
       url('/fonts/Lato-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Light';
  src: url('/fonts/Lato-Light.eot');
  src: url('/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Light.svg#Lato-Light') format('svg'),
       url('/fonts/Lato-Light.ttf') format('truetype'),
       url('/fonts/Lato-Light.woff') format('woff'),
       url('/fonts/Lato-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Regular';
  src: url('/fonts/Lato-Regular.eot');
  src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Regular.svg#Lato-Regular') format('svg'),
       url('/fonts/Lato-Regular.ttf') format('truetype'),
       url('/fonts/Lato-Regular.woff') format('woff'),
       url('/fonts/Lato-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cinzel-Bold';
  src: url('/fonts/Cinzel-Bold.eot');
  src: url('/fonts/Cinzel-Bold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Cinzel-Bold.svg#Cinzel-Bold') format('svg'),
       url('/fonts/Cinzel-Bold.ttf') format('truetype'),
       url('/fonts/Cinzel-Bold.woff') format('woff'),
       url('/fonts/Cinzel-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cinzel-Regular';
  src: url('/fonts/Cinzel-Regular.eot');
  src: url('/fonts/Cinzel-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg'),
       url('/fonts/Cinzel-Regular.ttf') format('truetype'),
       url('/fonts/Cinzel-Regular.woff') format('woff'),
       url('/fonts/Cinzel-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Medium';
  src: url('/fonts/Gotham Medium.eot');
  src: url('/fonts/Gotham Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Gotham Medium.woff2') format('woff2');
	   url('/fonts/GothamMedium.svg#GothamMedium') format('svg'),
       url('/fonts/GothamMedium.ttf') format('truetype'),
       url('/fonts/GothamMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/fonts/Heebo-Medium.eot');
  src: url('/fonts/Heebo-Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Heebo-Medium.svg#Heebo-Medium') format('svg'),
       url('/fonts/Heebo-Medium.ttf') format('truetype'),
       url('/fonts/Heebo-Medium.woff') format('woff'),
       url('/fonts/Heebo-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/fonts/Heebo-Black.eot');
  src: url('/fonts/Heebo-Black.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Heebo-Black.svg#Heebo-Black') format('svg'),
       url('/fonts/Heebo-Black.ttf') format('truetype'),
       url('/fonts/Heebo-Black.woff') format('woff'),
       url('/fonts/Heebo-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Black';
  src: url('/fonts/Lato-Black.eot');
  src: url('/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Black.svg#Lato-Black') format('svg'),
       url('/fonts/Lato-Black.ttf') format('truetype'),
       url('/fonts/Lato-Black.woff') format('woff'),
       url('/fonts/Lato-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('/fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'),
  src: url('/fonts/SegoeUI-Bold.ttf') format('truetype'),
       url('/fonts/SegoeUI-Bold.woff') format('woff');
	   url('/fonts/segoeuib.eot');
	   url('/fonts/segoeuib.eot?#iefix') format('embedded-opentype'),
       url('/fonts/segoeuib.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg'),
  src: url('/fonts/OpenSans-ExtraBold.ttf') format('truetype'),
       url('/fonts/OpenSans-ExtraBold.woff') format('woff');
	   url('/fonts/OpenSans-ExtraBold.eot');
	   url('/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/OpenSans-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: NotoSanBold;
	src: url('/fonts/NotoSansTC-Bold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: NotoSansTC-Medium;
	src: url('/fonts/NotoSansTC-Medium.otf');
	font-weight: normal;
	font-style: normal;
}
*,
*::before,
*::after {
    box-sizing: border-box;
    outline: none;
    padding: 0;
    margin: 0;
}
body{
	font-family:Lato-Regular,微軟正黑體,Microsoft JhengHei;
	padding:0;
	margin:0;
}
img{
	display:block;
}
.backimg, .livesmallblock, .form_row, .sharearea, .disarea, .checkboxrow, .ftth_row, .bannerrow, .container, .vcontainer{
	zoom:1;
}
.backimg:after, .livesmallblock:after, .form_row:after, .sharearea:after, .disarea:after, .checkboxrow:after, .ftth_row:after, .bannerrow:after, .container:after, .vcontainer:after{
	content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;
}
.content_container a{
	color:#2a28e0;
	text-decoration:none;
	font-style:italic
}
.notice {
    display: block;
    position: fixed;
    bottom: 0;
    padding: 15px;
    z-index: 99999;
    width: 100vw;
    text-align: center;
    height: 100vh;
    background-color: #000;
    opacity: 0.9;
    left: 0; 
	
    /* top: 50%; */
}
.notice h3 {
    /*display: block; */
    left: 50%;
    top: 50%;
    color: #fff;
    width: calc(100% - 20px);
    margin: auto;
    position: absolute;
    transform: translate(-50%, -50%);
}
.op1{
	opacity: 1;
	max-width:900px;
	font-size:18px;
	font-weight:normal;
	left: 50%;
    top: 50%;
    color: #fff;
    width: calc(100% - 20px);
    margin: auto;
    position: absolute;
    transform: translate(-50%, -50%);
}
.notice button {
    background-color: #FE7F04;
    color: #fff;
    border-radius: 5px;
    display: block;
    text-align: center;
    width: 200px;
    margin: auto;
    padding: 10px 50px;
    text-transform: uppercase;
    margin: 20px auto;
	cursor:pointer;
	border:0;
    /* opacity: 100%; */
}
.notice button:hover {
    background-color: #FE7F04;
    color: #fff;
    border-radius: 5px;
    display: block;
    text-align: center;
    width: 200px;
    margin: auto;
    padding: 10px 50px;
    text-transform: uppercase;
    margin: 20px auto;
	cursor:pointer;
    /* opacity: 100%; */
}
#wrapper {
	padding:0px;
	margin:0px;
	font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei;
	background: #fff;
}
img{
	display:block;
	max-width:100%;
	height:auto;
	
}
body{
	padding:0;
	margin:0;
	font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei;
}
a{
	text-decoration:none;
	color:#2a28e0;
}
*{
	/* -webkit-transition: all 0.5s ease; */
	/* transition: all 0.5s ease */
}
.full{
	text-align: justify;
}
.header a{
	color:#000;
	text-decoration:none;
}
#footer, .hiddenbtn, .shareblock, .header, .aboutrow, .extrarow, .vasrow, .contactrow, .contactformrow, .newsblock, .newsca, .albumrow{
	zoom:1;
}
#footer:after, .hiddenbtn:after, .shareblock:after, .header:after, .aboutrow:after, .extrarow:after, .vasrow:after, .contactrow:after, .contactformrow:after, .newsblock:after, .newsca:after, .albumrow:after{
	content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;
}
#changeform input[type=text], #changeform input[type=number], #changeform input[type=password],#emailform input[type=text], #emailform input[type=number], #emailform input[type=password] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #D9D9D9 solid;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
	width:100%;
	background-color: #f2f2f2;
	border-radius: 5px;
	line-height: 40px;
    height: 40px;
	padding: 0 15px;
}
#changeform textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #D9D9D9 solid;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
	width:100%;
	background-color: #f2f2f2;
	border-radius: 5px;
	line-height: 30px;
    height: auto;
	padding: 0 15px;
}
.styled-select select, .styled-select_grey select, .styled-select_cal select {
	background: transparent;
	width: 96%; 
	padding: 2%;
	font-size: 110%;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 40px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none; 
}
select::-ms-expand {
    display: none;
}
.styled-select_grey {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #f2f2f2 url(/images/icon/select.png) no-repeat right center;
    border: 1px solid #D9D9D9;
    padding: 0 0 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
	border-radius: 5px;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
.styled-select_cal {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #f2f2f2 url(/images/icon/calendar_icon.png) no-repeat right center;
    border: 1px solid #D9D9D9;
    padding: 0 0 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
	border-radius: 5px;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: auto 75%;
}
.styled-select {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #fff url(/images/icon/select.png) no-repeat right center;
    border: 1px solid #D9D9D9;
    padding: 0 0 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
	/* border-radius: 5px;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain; */
}
.pinput:focus, .tinput:focus, .twopartcol:focus, .fourpartcol:focus{
    background: #FFF!important;
}
.container{
	max-width:1280px;
	margin:auto;
    line-height: 150%;
	word-wrap: break-word;
}
.small-container{
	max-width:996px;
	margin:auto;
	line-height: 150%;
	word-wrap: break-word;
}
.rel{
	position:relative!important;
}
.fixed{
	position:fixed!important;
}
.nav{
	font-family:Lato-Black, NotoSanBold,微軟正黑體, Microsoft JhengHei!important;
}
.sepline{
	margin:10px 0;
	height:1px;
	background-color:#fff;
}
.lightgrey{
	background-color:#F8F8F8
}
.hiddentext, .htext, .hidden{
	display:none;
}
sup{
	line-height:10px;
}
#footer{
	background-color:#0D192E;
	clear: both;
}
.bottom_nav_header{
	color:#FFAB41;
	font-size:20px;
}
.bottom_subnav{
	color:#fff;
	font-size:13px;
	padding: 5px 0;
    display: block;
}
.bottom_nav {
    display: table;
}
.bottom_nav_col {
    display: table-cell;
    padding: 20px;
}
.bottom_nav_block {
    padding: 0 0 40px;
}
.bottom_nav_col4 {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    padding: 0 24px;
}
.bottomicon {
    padding: 10px 0;
    display: block;
}
.bsepline{
	margin:0;
	background-color:#2C333E;
	height:1px;
}
.online{
	display:inline-block;
}
.bannerblock {
    /*position: absolute;
    max-width: r0%;
    margin: auto;
    top: 45%;
    bottom: 45%;
    left: 25%;
    right: 25%;*/
    text-align: center;
    color: #fff;
}
.white{
	background-color:#fff;
	color:#2E2754;
}
.purple{
	background-color:#2E2754;
	color:#fff!important;
	font-style:normal!important;
}
.car_date{
	color:#FFAB41;
	font-family:Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
}
.car_desc{
	color:#000;
	font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei;
}
.fix{
	position:fixed;
}
.filter{
	background-color:#2E2754;
}
.searchrow{
	display:block;
	width:100%;
}
.searchcol{
	position: relative;
}
.newsdate, .newspdate{
	color:#FFAB41;
	font-family:Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
}
.newspheader{
	color:#4B2F80;
	font-family:Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
}
.purpletxt{
	color:#4B2F80!important;
	font-family:Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
}
.darkgrey{
	color:#6D6E71!important;
}
.dblock{
	/* margin:40px auto!important; */
	display:block!important;
	max-width: 200px;
}
.center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.center img{
	margin:auto!important
}
.lightgreybg{
	background-color:#F8F8F8;
}
.lightbg{
	background-color:#F8F8F8;
}
.darkbg{
	background-color:#252A33;
	color:#fff;
}
.valignm{
	display:inline-block;
	vertical-align:middle
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.resp-iframe2 {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 80%;
    border: 0;
}
.indexcontainer a {
    color: #2a28e0;
    font-style: italic;
}
.indexcontainer ul{
	padding:20px;
}
td{
	/* font-size:80%; */
}
.hidetable{
	max-width:100%;
	overflow:auto;
}
.whitetxt{
	color:#fff!important;
}
.purpleul{
	color:#4B2F80;
	font-size:120%
}
ul{
	padding:20px;
}
.step{
	background-color:#39AD4A;
	color:#fff;
	width:85px;
	border-radius:30px;
	padding:2px 12px;
	display:block;
	text-align:center;
}

.aligncer {
    display: block!important;
    margin: auto!important;
    width: 200px;
}
ol{
	padding:20px;
}
.tri_l_a{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 0 100px 180px;
	border-color: transparent transparent transparent #F2ECDC;
}
.tri_b_a{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 100px 0 100px;
	border-color: transparent transparent transparent #F2ECDC;
}
.smallertxt {
    font-size: 90%;
    line-height: normal;
}
.styled-select {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #fff url(/images/select.png) no-repeat right center;
    border: 1px solid #D9D9D9;
    padding: 0 0 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
	border-radius: 5px;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
.itemselect{
	display:none;
}
.error {
    font-size: 90%;
    color: red;
	height: 20px;
}
.submit_button {
    color: #fff;
    background-color: #2E2754;
    border: 0;
    cursor: pointer;
	text-align:center;
}
.msource {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
.msource iframe,
.msource object,
.msource embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nobottompad{
	padding-bottom:0!important;
}
.notopbottompad{
	padding-top:0!important;
	padding-bottom:0!important;
}
.teamyellowrow {
    border-left: 4px solid #A08D25;
    padding: 10px 0 10px 20px;
    font-style: italic;
    color: #A08D25;
    /* margin: 10px 0; */
}
.teampurplerow {
    border-left: 4px solid #4B2F80;
    padding: 10px 0 10px 20px;
    font-style: italic;
    color: #4B2F80;
}
.teamrow:nth-child(odd){
	border-left: 4px solid #A08D25;
    padding: 10px 0 10px 20px;
    font-style: italic;
    color: #A08D25;
	/* margin:10px 0; */
}
.teamrow:nth-child(even){
	border-left: 4px solid #4B2F80;
    padding: 10px 0 10px 20px;
    font-style: italic;
    color: #4B2F80;
	/* margin:10px 0; */
}
.ridertable {
    display: inline-block;
    margin: auto;
    text-align: left;
}
.riderresult {
    text-align: center;
}
.aligncenter{
	text-align: center;
}
.content_container ul {
  margin: 0;
  padding: 0 0 0 5px;
}
.content_container ul {
  list-style-type: none;
}
.content_container ul > li {
  text-indent: -5px;
}
.content_container ul > li:before {
  content: " - ";
  text-indent: -5px;
}
.ridermainimg {
    display: inline-block;
    margin: auto;
}
.riderflag {
    display: block;
    margin: 25px auto;
    text-align: center;
}
.riderinfo {
    margin: 25px 0;
	font-style: italic;
}
.riderflag img {
    margin: auto;
}
.riderhistory{
	text-align:left
}
.rdiersubhead{
	text-align: center;
    color: #201e6b;
	font-style: normal;
}
.riderimg {
    /*clip-path: circle(250px at center);*/
	border-radius: 50%;
	max-width: 350px;
}
.nostyle{
	list-style:none;
}
.engtxt {
    list-style: lower-latin;
}
.fullwidth {
    width: 100%;
    height: 48px;
    border: 1px solid #C9CBCC;
    background-color: #fff;
}
.redtxt{
	color:#B61E2D
}
.offimg{
	border-radius: 50%;
    max-width: 200px;
	margin:auto;
}
a.offblock {
    color: #000;
    font-style: normal;
}
.whitemask{
	width: 100%;
    height: 100%;
	position: fixed;
    z-index: 1000;
    display: none;
}
.unline{
	text-decoration:underline;
}
.triangle {
	width: 10px;
	height: 10px;
	background: #fff url(/images/tri.svg) no-repeat right center;
	display: inline-block;
}
.bannerrow {
    position: relative;
	display:block;
}
@media screen and (min-width: 320px) {
	h1{
		font-size:200%;
		font-weight:normal;
		padding: 15px 0;
		font-family: Lato-Bold, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		line-height: normal;
	}
	h2{
		font-size:170%;
		font-weight:normal;
		padding: 15px 0;
		font-family: Lato-Bold, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		line-height: normal;
	}
	h3{
		font-size:140%;
		font-weight:normal;
		padding: 15px 0;
		font-family: Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		line-height: normal;
	}
	h4{
		font-size:110%;
		font-weight:normal;
		font-family: Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		padding: 15px 0;
		line-height: normal;
	}
	h5{
		font-size:90%;
		font-weight:normal;
		padding: 15px 0;
		line-height: normal;
	}
	#mask {
		z-index: 300;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
		background-image: url(/images/layerbg.png)\0;
		background-color: rgba(0,0,0,0.6);
		display: none;
	}
	#msg  {
		background-color: #000;
		height: auto;
		max-height:80%;
		width: 84%;
		position: absolute;
		z-index: 300;
		left: 45%;
		top: 7%;
		margin-left: -40%;
		color: #333333;
		text-align: center;
		max-width: none;
		padding: 3% 3% 5% 3%;
	}
	#msg2  {
		background-color: #4B2F80;
		height: auto;
		max-height:80%;
		width: 84%;
		position: absolute;
		z-index: 300;
		left: 45%;
		top: 7%;
		margin-left: -40%;
		color: #333333;
		text-align: center;
		max-width: none;
		padding: 3% 3% 5% 3%;
	}
	#msg3  {
		background-color: #ffffff;
		height: auto;
		max-height:80%;
		width: 74%;
		position: absolute;
		z-index: 300;
		left: 45%;
		top: 7%;
		margin-left: -32%;
		color: #333333;
		text-align: center;
		max-width: none;
		padding: 5% 3% 8% 3%;
		overflow: auto;
	}
	#closeBtn  {
		height: 35px;
		width: 35px;
		position: absolute;
		z-index: 1000;
		background-image: url(/images/closeBtn.png);
		background-repeat: no-repeat;
		cursor: pointer;
		top: 10px;
		right: 8px;
	}
	.msource {
		margin-top: 20px;
		height: auto;
		margin-bottom: 20px;
		max-height:98%;
		overflow: auto;
	}
	.movie {
		cursor: pointer;
	}
	.header{
		background-color:#fff;
		/* position: fixed; */
		top: 0;
		z-index: 100;
		width: 100%;
	}
	.headerrow{
		height:50px;
		/* display:table; */
		/* width:100%; */
		max-width: 1340px;
		margin:auto;
	}
	.logo img{
		width:100%;
		height:auto;
	}
	.leftblock{
		display: inline-block;
		vertical-align: middle;
		float: right;
	}
	.rightblock{
		/* display: inline-block; */
		display: none;
		width:27%;
		vertical-align: middle;
	}
	.nav {
		display: block;
		position: fixed;
		width: 100%;
		/* height: calc(100% - 49px); */
		background-color: rgba(255,255,255,0.9);
		z-index: 100;
		left:-100%;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		height: 100%;
	}
	.nav ul{
		list-style:none; 
		padding:0 15px;
		margin-top:0;
		/* list-style: none; */
		/* padding: 0 15px; */
		background-color: rgba(255,255,255,0.9);
		/* position: fixed; */
		/* width: calc(100% - 30px); */
		/* top: 34px; */
		height: 100%;
		/* display: inline-table; */
		overflow:auto;
	}
	.nav ul li{
		/* padding: 0 15px; */
		padding: 0;
		font-size: 90%;
		border-bottom: 1px solid #A8ACAD;
	}
	.nav li a{
		text-decoration: none;
		width: 100%;
		display: inline-block;
		padding: 10px 0;
		/* font-weight: bold; */
		font-family:Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		text-transform: uppercase;
	}
	#navcheck:checked ~ .nav{
		left:0;
	}
	
	#navcheck, .navcheckbtn{
		display:none;
		
	}
	#smallmenu{
		display:none;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.smallnav{
		display:inline-block;
		vertical-align: middle;
	}
	.navbtn {
		width: 25px;
		padding: 15px;
		cursor:pointer;
		box-sizing: content-box;
	}
	
	#smallmenu:checked ~ .smallmenuoverlay{
		/* bottom:0; */
		display:block;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#smallmenu:checked{
		background: url(/images/hidden-promo/smallmenu_active.png) center left repeat;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#topfirstcol, .topfirstcol{
		display:none;
	}
	.logo{
		display:none;
	}
	.smalllogo {
		max-width: 40%;
		padding: 5px 10px;
	}
	.largeimg{
		display:none;
	}
	.smallimg {
		display: inline-block;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.langarea li img {
		width: 30px;
	}
	#smalllogo img {
		width: 130px;
	}
	.bottom_nav_header{
		color:#FFAB41;
		font-size:20px;
	}
	.bottom_subnav{
		color:#fff;
		font-size:13px;
		padding: 5px 0;
		display: block;
		text-transform: uppercase;
	}
	.bottom_nav {
		display: table;
		width: 100%;
	}
	.bottom_nav_col {
		display: none;
		padding: 20px;
	}
	.bottom_nav_block {
		padding: 0 0 40px;
	}
	.bottom_nav_col4 {
		display: block;
		vertical-align: middle;
		width: auto;
		padding: 0 24px;
		float: right;
	}
	.bottomicon {
		padding: 10px 15px;
		display: inline-block;
		width: 30px;
	}
	.copyright {
		display: inline-block;
		vertical-align: middle;
		color:#A6ABB3;
		padding: 10px 15px;
		font-size:11px;
		max-width:500px;
	}
	.bottom_logo {
		width: 60px;
		padding:0 15px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.bottomrightblock {
		display: inline-block;
		float: none;
		height: auto;
		width: calc(100% - 78px);
		text-align: center;
		vertical-align: middle;
	}
	.tc {
		display: block;
		vertical-align: middle;
		color:#fff;
	}
	.tc a{
		color:#fff;
	}
	.tcl{
		display:none;
	}
	.tcs{
		display:block;
	}
	.newsheader{
		font-size:120%;
		font-family:Lato-Black, 微軟正黑體, Microsoft JhengHei;
		color:#FFAB41;
		padding:0 0 20px;
	}
	.newsdesc{
		font-size:180%;
		font-family:Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
		color:#fff;
		line-height: normal;
	}
	.btn{
		padding:10px 40px;
		margin:40px 0;
		display: inline-block;
		font-family:Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
		cursor:pointer;
		text-align: center;
		border:0;
	}
	.btn2{
		padding:10px 40px;
		margin:40px auto;
		display: block;
		font-family:Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
		cursor:pointer;
		text-align: center;
		border:0;
	}
	.newscblock{
		max-width: 300px;
		margin: 0px 20px;
	}
	.newsblock {
		/* background-color: #2E2754; */
		/* padding: 0% 0 3%; */
		margin: -3px 0;
		background: #2E2754 url(/images/news_bg.png) bottom left repeat-x;
		padding: 0;
	}
	.newsblock:after{
		padding:40px;
	}
	.newslblock {
		padding: 40px 20px 20px;
	}
	.newsrblock {
		padding: 0 0 40px;
	}
	.bx-wrapper .newscar_img {
		max-width: calc(100% - 20px);
	}
	.bannerheader{
		font-family:Cinzel-Regular,微軟正黑體,Microsoft JhengHei;
	}
	.bannerblock {
		/*position: absolute;
		margin: auto;
		top: 25vw;
		bottom: 20%;
		left: 15%;
		right: 15%;
		text-align: center;
		color: #fff;*/
	}
	.slide-img {
      width: 100%;
    }
    .bannerblock {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      padding: 50px;
      width: 80%;
      /* height: 30%;
      background: rgba(0, 0, 0, 0.5); */
    }
	.bblock{
		position:relative;
	}
	.disciplines_block{
		background-repeat: no-repeat;
		background-position: top left;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
		background-image: url(/images/dis_bg.jpg);
		padding:40px 0;
		background-color:#36347a;
	}
	.disciplines_header{
		color:#fff;
		text-transform:uppercase;
		margin:auto;
		text-align:center;
		padding:0 0 40px;
	}
	.album_block{
		color:#4B2F80;
		margin:auto;
		text-align:center;
		padding:40px 0;
	}
	.disheader{
		color:#EDC17D;
		text-transform:uppercase;
		font-size:150%;
		padding:20px 0 10px;
	}
	.disimg{
		border:1px solid #4B2F80
	}
	.discol{
		width: 100%;
		display: block;
		text-align: center;
		color: #fff;
		margin: auto;
		max-width: 400px;
	}
	.disdesc{
		padding:10px;
	}
	.tranbtn{
		padding:8px 25px ;
		display:inline-block;
		margin:3vw 0;
		font-size:100%;
		border:2px solid #fff;
		color:#fff;
	}
	.album_block{
		
	}
	.album_header{
		color:#4B2F80;
		text-transform:uppercase;
		margin:auto;
		text-align:center;
		padding:0 0 40px;
	}
	.album_desc{
		font-size:120%;
		color:#000;
		text-align:center;
		display:block;
		margin:auto;
	}
	.albumimg {
		display: block;
		width: 50%;
		float: left;
	}
	.lsubmenu, .ssubmenu {
		display: none;
	}
	.ssubnav:last-child{
		border-bottom:0px solid #000;
	}
	.ssubnav{
		font-family:Lato-Regular,微軟正黑體,Microsoft JhengHei!important;
	}
	/*.nav ul li ul {
		position: relative;
		top: 0;
		background-color: rgba(255,255,255,0);
		-webkit-transition: all 0.5s ease; 
		transition: all 0.5s ease;
	}*/
	#slider-next, #slider-prev{
		display:none;
	}
	.topimgblock{
		height:200px;
		width:100%;
		display: table;
		vertical-align: middle;
	}
	.catname{
		font-size:120%;
		font-family:Cinzel-Bold,NotoSanBold,Microsoft JhengHei;
	}
	.subcatname{
		font-size:165%;
		font-family:Cinzel-Bold,NotoSanBold,Microsoft JhengHei;
	}
	.txtblock {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		text-align: center;
	}
	.latest_news{
		background: url('/images/news_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.latest_album{
		background: url('/images/com_album_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.latest_video{
		background: url('/images/com_video_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.latest_pub{
		background: url('/images/promo_publications_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.latest_com{
		background: url('/images/com_schedule_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.news{
		background: url('/images/news_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.yearhorse_L{
		background: url('/images/com_horse_of_the_year_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.yearhorse{
		background: url('/images/com_horse_of_the_year_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.rules{
		background: url('/images/com_rule_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.badweather{
		background: url('/images/bad_weather_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.ues{
		background: url('/images/promo_understanding_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.dressage{
		background: url('/images/promo_understanding_dressage_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.jumping{
		background: url('/images/promo_understanding_jumping_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.eventing{
		background: url('/images/promo_understanding_eventing_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.uspp{
		background: url('/images/promo_equestrian_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.guidetour{
		background: url('/images/promo_equestrian_guide_tours_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.official_training{
		background: url('/images/promo_equestrian_officials_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.school_visit{
		background: url('/images/promo_equestrian_school_visit_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.eventcalendar{
		background: url('/images/com_eventcalendar_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.tier_a{
		background: url('/images/team_tier_a_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.antidop{
		background: url('/images/anti-dop.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.elite_athletes{
		background: url('/images/team_elite_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.elite_athletes_s{
		background: url('/images/team_elite_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.hkef_selection{
		background: url('/images/team_hkteam_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.rider_profiles{
		background: url('/images/team_elite_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.selection_policy_major_event{
		background: url('/images/team_selection_policy_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.rules_regulations{
		background: url('/images/Rules-Regulations.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.training_pro_L{
		background: url('/images/team_train_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.training_pro{
		background: url('/images/team_train_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.intro_hkef{
		background: url('/images/about_introduction_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.pmsg{
		background: url('/images/about_president.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.o_structure_L{
		background: url('/images/about_organization.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.o_structure{
		background: url('/images/about_organization_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.yearly_meeting{
		background: url('/images/about_ordinary_year_meeting_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.jobv{
		background: url('/images/about_job_vacancies.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.contactus{
		background: url('/images/about_contactus_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.corp_info{
		background: url('/images/about_corp_info_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.volunteer{
		background: url('/images/volunteer.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.joinm{
		background: url('/images/member_join_member_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.member_s{
		background: url('/images/member_join_member_img_s.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.registered{
		background: url('/images/member_reg.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.hkef_list{
		background: url('/images/member_officials_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.related_org{
		background: url('/images/member_useful_link_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.eshop{
		background: url('/images/member_eshop_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.riding_school{
		background: url('/images/rider_school.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.inter_school{
		background: url('/images/promo_equestrian_interschool_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.bilingual{
		background: url('/images/promo_bilingual_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.menurow {
		height: auto;
		/* line-height: 10px; */
		background-color: #fff!important;
		border-bottom: 1px solid #2E2754!important;
		color:#000;
		padding: 10px;
		display:block;
		cursor:pointer;
		font-size:120%;
	}
	.menurow:hover {
		background-color: #ededed!important;
	}
	.form-control-select option {
		background-color: #fff!important;
		border-bottom: 1px solid #2E2754!important;
	}
	.searchsmenu{
		display:none;
		position: absolute;
		z-index: 1;
		width: 100%;
	}
	.form-control{
		padding: 0.5rem;
		width: 100%;
		margin: 0 0 18px;
		/* background-color: #2E2754; */
		background: #2E2754 url(/images/open_icon.png) center right no-repeat;
		-moz-background-size: 26px auto;
		-o-background-size: 26px auto;
		-webkit-background-size: 26px auto;
		background-size:  26px auto;
		border: 0;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size:120%
	}
	.searchfield{
		padding: 0.5rem;
		width: 100%;
		margin: 0 0 18px;
		/* background-color: #2E2754; */
		background: #2E2754 url(/images/search_icon.png) center right no-repeat;
		-moz-background-size: 26px auto;
		-o-background-size: 26px auto;
		-webkit-background-size: 26px auto;
		background-size:  26px auto;
		border: 0;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size:120%;
	}
	.submitbtn {
		color: #fff;
		width: calc(50% - 10px);
		padding: 10px;
		margin: 0 15px 0 0;
		border: 1px solid #fff;
		background: none;
		font-size:120%;
		cursor:pointer;
	}
	.submitbtn:hover{
		background-color:rgba(255,255,255,0.2);
	}
	.submitbtn:last-child {
		margin: 0;
	}
	::placeholder { /* CSS 3 標準 */
		color: #fff;
	}

	::-webkit-input-placeholder { /* Chrome, Safari */
		color: #fff;
	}

	:-ms-input-placeholder { /* IE 10+ */
		color: #fff;
	}

	::-moz-placeholder { /* Firefox 19+ */
		color: #fff;
		opacity: 1;
	}
	.searchform{
		width:100%;
	}
	.filter {
		padding: 20px 15px;
	}
	.halfcontainer{
		max-width:640px;
		margin-left:auto;
	}
	.newsdate, .newspdate{
		font-size:120%;
	}
	.newspheader{
		font-size:180%;
		padding:15px 0 30px;
		line-height:normal;
	}
	.newssblock{
		width:100%;
	}
	.newstxtblock2 {
		padding: 15px;
	}
	td image{
		width:100%;
		height:auto;
	}
	.loopcontent {
		width: 100%;
		display: inline-block;
		/* vertical-align: middle; */
		padding: 20px;
		vertical-align: top;
	}
	.loopimg {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	.loopblock {
		padding: 25px 0 0px;
	}
	.loopdate {
		font-size: 20px;
		color: #FFAB41;
		font-family:Lato-Black, 微軟正黑體, Microsoft JhengHei;
		padding:0 0 15px;
	}
	.loopheader {
		font-size: 26px;
		color: #000;
		font-family:Lato-Bold, 微軟正黑體, Microsoft JhengHei;
		padding:0 0 15px;
		line-height: normal;
	}
	.loopdesc {
		font-size: 18px;
		color: #6D6E71;
		font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei;
		line-height:150%;
		padding:0 0 15px;
	}
	.looplink{
		color:#4B2F80;
		font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei;
		font-size: 18px;
	}
	.dblock{
		margin:20px auto!important;
	}
	.pageheader {
		color: #4B2F80;
		font-size: 180%;
		font-family: Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
	}
	.content_container{
		max-width:1080px;
		padding:25px;
		margin:auto;
		word-wrap: break-word;
	}
	.pubdate{
		color:#8B8D90;
		font-size:100%;
		font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei;
	}
	.pageheader {
		font-size: 40px;
		padding: 20px 0 40px;
	}
	.pagecontent {
		padding: 30px 0;
		font-size: 18px;
		font-family: Lato-Regular, 微軟正黑體, Microsoft JhengHei;
		line-height: 180%;
	}
	.pagecontent b, .pagecontent strong {
		font-family: Lato-Bold, 微軟正黑體, Microsoft JhengHei;
	}
	.contentsblock {
		width: calc(100% - 32px);
		display: block;
		margin: 16px auto 16px;
		background-color: #fff;
	}
	.blockinfo{
		padding:15px;
	}
	.blockdate{
		font-size:120%;
		color:#FFAB41;
		font-family: Lato-Black, 微軟正黑體, Microsoft JhengHei;
		padding:0 0 10px;
	}
	.blockheader{
		font-size:28px;
		font-family: Lato-Bold, 微軟正黑體, Microsoft JhengHei;
		color:#000;
	}
	.loopimgblock{
		margin:0;
		width:100%;
	}
	.imgitem img {
		/* margin: 0; */
		/* display: block; */
		/* width:100%; */
	}
	.indexcontainer{
		padding:20px;
		margin:auto;
		max-width:1430px;
		/* color:#000; */
		font-family: Lato-Regular, 微軟正黑體, Microsoft JhengHei;
		line-height: 180%;
	}
	.vcontainer{
		padding:20px;
		margin:auto;
		max-width:1430px;
		/* color:#000; */
		font-family: Lato-Regular, 微軟正黑體, Microsoft JhengHei;
		line-height: 180%;
	}
	td {
		padding: 5px;
	}
	.sportblock {
		display: inline-block;
		width: calc(100% - 13px);
		margin: 5px 5px;
		text-align: center;
		padding: 80px 15px;
		font-family: Heebo-Black, 微軟正黑體, Microsoft JhengHei;
		font-size:180%;
		color:#fff;
	}
	.sportblock img{
		margin:auto;
		padding:25px 0
	}
	.dressblock{
		background-color:#939393;
	}
	.jumpblock{
		background-color:#4460B9;
	}
	.eventingblock{
		background-color:#39AD4A;
	}
	.parablock{
		background-color:#939393;
	}
	.mblock {
		display: inline-block;
		width: auto;
		margin: 10px;
	}
	.msblock {
		position: relative;
		display: block;
		font-style: normal;
		background-color: #fff;
	}
	.mtxt {
		position: absolute;
		top: 50%;
		/* left: 50%; */
		/* right: 50%; */
		height: 20px;
		display: block;
		color: #fff;
		/* left: 0; */
		/* right: 0; */
		text-align: center;
		margin: auto;
		width: 100%;
		font-family: Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		font-size:130%;
	}
	.lbar {
		/* background-color: #4B2F80; */
		background: #4B2F80 url('/images/download.svg') no-repeat right center;
		-moz-background-size: 55px auto;
		-o-background-size: 55px auto;
		-webkit-background-size: 55px auto;
		background-size:  55px auto;
		color: #fff;
		text-align: center;
		padding: 10px;
		display: block;
		font-style: normal;
	}
	.greyblock {
		padding: 10px 20px;
		background-color: #939393;
	}
	.lipurplebg{
		background-color: #4B2F80!important;
		color:#fff;
	}
	.purplebg{
		background-color: #4B2F80!important;
		background: #4B2F80 url('/images/arrow.svg') no-repeat right center;
		-moz-background-size: 55px auto;
		-o-background-size: 55px auto;
		-webkit-background-size: 55px auto;
		background-size:  55px auto;
	}
	.greenbg{
		background-color: #39AD4A!important;
		background: #4B2F80 url('/images/arrow.svg') no-repeat right center;
		-moz-background-size: 55px auto;
		-o-background-size: 55px auto;
		-webkit-background-size: 55px auto;
		background-size:  55px auto;
	}
	.bluebg{
		background-color: #4460B9!important;
		background: #4B2F80 url('/images/arrow.svg') no-repeat right center;
		-moz-background-size: 55px auto;
		-o-background-size: 55px auto;
		-webkit-background-size: 55px auto;
		background-size:  55px auto;
	}
	.greybg{
		background-color: #939393!important;
		background: #4B2F80 url('/images/arrow.svg') no-repeat right center;
		-moz-background-size: 55px auto;
		-o-background-size: 55px auto;
		-webkit-background-size: 55px auto;
		background-size:  55px auto;
	}
	.goldbg{
		background-color: #BC926C!important;
		background: #4B2F80 url('/images/arrow.svg') no-repeat right center;
		-moz-background-size: 55px auto;
		-o-background-size: 55px auto;
		-webkit-background-size: 55px auto;
		background-size:  55px auto;
	}
	.blacktxt{
		color:#000!important
	}
	.logoblock {
		background-color: #fff;
		display: block;
		padding:15px;
	}
	.logoblock img {
		height: auto;
		margin: auto;
		max-height:54px;
	}
	.arrowSarea{
		display:none;
	}
	.arrowLarea{
		display: block;
		padding: 20px 30px 80px 30px;
		text-align: center;
	}
	.arrowblock{
		max-width:360px;
		margin:auto;
		display:block;
	}
	.arrowcol1 {
		display: block;
		vertical-align: middle;
		border-radius: 10px;
		color: #fff;
		padding: 30px 60px;
		width: 100%;
		text-align:center;
		font-family: Lato-Black, 微軟正黑體, Microsoft JhengHei;
		font-size:140%;
		/* float:left; */
	}
	.arrowcol2 {
		width: auto;
		padding: 20px 40px 80px;
		color: #000;
		display: block;
		vertical-align: middle;
		margin-left: 0;
		
	}
	.arrow1, .arrow2, .arrow3, .arrow4, .arrow5{
		font-size:90%;
	}
	.color1{
		background-color: #BAAD93;
	}
	.color2{
		background-color: #B4B6B8;
	}
	.color3{
		background-color: #00A6E7;
	}
	.color4{
		background-color: #FF78B0;
	}
	.color5{
		background-color: #39AD4A;
	}
	.color6{
		background-color: #201E6B;
	}
	.color7{
		background-color: #2B288F;
	}
	.color8{
		background-color: #3633B5;
	}
	.color9{
		background-color: #423FDE;
	}
	.color10{
		background-color: #4B48FC;
	}
	.bluebox {
		max-width: 650px;
		margin: auto;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		padding: 40px;
	}
	.bluearrow {
		width: 50px;
		margin: 20px auto;
	}
	.arrow1{
		background: url(/images/arrow1s.png) no-repeat center bottom;
		-moz-background-size: 100%
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.arrow2{
		background: url(/images/arrow2s.png) no-repeat center bottom;
		-moz-background-size: 100%
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.arrow3{
		background: url(/images/arrow3s.png) no-repeat center bottom;
		-moz-background-size: 100%
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.arrow4{
		background: url(/images/arrow4s.png) no-repeat center bottom;
		-moz-background-size: 100%
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.arrow5{
		background: url(/images/arrow5s.png) no-repeat center bottom;
		-moz-background-size: 100%
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.downloadrow{
		padding:15px 20px;
		background-color:#939393;
		color:#fff;
		display:block;
	}
	.relblock {
		display: inline-block;
		width: calc(100% - 20px);
		vertical-align: top;
		text-align: center;
		margin: 0 10px 40px;
		font-style:normal!important;
		font-family: Lato-Italic, 微軟正黑體, Microsoft JhengHei;
		font-style:italic;
		color:#000!important;
	}
	.relblock {
		
	}
	.relimg {
		display: block;
		border: 1px solid #B4B6B8;
		margin: 0 0 10px;
		background-color: #fff;
	}
	.relimg img {
		margin:auto;
	}
	.offblock {
		padding: 20px 0px;
		border-bottom: 1px solid #C9CBCC;
		margin: 0px;
		font-family: Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
		line-height: 180%;
	}
	.offcol1 {
		width: 100%;
		display: block;
		vertical-align: middle;
		text-align: center;
		margin: auto;
	}
	.offcol1 img{
		margin: auto;
	}
	.offcol2 {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		/* font-weight:bold;
		margin: auto;*/
	}
	.offcol3 {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		line-height:140%;
	}
	.offmsg{
		line-height:155%;
	}
	.schoolblock {
		margin: 0 auto;
		padding: 20px 0;
		border-bottom: 1px solid #C9CBCC;
		max-width: 500px;
		display: block;
	}
	.schoolcol1 {
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
	.schoolcol1 img {
		margin:auto;
	}
	.schoolcol2 {
		display: inline-block;
		width: auto;
		padding: 0;
	}
	.school_icon {
		width: 40px;
	}
	.itemblock {
		width: calc(100% - 32px);
		display: block;
		margin: 15px auto;
		max-width: 400px;
	}
	.itemname {
		padding: 15px 0;
		font-size: 28px;
		font-style: italic;
		line-height:normal;
	}
	.addtocart {
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.itemimg {
		position: relative;
		background-color: #fff;
		border: 1px solid #B4B6B8;
	}
	.optioncol1 {
		display: inline-block;
		width: 80px;
	}
	.optioncol2 {
		display: inline-block;
		width: calc(100% - 95px);
	}
	select.option {
		height: 40px;
		width: 80%;
		border: 1px solid #58595B;
		padding: 10px;
	}
	.qty {
		width: 60%;
		height: 40px;
		padding: 10px;
	}
	.itemoption, itemqty {
		padding: 10px 0;
	}
	.checkboxstyled {
		display:inline-block;
		width:23px;
		height:23px;
		/* border-radius:16px; */
		/* border:3px solid #fff; */
		/* background-color:#fff; */
		background:url(/images/untick.png) center center no-repeat;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		cursor:pointer;
		vertical-align: middle;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		margin: 0 4px 0 0;
	}
	.checkboxstyled:checked {
		width:23px;
		height:23px;
		/* border-radius:16px; */
		/* border:3px solid #fff; */
		/* background-color:#ee4023; */
		background:url(/images/tick.png) center center no-repeat;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
	}
	.radiostyled {
		display:inline-block;
		width:23px;
		height:23px;
		/* border-radius:16px; */
		/* border:3px solid #fff; */
		/* background-color:#fff; */
		background:url(/images/untick_radio.png) center center no-repeat;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		cursor:pointer;
		vertical-align: middle;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		margin: 0 15px 0 0;
	}
	.radiostyled:checked {
		width:23px;
		height:23px;
		/* border-radius:16px; */
		/* border:3px solid #fff; */
		/* background-color:#ee4023; */
		background:url(/images/tick_radio.png) center center no-repeat;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
	}
	.personal_info{
		font-size:15px;
		width: 100%;
		padding:15px;
		font-family: Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
	}
	.per_header {
		font-size: 20px;
		color: #201E6B;
		font-family: Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
		padding: 0 0 10px;
	}
	.titlecol {
		display: inline-block;
		padding: 0 0px 20px 0;
		vertical-align: middle;
		width: 49%;
	}
	.per_row {
		padding: 0;
	}
	.inputfield {
		width: calc(100% - 2px);
		height: 40px;
		border: 1px solid #C9CBCC;
		padding: 0 10px;
	}
	.inputfield2 {
		width: calc(100% - 108px);
		height: 40px;
		border: 1px solid #C9CBCC;
		padding: 0 10px;
	}
	.per_col {
		width: 100%;
		display: inline-block;
		margin: 0 0 15px;
		vertical-align: top;
	}
	.pickup_col {
		display: inline-block;
		padding: 20px 0 0 0;
		vertical-align: middle;
		width: 100%;
		vertical-align: top;
	}
	.pickup_col2 {
		display: inline-block;
		width: 100px;
	}
	.pickup_row {
		padding: 0 0 20px;
	}
	.remark {
		padding: 30px 0;
		font-size: 70%;
	}
	.payment_col {
		display: inline-block;
		padding: 20px 0 0;
		vertical-align: top;
		width: 100%;
	}
	.submit_button {
		padding: 10px 35px;
		font-size: 130%;
		width:100%;
	}
	.infotable {
		padding: 20px 0;
	}
	.infoicon {
		width: 30px;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px 0 0;
	}
	.infoname {
		display: inline-block;
		width: calc(100% - 86px);
		vertical-align: top;
		margin: 0px 15px 0px 0;
		vertical-align: top;
	}
	.infodetail {
		display: inline-block;
		width: 100%;
		margin: 0px 0px 30px 0;
		vertical-align: top;
	}
	.enqinput{
		width:100%;
		height:35px;
	}
	.enqcol {
		width: 100%;
		margin: 8px 4px 8px 0;
		display: inline-block;
	}
	.enqcol:nth-child(3) {
		margin-right: 0;
	}
	.enqtxtfield{
		width:100%;
		display: block;
	}
	.subhead {
		background-color: #4B2F80;
		padding: 8px 20px;
		color: #EDC17D;
		font-size: 24px;
		text-transform: uppercase;
		font-family: Lato-Black, 微軟正黑體, Microsoft JhengHei;
	}
	.ela li {
		list-style: none;
		width: 100%;
		display: inline-block;
		padding: 0 0 18px;
		vertical-align: top;
	}
	.ridertable {
		max-width: 90%;
	}
	.teamrow{
		margin:15px 0;
	}
	.teamblock {
		display: block;
		max-width: 400px;
		margin: 0 auto 20px;
		position: relative;
	}
	.teamname {
		position: absolute;
		bottom: 0;
		background: #fff;
		width: 100%;
		padding: 15px;
		text-align: center;
		/* margin: 0 0 20px; */
		color:#000!important
	}
	.smalltxt {
		font-size: 75%;
		color: #000;
	}
	.fullwidthcol {
		width: 100%;
		padding: 0 0 20px;
	}
	.logocol {
		display: inline-block;
		margin: 5px 10px;
	}
	.partnerlogo{
		height:100%;
		width:auto;
		max-height:20px;
	}
	.partnerblock {
		display: block;
		margin: auto;
		text-align: center;
		padding:50px 15px;
	}
	.parnertext{
		color:#929292;
		text-align:center;
		font-size:18px;
		font-family: Lato-Bold, NotoSanBold, Microsoft JhengHei;
		padding:0 0 35px;
	}
	
	.newsfeasblock{
		display:none;
	}
	.newsfeablock{
		display:block;
		padding:10px;
	}
}
@media screen and (min-width: 360px) {
	
}
@media screen and (min-width: 425px) {
	.infoicon {
		width: 30px;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px 0 0;
	}
	.infoname {
		display: inline-block;
		width: 100px;
		vertical-align: top;
		margin: 0px 15px 0px 0;
		vertical-align: top;
	}
	.infodetail {
		display: inline-block;
		width: calc(100% - 162px);
		margin: 0px 0px 30px 0;
		vertical-align: top;
	}
}
@media screen and (min-width: 640px) {
	.copyright {
		display:block;
		margin:auto;
	}
	.bannerblock {
		/*margin: auto;
		top: 45%;
		bottom: 45%;
		left: 25%;
		right: 25%;
		text-align: center;
		color: #fff;*/
	}
	.mblock {
		display: block;
		width: auto;
		margin: 10px auto;
		max-width: 400px;
	}
	.partnerlogo{
		height:100%;
		width:auto;
		max-height:30px;
	}
	.partnerblock {
		display: block;
		margin: auto;
		text-align: center;
		padding:50px 0;
	}
}
@media screen and (min-width: 768px) {
	h1{
		font-size:45px;
		font-weight:normal;
		padding: 0px 0 40px;
	}
	h2{
		font-size:35px;
		font-weight:normal;
		padding: 0px 0 40px;
	}
	h3{
		font-size:30px;
		font-weight:normal;
		padding: 0px 0 20px;
	}
	h4{
		font-size:25px;
		font-weight:normal;
		padding: 0px 0 20px;
	}
	h5{
		font-size:18px;
		font-weight:normal;
		padding: 0px 0 20px;
	}
	#mask {
		z-index: 300;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
		background-image: url(/images/layerbg.png)\0;
		background-color: rgba(0,0,0,0.85);
		display: none;
	}
	#msg  {
		width: 90%;
		left: 50%;
		top: 20%;
		margin-left: -375px;
		max-width:725px;
		padding:0 30px;
		overflow: auto;
	}
	#msg2  {
		width: 90%;
		left: 50%;
		top: 20%;
		margin-left: -375px;
		max-width:725px;
		padding:50px;
		overflow: auto;
	}
	#closeBtn  {
		height: 35px;
		width: 35px;
		position: absolute;
		z-index: 1000;
		background-image: url(/images/closeBtn.png);
		background-repeat: no-repeat;
		cursor: pointer;
		top: 10px;
		right: 8px;
		/* [disabled]background-color: #3333FF; */
	}
	.msource {
		margin: 30px 10px;
		height: auto;
	}
	.movie {
		min-height: 400px;
		padding: 0 0 20px;
		max-height: 400px;
		overflow: hidden;
		cursor: pointer;
	}
	td {
		padding: 8px;
	}
	.main_h{
		height:868px!important;
	}
	.main_l{
		height:350px!important;
	}
	.logo{
		/* float:left; */
		width:100px;
		display:table-cell!important;
		vertical-align:middle;
	}
	.header{
		background-color:#fff;
		position:relative;
	}
	.header a{
		color:#fff;
	}
	.headerrow{
		height:100px;
		padding:0 5px;
		font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei!important;
		display: table;
		width: calc(100% - 10px);
	}
	.langarea {
		display: none;
	}
	.leftblock {
		display: inline-table;
		height:100px;
		width:calc(100% - 145px);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		float: none;
	}
	.rightblock{
		display: table;
		width:auto;
		float:right;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		vertical-align: middle;
		text-align: right;
	}
	.nav{
		display: block;
		position: relative;
		width: auto;
		height: auto;
		left: 0;
		float: right;
		padding:0 0px 0 0;
	}
	.nav ul{
		padding: 0;
		margin: 40px 0 0 10px;
		overflow: hidden;
	}
	.nav ul li{
		float:left;
		display: block;
		padding: 0 0 0px;
		border-bottom: 0px solid #A8ACAD;
		position: relative;
		text-transform: uppercase;
	}
	.nav ul li:after{
		height:2px;
		background-color:#FFB905;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		margin:10px 0 0 0 ;
	}
	.navactive, .nav ul li a:hover {
		border-bottom: 3px solid #FFB905;
		/* color:#000!important; */
		/* height:2px; */
		/* background-color:#FFB905;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s; */
		/* -moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-webkit-transition: all 0.5s ease; */
		/* transition: all 0.5s ease; */
		color:#4B2F80!important;
	}
	.nav ul li a{
		padding:0 0 41px;
		color:#000;
		text-decoration:none;
		font-size: 8px;
		margin: 0 5px;
		display:inline-block;
		text-align:center;
		/* font-family:Lato-Regular, 微軟正黑體, Microsoft JhengHei; */
	}
	.navbtn {
		display:none;
	}
	.smallnav{
		display:none;
	}
	.smalllogo{
		display:none;
	}
	.logo{
		display:block;
	}
	.largeimg{
		display: inline-block;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.smallimg {
		display:none;
	}
	.righttable {
		display: table-cell;
		height: 100px;
		/* float: right; */
		width: 143px;
		vertical-align: middle;
	}
	#topfirstcol, .topfirstcol {
		vertical-align: middle;
		/* display: table-cell; */
		display: inline-block;
		vertical-align:middle;
		float: none;
		width: auto;
		
		/* min-width:40px; */
	}
	.rightcol {
		width: 30px;
		display: inline-block;
		padding: 5px;
		font-size: 15px;
		vertical-align: middle;
		font-size: 1.1vw;
	}
	.rightcol img {
		width: 100%;
		display: block;
	}

	.langbtn {
		/*background: url(/images/icon/langbtn.png) center left no-repeat;
		-moz-background-size: 15px;
		-o-background-size: 15px;
		-webkit-background-size: 15px;
		background-size: 15px;*/
		white-space: nowrap;
		color:#000!important
		/* padding: 0 0px 0 25px; */
		/* border-right: 1px solid #A8ACAD; */
	}
	.bottom_nav_header{
		color:#FFAB41;
		font-size:16px;
		padding: 0 0 10px;
	}
	.bottom_subnav{
		color:#fff;
		font-size:12px;
		padding: 2px 0;
		display: block;
	}
	.bottom_nav {
		display: table;
	}
	.bottom_nav_col {
		display: table-cell;
		padding: 20px;
	}
	.bottom_nav_block {
		padding: 0 0 40px;
	}
	.bottom_nav_col4 {
		display: table-cell;
		vertical-align: middle;
		width: 48px;
		padding: 0 24px;
		float: none;
	}
	.bottomicon {
		padding: 10px 0;
		display: block;
	}
	.bottom_logo{
		width:80px;
		display:inline-block;
	}
	.tc {
		display: table-cell;
		vertical-align: middle;
		color:#fff;
	}
	.tcl{
		display:inline-block;
	}
	.tcs{
		display:none;
	}
	.bottomrightblock {
		display:table;
		float:right;
		width: auto;
		text-align: left;
		height: 80px;
	}
	.copyright {
		width:calc(100% - 30px);
		max-width:none;
	}
	.newsblock {
		/* background-color: #2E2754; */
		/* padding: 0% 0 3%; */
		margin: -3px 0;
		background: #2E2754 url(/images/news_bg.png) bottom left repeat-x;
		padding: 0;
	}
	.newslblock {
		display: inline-block;
		width: calc(50% - 4px);
		vertical-align: middle;
		padding: 20px 0;
	}
	.newsrblock {
		display: inline-block;
		width: 50%;
		vertical-align:middle;
		padding: 30px 0px;
	}
	.newscblock {
		max-width: 300px;
		margin: 0px 20px;
	}
	.newstxtblock {
		width: 90%;
		display: block;
		float: right;
		padding:1vw 20px;
		/* max-width: 770px; */
	}
	.newsheader{
		font-size:120%;
	}
	.newsdesc{
		font-size:200%;
	}
	.bx-wrapper .newscar_img {
		max-width: calc(100% - 10px);
	}
	.bannerheader {
		font-size: 5vw;
	}
	.discol{
		width:calc(33.3% - 15px);
		display:inline-block;
		margin-right:15px;
		vertical-align: top;
		position:relative;
	}
	.discol:last-child{
		margin-right:0px;
	}
	.disciplines_header{
		color:#fff;
		text-transform:uppercase;
		margin:auto;
		text-align:center;
		padding:0 0 40px;
	}
	.disheader{
		color:#EDC17D;
		text-transform:uppercase;
		font-size:25px;
		padding:20px 0 10px;
	}
	.disimg{
		border:1px solid #4B2F80
	}
	.disdesc{
		padding:20px;
		height: 110px;
		max-height: 110px;
		overflow: hidden;
	}
	.tranbtn{
		padding:12px 50px;
		font-size:100%;
		margin:3vw 0;
	}
	.album_header{
		color:#4B2F80;
		text-transform:uppercase;
		margin:auto;
		text-align:center;
		padding:0 0 40px;
	}
	.album_desc{
		font-size:18px;
		
	}
	.albumimg {
		display: block;
		width: 25%;
		float: left;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: 20px!important;
		width: 100%;
	}
	ul.submenu {
		display:none;
	}
	.lsubmenu {
		display: none;
		background-color: rgba(46,39,84,0.95);
		position: absolute;
		top: 100px;
		/* width: calc(100% - 80px); */
		width: 100%;
		z-index: 1;
		padding: 25px 40px;
		color:#fff;
	}
	.navblock {
		display: block;
		/* width: 100%; */
		padding: 0;
		max-width: 1200px;
		margin: auto;
	}
	.sublink {
		display: block;
		padding: 15px;
		font-size: 25px;
		font-family:Lato-Black, NotoSanBold, 微軟正黑體, Microsoft JhengHei;
		text-transform:uppercase;
		color:#FFF!important;
	}
	#slider-next{
		width:65px;
		height:50px;
		background: url('/images/next_btn.png') no-repeat;
		position: absolute;
		top: 30%;
		z-index: 10;
		right: 0;
		display:block;
	}
	#slider-prev{
		width:65px;
		height:50px;
		background: url('/images/previous_btn.png') no-repeat;
		position: absolute;
		top: 30%;
		z-index: 10;
		left: 0;
		display:block;
	}
	.sslink{
		padding:5px 15px 5px 45px;
		display:block;
		background: url('/images/link_icon.png') no-repeat 10px;
		-moz-background-size: 24px;
		-o-background-size: 24px;
		-webkit-background-size: 24px;
		background-size: 24px;
	}
	.topimgblock{
		height:350px;
		width:100%;
		display: table;
		vertical-align: middle;
	}
	.catname{
		font-size:20px;
	}
	.subcatname{
		font-size:40px;
	}
	.latest_news{
		background: url('/images/news_img.jpg') no-repeat center center;
	}
	.latest_album{
		background: url('/images/com_album_img.jpg') no-repeat center center;
	}
	.latest_video{
		background: url('/images/com_video_img.jpg') no-repeat center center;
	}
	.latest_pub{
		background: url('/images/promo_publications_img.jpg') no-repeat center center;
	}
	.latest_com{
		background: url('/images/com_schedule_img.jpg') no-repeat center center;
	}
	.yearhorse_L{
		background: url('/images/com_horse_of_the_year_img.jpg') no-repeat center center;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;
	}
	.yearhorse{
		background: url('/images/com_horse_of_the_year_img_s.jpg') no-repeat center -130px;
		/*-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size:  cover;*/
	}
	.rules_regulations {
		background: url(/images/Rules-Regulations.jpg) no-repeat center -71px;
		/*-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;*/
	}
	.searchcol{
		width:calc(33.3% - 29px);
		margin:15px 40px 15px 0;
		display:inline-block;
	}
	.searchcol:last-child{
		margin:15px 0;
	}
	.form-control{
		margin:0;
	}
	.form-control, .searchfield, .menurow, .submitbtn{
		font-size:18px;
	}
	.filter {
		padding: 0;
	}
	.fullblock{
		width:100%;
		position:relative;
	}
	.newsdate, .newspdate{
		font-size:20px;
	}
	.newspheader{
		font-size:40px;
		padding:15px 0 30px;
	}
	.newssblock{
		width:calc(50% - 2px);
		display:inline-block;
		vertical-align: middle;
	}
	.newstxtblock2 {
		padding: 15px 30px 15px 0;
	}
	.newsfeature{
		padding:25px 15px
	}
	.loopcontent {
		width: calc(50% - 10px);
		display: inline-block;
		/* vertical-align: middle; */
		padding: 25px;
		vertical-align: top;
	}
	.loopimg {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
	}
	.loopblock {
		padding: 25px 15px;
	}
	.searchform{
		padding: 0 15px;
	}
	.dblock{
		margin:40px auto!important;
	}
	.pageheader {
		font-size: 40px;
	}
	.content_container{
		padding:40px;
	}
	.pubdate{
		font-size:20px;
	}
	.pageheader {
		font-size: 40px;
		padding: 20px 0 40px;
	}
	.pagecontent {
		padding: 30px 0;
		font-size: 18px;
		font-family: Lato-Regular, 微軟正黑體, Microsoft JhengHei;
	}			.pagecontent p {		margin-bottom: 10px;	}
	.contentsblock {
		width: calc(33.3% - 23px);
		display: inline-block;
		margin: 15px 20px 15px 0;
		background-color: #fff;
		height: 450px;
		vertical-align: top;
		min-height: 450px;
	}
	.contentsblock:nth-child(3) {
		margin: 15px 0px 15px 0;
	}
	.pub_block{
		height: auto;
	}
	.blockinfo{
		padding:15px;
	}
	.blockdate{
		font-size:20px;
	}
	.blockheader{
		font-size: 24px;
		line-height: normal;
	}
	
	.sportblock {
		display: inline-block;
		width: calc(25% - 13px);
		margin: 30px 5px;
		text-align: center;
		padding: 130px 15px;
		font-size:25px;
		max-height: 490px;
		height: 490px;
		vertical-align: middle;
		font-style: normal!important;
		color: #fff!important;
	}
	.mblock {
		display: inline-block;
		width: calc(33.3% - 24px);
		margin: 10px;
	}
	.msblock {
		position: relative;
	}
	.mtxt {
		position: absolute;
		top: 50%;
		/* left: 50%; */
		/* right: 50%; */
		height: 20px;
		display: block;
		color: #fff;
		/* left: 0; */
		/* right: 0; */
		text-align: center;
		margin: auto;
		width: 100%;
	}
	.lbar {
		background-color: #4B2F80;
		color: #fff;
		text-align: center;
		padding: 20px;
	}
	.arrowSarea{
		display:none;
	}
	.arrowLarea{
		display:inline;
		text-align:left
	}
	.arrowblock{
		max-width:1200px;
		margin:auto;
		display:block;
	}
	.arrowcol1 {
		display: table-cell;
		vertical-align: middle;
		border-radius: 10px;
		color: #fff;
		padding: 40px 60px;
		width: 35%;
		text-align:center;
		font-size:25px;
		/* float:left; */
	}
	.arrowcol2 {
		width: 64%;
		padding: 20px 100px 20px 20px;
		color: #000;
		display: inline-block;
		vertical-align: middle;
		margin-left:-3px;
		height: 122px;
		
		/* float:left; */
	}
	.arrow1, .arrow2, .arrow3, .arrow4, .arrow5{
		display: table-cell;
		height: 122px;
		vertical-align: middle;
		padding: 0 100px 0 20px;
		font-size:12px;
	}
	.arrow1{
		background: url('/images/arrow1.png') no-repeat right center;
		-moz-background-size: auto 80%;
		-o-background-size: auto 80%;
		-webkit-background-size: auto 80%;
		background-size: auto 100%;
	}
	.arrow2{
		background: url('/images/arrow2.png') no-repeat right center;
		-moz-background-size: auto 80%;
		-o-background-size: auto 80%;
		-webkit-background-size: auto 80%;
		background-size: auto 100%;
	}
	.arrow3{
		background: url('/images/arrow3.png') no-repeat right center;
		-moz-background-size: auto 80%;
		-o-background-size: auto 80%;
		-webkit-background-size: auto 80%;
		background-size: auto 100%;
	}
	.arrow4{
		background: url('/images/arrow4.png') no-repeat right center;
		-moz-background-size: auto 80%;
		-o-background-size: auto 80%;
		-webkit-background-size: auto 80%;
		background-size: auto 100%;
	}
	.arrow5{
		background: url('/images/arrow5.png') no-repeat right center;
		-moz-background-size: auto 80%;
		-o-background-size: auto 80%;
		-webkit-background-size: auto 80%;
		background-size: auto 100%;
	}
	.relblock {
		display: inline-block;
		width: calc(25% - 23px);
		vertical-align: top;
		text-align: center;
		margin: 0 10px 40px;
	}
	.relimg {
		display: block;
		border: 1px solid #B4B6B8;
		margin: 0 0 10px;
	}
	.offblock {
		padding: 20px 0px;
	}
	.offcol1 {
		width: 20%;
		display: inline-block;
		vertical-align: middle;
	}
	.offcol2 {
		display: inline-block;
		width: 30%;
		vertical-align: middle;
		text-align:center;
	}
	.offcol3 {
		display: inline-block;
		width: 48%;
		vertical-align: middle;
		text-align:center;
	}
	.schoolblock {
		margin: 0px;
		padding: 20px 0;
		border-bottom: 1px solid #C9CBCC;
		max-width: none;
	}
	.schoolcol1 {
		display: inline-block;
		vertical-align: top;
		max-width: 250px;
	}
	.schoolcol2 {
		display: inline-block;
		width: calc(100% - 255px);
		padding: 0 0 0 30px;
	}
	.selection_policy_major_event {
		background: url(/images/team_selection_policy_img.jpg) no-repeat center -250px;
	}
	.rules {
		background: url(/images/com_rule_img.jpg) no-repeat center -357px;
	}
	.itemblock {
		/* background-color: #fff;
		border: 1px solid #000; */
		width: calc(33.33% - 13px);
		display: inline-block;
		margin: 15px 15px 15px 0;
		vertical-align: top;
	}
	.itemname {
		font-family: Lato-Italic, 微軟正黑體, Microsoft JhengHei;
		padding: 15px 0;
		font-size: 28px;
		font-style: italic;
		line-height:normal;
		min-height:100px;
	}
	.itemblock:nth-child(3n) {
		margin-right: 0;
	}
	.addtocart {
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.itemimg {
		position: relative;
		background-color: #fff;
		max-height: 400px;
	}
	.itemprice{
		font-size: 28px;
		font-family: Lato-Bold, NotoSansTC-Medium, 微軟正黑體, Microsoft JhengHei;
		padding: 10px 0;
	}
	.optioncol1 {
		display: inline-block;
		width: 80px;
	}
	.optioncol2 {
		display: inline-block;
		width: calc(100% - 95px);
	}
	select.option {
		height: 40px;
		width: 80%;
		border: 1px solid #58595B;
	}
	.qty {
		width: 60%;
		height: 40px;
	}
	.itemoption, itemqty {
		padding: 10px 0;
	}
	.personal_info{
		font-size:15px;
		width: 75%;
		padding:40px 0 0 0;
	}
	.per_header {
		font-size: 24px;
		color: #201E6B;
		padding:0 0 20px;
	}
	.titlecol {
		display: inline-block;
		padding: 0 40px 0 0;
		vertical-align: middle;
		width: auto;
	}
	.per_row {
		padding: 20px 0;
	}
	.inputfield {
		width: calc(100% - 2px);
		height: 40px;
		padding: 0 10px;
	}
	.inputfield2 {
		width: calc(100% - 129px);
		height: 40px;
		padding: 0 10px;
	}
	.per_col {
		width: calc(50% - 23px);
		display: inline-block;
		margin: 0 20px 0 0;
		vertical-align: top;
	}
	.pickup_col {
		display: inline-block;
		padding: 0 30px 0 0;
		vertical-align: middle;
		width: calc(25% - 5px);
		vertical-align: top;
	}
	.pickup_col2 {
		display: inline-block;
		width: 100px;
	}
	.pickup_row {
		padding: 20px 0 0;
	}
	.remark {
		padding: 30px 0;
		font-size: 80%;
	}
	.payment_col {
		display: inline-block;
		padding: 0 40px 0 0;
		vertical-align: top;
		width: auto;
	}
	.submit_button {
		padding: 10px 35px;
		font-size: 25px;
		cursor: pointer;
		width: auto;
		float:right;
	}
	.infotable {
		padding: 50px;
	}
	.infoicon {
		width: 50px;
		display: inline-block;
		vertical-align: top;
		margin: 0 15px 30px 0;
	}
	.infoname {
		display: inline-block;
		width: 200px;
		vertical-align: top;
		margin: 10px 15px 30px 0;
	}
	.infodetail {
		display: inline-block;
		width: calc(100% - 290px);
		margin: 10px 0px 30px 0;
	}
	.enqcol:nth-child(3) {
		margin-right: 0;
	}
	.enqcol {
		width: calc(33.3% - 5px);
		margin: 8px 4px 8px 0;
		display: inline-block;
		vertical-align: top;
	}
	.btn2{
		font-size:24px;
	}
	.ridertable {
		max-width: 75%;
	}
	.teamblock {
		display: inline-block;
		width: calc(33.3% - 13px);
		position: relative;
		margin: 0 10px 12px 0;
		overflow: hidden;
		vertical-align: top;
	}
	.teamblock:hover .teamname {
		height: 20%;
	}
	.teamblock:nth-child(3) {
		margin: 0;
	}
	.teamname {
		display: block;
		position: absolute;
		bottom: 0;
		background-color: #fff;
		width: 100%;
		padding: 0px;
		text-align: center;
		transition: .5s ease;
		height:0;
	}
	.overtext {
		font-size: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		bottom: 0;
	}
	.teamrow{
		margin:25px 0;
	}
	.per_col3 {
		display: inline-block;
		width: calc(33.3% - 20px);
		margin: 0 16px 0 0;
		vertical-align: top;
		/* font-size: 18px; */
	}
	.fullwidth {
		font-size: 15px!important;
		padding: 0 15px;
	}
	.per_col2 {
		width: calc(66.6% - 20px);
	}
	.smalltxt {
		/* font-size: 16px; */
		color: #000;
	}
	.fullwidthcol {
		width: 100%;
		padding: 0 0 20px;
	}
	.ela li {
		list-style: none;
		width: 50%;
		display: inline-block;
		padding: 0 0 18px;
		vertical-align: top;
	}
	.logocol {
		display: inline-block;
		margin: 10px;
	}
	.partnerlogo{
		height:100%;
		width:auto;
		max-height:35px;
	}
	.parnertext{
		text-align:left;
		font-size:18px;
		padding:0 0 35px;
	}
}
@media screen and (min-width: 1024px) {
	.logo{
		/* float:left; */
		width:190px;
		display:table-cell!important;
		vertical-align:middle;
	}
	.nav {
		padding: 0 0px 0 0;
	}
	.nav ul li a{
		font-size: 11px;
		padding:0 0 41px;
	}
	.indexcontainer{
		padding:90px 110px;
		font-size: 18px;
	}
	.vcontainer{
		padding:90px 110px;
		font-size: 18px;
	}
	.rightcol {
		font-size: 14px;
	}
	.newslblock {
		display: inline-block;
		width: calc(50% - 4px);
		vertical-align: middle;
		padding: 50px 0;
	}
	.newsrblock {
		display: inline-block;
		width: 50%;
		vertical-align:middle;
		padding: 0px;
	}
	.newstxtblock {
		/* width: 90%; */
		display: block;
		float: right;
		padding:6vw 20px;
		/* max-width: 770px; */
	}
	.newsheader{
		font-size:20px;
	}
	.newsdesc{
		font-size:40px;
	}
	.bannerheader {
		/* font-size: 20vw; */
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: 50px!important;
		width: 100%;
	}
	.tranbtn{
		padding:12px 50px;
		font-size:130%;
	}
	.schoolblock {
		margin: 0 60px;
		padding: 20px 0;
		border-bottom: 1px solid #C9CBCC;
	}
	.logocol {
		display: inline-block;
		margin: 10px 15px;
	}
	.partnerlogo{
		height:100%;
		width:auto;
		max-height:45px;
	}
	.newsfeasblock{
		display:block;
	}
	.newsfeablock{
		display:none;
	}
}
@media screen and (min-width: 1200px) {
	.nav{
		display:block;
	}
	.nav ul{
		padding: 0;
		margin: 42px 0 0 50px;
	}
	.nav ul li{
		float:left;
		display: block;
		font-weight: bold;
		padding:0 8px;
	}
	.nav ul li a{
		padding:0 0 38px;
		font-size: 12px;
		display: inline-block;
	}
	.newslblock {
		display: inline-block;
		width: calc(60% - 4px);
		vertical-align: middle;
		padding: 0px 0;
	}
	.newsrblock {
		display: inline-block;
		width: 40%;
		vertical-align: middle;
		max-width: 500px;
		/* position: absolute; */
		right: 0;
		padding: 40px 0;
	}
	.newstxtblock {
		width: 90%;
		display: block;
		float: right;
		padding:6vw 20px;
		/* max-width: 770px; */
	}
	.bannerheader {
		font-size: 60px;
	}
	.newstxtblock2 {
		padding: 0px 30px 0 0;
	}
	.searchform{
		padding: 0;
	}
	.loopcontent {
		width: calc(100% - 529px);
		display: inline-block;
		/* vertical-align: middle; */
		padding: 35px 30px 35px 65px;
		vertical-align: top;
	}
	.loopimg {
		width: 525px;
		display: inline-block;
		vertical-align: middle;
	}
	.loopblock {
		padding: 25px 0px;
	}
	.newsfeature {
		padding: 25px 0px;
	}
}
@media screen and (min-width: 1400px) {
	.newstxtblock {
		width: 90%;
		display: block;
		float: right;
		padding:80px 20px;
		/* max-width: 770px; */
	}
	.nav ul li a{
		padding:0 0 38px;
		font-size: 13px;
		display: inline-block;
	}
}
@media screen and (min-width: 1600px) {
	.newstxtblock {
		width: 90%;
		display: block;
		float: right;
		padding:4vw 20px;
		/* max-width: 770px; */
	}
}