html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@charset "utf-8";
/*-------------Import fonts ---------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@300;400;500;700&family=Rubik:wght@300;400;500;700&display=swap');

html, body {
	padding: 0;
	margin: 0;
	font-size: 12px;
    font-family: 'Rubik', sans-serif, 'Noto Sans HK', 'Heiti TC', 'LiHei Pro', 'Microsoft JhengHei', '微軟正黑體', 'Noto Sans', 'Apple Color Emoji', 'Noto Color Emoji';
    color: #000000;
	-webkit-text-size-adjust: auto;
	background: url('../images/body-bg.png') top left repeat-x;
	background-color: #fff5d9;
}

a: {
	outline: none;
	text-decoration: none;
    color: #7b6d76;
}
a:hover{
	color: #002351;
	text-decoration: none;
}
a: focus{
	-moz-outline-style: none;
}
a: visited{
    color: #7b6d76;
}

h1{
	font-size: 35px;
	font-weight: bold;
}
h2{
	font-size: 30px;
	padding: 0 0 3px;
	margin: 0;
	font-weight: bold;
}
h3{
	font-size: 15px;
	color: #475188;
	font-weight: 300;
	line-height: 23px;
	margin: 0;
}
h4{
	font-size: 1.425em;
	color: #000000;
	margin: 4px 0 5px;
	font-weight: 300;
	line-height: 23px;
}
h5{
	font-size: 18px;
	color: #000000;
	font-weight: 300;
	margin: 4px 0 5px;
	line-height: normal;
}
h6{
	font-size: 1.2em;
	color: #000000;
	margin: 4px 0 5px;
	font-weight: 300;
	line-height: normal;
}
h4 span.cap{
	color: #3a4f96;
	line-height: 1.9em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

hr{
	height: 1px;
	border: 0;
	margin: 0;
	-webkit-margin: 0;
	padding-bottom: 0px;
	border-top: 2px solid #67b8e6;
	color: #000000;	/* IE6 */
}
sup {font-size: 75%; line-height: 100%;}
ol, ul {
	list-style: none;
}
ul {
	list-style: disc outside none;
    padding-left: 32px;
	line-height: normal;
}
ol{
	color: #7b6d76;
	list-style-type: decimal;
	padding-left: 32px;
	line-height: 27;
}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}

#wrapper{
	height: 100%;
	width: 992px;
	margin: auto;
	overflow: hidden;
}

#header{
	width: 984px;
	height: 618px;
	margin-left: -24px;
	background-color: transparent;
	overflow: hidden;
	background-image: url("../images/year2022EN.png");
}

#banner{
	width: 935px;
	height: 233px;
	overflow: hidden;
	position: relative;
	margin-left: 32px;
	border-bottom: solid 0px #aadced;
}

#content{
	position: relative;
}

#container{
	width: 992px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
}

#go_left {
	-webkit-animation:	goLeft 1s infinite; /* Safari 4+ */
	-moz-animation:		goLeft 1s infinite; /* Fx 5+ */
	-o-animation:		goLeft 1s infinite; /* Opera 12+ */
	animation:			goLeft 1s infinite; /* IE 10+, Fx 29+ */
}
@keyframes goLeft {
  0% { transform: translate(-3px, 0px) rotate(0deg); }
  50% { transform: translate(3px, 0px) rotate(0deg); }
  100% { transform: translate(-3px, 0px) rotate(0deg); }
}
#go_right {
	-webkit-animation:	goRight 1s infinite; /* Safari 4+ */
	-moz-animation:		goRight 1s infinite; /* Fx 5+ */
	-o-animation:		goRight 1s infinite; /* Opera 12+ */
	animation:			goRight 1s infinite; /* IE 10+, Fx 29+ */
}
@keyframes goRight {
  0% { transform: translate(-3px, 0px) rotate(0deg); }
  50% { transform: translate(3px, 0px) rotate(0deg); }
  100% { transform: translate(-3px, 0px) rotate(0deg); }
}
#go_left:hover, #go_right:hover {
  -webkit-animation: 0; -moz-animation: 0; -o-animation: 0; animation: 0;
}

