html, body{
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

body{
  font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif";
  font-size:85%;
  line-height: 1.8em;
  color:#231815;
	background: url(../images/diagonales_decalees.png) center top repeat;
	overflow-x: hidden;
}

.wrapper{
  background: url(../images/bg01.png) center bottom repeat-x;
  position: relative;
  left:0;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a{
  text-decoration: none;
  color:#231815;
}

img{
	display: block;
	max-width: 100%;
}

.header_content,
.component{
  max-width:990px;
  margin:auto;
}


#gotop{
	position: fixed;
	right:50px;
	bottom:50px;
	opacity: 0.8;
	z-index: 99;
}

#gotop:hover{
	position: fixed;
	right:50px;
	bottom:50px;
	opacity: 1;

}

#smenu{
	display: none;
}

/*menu*/
header{
	 background-color: none;
/*	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;*/
    position: absolute;
    width: 100%;
    background: transparent;
}
header.down{
	position: fixed;
	top:0;
	width: 100%;
	z-index: 10;
	color:#fff;
	height:60px;
	 background-color: #fff;
/*	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;*/
}

.header_content{
	padding-top:10px;
}

.header_content h1{
	position: relative;
}

.header_content h1 img
{
	position: absolute;
}

.header_content h1 a>img+img,
.header_content h1 div>img+img
{
	display: none;
}

header .header_content h1 div img{
	left:140px;
}
header.down .header_content h1 div img{
	left:100px;
}


nav{
	float: right;
	width:60%;
	margin:10px 0;
  text-align: right;
}

.down nav{
	margin:0;
}

ul#mainmenu li{
	display: inline-block;
	vertical-align: middle;
	margin-left:1.5%;
}

ul#mainmenu li a{
	font-size:1.2em;
	color:#fff;
	padding:1px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

ul#mainmenu li.fb{
    position: relative;
}
.fb-share-button{
    position: absolute!important;
    left:0;
    top: 0;
}
ul#mainmenu li.fb ._2tga._49ve{
    width: 40px!important;
    height:40px!important;
    border-radius: 50%;
}
ul#mainmenu li.fb a,
ul#mainmenu li.line a{
	padding:0px;
	background: none;
    /*max-height: 40px;*/
}

ul#mainmenu li a:hover,
ul#mainmenu li a.on{
	background:#fff;
	color:#d80d18;
}

header.down ul#mainmenu li a{
	color:#d80d18;
}

header.down ul#mainmenu li a:hover,
header.down ul#mainmenu li a.on{
	background:#d80d18;
	color:#fff;
}

footer{
	background: #d80d18;
	color:#fff;
	text-align: center;
	padding:30px 0;
}
/**/
section .component{
	padding:40px 10px 30px 10px;

}

#s01{
	background: url(../images/index01.png) center top repeat;
  text-align: center;
	color:#fff;
	font-size:18px;
}

#s01 .component{
	padding-top:90px;
}

#s01 b{
	font-size: 2.5em;

}
/**/
.iconshake{
	position: relative;
	display: block;
	margin:auto;
}
.iconshake img{
	margin:auto;
}

/**/
#autoimg{
	position: relative;
	width: 100%;
}

#autoimg li{
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
	opacity:0;
}

#autoimg li img{
	margin:auto;
}

#autoimg li div{
	font-size:18px;
	padding:10px 0;
	margin-top:35%;
}

#autoimg li div p{
	margin-bottom:10px;
}

#autoimg li div p span{
    display: block;
    margin-bottom:10px;
}
/**/
h3.title{
	color:#fff;
	font-size:30px;
	margin-bottom:20px;
}

h3.title span{
	display:block;
	margin-left:65px;
	position:relative;
}

h3.title span:before{
	display:block;
	content:"";
    width: 85px;
    height: 72px;
    left: -20px;
    position: absolute;
	border-left:1px solid #fff;
    top: -3px;
    transform: rotate(42deg);
	      -moz-transform: rotate(42deg);
      -ms-transform: rotate(42deg);
      -webkit-transform: rotate(42deg);
      transform: rotate(42deg);

}

#s02{
	background: url(../images/s2_bg.jpg) no-repeat center center;
	background-size: cover;
	color:#fff;
}
#s02 .component{
	min-height:920px;

}

#s02 h4{
	text-align:center;
	font-size:5em;
	margin:60px auto;
	 line-height: 72px;
}

