@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse; border-spacing:0;}
img {border:0;}
ol, ul {list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;}
input , select , textarea , button{outline:none; border-radius:0;}

html , body{width:100%; height:100%; overflow:hidden;}
body{font-family:arial,"微軟正黑體";}

/* ink */
#ink{position:fixed; left:0; top:-100%; width:100%; height:100%; background:url(../images/index/body_bg.jpg) left top repeat-x;}
#ink .layer-1 ,
#ink .layer-2{position:absolute; left:0; top:0; display:none; width:100%; height:100%;}
#ink .layer-1{background:url(../images/index/body_flower.png) center top no-repeat;}
#ink .layer-2{background:url(../images/index/body_symblo.png) center top no-repeat;}

/* flower */
#flower{position:fixed; left:0; top:0; width:100%; height:100%;}
#flower .big{position:absolute; width:11px; height:10px; background:url(../images/leaf_1.png); z-index:9999;}
#flower .small{position:absolute; width:5px; height:6px; background:url(../images/leaf_2.png); z-index:9999;}

/* tree */
#tree{position:fixed; left:50%; top:0; width:363px; height:597px; margin-left:-181px;}
#tree .left{position:absolute; left:-435px; top:0; display:none; width:435px; height:597px; background:url(../images/index/tree_left.png); transform-origin:right bottom; -webkit-transform-origin:right bottom;}
#tree .right{position:absolute; right:-273px; top:30px; display:none; width:273px; height:472px; background:url(../images/index/tree_right.png); transform-origin:left bottom; -webkit-transform-origin:left bottom;}

@keyframes treeL {
from{transform:rotate(100deg) scale(.5,.5);}
to{transform:rotate(0deg) scale(1,1);}	
}

@-webkit-keyframes treeL {
from{-webkit-transform:rotate(100deg) scale(.5,.5);}
to{-webkit-transform:rotate(0deg) scale(1,1);}	
}

@keyframes treeR {
from{transform:rotate(-100deg) scale(.5,.5);}
to{transform:rotate(0deg) scale(1,1);}	
}

@-webkit-keyframes treeR {
from{-webkit-transform:rotate(-100deg) scale(.5,.5);}
to{-webkit-transform:rotate(0deg) scale(1,1);}	
}


/* main */
#main{position:relative; width:363px; height:0; margin:0 auto; padding:0 30px; background:url(../images/index/main_bg.jpg); box-sizing:border-box;}

/* logo */
#logo{display:inline-block; width:115px; height:83px; margin-top:30px; background:url(../images/index/logo.png); text-indent:-9999px; opacity:0;}

/* navigation */
#navigation{position:absolute; right:-10px; top:-332px; width:193px; height:332px; padding:75px 50px 0 50px; background:url(../images/index/menu_bg.png) no-repeat; box-sizing:border-box;}
#navigation li{position:relative; left:-20px; display:none;}
#navigation a{display:block; font-size:15px; color:#edba94; line-height:30px; font-weight:bold; transition:all .3s;}
#navigation a:before{content:""; position:relative; top:-1px; display:inline-block; width:0; height:0; margin-right:10px; border-style:solid; border-width:3px 0 3px 6px; border-color:transparent transparent transparent #FFF;}
#navigation a:hover{color:#FFF;}

/* slogan */
#slogan{padding-top:125px;}
#slogan h1{display:none; font-size:36px; color:#FFF; line-height:40px; font-weight:normal;}
#slogan h2{display:none; font-size:18px; color:#fbc3c3; line-height:25px; font-weight:normal; padding:10px 0;}
#slogan p{display:none; font-size:12px; color:#df8c63; line-height:18px;}

/* footer */
#footer{padding-top:25px;}
#footer p{display:none; font-size:15px; color:#000;}
#footer h3{display:none; font-family:"微軟正黑體"; font-size:30px; color:#000; line-height:20px; padding:10px 0 5px 0;}
#footer span{display:none; font-size:13px; color:#450000; letter-spacing:.25px;}