#go_right{
	/*background: url(../images/go_right.svg) top left no-repeat;*/
	width: 50px;
	height: 100px;
	padding: 0px;
	cursor: pointer
}
#go_right img {width: 41px; height: auto;}

#go_left{
	/*background: url(../images/go_left.svg) top right no-repeat;*/
	width: 50px;
	height: 100px;
	padding: 0px;
	cursor: pointer
}
#go_left img {width: 41px; height: auto; margin-left: 9px;}

#panel{
	position: relative;
	left: 0px;
	width: 1938px;
}

#noie {
	z-index: 10;
    background: #FFDFDF; /*背景色*/
    border: 1px solid #FF2F2F; /*邊線*/
    clear: both; /*清除繼承上方的浮動*/
    color: #555; /*字體顏色*/
    display: block; /*顯示方式*/
    font-size: 15px; /*字體大小*/
    height: auto; /*高度*/
    letter-spacing: 1px; /*字體間距*/
    padding: 5px; /*內邊距*/
    position: relative; /*相對定位*/
    text-align: center; /*文字置中*/
    top: 10px; /*距離上方10px*/
    width: 923px; /*寬度*/
    margin-left: 32px;
}

div#head{
	width: 460px;
	padding-top: 0px;
	float: right;
	text-align: left;
	vertical-align: bottom;	
}
div#year{
	float: left;
	width: 984px;
	height: 618px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	vertical-align: bottom;
	z-index: 99;
}
div#key_image{
	float: left;
	width: 984px;
	height: 617px;
	position: relative;
	overflow: hidden;
	margin: 0;
	margin-left: 0;
	background-color: #ffffff;
	z-index: 50;
}
div#title{
	width: 256px;
	height: 98px;
	top: 193px;
	left: 53px;
	z-index: 99;
	float: right;
	position: absolute;
	vertical-align: bottom;	
/*	background: url(../images/slogan-0.svg) top left no-repeat; */
}
#message{
	width: 984px;
	height: auto;
	margin-top: -1000px;
	padding: 0;
	float: left;
	position: relative;
	vertical-align: top;
}
#message .menu-block {
	float: right;
    position: absolute;
    left: 102px;
    z-index: 99;
}
td#menu{
	font-size: 12px;	
	width: 50px;
	float: left;
	text-align: left;
	position: relative;
	z-index: 10;
}
td#menu a{
	color: #7b6d76;
	text-decoration: none;
}
td#menu a:hover{
	color: #009ec3;
	text-decoration: none;
}
.plus {
	margin-top: -1px;
	vertical-align: middle;
}

div#download{
	width: 435px;
	height: auto;
	position: absolute;
	float: right;
	vertical-align: top;
	text-align: right;
	top: 32px;
	z-index: 999;
}
div#download img#cover{
	border: 1px solid #5a5b53;
}

div#link :hover{
	text-decoration: none;
}

div.press_down{
	display: block;
	width: 935px; 
	height: 26px;
	height: 40px;
	top: 0px;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 100;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #2e6378;
	padding-top: 0px;

}

div.press_none{
	display: none;
	width: 65px; 
	height: 38px;
	cursor: none;	
	background: url(../images/spacer.gif) 0 0 no-repeat !important;
	position: relative;
	float: right;
	z-index: 20;
}
div.column{
	float: left;
	/*min-height: 326px;*/
	width: 279px;
	padding: 0 16px 0 0;
	border-radius: 0 0 0px 0px;
	padding-bottom: 20px;
}
td#column_1 {
	padding-bottom: 60px;
}
td.under_pic {
/*	background: #000000; */
	height: 14px;
}

#content_01, #content_02, #content_03, #content_04, #content_05, #content_06, #content_07 {
	border-radius: 0px 0px 0px 0px; /* top left, top right, bottom right, bottom left */
}

.content_title, .slide-title {
	width: 100%;
	float: left;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.25px;
	color: #005e84;
	text-align: left;
	/*text-transform: uppercase;*/
	margin: 12px 0 20px 17px;
}

.content_text{
	float: left;
	font-size: 1.35em;
	line-height: 1.5;
	font-weight: 300;
	letter-spacing: 0.02em;
	color: #000000;
	margin: 10px 0 16px 17px;
	margin-top: 0;
}

