@charset "utf-8";
@import url('../../common/css/core.css');
@import url('../../common/css/home.css');
@import url('../../common/css/adaptive.css');;

body {
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", serif;
}
#mainnavWrap {
	padding:20px 42px 20px 0;
}
#siteLogo {
	background-image:url(../images/green-burial-logo.png);	
	width:228px;
	height:49px;		
}
#ani_slogan_1{
	width:100%;
	height:80px;
}
#ani_slogan_1 .txt{
	height:80px;	
}
#ani_slogan_1:before{ display:none;}
#ani_slogan_1 .txt_1{
	background-image:url(../../en/images/green-burial-opening-txt1.png);
	margin-left:-500px;
	width:205px;
}
#ani_slogan_1.show .txt_1{ margin-left:-325px;}
#ani_slogan_1 .txt_2{
	background-image:url(../../en/images/green-burial-opening-txt2.png);
	margin-left:-400px;
	width:70px;
}
#ani_slogan_1.show .txt_2{ margin-left:-190px;}
#ani_slogan_1 .txt_3{
	background-image:url(../../en/images/green-burial-opening-txt3.png);
	margin-left:-300px;
	width:156px;
}
#ani_slogan_1.show .txt_3{ margin-left:-85px;}
#ani_slogan_1 .txt_4{
	background-image:url(../../en/images/green-burial-opening-txt4.png);
	margin-left:300px;
	width:125px;
}
#ani_slogan_1.show .txt_4{ margin-left:40px;}
#ani_slogan_1 .txt_5{
	background-image:url(../../en/images/green-burial-opening-txt5.png);
	margin-left:500px;
	width:146px;
}
#ani_slogan_1.show .txt_5{ margin-left:170px;}
#ani_slogan_1 .txt_6{
	background-image:url(../../en/images/green-burial-opening-txt6.png);
	margin-left:700px;
	width:179px;
}
#ani_slogan_1.show .txt_6{ margin-left:320px;}
#ani_slogan_1 .txt_3, #ani_slogan_1 .txt_4{
	transition:all 1.5s ease 1.8s;
	-webkit-transition:all 1.5s ease 1.8s;		
}
#ani_slogan_1 .txt_2, #ani_slogan_1 .txt_5{
	transition:all 1.5s ease 2s;
	-webkit-transition:all 1.5s ease 2s;		
}
#ani_slogan_1 .txt_1, #ani_slogan_1 .txt_6{
	transition:all 1.5s ease 2.4s;
	-webkit-transition:all 1.5s ease 2.4s;		
}
/*#ani_slogan_1 .txt_7{
	background-image:url(../../en/images/green-burial-opening-txt7.png);
	margin-left:400px;
}
#ani_slogan_1.show .txt_7{ margin-left:140px;}
#ani_slogan_1 .txt_8{
	background-image:url(../../en/images/green-burial-opening-txt7.png);
	margin-left:500px;
}
#ani_slogan_1.show .txt_8{ margin-left:190px;}*/
#ani_slogan_2{
	width:814px;
	height:80px;
}
#ani_slogan_2 .txt{	
	width:814px;
}
#ani_slogan_2 .txt_1{
	background-image:url(../../en/images/green-burial-opening-txt8.png);
	height:90px;	
}
#ani_slogan_2 .txt_2{
	background-image:url(../../en/images/green-burial-opening-txt9.png);
	height:70px;
}
#ani_slogan_2 .txt_1{ top:-40px; left:200px;}
#ani_slogan_2 .txt_2{ top:25px; left:-200px;}
#ani_slogan_2.show .txt_1, #ani_slogan_2.show .txt_2{ left:0;}
#ani_slogan_2.hide .txt_1{ left:-200px;}
#ani_slogan_2.hide .txt_2{ left:200px;}

#ani_slogan_main{
	width:700px;
	height:90px;
}
#ani_slogan_main .txt_1{ top:-30px; left:600px;}
#ani_slogan_main .txt_2{ top:30px; left:-300px;}
#ani_slogan_main .txt_3{ top:85px;}
#ani_slogan_main.show .txt_1{ left:-40px;}
#ani_slogan_main.show .txt_2{ left:150px;}
#ani_slogan_main .txt_1{
	background-image:url(../../en/images/green-burial-slogan-4.png);
	height:90px;
	width:723px;	
}
#ani_slogan_main .txt_2{
	background-image:url(../../en/images/green-burial-slogan-5.png);
	height:70px;
	width:656px;
}
/*#ani_slogan_main .txt_3{
	background-image:url(../../en/images/green-burial-slogan-3.png);
	height:70px;
	width:700px;
}*/

#popup_info {
	padding:0;
	overflow:hidden;
}

.ui-dialog {
	z-index: 9000 !important;
}

.pop-up-img {
	width: 100%;
	height: 100%;
}

#popup_info2 {
	border-radius: 25px;
    border: 2px solid #FF6600;
	margin: 8px 5px 5px 9px;
	font-size:1.0em;
	vertical-align: middle;
	font-weight: bold;
	line-height:normal;
	padding: 0px;
}
#popup_info2 a{
	color:#0000ff;
}
#popup_info2 th, td {
	padding: 5px;
	vertical-align: text-top;
}
#popup_info2 table{
	max-width: 800px;
}

#mainnav ul li a{ line-height:140%; height:42px; font-size:1.125em;}
#homeTabContainer .tabItem h1{ line-height:1.15em; font-size:1.725em;}
#homeTabContainer .tabItem h2{ font-size:1.325em;}
#homeTabContainer .tabItem{ bottom:-300px;}

#homeTabContainer #homeTabReg .tabMenuWrap{margin-bottom: 20px;}
#homeTabContainer #homeTabMemorial.tabItem .btnWrap{margin-top: 40px;}
#homeTabContainer #homeTabMemorial.tabItem.slideUp .btnWrap{margin-top: 0;}

/*media query for current language*/
@media (max-width:979px) {
}
@media (max-width:767px) {
/*	#animationWrap #ani_slogan_main .txt_1{ height:40px; width:208px;}
	#animationWrap #ani_slogan_main .txt_2{ height:30px; width:180px;}*/
	#siteLogo {
		width:158px;/*width:170px;*/
		height:34px!important;
		margin:15px 0;		
	}	
/*	#ani_slogan_main_m .txt_1{
		background-image:url(../../en/images/green-burial-slogan-1-mobile.png);
		height:75px;
		width:350px;
		margin:0 auto;
	}*/
	#ani_slogan_main_m .txt_1{
		background-image:url(../../en/images/green-burial-slogan-4.png);
		height:45px;
		width:362px;
		max-width:90%;
		margin:0 auto;
	}
	#ani_slogan_main_m .txt_2{
		background-image:url(../../en/images/green-burial-slogan-5.png);
		height:35px;
		width:328px;
		max-width:90%;
		margin:0 auto;
	}	
}