@charset "utf-8";

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: "微軟正黑", arial;
	font-size:16px;
	line-height:1.8;
	color: #666;
	background:#2D9DAB;
}

#wrapper{ 
	min-width:1024px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:#cbf6e0;
	overflow:hidden;
}

.container{
	position:relative;
	width:1024px;
	margin-right: auto; 
	margin-left: auto;
}
.container:before, .container:after{ display:table; content:" " }
.container:after{ clear:both }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;}


/*a 鏈結字*/
a { color:#333; text-decoration:none; }
a:hover, a:focus { color:#00b4dc; text-decoration:none;}
a:focus { outline:none; }


ul, ol , li{
	list-style-type:none;
	margin:0;
	padding:0;
}


.tl{ text-align:left; }
.tc{ text-align:center; }
.tr{ text-align:right; }



/*----------------------------------------------------------------------------------*/
/*表單*/
.fm-input{
	width:100%;
	height:auto;
    padding:5px 10px;
    margin: 0;
	
	background: #fefefe;
    background: rgba(255,255,255,0.5);
	
	border: 1px solid #cdcdcd;
	
    -moz-box-shadow: 1px 1px 1px rgba(0, 0,0,0.1) inset;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;

    transition:All 0.15s ease-out;
	-webkit-transition:All 0.15s ease-out;
	-moz-transition:All 0.15s ease-out;
	-o-transition:All 0.15s ease-out;
}

.fm-input:focus { 
	outline: none;
	background: rgba(255,255,255,1);
	border:1px solid rgba(0, 0, 0,0.3); 
	-moz-box-shadow: 1px 1px 1px rgba(0, 0,0,0.3) inset;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0,0,0.3) inset;
    box-shadow: 1px 1px 1px rgba(0, 0,0,0.3) inset;
}

.fm-btn{
    padding: 5px 10px;
	color: #555;
	cursor: pointer;
	
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    
	border: 1px solid #ccc;
	
	background:#fff;
	background:linear-gradient(left,#f2f2f2, #FFF);
	background:-moz-linear-gradient(left,#f2f2f2, #FFF);
	background:-webkit-linear-gradient(left,#f2f2f2, #FFF);
	background:-o-linear-gradient(left,#f2f2f2, #FFF);
	background:-ms-linear-gradient(left,#f2f2f2, #FFF);
}

.fm-btn:hover{
	outline: none;
	border: 1px solid #999;
	background: #fff;
}

/*----------------------------------------------------------------------------------*/


.side-cart-btn {
	position:fixed;
	right:5px;
	bottom:50px;
	z-index:99999;
	/*border:1px solid #cccccc;*/
	padding:5px 2px 0px 2px;
	/*background:rgba(255,255,255,0.6);*/
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}

.side-cart-btn p{
	width:32px;
	text-align:center;
	font-size:14px;
	padding:0px 2px;
	line-height:1.4;
}

a.side-back , a.side-top{
	display:block;
	padding:2px 3px;
	margin:5px 0;
	background:#2d9dab;
	border:1px solid #ffffff;
	color:#FFF;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}


a.side-back:hover , a.side-top:hover , a.side-back:active , a.side-top:active {
	/*background:#123e44;*/
	border:1px solid #123e44;
	color:#2d9dab;
}


a.side-top{
	margin-top:10px;
}

a.side-top:hover{
	animation:jump 2s linear infinite;
	-moz-animation:jump 2s linear infinite; /* Firefox */
	-webkit-animation:jump 2s linear infinite; /* Safari and Chrome */
	-o-animation:jump 2s linear infinite; /* Opera */

}

	

/*.side-cart-btn .cart-num{
	color:#F00;
}

.side-cart-btn .check-btn{
	display:block;
	color:#ffffff;
	line-height:2;
	padding:1px 0px;
	margin-top:5px;
	
	background:rgba(153,0,0,1);
	background:linear-gradient(top,rgba(153,0,0,1) , rgba(51,51,51,1) );
	background:-moz-linear-gradient(top,rgba(153,0,0,1) , rgba(51,51,51,1) );
	background:-webkit-linear-gradient(top,rgba(153,0,0,1) , rgba(51,51,51,1) );
	background:-o-linear-gradient(top,rgba(153,0,0,1) , rgba(51,51,51,1) );
	background:-ms-linear-gradient(top,rgba(153,0,0,1) , rgba(51,51,51,1) );
}

.side-cart-btn .check-btn:hover{
	color:#FFF;
	background:#F00;
}*/


/*---------------------------*/

.branding{
	background:#2d9dab;
	position:relative;
	z-index:1000;
}

.site-title{
	position:absolute;
	left:0px;
	top:-65px;
	overflow:hidden;
	width:340px;
	height:190px;
}

/*---------------------------*/

.navigation {
	float:left;
	/*position:relative;
	z-index:500;*/
	display:inline-block;
	height:55px;
	margin-left:250px;
	padding-top:20px;
}

.navigation > li {
    display:inline-block;
    position:relative;
	/*padding:0 6px;*/
}

/*項目間的圓圈*/
.navigation > li:before {
	position:absolute;
	top:50%;
	right:-8px;
	width:2px;
	height:2px;
	margin-top:-1px;
	content:"";
	background:#cbf6e0;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}

.navigation > li:last-child:before {
	display:none;
}

.navigation li > ul {    
    background:#2d9dab;
    position:absolute;
	z-index:10000;
    left:0;
    top:100%;
    width:100%;
}

.navigation > li{
	margin:0 4px;
}

/*.navigation ul.sub-menu {
    display:none;
}*/
.navigation > li > ul{
    display:none;
}


/* style all links */
.navigation a {
	display:block;
	color:#cbf6e0;
}
.navigation a:hover,
.navigation a:focus,
.navigation a:active {
    color:#ffffff;
	background:#fd9a0c;
}

.navigation li > a {
	padding:0px 12px;
	line-height:35px;
	font-size:17px;
	position:relative;
	/*border:1px solid #ffffff;*/
}

.navigation > li > a:after{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	content:"";
	border-top: 10px solid #2d9dab;
	border-right: 10px solid transparent;
}

.navigation > li:hover a:after{
	display:block;
}

.navigation li ul > li a {
	padding:0 5px;
	font-size:16px;
	line-height:40px;
	/*font-size:15px;*/
}


/*---------------------------*/

.site-language{
	float:left;
	padding-top:21px;
	margin-left:5px;
}

.site-language a {
	display:inline-block;
	margin:0 0px 0 5px;
	width:25px;
	height:25px;
	line-height:24px;
	text-align:center;
	color:#cbf6e0;
	border:1px solid #cbf6e0;
	font-size:14px;
	vertical-align:middle;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.site-language a:hover,
.site-language a:focus,
.site-language a:active {
    color:#ffffff;
	background:#fd9a0c;
}

/*---------------------------*/

.main{
}

/*---------------------------*/

.footer{
	position:relative;
	height:auto;
	background:#2d9dab;
	margin:130px 0 0px 0;
	padding:0 0 5px 0;
}

.footer:before{
	position:absolute;
	top:-158px;
	left:50%;
	margin-left:-960px;
	width: 1920px;
	height: 160px;
	content:"";
	background:url(../images/content-line.png) no-repeat center;
	background-size:cover;
}

.grcode{
	float:left;
}

.foot-menu{
	clear:none;
	margin-left:120px;
	border-bottom:1px solid #cbf6e0;
}

.foot-info{
	margin-left:140px;
}

.foot-cocial{
	float:left;
	margin:0 15px 0 0px;
}
.foot-cocial a{ 
	display:inline-block; 
	margin:0 5px 0 0px;
	line-height:0;
}

.foot-cocial a:hover{
	-webkit-box-shadow:0 0 4px 3px rgba(255,255,255,0.3);
	-moz-box-shadow:0 0 4px 3px rgba(255,255,255,0.3);
	-o-box-shadow:0 0 4px 3px rgba(255,255,255,0.3);
	box-shadow:0 0 4px 3px rgba(255,255,255,0.3);
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}

.foot-contact{
	clear:none;
	color: #cbf6e0;
	font-size:12px;
	letter-spacing:1px;
}

.foot-contact span{
	padding-right:15px;
}
.foot-contact a{ color: #cbf6e0;}
.foot-contact a:hover{ color:#fd9a0c; }


.foot-menu .navigation {
	float:none;
	width:100%;
	height:auto;
	margin-left:0px;
	padding-top:0px;
}

.foot-menu .navigation a {
	font-size:14px;
}

.foot-menu .navigation a:hover,
.foot-menu .navigation a:focus,
.foot-menu .navigation a:active {
    color:#fd9a0c;
	background:transparent;
}




/*---------------------------*/

/*index 輪播*/
.slider-banner{
	position:relative;
	width:100%;
	min-height:400px;
	overflow:hidden;
}

.slider-banner:before{
	position:absolute;
	z-index:5;
	bottom:0;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:410px;
	content:"";
	background:url(../images/banner-fixed.png) no-repeat center;
	background-size:cover;
}

.slider-banner:after{
	position:absolute;
	z-index:5;
	bottom:0;
	right:0%;
	margin-left:-960px;
	width:350px;
	height:350px;
	content:"";
	background:url(../images/banner-fixed-pic.png) no-repeat center;
	background-size:cover;
}


.scroll-down{
	position:absolute;
	bottom:0px;
	left:15%;
	z-index:999;
	width:70%;
	text-align:center;
}

.scroll-down a{
	display:inline-block;
	width:60px;
	animation:jump 2s linear infinite;
	-moz-animation:jump 2s linear infinite; /* Firefox */
	-webkit-animation:jump 2s linear infinite; /* Safari and Chrome */
	-o-animation:jump 2s linear infinite; /* Opera */
	padding-left:500px;
	color:transparent;
	overflow:hidden
	/*border:1px solid #2d9dab;*/
}


.scroll-down a:before , .scroll-down a:after{
	position:absolute;
	z-index:-1;
	bottom:5px;
	left:45%;
	width:3px;
	height:15px;
	margin-top:-10px;
	margin-left:-4px;
	content:"";
	
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg); /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	-o-transform:rotate(-45deg); /* Opera */
}

.scroll-down a:after{
	margin-left:6px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); /* Opera */
}

.scroll-down a:before , .scroll-down a:after{
	background:#2d9dab;
	border:1px solid transparent;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
	
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

/*.scroll-down a:hover{
	border:1px solid #FD9A0C;
}*/


.scroll-down a:hover:before , .scroll-down a:hover:after{
	background:#FD9A0C;
}


.page-banner{
	position:relative;
	z-index:50;
	width:100%;
}

/*.page-banner img{
	width:100%;
	height:auto;
}*/



/*---------------------------*/

/* 內頁輪播*/
/*.banner{
	width:100%;
	height:120px;
	background:url(../images/banner-page.png) no-repeat center;
	background-size:cover;
	position:relative;
	z-index:50;
}*/


/*---------------------------*/

.btn-group{
	margin:5px 0;
}

.btn-group a{
	position:relative;
	z-index:1000;
	padding:1px 10px;
	margin:0 5px;
	font-size:12px;
	color:#2d9dab;
	border:1px solid #2d9dab;
}

.btn-group a:nth-child(1){ margin-left:0px; }
.btn-group a:last-child() { margin-right:0px; }

.btn-group a:before{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-4px;
	width: 0;
    height: 0;
	content:"";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #2d9dab;
}

.btn-group a.btn-top{ padding-right:25px; }
.btn-group a.btn-top:before{ right:10px; }

.btn-group a.btn-more{ margin-right:20px; }
.btn-group a.btn-more:before{
	right:-17px;
	margin-top:-5px;
	border-left: 8px solid #2d9dab;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.btn-group a.btn-back{ margin-left:20px; }
.btn-group a.btn-back:before{
	left:-17px;
	margin-top:-5px;
	border-right: 8px solid #2d9dab;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.light-btn-group a{
	color:#cbf6e0;
	border:1px solid #cbf6e0;
}
.light-btn-group a.btn-top:before{ border-bottom: 8px solid #cbf6e0; }
.light-btn-group a.btn-more:before{ border-left: 8px solid #cbf6e0; }
.light-btn-group a.btn-back:before{ border-right: 8px solid #cbf6e0; }


.btn-group a:hover{
	color:#FD9A0C;
	border:1px solid #FD9A0C;
	/*background:#FD9A0C;*/
}

.btn-group a.btn-top:hover:before{
	border-bottom: 8px solid #FD9A0C;
}

.btn-group a.btn-more:hover:before{
	border-left: 8px solid #FD9A0C;
}

.btn-group a.btn-back:hover:before{
	border-right: 8px solid #FD9A0C;
}


/*---------------------------*/

.thumbnails-desc{
	padding:5px;
	background:#FFF;
	text-align:center;
}

.idx-pro-photo {
	position:relative;
	width:185px;
	height:185px;
	overflow:hidden;
	background:#FFF;
}

.idx-pro-photo img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.pro-photo {
	position:relative;
	width:155px;
	height:155px;
	overflow:hidden;
	background:#FFF;
}

.pro-photo img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.thumbnails-desc-title{
	position:relative;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:100;
	font-size:16px;
}

/*.thumbnails-desc-title:before{
	position:absolute;
	top:-15px;
	left:30%;
	width:40%;
	height:1px;
	content:"";
	background:linear-gradient(to right, rgba(45,157,171, 0), rgba(45,157,171, 0.6) , rgba(45,157,171, 0) );
    background:-moz-linear-gradient(to right, rgba(45,157,171, 0), rgba(45,157,171, 0.6) , rgba(45,157,171, 0) );
    background:-webkit-linear-gradient(to right, rgba(45,157,171, 0), rgba(45,157,171, 0.6) , rgba(45,157,171, 0) );
    background:-o-linear-gradient(to right, rgba(45,157,171, 0), rgba(45,157,171, 0.6) , rgba(45,157,171, 0) );
    background:-ms-linear-gradient(to right, rgba(45,157,171, 0), rgba(45,157,171, 0.6) , rgba(45,157,171, 0) );
}*/

.thumbnails-desc-title a{ color:#084047; }
.thumbnails-desc-title a:hover{ color:#fd9a0c; }


.thumbnails-desc-more{
	display:block;
	margin-bottom:10px;
	height:50px;
	width:50px;
	margin-left:auto;
	margin-right:auto;
}

.thumbnails-desc-more a{
	position:relative;
	z-index:5;
	display:inline-block;
	color:transparent;
	width:50px;
	font-size:0;
	line-height:50px;
	
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.thumbnails-desc-more a:before{
	position:absolute;
	z-index:-1;
	top:50%;
	left:50%;
	width:2px;
	height:20px;
	margin-top:-10px;
	margin-left:-1px;
	content:"";
}

.thumbnails-desc-more a:after{
	position:absolute;
	z-index:-1;
	top:50%;
	left:50%;
	width:20px;
	height:2px;
	margin-top:-1px;
	margin-left:-10px;
	content:"";
}

.thumbnails-desc-more a:before , .thumbnails-desc-more a:after{
	background:#2d9dab;
	border:1px solid transparent;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
	
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}


.thumbnails-desc:hover .thumbnails-desc-more a{
	font-size:14px;
	color:#2d9dab;
}

.thumbnails-desc:hover .thumbnails-desc-more a:before{
	width:50px;
	height:50px;
	margin-top:-25px;
	margin-left:-25px;
	border:1px solid #2d9dab;
	
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.thumbnails-desc:hover .thumbnails-desc-more a:after{
	width:0px;
	height:00px;
	margin-top:0px;
	margin-left:0px;
}

.thumbnails-desc:hover .thumbnails-desc-more a:before , .thumbnails-desc:hover .thumbnails-desc-more a:after{
	background:transparent;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}

.thumbnails-desc:hover .thumbnails-desc-more a:hover:before {
	border:1px solid #fd9a0c;
	background:#fd9a0c;
}

.thumbnails-desc:hover .thumbnails-desc-more a:hover{
	color:#ffffff;
}


/*---------------------------*/

.page-area{
	position:relative;
	z-index:1;
	font-family:"微軟正黑體";
	min-height:400px;
	color:#084047;
}

.page-right-bg{
	position:absolute;
	z-index:5;
	z-index:5;
	top:-100px;
	left:50%;
	margin-left:-800px;
	width:1920px;
	height:500px;
	background:url(../images/area-right-bg.png) no-repeat center;
	background-size:cover;
	opacity:0.3;
}

/*主內容區的三角*/
.page-area:before{
	position:absolute;
	z-index:0;
	top:18px;
	left:50%;
	margin-left:-960px;
	width: 1920px;
	height: 160px;
	content:"";
	background:url(../images/content-line2.png) no-repeat center;
	background-size:cover;
	
	-moz-transform:scale(-1);
	-webkit-transform:scale(-1);
	-o-transform:scale(-1);
	-ms-transform:scale(-1);
	transform:scale(-1);
}

.page-area:after{
	position:absolute;
	z-index:0;
	top:0px;
	left:0;
	width: 100%;
	height: 18px;
	content:"";
	background:#2D9DAB;
}


/*每頁標題*/
.page-header{
	position:absolute;
	top:-22px;
	left:50%;
	width:150px;
	margin-left:-75px;
	z-index:5;
	color:#cbf6e0;
	text-align:center;
	font-size:32px;
}

.page-header:before{
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-16px;
	width: 0;
    height: 0;
	content:"";
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 22px solid #cbf6e0;
	opacity:0.2;
}

.page-main-content{
	position:relative;
	z-index:100;
	margin-top:120px;
	padding-bottom:50px;
}

.page-content{
	
}
.page-content:before, .page-content:after{ display:table; content:" " }
.page-content:after{ clear:both }


.page-main-content .btn-group{
	text-align:center;
	margin:100px 0 0 0; 
}

/*---------------------------*/


.thumbnails{
}
.thumbnails:before, .thumbnails:after{ display:table; content:" " }
.thumbnails:after{ clear:both }

.thumbnails img{
	width:100%;
	height:auto;
}

/*.thumbnails .bd-pic img{
	border:1px solid #2D9DAB;
}
*/
.thumbnails li{
	float:left;
	width:32%;
	margin-bottom:30px;
}

/*---------------------------*/

.thumbnail-single{
	width:100%;
	margin:50px auto 0 auto;
}

.thumbnail-single img{
	width:100%;
	height:auto;
}


/*---------------------------*/
.category-area{
	text-align:left;
	margin-bottom:30px;
}

.category{
	display:inline-block;
	position:relative;
	width:auto;
	padding-left:120px;
}
.category:before, .category:after{ display:table; content:" " }
.category:after{ clear:both }


.category-title{
	position:absolute;
	top:0;
	left:0;
	/* float:left; */
	width:110px;
	height:30px;
	line-height:29px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	background:#2d9dab;
	border:1px solid #2d9dab;

	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
	padding:0 10px;
}

.category-selt{
	float:left;
	padding:0px 10px 0px 10px;
	height:30px;
	line-height:29px;
	
	color:#808080;
	font-size:14px;
	letter-spacing:1px;
	background:#FFF;
	outline:none;
	border:1px solid #2d9dab;
	
	-ms-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-o-bborder-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

.category a{
	position:relative;
	display:inline-block;
	padding:0 10px;
	margin-right:10px;
}

.category a:before{
	position:absolute;
	top:50%;
	right:-5px;
	width:1px;
	height:12px;
	margin-top:-6px;
	content:"";
	background:#333;
	
}

.category a:last-child:before{
	display:none;
}

/*.category-selt:focus{
	outline:none;
	background:#FFF;
}*/

/*---------------------------*/

.video-area{
	text-align:left;
	width:auto;
	margin:30px auto;
}

/*---------------------------*/


.download-area{
	margin:30px 0;
}

.download-area a{
	position:relative;
	margin-right:50px;
	/*font-weight:600;*/
	font-size:14px;
	color:#2d9dab;
}


.download-area a:before{
	position:absolute;
	top:50%;
	right:-15px;
	margin-top:-4px;
	width: 0;
    height: 0;
	content:"";
    border-left: 5px solid transparent;
	border-top: 8px solid #2D9DAB;
	border-right: 5px solid transparent;
	opacity:0.5;
}

.download-area a:hover{
	text-decoration:underline;
}

/*---------------------------*/












/*== index 首頁 =======================================================================*/

.first-area , .second-area , .third-area{
	position:relative;
	font-family:"微軟正黑體";
	min-height:400px;
	color:#084047;
}

/*---------------------------*/

.first-area {
	margin-bottom:150px;
	padding-bottom:50px;
	padding-top:0px;
}

.first-area .scroll-down{
	bottom:0px;
}

.area-right-bg{
	position:absolute;
	z-index:5;
	top:0px;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:500px;
	background:url(../images/area-right-bg.png) no-repeat center;
	background-size:cover;
	opacity:0.2;
}

.first-area:before{
	position:absolute;
	z-index:0;
	top:148px;
	left:50%;
	margin-left:-960px;
	width: 1920px;
	height: 160px;
	content:"";
	background:url(../images/content-line.png) no-repeat center;
	background-size:cover;
	
	-moz-transform:scale(-1);
	-webkit-transform:scale(-1);
	-o-transform:scale(-1);
	-ms-transform:scale(-1);
	transform:scale(-1);
}

.first-area:after{
	position:absolute;
	z-index:0;
	top:0px;
	left:0;
	width: 100%;
	height: 150px;
	content:"";
	background:#2D9DAB;
}


.area-subtitle{
	position:absolute;
	top:71px;
	right:150px;
	z-index:4;
	color:#cbf6e0;
	font-size:80px;
	opacity:0.2;
	
	-moz-transform:rotate(4deg);
	-webkit-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
	transform:rotate(4deg);

}

/*---------------------------*/

.second-area{
	margin-top:250px;
	margin-bottom:200px;
	padding-top:100px;
	background:#2D9DAB;

}

.second-area:before{
	position:absolute;
	top:-158px;
	left:50%;
	margin-left:-960px;
	width: 1920px;
	height: 160px;
	content:"";
	background:url(../images/content-line.png) no-repeat center;
	background-size:cover;
	
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	transform:scaleX(-1);
}

.second-area:after{
	position:absolute;
	bottom:-160px;
	left:50%;
	margin-left:-960px;
	width: 1920px;
	height: 160px;
	content:"";
	background:url(../images/content-line.png) no-repeat center;
	background-size:cover;
	
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	-ms-transform:scaleY(-1);
	transform:scaleY(-1);
}


.area-title{
	position:absolute;
	z-index:5;
	color:#cbf6e0;
	font-size:65px;
}

.area-title:before{
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:-20px;
	width: 0;
    height: 0;
	content:"";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 40px solid #cbf6e0;
	opacity:0.2;
}
.first-area .area-title{ top:0px; left:0; }
.second-area .area-title{ top:-120px; right:0; }
.third-area .area-title{ top:-30px; left:0; color:#2D9DAB;}
.third-area .area-title:before{border-top: 40px solid #2D9DAB; opacity:0.1;}


.first-area .area-photo{
	position:absolute;
	z-index:5;
	top:20px;
	right:0px;
	width:400px;
	height:256px;
	background:url(../images/first-area-pic.png) no-repeat center;
	background-size:cover;
}

.second-area .area-photo{
	position:absolute;
	z-index:5;
	top:-380px;
	left:0px;
	width:600px;
	height:450px;
	background:url(../images/second-area-pic.png) no-repeat center;
	background-size:cover;
}

.third-area .area-photo{
	position:absolute;
	z-index:5;
	top:-190px;
	right:0px;
	width:600px;
	height:600px;
	background:url(../images/third-area-pic.png) no-repeat center;
	background-size:cover;
	
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}

.area-content{
	position:relative;
	z-index:100;
	margin-top:380px;
}
.first-area .area-content{ margin-top:280px; }
.second-area .area-content{ margin-top:50px; }
.third-area .area-content{ margin-top:140px; width:50%;}

/*.third-area{
	padding-top:00px;
}*/

.third-area:hover .area-photo{
	-moz-transform:rotate(-57deg);
	-webkit-transform:rotate(-57deg);
	-o-transform:rotate(-57deg);
	-ms-transform:rotate(-57deg);
	transform:rotate(-57deg);
}

/*---------------------------*/

.first-area .thumbnails li{
	width:20%;
	padding:0 5px;
}


.second-area  .thumbnails li{
	width:20%;
	padding:0 5px;
}
/*.first-area .thumbnails li:nth-child(3n-1){
	margin:0 2% 20px 2%;
}

.second-area .thumbnails li:nth-child(3n-1){
	margin:0 2% 20px 2%;
}*/


/*---------------------------*/

.first-area .btn-group , .second-area .btn-group{
	text-align:right;
}

/*== end index 首頁 ==*/




/*== about 關於我們 =======================================================================*/
.entry-meta{
	
}

.entry-meta a{
	position:relative;
	margin-right:50px;
	/*font-weight:600;*/
	font-size:18px;
	color:#2d9dab;
	display:inline-block;
}


.entry-meta a:before{
	position:absolute;
	top:50%;
	right:-15px;
	margin-top:-4px;
	width: 0;
    height: 0;
	content:"";
    border-left: 8px solid #2D9DAB;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
	opacity:0.5;
}

.entry-meta a:hover{ color:#FD9A0C; }
.entry-meta a:hover:before{ border-left: 8px solid #FD9A0C; }


.entry-meta a.active{ color:#2D9DAB; cursor:default; text-decoration:underline; font-weight:900;}
.entry-meta a.active:before{ 
	right:-15px;
	border-left: 5px solid transparent;
	border-top: 8px solid #2D9DAB;
	border-right: 5px solid transparent;
	opacity:1;
}


/*== end about 關於我們 ==*/



/*== news 最新消息 =======================================================================*/
.list li{
	width:100%;
}

.news-list{
	position:relative;
	border:1px solid #2d9dab;
	padding:10px 30px;
	color:#084047;
	margin:0 0 50px 0;
}


.news-list:before{
	position:absolute;
	top:0px;
	left:0px;
	width: 0;
    height: 0;
	content:"";
    border-top: 30px solid #2d9dab;
    border-right: 30px solid transparent;     
}

.list li:nth-child(2n) .news-list:before{
	position:absolute;
	top:0px;
	left:0px;
	width: 0;
    height: 0;
	content:"";
    border-top: 30px solid #084047;
    border-right: 30px solid transparent;  
}

.news-list-title{
	margin:0px 0;
	padding-right:120px;
	font-size:18px;
}

.news-list-title a{ color:#2d9dab;}
.list li:nth-child(2n) .news-list-title a{ color:#084047; }

.news-list-title a:hover{ color:#FD9A0C; }
.list li:nth-child(2n) .news-list-title a:hover{ color:#FD9A0C; }


.news-list-text{
	position:absolute;
	top:15px;
	right:20px;
	font-size:12px;
	color:#4aabb7;
}


.news-list-content{
	padding-right:120px;
	max-height:80px;
	overflow:hidden;
	font-size:14px;
}

/*.list li:nth-child(2n)  .news-list-content{
	height:80px;
}*/

.news-list-btn{
	position:absolute;
	bottom:0;
	right:0;
	width:80px;
	height:80px;	
}

.news-list-btn span{
	position:absolute;
	top:45px;
	right:5px;
	color:#FFF;
}


.news-list-btn:before{
	position:absolute;
	top:0px;
	left:0px;
	width: 0;
    height: 0;
	content:"";
    border-bottom: 80px solid #2d9dab;
    border-left: 80px solid transparent;
}

/*.news-list:hover{
	border:1px solid #FD9A0C;
}

.news-list:hover:before{
	border-top: 30px solid #FD9A0C;
}*/

.news-list-btn:hover:before{
	 border-bottom: 80px solid #FD9A0C;
}
/*== news 最新消息 ==*/




/*== news_view 最新消息詳細 =======================================================================*/
.news_view_list.news-list{
	border:1px solid transparent;
	border-top:1px solid #2d9dab;
	/*margin-bottom:20px;*/
}

.left-content{
	float:left;
	width:80%;
	padding-right:60px;
	padding-left:30px;
}

.right-content{
	float:right;
	width:20%;
	padding-left:15px;
	
}

.left-content-intro{
	margin-top:3px;
	/*margin-bottom:40px;*/
	
}
.left-content img{ max-width:100%; height:auto;}


.right-content-title{
	position:relative;
	display:inline-block;
	/*margin-top:15px;*/
	color:#2D9DAB;
	font-size:14px;
	/*text-align:right;*/
}

.right-content-title:before{
	position:absolute;
	top:50%;
	right:-15px;
	margin-top:-4px;
	width: 0;
    height: 0;
	content:"";
    border-left: 5px solid transparent;
	border-top: 8px solid #2D9DAB;
	border-right: 5px solid transparent;
	opacity:0.5;
}

.right-content .thumbnails li{
	width:100%;
	margin:0px auto 10px auto;
	font-size:0;
}

.right-content .download-area{
	margin:10px 0;
}

/*== news_view 最新消息詳細 ==*/





/*== product 產品介紹 =======================================================================*/
.left-area{
	float:left;
	width:12%;
	padding-right:10px;
	/*padding-left:5px;*/
}

.right-area{
	float:left;
	width:88%;
	padding-left:15px;
}

/*---------------------------*/

.leftmenu{
	position:relative;
	z-index:0;
}

.leftmenu-header{
	margin:0 0 10px 0;
	border:1px solid #2D9DAB;
	color:#2D9DAB;
	font-weight:600;
	font-size:20px;
	text-align:center;
}

.leftmenu li{
	display:block;
	position:relative;
	padding:0;
	padding-left:5px;
	background:#4dafb6;
}

.leftmenu li.active{
	background:#ffffff;
}

.leftmenu li:hover{
	background:#FD9A0C;
}


.leftmenu li a{
	position:relative;
	z-index:100;
	display:block;
	background:#cbf6e0;
	padding:0 0 0 10px;
}

.leftmenu li.active a{
	background:#FD9A0C;
	color:#ffffff;
}

/*---------------------------*/

.product-list li{
	width:20%;
	padding:0 0px 0 10px;
	margin-bottom:15px;
	
}
.thumbnails li:nth-child(5n+1){
	margin:0 %;
}

.product-list .thumbnails-desc{
	border:1px solid #2D9DAB;
}

.product-list .thumbnails-desc-title{
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
}


/*.product-list .thumbnails-desc-title{
	
}*/

.product-list .thumbnails-desc-title:before{
	display:none;
}


/*== product 產品介紹 ==*/




/*== product_view 產品介紹詳細 =======================================================================*/
.thumbnail-single.product-pic{
	width:100%;
	margin:0px 0 30px 0;
	border:1px solid #2D9DAB;
	font-size:0;
}

.content-header{
	font-size:24px;
	color:#2D9DAB;
	border-bottom:1px solid #2D9DAB;
	margin-bottom:15px;
}

.intro-area{
	
}
.intro-area:before, .intro-area:after{ display:table; content:" " }
.intro-area:after{ clear:both }

.into-text{
	float:left;
	display:block;
	width:65%;
	margin-top:0;
}

.price-text{
	float:right;
	width:35%;
	text-align:right;
	font-size:12px;
}

.price-pic{
	float:right;
	display:block;
	width:25%;
	text-align:right;
	background:#FFF;
}

.price-pic img{
	width:100%;
	height:auto;
}

.content-title{
	margin:50px 0 15px 0;
	font-weight:600;
	color:#2D9DAB;
	border-bottom:1px solid #2D9DAB;
}

.detail-description{
	margin-bottom:30px;
}

.product-pic-list.thumbnails li{
	position:relative;
	z-index:2;
	width:100%;
	/*padding-right:20%;*/
	margin:30px auto;
	/*font-size:0;*/
}

/*.bd-pic img{
	background:#FFF;
}*/

/*.product-pic-list.thumbnails li .bd-pic img{
	width:auto;
	max-width:100%;
}*/


/*.pic-intotext{
	position:absolute;
	z-index:-1;
	top:5%;
	left:60%;
	width:20%;
	height:90%;
	margin:0;
	padding:25px 20px 20px;
	font-size:14px;
	color:#ffffff;
	background:#2D9DAB;
	overflow:hidden;
	
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
} 

.product-pic-list.thumbnails li:hover .pic-intotext{
	left:80%;
}
*/


/*== product_view 產品介紹詳細 ==*/




/*== qa 常見問題 =======================================================================*/
/*.qa-list{
	position:relative;
	border-top:1px solid #2d9dab;
	padding:10px 0px 10px 60px;
	color:#084047;
	margin:0 0 50px 0;
}


.qa-list:before{
	position:absolute;
	top:0px;
	left:0px;
	width: 0;
    height: 0;
	content:"";
    border-top: 60px solid #2d9dab;
    border-right: 60px solid transparent;     
}

.qa-list-text{
	position:absolute;
	top:-8px;
	left:8px;
	font-size:30px;
	color:#ffffff;
	font-weight:900;
}

.qa-list-title{
	margin:0px 0;
	padding-right:120px;
	font-size:18px;
}


.qa-list-content{
}
.qa-list-btn{
	position:absolute;
	top:0;
	right:0;
	width:80px;
	text-align:center;
	font-size:14px;
	color:#2d9dab;
	border:1px solid #2d9dab;
	border-top:1px solid transparent;
}*/


/*== qa 常見問題 ==*/

/*單張照片*/
.single-photo{ margin:10px 0; }
.single-photo img { display:block; margin:0 auto; max-width:100%; height:auto; }


/*常見問題*/
#qaContent { width:100%; }
.accordionPart { margin: 0px 0px 10px 00px;}
#qaContent ul.accordionPart > li {
	width:100%;
	color:#41596D;
	padding:20px 0;
	/*border-top:1px solid #ccc;*/
	transition:All 0.35s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
/*#qaContent ul.accordionPart li:first-child{ border-top-width:0px; padding-top:0; }
#qaContent ul.accordionPart li:last-child{ border-bottom:1px solid #ccc; }*/
#qaContent ul.accordionPart > li .qa_title {
	position:relative;
	cursor: pointer;
	font-size:1.2em; 
	font-weight:600;
	border-top:1px solid #2d9dab;
	padding:10px 0px 10px 60px;
	color:#084047;
}

#qaContent ul.accordionPart > li .qa_title:before{
	position:absolute;
	top:0px;
	left:0px;
	width: 0;
    height: 0;
	content:"";
    border-top: 60px solid #2d9dab;
    border-right: 60px solid transparent;      
}	
#qaContent ul.accordionPart > li .qa_title:after{
	position:absolute;
	content:"Q";
	top:-8px;
	left:6px;
	font-size:30px;
	color:#ffffff;
	font-weight:900;
}

#qaContent ul.accordionPart > li .qa_content {
	display:none;
	position:relative;
	padding:0px 10px 5px 45px;
	margin-top:5px;
	margin-bottom:20px;
	font-size:1em;
}

.qa-download-line{ text-align:center; margin:15px 0 0 0; }
.qa-download-btn{
	display:inline-block;
	text-align:center;
	padding:1px 15px;
	color:#fff;
	background:#2d9dab;
	border:1px solid #2d9dab;
}
.qa-download-btn:hover{ color:#fff; opacity:0.8;}



/*== catalogue 產品型錄=======================================================================*/
.catalogue-pic-list.thumbnails li:nth-child(3n-1){
	margin:0 2% 20px 2%;
}

.catalog-photo{
	position:relative;
	width:328px;
	height:228px;
	overflow:hidden;
	background:#FFF
}

.catalog-photo img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



/*== catalogue 產品型錄 ==*/



/*== contac 聯絡我們=======================================================================*/
.info-box{
	position:relative;
	float:left;
	width:45%;
	height:460px;
	background: #2d9dab;
	font-size:18px;
	padding:20px;
	padding-right:30px;
	color:#FFF;
	margin-bottom:20px;
	margin-left:5%;
}

.info-box:before{
	position:absolute;
	bottom:150px;
	right:0px;
	margin-top:-4px;
	width: 0;
    height: 0;
	content:"";
    border-right: 30px solid #EAEAEA;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.info-box a{
	color:#FFF;
}

.info-box a:hover{
	color:#CBF6E0;
}

.company-title{
	display:block;
	padding-bottom:5px;
	border-bottom:1px solid rgba(203,246,224, 0.4);
	font-size:20px;
	font-weight:600;
}


.info-box p{
	position:relative;
	padding-left:60px;
}

.info-title{
	position:absolute;
	top:0px;
	left:0;
}

.info-box .info-line{ padding-left:0;}

/* .phone2{
	display:inline-block;
	padding-left:58px;
} */

.map-box{
	float:left;
	width:45%;
	height:310px;
	margin-bottom:20px;
}

.info-line span{
	display:inline-block;
	vertical-align:middle;
}


/*== contac 聯絡我們 ==*/




/*分頁==========================================*/
.page{
	margin-top:30px;
	text-align:center;
	padding:2px;
	font-weight:bolder;
	font-size:12px;
}

.page a{
    border: 1px solid #2D9DAB;
    background-color: #2D9DAB;
    padding: 2px 10px;
    margin: 2px;
    text-decoration: none;
    
	color: #fff;
    border-radius: 5px;
}

.page a:hover{
	background: #CBF6E0;
	color: #2D9DAB;
}

.page span{
    padding: 2px 10px;
    margin: 2px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #2D9DAB;
	color:#2D9DAB;
}


/*===========================================*/


.back-line{text-align:center; margin:30px 0;}

.pageback-btn{ display:inline-block; vertical-align:top; /*font-size:0.9em;*/ line-height:1.5; color:#666;}

.pageback-btn-txt{position:relative; padding-left:12px; color:#666;}

.pageback-btn-txt:before{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-4px;
	content:"";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 8px solid #898989;
	border-bottom: 5px solid transparent;
}

.pageback-btn:hover{color:#2D9DAB;}

.pageback-btn:hover .pageback-btn-txt:before{border-right-color:#2D9DAB}





/*===========================================*/

@keyframes jump {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(5px);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  30% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  
  100% {
    -moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
}

/* Firefox */
@-moz-keyframes jump {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(5px);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  30% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  
  100% {
    -moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
}


/* Safari和Chrome */
@-webkit-keyframes jump {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(5px);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  30% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  
  100% {
    -moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
}

/* Opera */
@-o-keyframes jump {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(5px);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
  }
  30% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  
  100% {
    -moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
}