#s02 p{
	text-align:center;
	font-size:1.3em;
	line-height: 1.8em;
}

.abgne_tab{
	margin:20px 0;
	border-bottom:#f65b61 1px solid;
	width:100%;
}
.abgne_tab ul.tabs,
.abgne_tab a.year{
	display: inline-block;
}

.abgne_tab a.year{
	padding:3px 10px;
	font-size:1.3em;
	background:#ffbfc2;
	color:#333333;
}

.abgne_tab ul.tabs{
	margin-bottom:1px;
}
.abgne_tab ul.tabs li{
	display:inline-block;

}

.abgne_tab ul.tabs li a{
	padding:3px 10px;
	font-size:1.3em;
	display:block;
	background:#ffbfc2;
	color:#333333;
}




.abgne_tab ul.tabs li.active a{
	display:block;
	background:#f65b61;
	color:#fff;
}

.tab_container ul li{
	margin-bottom:20px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:1em;
	width:20%;
}
#s02 .tab_container ul li.xx{
	width:5%;
	margin-top:5%;
}

#s02 .tab_container ul li img{
	margin:0 auto 10px auto;
}

#s02 .tab_container ul li b{
	display:block;
	font-size:1.7em;
}

p.stay{
  min-width: 900px;
  min-height: 300px;
}

/**/
#s03{
	color:#fff;
}

#s03 div>img{
	width:60%;
}

#s03 p{
	font-size:2.2em;
	text-align:center;
 line-height: 32px;
 margin-top:0px;
}

#s03 img{
	display:inline-block;
	vertical-align:bottom;
	margin:0 2px;
}

#s03 ul{
	text-align:center;
	margin:50px auto;
}

#s03 ul li{
	display:inline-block;
	vertical-align:top;
	width:22.5%;
	margin:0 1% 15px 1%;
}

#s03 ul li a{
	font-size:1.8em;
	color:#fff;
	background:url(../images/s3_icon.png) center bottom no-repeat;
	display:block;
	width:98%;
	height:100%;
	line-height: 1.2em;
	min-height:80px;
	border:1px solid #fff;
	padding:5px 1% 10px 1%;
}

#s03 ul li a:hover{
	color:#d80d18;
	background:url(../images/s3_icon_on.png) center bottom no-repeat #fff;

}

#s03 ul li span{
	display:block;
	font-size:0.55em;
}

/**/

.section-grid{
	display: inline-block;
	vertical-align: middle;
	width:100%;
}

.section-grid figure {
  position: relative;
  overflow: hidden;
}
.section-grid .item {
  float: left;
  width: 33.333%;
  transition-property: transform, opacity;
  transition-duration: 0.8s;
  position: relative;
  z-index: 1;
  margin-top: -2px;
}


.section-grid figure {
  position: relative;
  overflow: hidden;

}.section-grid figcaption {
  background: url(../images/bg_02.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  color: #fff;
  padding-top: 15%;
  z-index: 5;
  width: 100%;
  height: 90%;
  top: 0px;
  line-height: 1.5em;
  font-weight: bold;
  top: -1px;
}


.section-grid figcaption .title {
  font-size: 130%;
  margin-bottom: 20px;
  padding: 0 7%;
}


.section-grid figcaption .content {
  color: #dfdfdf;
  margin-bottom: 30px;
  padding: 0 1%;
  text-align:center;
  font-size: 1.3em;
  line-height: 1.3em;
}

.section-grid figcaption .content b{
  font-size: 1.3em;
  line-height: 1.3em;
  color:#ffe400;

}
.section-grid figcaption .content strong{
  color:#ffe400;
}
.section-grid figcaption .content strong span{
  font-size: 1.3em;
  color:#ffe400;
  font-weight: bold;
}

.section-grid figcaption .content span{
  font-size: 0.9em;
	line-height: 1.3em;

}
.section-grid figcaption .content i{
  padding-right:22px;
  background:url(../images/icon.png) left center no-repeat;
}

.section-grid figcaption .text {
    position: relative;
    top: 20%;
}

.section-grid figcaption .more a{
  font-size: 1.5em;
    line-height: 1.2em;
	display:table;
	margin:auto;
	padding:2px 8px;
	color:#fff;
	background:#d80d18;
}

/**/
#s03{
	background: url(../images/footer_lodyas.png) repeat center center;
	/*min-height:1000px;*/
}