.contetn_img{
	margin:10px 2px;
}

.contetn_img img{
	max-width: 100%;
}

.slide-button-content .content_text{margin: 0;}
h4.slide-title {width: auto; font-size: 16.5px; font-weight: 400; margin-left: 0; margin-bottom: 12px; padding-right: 12px;}
#column_3 .slide-sd {display: flex; align-items: center; justify-content: space-between;}
#column_3 .slide-sd img {position: relative;}

.nowrap { white-space: nowrap; }

#chart01 {margin-top: -0.1em;}
div.content-detail{
	float: left;
	width: 262px;
	margin-bottom: 5px;
	background: url(../images/spacer.gif) 8px 0px no-repeat !important;
}
div.content-detail a.content-title{
	font-size: 19px;
	color: #002351;	
	line-height: 16px;
}
div.content-detail div{
	float: left;
}
div.slide-button-1st{
	border-top: 0.1em solid #ffffff;
	position: relative;
	padding: 10px 0 14px 0;
	margin: 0px 16px 0 17px;
	min-height: 40px;
}
div.slide-button{
	border-top: 0.1em solid #005e84;
	position: relative;
	padding: 10px 0 14px 0;
	margin: 0px 16px 0 17px;
	min-height: 40px;
}
div.slide-button-1st > img{
	position: absolute;
	padding: 22px 0 10px 0;
	margin: 0;
	top: 0;
	right: 0;
	cursor: pointer;
}
div.slide-button > img {
	width: 20px;
    height: auto;
	position: absolute;
	padding: 20px 0 20px 0;
	margin: 0;
	top: 0;
	right: 0;
	cursor: pointer;
}
div.slide-button > img:hover {opacity: 0.6;}
div.slide-sd {
	border-top: 0.1em solid #005e84;
	position: relative;
	padding: 10px 0 14px 0;
	margin: 0px 16px 0 17px;
	min-height: 40px;
}
div.slide-sd > img {
	width: 20px;
    height: auto;
	position: absolute;
	padding: 13px 0 13px 13px;
	margin: 0;
	top: 0;
	right: 0;
	cursor: pointer;
}
div.slide-sd > img:hover {opacity: 0.6;}

div.slide-sd {padding-top: 0; padding-bottom: 0;}
div.slide-button-content{
	float: left;
	margin: 0 0 20px 17px;
	display: none;
}
div.slide-button-content img{
	padding: 24px 0 10px;
}
div.slide-button-content table td{
	padding-right: 0px;
}

div.content-project{
	float: right;
	width: 279px;
	padding-top: 18px;
	margin-bottom: 5px;
	background: url(../images/spacer.gif) 8px 0px no-repeat !important;
}
div.content-project a.content-title{
	font-size: 19px;
	color: #002351;	
	line-height: 16px;
}
div.content-project div{
	float: right;
}
.table-title{
	font-size: 16px;
	color: #009ec3;
	font-weight: normal;
	line-height: 20px;
	margin: 4px 0 8px;
}
.projects{
	font-size: 16px;
	line-height: 20px;
	font-weight: lighter;
	vertical-align: top;
	margin: 0 0 8px;
}

div.slide-project{
	float: left;
	position: relative;
	min-height: 40px;
	margin: 5px 0 10px 1px;
}
div.slide-project img{
	width: 20px;
    height: auto;
	position: absolute;
	padding: 8px 0 10px 10px;
	margin: 0;
	top: 8px;
	right: 0;
	cursor: pointer;
}
div.slide-project-content{
	display: none;
}
div.slide-project-content table td{
	padding-right: 0px;
}

div.large{
	font-size: 2.5em;
	color: #005e84;
	text-align: right;
	font-weight: 300;
	position: relative;
	right: 0;
}

div.numbers{
	font-size: 2.5em;
	font-weight: 300;
	text-align: right;
	color: #005e84;
	width: 252px;
	margin: 4px 0 5px;
	float: left;
	position: absolute;
	right: 0;
}

