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