@charset "utf-8";

body , .wrapper{ color:#333;}


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


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

/*page 分頁*/
.page{
	margin:40px 0 20px 0;
	font-size:0.95em;
	text-align:center;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #466BAA;
	padding: 0px 4px;
	margin:0 2px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-bborder-radius:4px;
	border-radius:4px;
	min-width:36px;
}
.page span{ background:#0E429B; color:#fff;}

.page a{ color:#466BAA; }
.page a:hover{ background:#466BAA; color: #fff; border-color:#466BAA; }


/* 多少筆 */
.page_total {}

/* 分頁資訊 */
.page_info {}

/* 上頁 */
.page_prev {}

/* 分頁數字 */
.page_item {}

/* 目前選中的分頁 */
.page_current { background:#00D0D2; color: #fff; }
/* 下頁 */
.page_next {}

/* 下十頁 */
.page_next_group {}


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


/*輪播-左右按鈕*/
.owl-nav-style .owl-next , .owl-nav-style .owl-prev{
	position: absolute;
	top:50%;
	width: 35px;
	height: 40px;
	margin-top:-20px;
	opacity:0;
	transition: all 0.2s ease-in-out;
}
.owl-nav-style .owl-prev { left: -30px; }
.owl-nav-style .owl-next{ right: -30px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before , .owl-nav-style .owl-next:after{
	position:absolute;
	z-index:5;
	left:50%;
	margin-top:-6px;
	width:3px;
	height:16px;
	content:"";
	background:#5d9dcb;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:after{ bottom:50%; margin-bottom:-13px; }
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before{ top:50%; margin-top:-13px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:before{
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:after{
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.owl-nav-style:hover .owl-prev , .owl-nav-style:hover .owl-next{ opacity:0.8; }
.owl-nav-style .owl-prev:hover , .owl-nav-style .owl-next:hover{ opacity:1; }


/*輪播-底下圓圈*/
.owl-dots-style .owl-dots{ position:absolute; bottom:0px; left:5%; width:90%; z-index:3; text-align:center; padding:0 20px;}
.owl-dots-style .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-dots-style .owl-dots .owl-dot span {
	width:12px;
	height:12px;
	margin:0px 7px;
	background:#fff;
	border:1px solid #fff;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.owl-dots-style .owl-dots .owl-dot.active span, .owl-dots-style .owl-dots .owl-dot:hover span { background:#999; border-color:#999; }
@media (max-width:960px) { 
	.owl-nav-style .owl-prev { left: 0px; }
	.owl-nav-style .owl-next{ right: 0px; }
	
	.owl-dots-style .owl-dots{ text-align:center;}
	.owl-dots-style .owl-dots .owl-dot span { width:10px; height:10px; } 
}

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

/*右側懸浮鈕*/
.side-cart {
	position:fixed;
	right:1px;
	bottom:25%;
	z-index:100;
	background:#4a7da2;
	font-size:0.7em;
	text-align:center;
}
.side-cart , .side-cart a{ color:#FFF; }
.side-cart a{ display:inline-block; padding:4px 7px; }
.side-cart .icon{ display:inline-block; vertical-align:text-bottom; width:15px; height:15px;}
.side-cart .icon img{ width:100%; height:auto;}
.side-check{
	border-top:1px solid rgba(255,255,255,0.2);
	padding:2px 2px 0px 2px;
	margin-top:5px; 
}
.side-check:hover , .side-cart a:hover{ color:#FFF; }
.side-cart:hover { background:#253e51; }

@media (max-width:960px){ .side-cart{ display:none;} }



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


body{
	background-color:rgba(252,246,235, 0.8);
	background-image:url(../images/bg.png);
	background-repeat:repeat-y;
}


.navbar-wrap{ text-align:right; padding:7px 0; }
.navbar-links{ display:inline-block; vertical-align:middle; }
.navbar-links li{ display:inline-block; vertical-align:middle; font-size:0.85em; padding:0 5px; }
.navbar-links li a{ display:block; color:#999; padding:0 2px; }
.navbar-links li a:hover{ color:#5d9dcb; }

.search-bar{}
.search-fm{
	border:1px solid #999; ;
	background:#FFF;
	overflow:hidden; 
}
.search-input , .search-btn{
	display:inline-block;
	vertical-align:top;
	background:#FFF;
	font-size:0.85em;
	line-height:1; 
	height:23px;
	outline:none;
	border-width:0px;	
}
.search-input{ padding:0px 10px; width:165px;}
.search-btn{ cursor:pointer; text-align:center; width:30px; color:#999; }

.mobile-search{ display:none;}


.social-list{ display:inline-block; vertical-align:middle; margin-left:5px; }
.social-list li{ display:inline-block; vertical-align:middle; max-width:30px; }
.social-list li img{ display:block; max-width:100%; height:auto; }
.social-list li:hover{ opacity:0.9; }


@media (max-width:960px){
	.navbar-links{ 
		position:fixed; 
		bottom:0; 
		left:0px; 
		z-index:20; 
		width:100%; 
		background:#fff;
		text-align:center;
		padding:7px 0;
		-webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);

	}
	.search-bar{ display:none; }
	.mobile-search{ display:block;}
	
	.navbar-links li{ text-align:center; padding:0 8px; }
	.navbar-links li i{ font-size:1em; color:#000; }
	.navbar-links li .title{ display:block; width:100%; font-size:0.85em; color:#000; }
	
	
	.social-list{ display:none; }
}
@media (max-width:480px){
	.navbar-wrap{ padding:2px 0; }
}

.logobar{ background:#fff; padding:20px 0; margin-bottom:30px; }

.logo{ 
	float:left; 
	width:150px; 
	height:164px;
	background:url(../images/logo.png) no-repeat center;
	background-size:cover;
}
.logo a{ display:block; width:100%; height:100%; } 
@media (max-width:480px){
	.logo{ margin-top:45px; }
}

.ad-wrap{
	float:left;
	margin-top:70px;
	width:230px;
	margin-left:70px;
	background:#FEAAB6;
	padding:5px;
	text-align:center;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 0 0 4px #ffffff,0 0 0 5px #FEAAB6;
	-moz-box-shadow:0 0 0 4px #ffffff,0 0 0 5px #FEAAB6;
	-o-box-shadow:0 0 0 4px #ffffff,0 0 0 5px #FEAAB6;
	box-shadow:0 0 0 4px #ffffff,0 0 0 5px #FEAAB6;
}
.ad-wrap span{ display:block; color:#fff; line-height:1.6; }
.ad-first-line{ font-weight:600; font-size:0.9em; margin-bottom:10px; }
.ad-second-line{ font-size:0.8em;}
@media (max-width:1240px){ .ad-wrap{ margin-left:50px; } }
@media (max-width:1100px){
	.ad-wrap{ float:right; width:auto; margin-top:0; text-align:left; padding:3px 10px; }
	.ad-wrap span{ display:inline; }
}
@media (max-width:960px){
	.ad-wrap{
		float:none;
		position:absolute;
		top:5px;
		right:80px;
		max-width:300px;
		/*padding-left:180px;*/
	}
	.ad-wrap span{ display:block; }
}
@media (max-width:640px){
	.ad-wrap{
		top:0;
		right:10px;
	}
	.ad-first-line{ margin-bottom:0px; }
	span.ad-second-line{ display:none; }
}
@media (max-width:480px){
	.ad-wrap{
		top:0;
		right:0;
		text-align:center;
		width:100%;
		max-width:100%;
		padding-left:5px;
		padding-right:5px;
		
		-webkit-box-shadow:0 0 0 0;
		-moz-box-shadow:0 0 0 0;
		-o-box-shadow:0 0 0 0;
		box-shadow:0 0 0 0;
	}
}




.menu{ float:right; margin-top:35px;}
.menu > li{ float:left; margin-left:20px; width:120px; }
.menu > li > a{ display:block; }
.menu > li > ul{ display:none; }

.menu-icon , .menu-en , .menu-ch{ display:block; margin:0 auto; text-align:center; line-height:1.3; }
.menu-icon{ width:90px; height:90px; }
.menu-en{ font-size:0.7em; font-family:"Times New Roman", "新細明體-ExtB"; font-weight:600; color:#333; }
.menu-ch{ font-size:1em; color:#666; }

.menu > li:nth-child(1) .menu-icon{ background:url(../images/menu01.png) no-repeat center; background-size:cover; }
.menu > li:nth-child(1):hover .menu-icon{ background:url(../images/menu01-active.gif) no-repeat center; background-size:cover; }

.menu > li:nth-child(2) .menu-icon{ background:url(../images/menu02.png) no-repeat center; background-size:cover; }
.menu > li:nth-child(2):hover .menu-icon{ background:url(../images/menu02-active.gif) no-repeat center; background-size:cover; }

.menu > li:nth-child(3) .menu-icon{ background:url(../images/menu03.png) no-repeat center; background-size:cover; }
.menu > li:nth-child(3):hover .menu-icon{ background:url(../images/menu03-active.gif) no-repeat center; background-size:cover; }

.menu > li:nth-child(4) .menu-icon{ background:url(../images/menu04.png) no-repeat center; background-size:cover; }
.menu > li:nth-child(4):hover .menu-icon{ background:url(../images/menu04-active.gif) no-repeat center; background-size:cover; }

.menu > li:nth-child(5) .menu-icon{ background:url(../images/menu05.png) no-repeat center; background-size:cover; }
.menu > li:nth-child(5):hover .menu-icon{ background:url(../images/menu05-active.gif) no-repeat center; background-size:cover; }
@media (max-width:960px){
	.menu > li:nth-child(1):hover .menu-icon{ background:url(../images/menu01.png) no-repeat center; background-size:cover; }
	.menu > li:nth-child(2):hover .menu-icon{ background:url(../images/menu02.png) no-repeat center; background-size:cover; }
	.menu > li:nth-child(3):hover .menu-icon{ background:url(../images/menu03.png) no-repeat center; background-size:cover; }
	.menu > li:nth-child(4):hover .menu-icon{ background:url(../images/menu04.png) no-repeat center; background-size:cover; }
	.menu > li:nth-child(5):hover .menu-icon{ background:url(../images/menu05.png) no-repeat center; background-size:cover; }
}


/*小螢幕時的元素*/
.menu-trigger{
	display:none;
	position:absolute;
	top:25px;
	right:5px;
	width:40px;
	height:40px;
	background:#fff;
	border:1px solid #9eb5de;
	border-radius:5px;
}
.menu-trigger-icon{ 
	position:relative; 
	width:76%; 
	height:100%;
	margin-left:12%;
}
.menu-trigger-icon:before{
	position:absolute;
	top:25%;
	left:0;
	width:100%;
	height:2px;
	margin-top:-1px;
	content:"";
	background:#9eb5de; 
	
	transition: 0.4s;
}
.menu-trigger-icon:after{
	position:absolute;
	top:75%;
	left:0;
	width:100%;
	height:2px;
	margin-top:-1px;
	content:"";
	background:#9eb5de; 
	
	transition: 0.4s;
}
.menu-trigger-txt{ 
	position:absolute;
	top:50%;
	left:12%;
	width:74%;
	height:2px;
	margin-top:-1px;
	content:"";
	background:#9eb5de; 
	font-size:0;
}
.menu-trigger.opened .menu-trigger-icon:before{
	-webkit-transform: rotate(-45deg) translate(-7px, 7px) ;
    transform: rotate(-45deg) translate(-7px, 7px) ;
}

.menu-trigger.opened .menu-trigger-icon:after{
	-webkit-transform: rotate(45deg) translate(-7px, -6px) ;
    transform: rotate(45deg) translate(-7px, -6px) ;
}

.menu-trigger.opened .menu-trigger-txt{ opacity:0; }

@media (max-width:1240px){ .menu > li{ /*margin-left:50px;*/ width:100px; } }
@media (max-width:1100px){ 
	.menu{ margin-top:5px; }
	.menu > li{ margin-left:50px; }
}

@media (max-width:1024px){ .menu > li{ /*margin-left:30px;*/ } }
@media (max-width:960px){
	.logobar{ margin-bottom:15px; padding:10px 0; }
	
	.logo{ 
		width:150px; 
		height:82px;
		background:url(../images/logo2.png) no-repeat center;
		background-size:cover;
	}
	
	.menu-trigger{ display:block; }
		
	.menu{ 
		width:100%; 
		margin-top:15px;
		
		display:none;
	}
	.menu.open{
		display:block;
	}
	.menu > li{ width:20%; margin-left:0; margin-bottom:20px; }
	.menu-icon{ width:80px; height:80px; }
}
@media (max-width:640px){
	.menu > li{ width:33.3333%; }
	.menu > li:nth-child(4) , .menu > li:nth-child(5){ width:50%; margin-bottom:0px; }
	.menu-icon{ width:60px; height:60px; }
	
	.menu-trigger{ top:50px; }
}
@media (max-width:480px){
	.menu-trigger{ top:70px; }
}



/*輪播*/
.banner{ background:#303030; min-height:10px; }
.banner img{ display:block; max-width:100%; height:auto; }
@media (max-width:960px){ .banner .container{ width:100%;} }



/*頁尾*/
.footer{ background:#fff; padding:30px 0; text-align:center; min-height:260px; margin-top:30px; }
.qrcode{ max-width:200px; border:1px solid #eee; }
.qrcode img{ display:block; max-width:100%; height:auto; }
.qrcode-txt{ line-height:1; font-size:0.8em; text-align:center; margin-bottom:5px; font-size:#666; }

.qrcode-left{ position:absolute; top:0; left:0; }
.qrcode-right{ position:absolute; top:0; right:0; }

.footer-info-list{ display:inline-block; vertical-align:top; text-align:left; }

.footer-info-list li{ margin-bottom:7px;}
.footer-info-list li.info-item{ font-size:0.9em; }
.footer-info-list span{ line-height:1.2; margin-right:3px; }

.footer-info-list li.web-copyright , .footer-info-list li.web-designer{ font-size:0.7em; }
.footer-info-list li.web-copyright{ margin-top:10px; }

.footer-info-list li.icon-item{ position:relative; padding-left:30px; }
.footer-info-list li.icon-item .icon{
	position:absolute;
	top:1px;
	left:0;
	width:24px;
	height:24px;
	background:#676767;
	padding:3px; 
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.footer-info-list .icon img{ display:block; max-width:100%; height:auto; }
.footer-info-list , .footer-info-list a{ color:#666666; }

.footer-info-list a:hover{ color:#0062B1; }

@media (max-width:960px){
	.footer{ text-align:left; padding-bottom:70px; }
	.qrcode{ margin-right:10px; max-width:140px; }
	.qrcode-left{ position:absolute; top:0; left:auto; right:150px; }
	.footer-info-list{ width:100%; margin-bottom:15px; }
}
@media (max-width:768px){ 
	.qrcode-left , .qrcode-right{ position:relative; top:0; left:0; right:auto; display:inline-block; }
}
@media (max-width:360px){
	.footer{ text-align:center; }
	.qrcode{ max-width:120px; }
}




/*主內容區*/
.mainarea{ position:relative; z-index:1; background-color:#fff; padding:5px; text-align:center; }
/*.mainarea:before, .mainarea:after{ display:table; content:" " }
.mainarea:after{ clear:both }*/


/*主內容區背景圖*/
.mainarea-bg{
	min-height:100px;
	padding:5px 40px;
	background:#fff url(../images/mainarea-bg.png) repeat center;
}
.mainarea-leftdec , .mainarea-rightdec{ min-height:600px; }
.mainarea-leftdec:before{
	position:absolute;
	z-index:-1;
	top:500px;
	left:0;
	width:40px;
	height:80px;
	content:"";
	background:url(../images/mainarea-left-dec.png) no-repeat center;
	background-size:cover;
}
.mainarea-rightdec:after{
	position:absolute;
	z-index:-1;
	top:20px;
	right:0;
	width:60px;
	height:400px;
	content:"";
	background:url(../images/mainarea-right-dec.png) no-repeat center;
	background-size:cover;
}

.page-side , .page-maincontent{ display:inline-block; vertical-align:top; margin-top:10px; text-align:left; }
.page-side{ width:21%; margin-right:4%; }
.page-maincontent{ width:74%; }
@media (max-width:960px){
	.mainarea-bg:before , .mainarea-bg:after{ opacity:0.3; }
	.mainarea-bg{ padding:0 5px; }

	.page-side{ width:100%; margin-right:0%; }
	.page-maincontent{ width:100%; }
}



/*分類標題*/
.category-headline{ border-bottom:1px dashed #666; padding-bottom:5px; margin-bottom:10px; }
.category-headline .icon , .category-headline .title{ display:inline-block; vertical-align:middle; line-height:1; }
.category-headline .icon{ max-width:50px;}
.category-headline .icon img{ display:block; max-width:100%; height:auto; }
.category-headline .title{ position:relative; font-size:1.5em; font-family:"Times New Roman", "新細明體-ExtB"; }
.category-headline .title:before{
	position:absolute;
	top:-5px;
	right:-35px;
	width:30px;
	height:30px;
	content:"";
	background:url(../images/icon-apple.png) no-repeat center;
	background-size:cover;
}

.category-trigger{
	display:none;
	border:1px solid #ccc;
	padding:5px 10px;
	margin-top:15px;
	background:#fff;
	color:#666;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.category-trigger:focus{ color:#666; background:#fff; }


/*分類*/
.category-list{ display:block; /*padding-left:20px;*/ margin-bottom:30px; }
.category-list li{ border-bottom:1px dashed #999; }
.category-list li a{ position:relative; display:block; padding:7px 5px 7px 30px; font-size:1.2em; }
.category-list li a:before{
	position:absolute;
	top:13px;
	left:0px;
	width:20px;
	height:20px;
	content:"";
	background:url(../images/icon-apple.png) no-repeat center;
	background-size:cover;
	opacity:0;
}

.category-list li:hover a , .category-list li.active a{ color:#5d9dcb; }
.category-list li:hover a:before , .category-list li.active a:before{ opacity:1; }

@media (max-width:960px){
	.category-trigger{ display:block; }
	.category-list{ display:none; }
	.category-list.open{ display:block; }
	
	.category-list li a{ font-size:1em; }
}



/*導覽路徑*/
.breadcrumbs{
	font-size:0.9em;
	line-height:1.5;
	margin-top:40px;
	text-align:left;
}
.breadcrumbs , .breadcrumbs a{ color:#666; }
.breadcrumbs a:hover{ color:#5d9dcb; }
.breadcrumbs span{ position:relative; margin-right:20px; }
.breadcrumbs span:after{
	position:absolute;
	top:50%;
	right:-20px;
	width:18px;
	height:18px;
	margin-top:-9px;
	content:"";
	background:url(../images/icon-breadcrumbs.png) no-repeat center;
	background-size:cover;
}
.breadcrumbs span:last-child , .breadcrumbs span:last-child a{ color:#cc0000; }
.breadcrumbs span:last-child a:hover{ color:#5d9dcb; }
.breadcrumbs span:last-child:after{display:none;}
@media (max-width:960px){ .breadcrumbs{ margin-top:20px; text-align:center; } }


.category-heading{ text-align:center; margin:10px 0 20px 0; }
.category-heading .title{
	position:relative;
	display:inline-block;
	font-weight:600;
	font-size:1.3em;
	color:#47789b;
	padding-bottom:5px;
}
.category-heading .title:before{
	position:absolute;
	bottom:0;
	left:20%;
	width:60%;
	height:1px;
	content:"";
	border-bottom:1px dashed #333;
}
@media (max-width:960px){ .category-heading{ margin-top:20px; } }



/*方形圖設定*/
.item-thumb-frame { position: relative; display: block; width: 100%; overflow: hidden; }
.item-thumb { display: block; max-width: 100%; padding-bottom: 100%; }


.thumbnail-list{ margin:20px 0;}
.thumbnail-list li{ text-align:center; margin:5px 0;}
.thumbnail-list li img{ max-width:100%; text-align:center; }



/*影片*/
.video{ text-align:center; margin:20px 0; }
.video iframe{ max-width:100%;}


/* 檔案下載鈕*/
.download-line{ margin:10px 0; text-align:center; }
.download-btn{
	position:relative;
	display:inline-block;
	padding:7px 12px;
	margin:10px 20px; 
	color:#333;
}
.download-btn:before{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:8px;
	content:"";
	background:#333;
	border-radius:2px;
}
.download-btn:after{
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	height:0;
	content:"";
	margin-left:-4px;
	border-top:6px solid #fff;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
}
.download-btn:hover{ color:#5d9dcb; }
.download-btn:hover:before{ background:#5d9dcb; }



/*返回按鈕列*/
.pageback-line{margin:50px 0 30px 0; text-align:center; }
.pageback-btn span{ position:relative; display:inline-block; padding-left:12px; color:#999999; }
.pageback-btn span:before{
	position:absolute;
	top:50%;
	left:0;
	width:0;
	height:0;
	content:"";
	margin-top:-4px;
	border-right:8px solid #999;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
.pageback-btn:hover span{ color:#5d9dcb; }
.pageback-btn:hover span:before{ border-right-color:#5d9dcb; }





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



/*首頁*/
.idx-link-area{ margin:30px 0; }
.idx-list:before, .idx-list:after{ display:table; content:" " }
.idx-list:after{ clear:both }
.idx-list li{ float:left; width:33.3333%; }
.idx-list li img{ display:block; width:100%; height:auto; }
.animate-box{ border:15px solid #97c5ab; }

.link-box{ position:relative; overflow:hidden; }
.link-box a{  display:block; width:100%; height:100%; }
.link-box .link-text{
	position:absolute;
	z-index:1;
	top:50%; 
	left:15%;
	width:70%;
	height:120px;
	margin-top:-60px;
	border:2px solid #fff;
	text-align:center;
	padding:5px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.link-box .link-text:before{
	position:absolute;
	top:-10px;
	left:-10px;
	width:100%;
	height:100%;
	width:calc(100% + 10px);
	height:calc(100% + 10px);
	content:"";
	border:5px solid #fff;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
	
.link-en , .link-ch{ display:block; color:#fff; }
.link-en{ font-size:1.4em; text-transform:uppercase; }
.link-ch{ font-size:2em; font-weight:600; }
.link-box .photo{ position:relative; }
.link-box .photo:before{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:rgba(0,0,0,0.35);
}
.link-box .into-btn{ 
	position:absolute;
	z-index:1;
	bottom:0; 
	right:0;
	font-size:0.9em;
	color:#fff;
	padding:0 3px 3px 0;
	text-transform:uppercase;
}

.link-box .into-btn:before{
	position:absolute;
	z-index:-1;
	bottom:0;
	right:0;
	width:0;
	height:0;
	content:"";
	border-right:70px solid #ff0033;
	border-top:60px solid transparent;
}

.link-box:hover .into-btn:before{ border-right:62px solid #5d9dcb; }


@media (max-width:960px){ .idx-link-area{ margin:15px 0; } }

@media (max-width:768px){
	.link-box .link-text{
		left:20%;
		width:60%;
		height:90px;
		margin-top:-45px;
	}
	.link-en{ font-size:1em; }
	.link-ch{ font-size:1.4em; }
}
@media (max-width:640px){
	.idx-list li{ width:100%; }
	.link-box{ height:170px; }
}


/*首頁-最新商品*/
.idx-pro-area{
	background:#fff;
	margin:170px 0 30px 0;
	min-height:100px;
}
.idx-pro-heading{
	position:absolute;
	top:-120px;
	left:0;
	width:100%;
	text-align:center;
}
.idx-pro-heading .icon{ display:block; margin:0 auto; max-width:100px; }
.idx-pro-heading .icon img{ display:block; max-width:100%; height:auto; }
.idx-pro-heading .title{ 
	display:block; 
	margin:0 auto;
	background:#e2d5bf;
	color:#333;
	padding:2px 50px;
	max-width:500px;
	font-size:1.2em;
	
	-ms-border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-bborder-radius:18px;
	border-radius:18px;
}
@media (max-width:640px){
	.idx-pro-heading .title{
		padding-left:10px;
		padding-right:10px;
		font-size:1em;
	}
}



/*商品表列*/
.item-list{ }
.item-list:before, .item-list:after{ display:table; content:" " }
.item-list:after{ clear:both }
.item-list li{ float:left; }

/*商品表列-首頁*/
.idx-product-list{ margin:50px 0 0 0; }
.idx-product-list li{ width:23.5%; margin-right:2%; margin-bottom:30px; }
.idx-product-list li:nth-child(4n){ margin-right:0; }
.idx-product-list li:nth-child(4n+1){ clear:both; float:left; }
@media (max-width:768px){
	.idx-product-list li{ width:48%; margin-right:4%; }
	.idx-product-list li:nth-child(2n){ margin-right:0; }
	.idx-product-list li:nth-child(2n+1){ clear:both; float:left; }
}

/*商品表列-商品頁*/
.product-list{ margin-top:30px; }
.product-list li{ width:31.3333%; margin-right:3%; margin-bottom:45px; }
.product-list li:nth-child(3n){ margin-right:0; }
.product-list li:nth-child(3n+1){ clear:both; float:left; }
@media (max-width:768px){
	.product-list li{ width:48%; margin-right:4%; }
	.product-list li:nth-child(3n){ margin-right:4%; }
	.product-list li:nth-child(3n+1){ clear:none; float:left; }
	.product-list li:nth-child(2n){ margin-right:0; }
	.product-list li:nth-child(2n+1){ clear:both; float:left; }
}


.product-item{ overflow:hidden; }
.product-item a{ display:block; width:100%; height:100%; }
.product-item .item-thumb-frame{ background:#fff; border:1px solid #ccc; }
/*.product-item .item-thumb-frame:before{
	position:absolute;
	z-index:1;
	bottom:-70px;
	left:50%;
	width:60px;
	height:60px;
	margin-left:-30px;
	content:"GO";
	background:#5d9dcb;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-size:1em;
	
	transition: 0.4s;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.product-item:hover .item-thumb-frame:before{ bottom:-30px; }*/
.product-item .item-thumb-frame:after{
	position:absolute;
	z-index:0;
	bottom:-100%;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:rgba(0,0,0,0.05);
	
	transition: 0.4s;
}
.product-item:hover .item-thumb-frame:after{ bottom:0; }

.product-box{
	position:relative;
	margin-top:16px;
	background:#fff;
	border:1px solid #ccc;
	padding:7px 10px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.product-box:before{
	position:absolute;
	z-index:1;
	top:-10px;
	left:10px;
	width:0;
	height:0;
	content:"";
	border-bottom:10px solid #fff;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
}
.product-box:after{
	position:absolute;
	z-index:0;
	top:-11px;
	left:9px;
	width:0;
	height:0;
	content:"";
	border-bottom:11px solid #ccc;
	border-left:14px solid transparent;
	border-right:15px solid transparent;
}
.product-title{ font-weight:600; margin-bottom:5px; }

.product-spec{ color:#666; font-size:0.8em; height:48px; overflow:hidden; }

.product-element{ margin-top:15px; }
.product-element:before, .product-element:after{ display:table; content:" " }
.product-element:after{ clear:both }
.product-element .pull-left{ float:left; }
.product-element .pull-right{ float:right; }

.product-more-btn{
	width:40px;
	height:40px;
	background:#ff9999;
	color:#fff;
	font-size:0.7em;
	text-align:center;
	line-height:38px;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.product-item:hover .product-more-btn{ 
	background:#5d9dcb;
	animation:up 2s linear infinite;
	-moz-animation:up 2s linear infinite;
	-webkit-animation:up 2s linear infinite;
	-o-animation:up 2s linear infinite;
}

.product-price{ margin-right:2px;}
.product-price.original-price{ text-decoration:line-through; color:#999; font-size:0.8em; }
.product-price.sell-price{ color:red; font-size:1em; }

@media (max-width:768px){
	.product-item:hover .item-thumb-frame:before{ bottom:-70px; }
	.product-item:hover .item-thumb-frame:after{ bottom:-100%; }
	
	.product-title{ text-align:center; }
	
	.product-spec{ display:none; }
	
	.product-element{ margin-top:10px; }
	.product-element .pull-left , .product-element .pull-right{ float:none; text-align:center; margin-bottom:5px; }

	.product-more-btn{
		width:100%;
		height:auto;
		background:#ff9999;
		color:#fff;
		font-size:0.9em;
		text-align:center;
		line-height:1.8;
		
		-ms-border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		-o-bborder-radius:0;
		border-radius:0;
	}
	.product-item:hover .product-more-btn{ 
		animation:none;
		-moz-animation:none;
		-webkit-animation:none;
		-o-animation:none;
	}
}




/*最新消息-項目*/
.news-list{ margin-top:30px;}
.post-item{
	position:relative;
	padding:10px 0px 10px 150px;
	min-height:140px;
	transition:All 0.5s ease;
	margin-bottom:40px;
}
.post-item a{ display:block; width:100%; height:100%; }
.post-item .item-thumb-frame{
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:120px;
	
	-webkit-box-shadow:0 0 0 6px #ffffff,0 0 0 7px #47789b;
	-moz-box-shadow:0 0 0 6px #ffffff,0 0 0 7px #47789b;
	-o-box-shadow:0 0 0 6px #ffffff,0 0 0 7px #47789b;
	box-shadow:0 0 0 6px #ffffff,0 0 0 7px #47789b;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.post-date{ position:absolute; top:-7px; right:0px; font-size:0.7em; color:#999; }	
.post-title{ font-size:1.1em; margin-bottom:5px; color:#5d9dcb; font-weight:600; }
.post-content{ height:57px; overflow:hidden; font-size:0.95em; color:#666; }
.post-item:hover .post-title{ color:#375e79; }
.post-item:hover .item-thumb-frame{ opacity:0.8; }
@media (max-width:640px){
	.post-item{ padding-top:5px; }
	.post-date{ position:relative; top:0; }	
	.post-title{ margin-top:5px;}
	.post-content{ display:none; }
}



/*最新消息詳細*/
.news-view-date{ text-align:center; font-size:0.8em; color:#666; margin-bottom:10px; }
.news-view-content{
	position:relative;
	margin-bottom:60px;
	min-height:300px;
}
.news-view-content:before, .news-view-content:after{ display:table; content:" " }
.news-view-content:after{ clear:both }

.news-view-content-txt{ float:left; width:80%; }
.news-view-content .thumbnail-list{
	float:right;
	/*position:absolute;
	top:0;
	right:0;*/
	width:17%;
	margin-top:0;
}

.news-view-content .thumbnail-list li{ border:1px solid #eee;}
/*.news-view-content .thumbnail-list li .item-thumb-frame .item-thumb { padding-bottom: 70%; }*/

@media (max-width:768px) {
	.news-view-content-txt , .news-view-content .thumbnail-list{ width:100%; }
	/*.news-view-content{ padding-right:0; }
	.news-view-content .thumbnail-list{
		position:relative;
		top:0;
		right:0;
		width:auto;
		margin-top:20px;
		text-align:center;
	}*/
	/*.news-view-content .thumbnail-list li{ display:inline-block; width:31%; }
	.news-view-content .thumbnail-list li .item-thumb-frame .item-thumb { padding-bottom: 100%; }*/
}




/*商品介紹詳細頁*/
.product-view-top-area{ margin-top:30px; padding-bottom:20px; margin-bottom:20px; }
.product-view-top-area:before, .product-view-top-area:after{ display:table; content:" " }
.product-view-top-area:after{ clear:both }

.product-view-left{ float:left; width:45%; margin-right:5%; }
.product-view-right{ float:left; width:50%; } 
@media (max-width:768px) {
	.product-view-left{ width:100%; margin-right:0%; margin-bottom:15px; }
	.product-view-right{ width:100%; } 
}

/*.sync-slide .item .item-thumb-frame .item-thumb { padding-bottom: 90%; }*/
.sync-thum .item .item-thumb-frame .item-thumb { padding-bottom: 80%; }
.sync-slide{ margin-bottom:10px; }
.sync-thum .item{ cursor:pointer; }
.sync-thum .item:hvoer{ opacity:0.9; }

.product-view-name{ 
	position:relative;
	margin-top:10px;
	margin-bottom:15px;
	padding-left:35px;
}
.product-view-name:before{
	position:absolute;
	top:3px;
	left:0px;
	width:30px;
	height:30px;
	content:"";
	background:url(../images/icon-apple.png) no-repeat center;
	background-size:cover;
}
.product-view-name .title{ display:block; color:#47789b; font-size:1.3em; font-weight:600; }
.product-view-name .number{ color:#666; font-size:0.8em; line-height:1.2; }

.product-view-spec{
	margin:30px 0 10px 0;
	padding:10px 0;
	border-top:1px dashed #666;
	font-size:0.95em;
	color:#666;
}

.product-view-element{ margin:10px 0; }
.product-view-price-wrap{ border-top:1px dashed #666; border-bottom:1px dashed #666; text-align:right; }

.product-view-price{ display:inline-block; padding-right:10px; margin:5px 0; /*margin-bottom:10px;*/ }
.product-view-price.original-price{ text-decoration:line-through; color:#999; font-size:0.9em; }
.product-view-price.sell-price{ color:red; font-size:1.8em; font-weight:600; }


.product-option{ margin:25px 0; }
.product-option-heading{ font-size:0.8em; }
.product-option a{
	display:inline-block;
	background:#fff;
	border:1px solid #ccc; 
	margin-bottom:5px;
	font-size:0.9em;
	line-height:1;
	padding:4px 10px;
	margin-right:5px;
	color:#333; 
}
.product-option a.chosen{ background:#47789b; color:#fff; }


.product-cart-box{
	background:#ff9999;
	padding:0 10px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}

.product-quantity{ display:inline-block; margin:10px 0; }
.product-quantity .num-txt , .product-quantity .qtyminus{
	height:40px;
	border:1px solid transparent;
	background:transparent;
	text-align:center;
	color:#d78b8b;
	background:#fff;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}

.product-quantity .num-txt{ width:64px;}
.product-quantity .qtyminus{ min-width:35px; cursor:pointer; font-weight:900; }
.product-quantity .qtyminus:hover{ color:#47789b; }

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

.pro-addcart-btn{
	display:inline-block;
	padding:3px 30px;
	cursor:pointer;
	font-size:0.95em;
	height:40px;
	margin:10px 0;
	
	border:1px solid #fff;
	color:#d78b8b;
	background:#fff;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.pro-addcart-btn:hover{ background:#47789b; border-color:#47789b; color:#fff; }
.pro-addcart-btn:focus{ background:#47789b; border-color:#47789b; color:#fff; }

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

.size-view-btn{
	background:#47789b;
	color:#fff;
	padding:5px 30px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.size-view-btn:focus{ color:#fff; }
.size-view-btn:hover{ color:#fff; opacity:0.9; }


@media (max-width:640px) {
	.product-cart-box{ text-align:center; }
}






/*聯絡我們*/

.contact-box{
	position:relative;
	background:#fff;
	max-width:700px;
	margin:80px auto 30px auto;
	padding:15px;
	text-align:left;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.contact-box.blue-style{ background:#98b2e5; border:2px solid #98b2e5; }
.contact-box.blue-style:before{
	position:absolute;
	top:-73px;
	left:15px;
	content:"CONTACT";
	color:#98b2e5;
	font-weight:bolder;
	font-size:3.4em;
}
.contact-box.pink-style{ border:2px solid #e2818f; }
.contact-box.pink-style:before{
	position:absolute;
	top:-73px;
	right:15px;
	content:"INQUERY";
	color:#e2818f;
	font-weight:bolder;
	font-size:3.4em;
}
@media (max-width:640px) {
	.contact-box{ margin-top:60px; }
	.contact-box.blue-style:before , .contact-box.pink-style:before{ top:-42px; font-size:2em; left:15px; right:auto; }
}

.contact-info-box{ position:relative; padding-left:180px; margin-top:20px; padding-top:5px; }
.contact-logo{
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:150px;
	background:#fff;
	padding:20px 25px 25px 25px;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
	
	overflow:hidden;
}

.contact-logo img{ display:block; max-width:100%; height:auto; } 
.contact-info-list , .contact-info-list a{ color:#fff; }
.contact-info-list a:hover{ opacity:0.9; }

.contact-info-list li{ position:relative; padding-left:60px; }
.info-title{ position:absolute; top:0; left:0; }


@media (max-width:640px) {
	.contact-info-box{ padding-left:0; }
	.contact-logo{ display:none; }
}


.contact-form{ }

/* == 表單 套件組合 ======== */
.form-heading{ font-size:0.95em; margin-bottom:10px; }
.contact-form .input-group { 
	display: table; 
	border-collapse: separate; /*表格屬性，合併框與格*/ 
	width:100%; 
	color:#555555; 
	margin-bottom:5px;
	background:#fff;
	padding:10px 0;
}
.contact-form .require-mark{ color:red; font-size:0.85em; }
.contact-form .input-title{
	display: table-cell;
	min-width: 90px; 
	font-size: 0.95em;
	text-align: left;
    white-space: nowrap;
	vertical-align:top;
}
.contact-form .input-control {
    display: table-cell;
	width: 100%;
    min-height: 2em;
}
.contact-form .input-group input[type=text] , .contact-form .input-group textarea {
    width: 100%;
    display: block;
	font-size: 0.9em;
	border:1px solid #ccc;
	padding: 6px 10px;
    line-height: 1.2;
    color: #333;
    background:#fff;
    border-radius: 3px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.contact-form .input-remind{ font-size:0.8em; color:#666; }

.contact-form .input-group textarea{ width: 100%; }

.contact-form .form-bt-line{ text-align:center; margin-top:30px; }
.contact-form input.fbtn{ 
	font-size:1em; 
	padding: 6px 25px; 
	border-radius: 3px;
	margin:0 10px; 
	cursor:pointer; 
	background:#e2818f;
	border:1px solid #e2818f;
	color:#fff;
}
.contact-form input.fbtn:hover{ opacity:0.9; }


@media (max-width:640px) {
	.contact-form .input-title{ margin-bottom:10px; font-size: 1em; }
	.contact-form .input-title , .contact-form .input-control{ display:block; }
	.contact-form .input-group input[type=text] { font-size: 1em;}
	.contact-form .form-bt-line{ text-align:center; padding-left:0px; }
}




















/* <<==========================================>> */

@keyframes up {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  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 up {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  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 up {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  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 up {
  0% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  5% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  10% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  15% {
	-moz-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px);
  }
  20% {
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
  25% {
	-moz-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	-o-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px);
  }
  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);
  }
}