html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline; }


html { line-height:1; }
ol, ul { list-style:none; }

table { border-collapse:collapse; border-spacing:0; }

caption, th, td {
  text-align:left; font-weight:normal; vertical-align:middle; }

q, blockquote {
  quotes:none; }
q:before, q:after, blockquote:before, blockquote:after { content:""; content:none; }

a img {
  border:none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display:block; }

.clear {
  clear:both; }

.mid, .neiwen .in, .neiwen .in > header, section, section p, section ol, section table, a.gogo {
  position:relative; margin-left:auto; margin-right:auto; }
  
body {
  background:#a00009 url(../images/bg.jpg) center top no-repeat; font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; font-size:12pt; line-height:1.4em; color:#f5f6f7; }

#logo { display:block; width:300px; height:150px; background:none; text-indent:-119988px; overflow:hidden; text-align:left; position:absolute; top:15px; left:50%; margin:0 0 0 -150px; z-index:99; }
#title { display:block; width:990px; height:100px; text-indent:-119988px; overflow:hidden; text-align:left; position:absolute; top:170px; left:50%; margin:0 0 0 -495px; }
#toptitle { display:block; width:445px; height:92px; top:170px; margin:0 auto; background:url(../images/title.png) no-repeat; position:relative; }


/*-------------------------nav選單-------------------------*/
#btnbg { width:550px; height:50px; position:absolute; top:293px; left:50%; margin:0 0 0 -213px; background:url(../images/nav.png) no-repeat; }
#btnbg.c0 { background-position:0 0px; }
#btnbg.c1 { background-position:0 -50px; }
#btnbg.c2 { background-position:0 -100px; }
#btnbg.c3 { background-position:0 -150px; }
#nav a { display:block; cursor:pointer; text-indent:-119988px; overflow:hidden; text-align:left; }
#nav a.a1 { width:168px; height:50px; position:absolute; top:293px; left:50%; margin:0 0 0 -213px; }
#nav a.a2 { width:200px; height:50px; position:absolute; top:293px; left:50%; margin:0 0 0 -45px; }
#nav a.a3 { width:200px; height:50px; position:absolute; top:293px; left:50%; margin:0 0 0 155px; }
#nav a.a4 { width:156px; height:155px; background:url(../images/btn.png) no-repeat; -webkit-border-radius:77px; -moz-border-radius:77px; -ms-border-radius:77px; -o-border-radius:77px; border-radius:77px; position:absolute; top:245px; left:50%; margin:0 0 0 320px; z-index:50; }
#nav a.a4 .play1 { width:125px; height:50px; position:absolute; top:46px; left:16px; text-indent:-119988px; overflow:hidden; text-align:left; background:url(../images/play.png) no-repeat; background-position:50% 50%; -webkit-transition:top 0.3s; -moz-transition:top 0.3s; -o-transition:top 0.3s; transition:top 0.3s; }
#nav a.a4 .play2 { width:104px; height:38px; position:absolute; top:85px; left:26px; text-indent:-119988px; overflow:hidden; text-align:left; background:url(../images/play2.png) no-repeat; background-position:50% 50%; -webkit-transition:top 0.3s; -moz-transition:top 0.3s; -o-transition:top 0.3s; transition:top 0.3s; }
#nav a.a4:hover div { -webkit-transition:top 0.1s; -moz-transition:top 0.1s; -o-transition:top 0.1s; transition:top 0.1s; }
#nav a.a4:hover .play1 { top:67px; }
#nav a.a4:hover .play2 { top:44px; }


.neiwen { display:block; width: 795px; height:460px; color:#fff; position:absolute; top:360px; left:50%; margin:0 0 0 -230px; z-index:-10; padding:10px; /*width:530px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;*/ }
.neiwen .in::selection { background:none; }
.neiwen .in > header { display:block; width:200px; height:40px; background:url(../images/tit.png) no-repeat; margin-bottom:20px; text-indent:-119988px; overflow:hidden; text-align:left; }
.neiwen .in > header.A { background-position:0 0; }
.neiwen .in > header.B { background-position:0 -40px; }


section {
  display:block; padding:0 0 10px 0; margin-bottom:10px; margin-top:10px; clear:both; width:540px; line-height:22px; -webkit-box-shadow:rgba(208, 40, 37, 0.1) 0px 1px 0px; -moz-box-shadow:rgba(208, 40, 37, 0.1) 0px 1px 0px; box-shadow:rgba(208, 40, 37, 0.1) 0px 1px 0px; }
section header { display:inline-block; text-align:left; font-weight:bold; background:#930; color:#ffddb9; padding:2px 6px 0 6px; margin-bottom:10px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; cursor:default; }
section p { width:520px; font-size:15px; display: }
section ol { width:490px; list-style-type:decimal; font-size:15px; padding:0 0 0 20px; }
section table { width:400px; font-size:15px; -webkit-border-radius:13px; -moz-border-radius:13px; -ms-border-radius:13px; -o-border-radius:13px; border-radius:13px; margin-top:1em; margin-bottom:1em; line-height:30px; }
section table th { background:#420e0c; color:#ffce9a; text-align:center; border:1px solid #8f706f; text-shadow:rgba(255, 199, 139, 0.3) 1px 1px 1px; background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(10%, #420e0c), color-stop(50%, #4b100e), color-stop(90%, #420e0c)); background-image:-webkit-linear-gradient(top left, #420e0c 10%, #4b100e 50%, #420e0c 90%); background-image:-moz-linear-gradient(top left, #420e0c 10%, #4b100e 50%, #420e0c 90%); background-image:-o-linear-gradient(top left, #420e0c 10%, #4b100e 50%, #420e0c 90%); background-image:linear-gradient(top left, #420e0c 10%, #4b100e 50%, #420e0c 90%); }
section table td { background:#ffc281; color:#600; border:1px solid #8f706f; background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(10%, #ffc281), color-stop(50%, #ffc78b), color-stop(90%, #ffc281)); background-image:-webkit-linear-gradient(top left, #ffc281 10%, #ffc78b 50%, #ffc281 90%); background-image:-moz-linear-gradient(top left, #ffc281 10%, #ffc78b 50%, #ffc281 90%); background-image:-o-linear-gradient(top left, #ffc281 10%, #ffc78b 50%, #ffc281 90%); background-image:linear-gradient(top left, #ffc281 10%, #ffc78b 50%, #ffc281 90%); }
section.single header { margin-bottom:0; }
section.single p { position:absolute; top:3px; left:85px; }

td .a1 { float:left; margin-left:60px; width:40px; height:40px; background:url(../images/thing.png) 0 0px; }
td .a2 { float:left; margin-left:60px; width:40px; height:40px; background:url(../images/thing.png) 0 -40px; }

a.gogo { display:block; width:220px; height:55px; text-indent:-119988px; overflow:hidden; text-align:left; margin-top:28px; margin-bottom:12px; background:url(../images/tit.png) 0 -80px no-repeat; }

a.takeout { display:inline-block; background:#461285; padding:2px 8px; color:#FFF; font-weight:bold; text-align:center; text-decoration:none; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(10%, #461285), color-stop(50%, #4a138e), color-stop(90%, #461285)); background-image:-webkit-linear-gradient(left, #461285 10%, #4a138e 50%, #461285 90%); background-image:-moz-linear-gradient(left, #461285 10%, #4a138e 50%, #461285 90%); background-image:-o-linear-gradient(left, #461285 10%, #4a138e 50%, #461285 90%); background-image:linear-gradient(left, #461285 10%, #4a138e 50%, #461285 90%); }
a.takeout:hover { color:#FFF; padding:2px 16px; background:#6219bb; background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(10%, #6219bb), color-stop(50%, #671ac4), color-stop(90%, #6219bb)); background-image:-webkit-linear-gradient(left, #6219bb 10%, #671ac4 50%, #6219bb 90%); background-image:-moz-linear-gradient(left, #6219bb 10%, #671ac4 50%, #6219bb 90%); background-image:-o-linear-gradient(left, #6219bb 10%, #671ac4 50%, #6219bb 90%); background-image:linear-gradient(left, #6219bb 10%, #671ac4 50%, #6219bb 90%); }



/*-------------------------內文scrollbar-------------------------*/
.scrollbar { position:absolute; width:6px; margin:0 0 0 540px; background:none; cursor:default; z-index:200; }
.scrollbar .thumb { position:relative; background:#C60; -webkit-transition:top 0.2s cubic-bezier(0, 0.69, 0.42, 1.6); -moz-transition:top 0.2s cubic-bezier(0, 0.69, 0.42, 1.6); -o-transition:top 0.2s cubic-bezier(0, 0.69, 0.42, 1.6); transition:top 0.2s cubic-bezier(0, 0.69, 0.42, 1.6); }
.scrollbar .track { position:relative; margin:0 auto; width:6px; }




.viewport {
  position:relative; height:460px; overflow:hidden; top:0; left:0; }

.overview {
  width:550px; position:relative; }


/*-------------------------閃閃特效-------------------------*/
#light {
  display:block; width:955px; height:205px; background:url(../images/light2.png) no-repeat; position:absolute; top:0px; left:50%; margin:0 0 0 -495px; }
  /* line 95, ../sass/_animation.scss */
  #light.c1 { background-position:0 -329px; -webkit-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 95, ../sass/_animation.scss */
  #light.c2 { background-position:0 -658px; -webkit-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 95, ../sass/_animation.scss */
  #light.c3 { background-position:0 -987px; -webkit-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition:all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 102, ../sass/_animation.scss */
  #light.c0 { background-position:0 0px; }




#design { padding-top:170px; text-align:center; font-size:10px; color:#220000; color:transparent; top:15px; left:15px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:0.5; *display:none !important; }

.footerBar { position:absolute; top:860px; }

#iframe > div {
  width:925px; }