@charset "utf-8";
/* CSS Document */

div.openbox{ display:block; width:897px;/*必須要設定你整個DIV區塊的寬度*/position:absolute;margin:-330px 0px 0px -450px;/*調整水平垂直置中*/top: 50%;left: 50%;overflow: auto;}
div.openbox_flash{ display:block; width:897px; height:638px; background:url(../images/index.png) no-repeat center center; position:relative;}
div.openbox_flash a.logo{ display:block; width:521px; height:54px; position:absolute; top:31px; left:171px;}
div.openbox_flash .btn{ display:block; width:259px; height:79px; background:url(../images/btn_bg.png) no-repeat center center; position:absolute; bottom:42px; left:calc(50% - 130px);}
div.openbox_flash .btn a{ display:block; width:50%; height:79%; float:left;}
div.openbox_flash .btn a:first-child{ background:url(../images/btn_pc.png) no-repeat 30px 27px;}
div.openbox_flash .btn a:last-child{ background:url(../images/btn_mo.png) no-repeat  13px 26px;}
div.openbox_flash a.address{ display:inline-block; font-size:17px; line-height:21px; color:#333; font-weight: bold; font-family:'微軟正黑體'; text-decoration:none; position:absolute; left:50px; bottom:43px;}
div.openbox_flash  .tel{display:inline-block; font-size:18px; line-height:21px; color:#888; font-weight: bold; font-family:'微軟正黑體'; text-decoration:none; position:absolute; right:50px; bottom:43px;}
div.openbox_flash  .tel a{ display:inline-block; font-size:20px; color:#c3292e; font-weight: bold; letter-spacing:1px; text-decoration:none;}
div.openbox_flash img.title01{ display:block; position: absolute; top:183px; opacity:0; left:44px; -webkit-animation: title01 .5s 1 ease-in-out both;	-moz-animation: title01 .5s 1 ease-in-out both;	animation: title01 .5s 1 ease-in-out both;}
div.openbox_flash img.title02{ display:block; position: absolute; top:400px; opacity:0; left:340px; -webkit-animation: title02 .5s 1 ease-in-out both;	-moz-animation: title02 .5s 1 ease-in-out both;	animation: title02 .5s 1 ease-in-out both; -webkit-animation-delay:.5s ;}
div.openbox_footer{ display:block; width:897px; font-size:12px; color: #606060; text-align:center; padding:5px 0px 0px 0px;}
div.openbox_footer a{color: #606060; text-decoration:none;}
div.openbox_footer a:hover{color: #c37034; text-decoration:none;}

@-webkit-keyframes title01 { 0% { opacity:0; left:44px;} 100% { opacity:1; left:64px;} }
@-moz-keyframes title01 { 0% { opacity:0; left:44px;} 100% { opacity:1; left:64px;}}
@keyframes title01 { 0% { opacity:0; left:44px;} 100% { opacity:1; left:64px;}}

@-webkit-keyframes title02 { 0% { opacity:0; left:340px;} 100% { opacity:1; left:360px;} }
@-moz-keyframes title02 { 0% { opacity:0; left:340px;} 100% { opacity:1; left:360px;} }
@keyframes title02 { 0% { opacity:0; left:340px;} 100% { opacity:1; left:360px;} }