/**/
#s04{
	background: #d80d18;
	/*min-height:1000px;*/
}


#s05{
	background:#d80d18;
}

#s05 .partner{
	background:#fff;
}
#s05 .partner .component{
	padding:20px 0;
}

#s05 .partner h4,
#award3 h4{
	display:table;
	background:#cbcbcb;
	color:#333;
	padding:2px 8px;
	margin:40px 0 30px 0;
	position:relative;
}

#award3 h4{
	display: block;
	width:95%;
	margin:20px 0 5px 0;
}

#s05 .partner h4:after,
#award3 h4:after{
    border-bottom: 15px solid transparent;
    border-left: 17px solid #cbcbcb;
    border-top: 14px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -17px;
    top: 0;
}

#s05 .partner ul{
	width:90%;
	margin:auto;
}

#s05 .partner ul li{
	border-bottom:#333 1px dotted;
	margin-bottom:30px;
	padding-bottom:20px;
}

#s05 .partner figure{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	padding:3% 1%;

}

#s05 .partner figcaption{
	width:75%;
	display:inline-block;
	vertical-align:middle
}

#s05 .partner figcaption b{
	font-size:1.4em;
}

/**/
.fancybox-skin{
	padding:0!important;
}

.fancybox-inner .title{
	display: block;
	color:#fff;
	background:#f2373d;
	text-align: center;
	font-size:30px;
	line-height: 30px;
	padding:20px 0;
	margin-bottom:10px;
}

.fancybox-inner .boxcon{
	padding:30px;
	max-width: 900px;
}



.fancybox-inner .abgne_tab{
	min-width:280px;
}


.awardt{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin:1%;
}

.awardt table{
	width: 100%;
}
.awardt table th{
	background:#555555;
	color:#fff;
	width:33.3%;
}
.a2015 table th{
	width:auto;
}

.a2 table th{
  width:50%;
}
.a3 table th{
  width:33.3%;
}

.a4 table th{
  width:25%;
}

.a2016 table th{
  width:33.3%;
}
.awardt table th img{
	display: inline-block;
	vertical-align: middle;
}

.a2017{
    width: 100%;
}
.awardt table th,
.awardt table td{
	text-align: center;
	padding:5px 8px;
	border:1px solid #fff;
}

.awardt table td{
	background:#d2d2d2;
}

.awardt table td+td{
	background:#fff098;
}

.awardt table td+td+td,
.awardt table td.td3{
	background:#8bdaea;
}



table.gray{
	width: 100%;
}

table.gray th{
	background:#d2d2d2;
	text-align: center;
	max-width: 120px;
}

table.gray td{
	background:#e5e5e5;
}

table.gray th,
table.gray td{
	padding:5px 8px;
	border:1px solid #fff;
}

#s04_4 .boxcon>ul li{
	text-indent: -30px;
	margin-left:30px;
}

#s04_4 .boxcon>ul li ul li{
	text-indent: -26px;
	margin-left:26px;
}

table.s04{
	width:100%;
	margin:10px auto;
	text-indent: 0px;
	margin-left:0px;
}

table.s04 th,
table.s04 td{
	padding:5px 8px;
	text-align: center;
	border:1px solid #fff;
}

table.s04 th{
	background:#25b1cf;
	color:#fff;
	font-size:1.3em;
}

table.s04 td{
	background:#d2d2d2;
	min-width: 42px;
}

table.s04 td+td{
	background:#e5e5e5;
	min-width: 36px;
}

table.s04 td+td+td{
	text-align:left;
}