.download_pdf div {display: inline-block;}
.download_pdf .GoGreen {width: 124px; margin-left: 15px;}
.download_pdf{
	width: auto;
	float: left;
	text-align: left;
	line-height: 1;
}
.download_title, div.pdf_link {
	font-size: 1rem;
	/*text-transform: uppercase;*/
	letter-spacing: 0.02em;
	float: left;
	color: #000000;
	text-align: left;
	font-weight: 700;
	/*line-height: 1.25;*/
	margin-bottom: 10px;
	margin-right: 25px;
	padding: 10px 0px 1px 0px;
	border-bottom: solid 4px;
}

#message div.download_title { font-size: 1.25rem; font-weight: 400; color: #002f62; text-transform: uppercase; border-bottom: 4px solid #d0e5f6; border-radius: 0; margin: 3px 6px; padding: 10px 0px 5px 0px; background-color: #eff8f8; cursor: pointer;}
#message div.download_title a{ color: #17479e; text-decoration: none; padding: 0.75rem 0.95rem 0.25rem;}
#message div.download_title:hover {border-color: #67b8e6; background-color: #9ddae9;}
#message div.download_title:hover a{color: #ffffff;}

.column .download_title { margin-left: 17px; margin-right: 0; }
.column .download_title:hover {opacity: 1;}
.icon-download {vertical-align: middle; padding-right: 10px;}
#content_08 .pdf {margin-left: 30px;}

