@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;
}

#siteLogo {
	background-image:url(../images/green-burial-logo.png);
	width:184px;
	height:60px;		
}
#ani_slogan_1 .txt{
	width:80px;
	height:80px;	
}
#ani_slogan_1 .txt_1{
	background-image:url(../../tc/images/green-burial-opening-txt1.png);
	margin-left:-500px;
}
#ani_slogan_1.show .txt_1{ margin-left:-205px;}
#ani_slogan_1 .txt_2{
	background-image:url(../../tc/images/green-burial-opening-txt2.png);
	margin-left:-400px;
}
#ani_slogan_1.show .txt_2{ margin-left:-150px;}
#ani_slogan_1 .txt_3{
	background-image:url(../../tc/images/green-burial-opening-txt3.png);
	margin-left:-300px;
}
#ani_slogan_1.show .txt_3{ margin-left:-95px;}
#ani_slogan_1 .txt_4{
	background-image:url(../../tc/images/green-burial-opening-txt4.png);
	margin-left:-200px;
}
#ani_slogan_1.show .txt_4{ margin-left:-45px;}
#ani_slogan_1 .txt_5{
	background-image:url(../../tc/images/green-burial-opening-txt5.png);
	margin-left:200px;
}
#ani_slogan_1.show .txt_5{ margin-left:40px;}
#ani_slogan_1 .txt_6{
	background-image:url(../../tc/images/green-burial-opening-txt5.png);
	margin-left:300px;
}
#ani_slogan_1.show .txt_6{ margin-left:90px;}
#ani_slogan_1 .txt_7{
	background-image:url(../../tc/images/green-burial-opening-txt6.png);
	margin-left:400px;
}
#ani_slogan_1.show .txt_7{ margin-left:140px;}
#ani_slogan_1 .txt_8{
	background-image:url(../../tc/images/green-burial-opening-txt7.png);
	margin-left:500px;
}
#ani_slogan_1.show .txt_8{ margin-left:190px;}
#ani_slogan_1 .txt_4, #ani_slogan_1 .txt_5{
	transition:all 1.4s ease 1s;
	-webkit-transition:all 1.4s ease 1s;		
}
#ani_slogan_1 .txt_3, #ani_slogan_1 .txt_6{
	transition:all 1.4s ease 1.4s;
	-webkit-transition:all 1.4s ease 1.4s;		
}
#ani_slogan_1 .txt_2, #ani_slogan_1 .txt_7{
	transition:all 1.4s ease 1.8s;
	-webkit-transition:all 1.4s ease 1.8s;		
}
#ani_slogan_1 .txt_1, #ani_slogan_1 .txt_8{
	transition:all 1.4s ease 2.2s;
	-webkit-transition:all 1.4s ease 2.2s;		
}
#ani_slogan_2{
	width:530px;
	height:80px;
}
#ani_slogan_2 .txt{	
	width:530px;
}
#ani_slogan_2 .txt_1{
	background-image:url(../../tc/images/green-burial-opening-txt8.png);
	height:90px;	
}
#ani_slogan_2 .txt_2{
	background-image:url(../../tc/images/green-burial-opening-txt9.png);
	height:70px;
}
#ani_slogan_2 .txt_1{ top:-50px; left:200px;}
#ani_slogan_2 .txt_2{ top:30px; 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:414px;
	height:80px;
}
#ani_slogan_main .txt_1{ top:-40px; left:600px;}
#ani_slogan_main .txt_2{ top:30px; left:-300px;}
#ani_slogan_main.show .txt_1{ left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#ani_slogan_main.show .txt_2{ left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#ani_slogan_main .txt_1{
	background-image:url(../../tc/images/green-burial-slogan-4.png);
	height:90px;
	width:533px;	
}
#ani_slogan_main .txt_2{
	background-image:url(../../tc/images/green-burial-slogan-5.png);
	height:70px;
	width:334px;
}

#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;
}


/*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:150px;
		height:48px;		
	}		
	#ani_slogan_main_m .txt_1{
		background-image:url(../../tc/images/green-burial-slogan-4.png);
		height:45px;
		width:262px;
		margin:0 auto;
	}
	#ani_slogan_main_m .txt_2{
		background-image:url(../../tc/images/green-burial-slogan-5.png);
		height:35px;
		width:167px;
		margin:0 auto;
	}	
}