@media (max-width: 980px) {


  html.active body{
    overflow: hidden;
  }

	.active .wrapper,
	.active .wrapper header {
	    left: 200px;
	}

	header{
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		z-index: 1;
		color:#fff;
		height:60px;
		background-color: #fff;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.header_content{
		text-align: center;
		background:#fff;
	}

	.header_content h1 img
	{
		display: none;
		position: relative;

	}
	.header_content h1 a,
	.header_content h1 div{
		display: inline-block;
	}

	.header_content h1 a>img+img,
	.header_content h1 div>img+img
	{
		display: block;
	}

	header .header_content h1 div img{
		left:auto;
		margin-left:20px;
	}

	header.down .header_content h1 div img{
		left:0px;
	}

  	#smenu{
      display: block;
      position: absolute;
      left:20px;
      top:10px;
      z-index: 11;
      cursor:pointer;
      width:35px;
      height:20px;
      padding:8px;
    }

    #smenu figure{
      background:#d80d18;
      height:2px;
      width:35px;
      margin:10px 0;
    }

    #smenu:before, #smenu:after{
      display: block;
      content: '';
      width:35px;
      height:2px;
      background:#d80d18;
     }


    .active #smenu figure{
      background: none;
    }

    .active #smenu:before{
      position: absolute;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 17px;
    }

    .active #smenu:after{
      position: absolute;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 17px;
    }

    nav{
      position: fixed;
      margin:0;
      top:0;
      left:-201px;
      width:200px;
      height: 100%;
      background: #fff;
      z-index: 10;
      -moz-transition: 0.5s;
			-o-transition: 0.5s;
			-webkit-transition: 0.5s;
			transition: 0.5s;

		}


		.active nav.none{
			/*display: none;*/
		}
		.active nav{
			left:0;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-webkit-transition: 0.5s;
			transition: 0.5s;

		}


	nav #mainmenu li{
			display: block;
			width:100%;
			margin-left: 0;
			border-bottom:1px solid #d80d18;
			text-align: center;
			border-right:1px solid #d80d18;

	}

	nav #mainmenu li a{
		color: #d80d18;
		padding:0;
		display: block;
		width: 100%;
		height:100%;
		padding:10px 0;
	}

	nav #mainmenu li img{
		margin:auto;
		padding:10px 0;
}

	ul#mainmenu li a:hover,
	ul#mainmenu li a.on{
		background:none;
	}

	header.down ul#mainmenu li a{
		color:#d80d18;
	}

	header.down ul#mainmenu li a:hover,
	header.down ul#mainmenu li a.on{
		background:none;
		color:#d80d18;
	}

	section .component{
		width:90%;
		margin:auto;
	}


	#s02 .tab_container ul li span span{
		display:block;
	}


	#s03 ul li{
		width:47%;
	}

  #s03 ul li a{
    font-size:1.6em;
	}

	.section-grid .item{
	  width: 50%;
	}

	.fancybox-inner .title{
			line-height: 35px;
	}

	.fancybox-inner .title span{
		display: block;
	}

	.fancybox-inner .title span i{
		display: none;
	}

	.awardt table td span{
		display: block;
	}

/**/
  .fancybox-inner .boxcon {
    padding:15px  6px;
  }
  .awardt table th,
  .awardt table td{
    padding:5px 5px;
  }

  p.stay{
    min-width: auto;
    min-height: auto;
  }

}

@media (max-width: 720px) {

  	#smenu{
      width:20px;
      height:20px;
      padding:8px;
      top:15px;
    }

    #smenu figure{
      width:20px;
      margin:5px 0;
    }

    #smenu:before, #smenu:after{

      width:20px;

     }

	#gotop{
		right:20px;
	}

    #autoimg li div p span{
        display: inline;
    }
	#autoimg li div,
	#s02 p {
		text-align:justify;
	}

	#s02 h4{
		font-size:40px;
		line-height: 40px;
		margin:30px auto;
	}

	#s03 p{
		font-size:20px;
		line-height:22px;
	}

 	header .header_content h1 div img{
		margin-left:0px;
	}

	#s02 .tab_container ul li{
		width:43%;
	}
	#s02 .tab_container ul li.xx{
		width:10%;
		margin-top:10%;
	}
	#s02 .tab_container ul li.sx{
		display:none;
	}

	.section-grid figcaption .content {
		font-size: 1.2em;
	}

	#s05 .partner figure,
	#s05 .partner figcaption{
		width:100%;
	}

	#s05 .partner figure img{
		margin:auto;
	}

	footer span{
		display:block;
	}

	.awardt{
		width: 96%;
		margin:1%;
		font-size: 0.9em;
	}

	 table.gray{
	 		font-size: 0.9em;

	 }

	 table.gray td span{
	 		/*display: block*/

	 }


}



@media (max-width: 600px) {

	.section-grid .item{
	  width: 100%;
	}

	.section-grid figcaption .content {
		font-size: 1em;
	}

}

@media (max-width: 500px) {
	#s03 ul li{
		width:90%;
	}
  .awardt table th img{
    display: none;
  }

}