div.download_title img{ padding-right: 6px; margin-top: -2px;}
div.download_title a{ color: #005e84; text-decoration: none; /*display: inline-flex;*/  white-space: nowrap;}
div.download_title a:hover{text-decoration: none; }
#column_6 .icon-download {margin-top: 4px;}

div.download_title hover{ color: #aadced; text-decoration: none; }
div.click_message{
	font-size: 12px;
	line-height: 17px;
	color: #7b6d76;
	text-align: left;
	font-weight: lighter;
	line-height: 18px;
	margin: 5px 0 0 10px;
}
li.chapter{
	padding: 10px 5px 10px;
	vertical-align: bottom;
	float: left;
	width: 85%;
	cursor: pointer;	
}

div.icon{
	float: right;
	position: absolute;
	z-index: 10;
	right: 20px;
}
div.sub_pic{
	/*position: absolute;*/
	top: 0px;
	/*margin-top: 1rem;*/
	z-index: 10;
}

.big_title {
	float: left;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    /*text-transform: uppercase;*/
    margin: 0px 0 20px 17px;
}
.ZH .big_title {letter-spacing: 2px;}
.big_title:after {content: " "; display: block; border-bottom: solid 4px; width: 35px; height: 2px; padding-top: 15px; margin-bottom: 10px;}

.title5 { color: #005baa; margin-bottom: 1rem;}
.title6 { color: #005e84; margin-bottom: 1rem;}
.title7 { color: #c69930; margin-bottom: 1rem;}
.title8 { color: #006f5b; margin-bottom: 1rem;}
#column_1 .download_title, #column_2 .download_title, #column_3 .download_title, 
#column_4 .download_title, #column_6 .download_title, div.pdf_link {border-color: #d0e2d5;}
#column_5 div.download_title { border-color: #98a9d6; }
#column_7 div.download_title { border-color: #e5cfa1; }
#column_8 div.download_title { border-color: #b4c3bd; }
#column_1 .download_title:hover, #column_2 .download_title:hover, #column_3 .download_title:hover, 
#column_4 .download_title:hover, div.pdf_link:hover {border-color: #64b087;}
#column_5 div.download_title:hover { border-color: #3e6fb7; }
#column_7 div.download_title:hover { border-color: #d0a953; }
#column_8 div.download_title:hover { border-color: #438172; }
#column_5 div.download_title a { color: #005baa; }
#column_6 div.download_title a { color: #005e84; }
#column_7 div.download_title a { color: #c69930; }
#column_8 div.download_title a { color: #006f5b; }
#column_5 div.download_title:hover a { }
#column_6 div.download_title:hover a { }
#column_7 div.download_title:hover a { }
#column_8 div.download_title:hover a { }
#column_9 div.download_title:hover a { }
#column_4 table:last-child, #column_5 table:last-child, #column_6 table:last-child, #column_7 table:last-child,
#column_8 table:last-child {background-color: #ffffff;}
#column_5 table:last-child tbody {background-image: url('../images/col-5-bg.png'); background-repeat: no-repeat;}
/*#column_6 table:last-child tbody {background-image: url('../images/col-6-bg.png'); background-repeat: no-repeat;}*/
#column_7 table:last-child tbody {background-image: url('../images/col-7-bg.png'); background-repeat: no-repeat;}
#column_8 table:last-child tbody {background-image: url('../images/col-8-bg.png'); background-repeat: no-repeat;}
#column_4 hr {border-top: 1px solid #2b93d1; margin-top: 1rem; padding-bottom: 1rem;}
#column_5 hr {border-top: 1px solid #f58749; margin-top: 1rem; padding-bottom: 1rem;}
#column_6 hr {border-top: 1px solid #42ba85; margin-top: 1rem; padding-bottom: 1rem;}
#column_7 hr {border-top: 1px solid #9571b2; margin-top: 1rem; padding-bottom: 1rem;}
#column_8 hr {border-top: 1px solid #3a4f96; margin: 0 17px; padding-bottom: 1rem;}

div.content4, div.content5, div.content6, div.content7{
/*	background: url(../images/spacer.gif) 8px 0px no-repeat !important; */
}
hr.content4, hr.content5, hr.content6, hr.content7, {
	height: 1px;
	border: 0;
	margin: 0;
	-webkit-margin: 0;
	padding-bottom: 0px;
	border-top: 1px solid #003681;
	color: #003681;	/* IE6 */
}

div.download_title4{
	font-size: 11px;
	color: #003681;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	right: 0;
}
div.download_title4 img{
	vertical-align: bottom;
	padding: 1px 6px 1px 1px;
}
div.download_title4 a{
	color: #003681;
	text-decoration: none;
}
div.download_title4 a:hover{
	text-decoration: underline;
}

div.download_title5{
	font-size: 11px;
	color: #E47500;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	right: 0;
}
div.download_title5 img{
	vertical-align: bottom;
	padding: 1px 6px 1px 1px;
}
div.download_title5 a{
	color: #E47500;
	text-decoration: none;
}
div.download_title5 a:hover{
	text-decoration: underline;
}

div.download_title6{
	font-size: 11px;
	color: #009AA7;
	text-align: left;
	font-weight: bold;
	line-height: 18px;
	right: 0;
}
div.download_title6 img{
	vertical-align: bottom;
	padding: 1px 6px 1px 1px;
}
div.download_title6 a{
	color: #009AA7;
	text-decoration: none;
}
div.download_title6 a:hover{
	text-decoration: underline;
}

div.download_title7{
	font-size: 11px;
	color: #85006C;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	right: 0;
}
div.download_title7 img{
	vertical-align: bottom;
	padding: 1px 6px 1px 1px;
}
div.download_title7 a{
	color: #85006C;
	text-decoration: none;
}
div.download_title7 a:hover{
	text-decoration: underline;
}

.content_title8{
	font-size: 1.3em;
	line-height: 30px;
	color: #1EADDE;
	font-weight: 300;
	line-height: 20px;
	position: relative;
	margin: 4px 0 10px 17px;
}
div.slogan8{
	font-size: 25px;
	color: #1EADDE;
	text-align: left;
	font-weight: 700;
	position: relative;
	margin: 0 0 24px 17px;
}
div.content8{
	background: url(../images/bg_color8.png) 8px 0px no-repeat !important;
}
hr.content8{
	height: 1px;
	border: 0;
	margin: 0;
	-webkit-margin: 0;
	padding-bottom: 0px;
	border-top: 1px solid #1EADDE;
	/*border-top: 1px solid #10b4f2;*/
	color: #1EADDE;	/* IE6 */
}
div.download_title8{
	font-size: 11px;
	color: #1EADDE;
	text-align: right;
	font-weight: bold;
	line-height: 20px;
	right: 0;
}
div.download_title8 a:hover{
	text-decoration: underline;
}

.pdf{
	width: auto;
	float: left;
	font-weight: 300;
	line-height: 22px;
	margin: 4px 0 10px 17px;
}
.pdf img{
	vertical-align: top;
	margin: 4px 2px 0 0;
}
div.pdf_block{
	display: block;
    width: 259px;
    float: left;
}
div.pdf_link{
	display: block;
	float: left;
	font-size: 1.35em;
	color: #000;
	text-align: left;
	font-weight: 300;
	line-height: 22px;
	padding-bottom: 0px;
	margin-right: 0;
	margin-bottom: 2px;
}
.pdf a{
	color: #000;
	margin: 0 0 0px;
	text-decoration: none;
}
div.pdf_link:hover {/*border-bottom: solid 1px #2b93d1;*/}
.pdf a:hover { }

/* Scale up */
.grow {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.grow:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
/*	-webkit-transform-origin: top right; */
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
}
.zoom4 {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.zoom4:hover {
	-webkit-transform: scale(1.35);
	-moz-transform: scale(1.35);
	-ms-transform: scale(1.35);
	-o-transform: scale(1.35);
	transform: scale(1.35);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
}
.zoom5 {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.zoom5:hover {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transform-origin: 0% 35%;
	-moz-transform-origin: 0% 35%;
	-ms-transform-origin: 0% 35%;
	-o-transform-origin: 0% 35%;
	transform-origin: 0% 35%;
}
.zoom6 {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.zoom6:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transform-origin: 75% 100%;
	-moz-transform-origin: 75% 100%;
	-ms-transform-origin: 75% 100%;
	-o-transform-origin: 75% 100%;
	transform-origin: 75% 100%;
}
.zoom7 {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.zoom7:hover {
	
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transform-origin: 75% 33%;
	-moz-transform-origin: 75% 33%;
	-ms-transform-origin: 75% 33%;
	-o-transform-origin: 75% 33%;
	transform-origin: 90% 33%;
}

/* Roll
.roll {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.roll:hover {
	transform-origin: 50% 0%;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	transform: rotate(-6deg);
} */

/* Shine
.shine {
	position: relative;
}
.shine::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
} */

/* Animation configurations ( duration and fill mode ) */
.animated { 
  -webkit-animation-name: bounceIn;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  
  animation-name: bounceIn;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
} 

/* Flash animation */
@-webkit-keyframes flash {
    0%, 50%, 90%, 91%, 92%, 93%, 94%, 95%, 96%, 97%, 98%, 99%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}
@keyframes flash {
    0%, 50%, 90%, 91%, 92%, 93%, 94%, 95%, 96%, 97%, 98%, 99%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
div.slide-button > img,
div.slide-sd > img {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.ZH .content_title, .ZH .slide-title {font-size: 19px;}
.ZH .download_title {font-size: 13px;}
.ZH div.pdf_link {letter-spacing: 0.05em;}
.ZH .big_title, .ZH .download_title, .ZH .content_title, .ZH .slide-title {font-weight: 500; letter-spacing: 0.05em;}

.container {
	position: relative;
	height: 1050px;
    top: -260px;
    left: 100px;
  }
  
  .main {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height:100%;
	/*top: -300px;*/
  }
  
  .left-wrapper {
	position: absolute;
	/*top: -450px;*/
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	opacity: 0;
	animation: slide-in-left 6s forwards, fade-in 6s forwards;
	height: 100%;
  }
  
  .right-wrapper {
	position: absolute;
	/*top: -450px;*/
	right: -100%;
	opacity: 0;
	animation: slide-in-right 6s forwards, fade-in 6s forwards;
	animation-delay: 2s;
	height: 100%;
  }
  
  .left, .right {
	display: block;
	
  }

  .left {
	height:100%;
  }

  .right{
	height:100%;
  }


  @keyframes slide-in-left {
	from {
	  transform: translateX(210px);
	}
	to {
	  transform: translateX(100px);
	}
  }
  
  @keyframes slide-in-right {
	from {
		transform: translateX(-1190px);
	  }
	  to {
		transform: translateX(-1090px);
	  }
  }
  
  @keyframes fade-in {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  
  @keyframes fade-out {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }