﻿@charset "utf-8";
/* CSS Document */
table.color {
  padding-top:10px;
  padding-left:15px;
}
* {
  font-family:"微軟正黑體";
  margin:0;
  padding:0;
}
body {
  background:url(../img/Body_bg.jpg);
  background-repeat:repeat;
}
header, hgroup, nav, article, section, footer, address {display:block;}

#wrapper {
  width:100%;
  left:0;
  background:url(../img/Div_Wrapper_bg.jpg);
  background-repeat:repeat-x;
}
header {
  width:1000px;
  height:410px;
  overflow:hidden;
  background:url(../img/Header.jpg);
  background-repeat:no-repeat;
  margin:0 auto;
}
header hgroup {
  width:1000px;
  position:absolute;
  z-index:0;
}
header hgroup h1 {
  width:310px;
  height:160px;
  margin:70px 0 0 70px;
  float:left;
}
header hgroup h1 a {
  width:310px;
  height:160px;
  display:block;
  text-indent:-9999px;
}
header hgroup h2 {text-indent:-9999px;}

nav {
  margin:0 0 0 90px;
  position:absolute;
  padding:260px 0 0 0;
  clear:both;
  font-size:18px;
  z-index:9999;
}
article {
  width:1000px;
  height:100%;
  overflow:hidden;
  background:url(../img/Article_bg.jpg);
  background-repeat:repeat-y;
  margin:0 auto;
  padding-bottom:20px;
}
article ul {
  float:right;
  padding-right:130px;
}
article li {
  list-style:none;
  font-size:16px;
  float:left;
  color:#3f414b;
  padding:0 5px;
}
article li a {
  display:block;
  color:#111e81;
  text-decoration:none;
}
article li a:hover {
  color:#2ba239;   
  background:url(../img/Article_li_hover.jpg);
  background-repeat:no-repeat;
  background-position:center;
}
article li.steps {
  background:url(../img/Article_li_hover.jpg);
  background-repeat:no-repeat;
  background-position:center;
}
article ul.tools {
  float:left;
  padding-right:0px;
  width:740px;
  height:150px;
}
article ul.tools li {
  list-style:none;
  width:140px;
  background:url(../img/Article_li-tools.jpg);
  background-repeat:no-repeat;
  height:35px;
  line-height:35px;
  font-size:18px;
  float:left;
  color:#3f414b;
  text-align:center;
  padding:0px;
  margin:5px 20px;
}
article ul.tools li a {
  display:block;
  color:#3f414b;
  width:140px;
  height:35px;
  text-decoration:none;
}
article ul.tools li a:hover {
  background:url(../img/Article_li-tools_hover.jpg);
  background-repeat:no-repeat;
  background-position:center;
  color:#ed3e00;
}
article h1 {
  width:830px;
  height:60px;
  display:block;
  margin:0 auto;
  text-indent:-9999px;
}
article h1.about {
  background:url(../img/Article_h1_about.jpg);
  background-repeat:no-repeat;
}
article h1.witness {
  background:url(../img/Article_h1_witness.jpg);
  background-repeat:no-repeat;
}
article h1.series_2013 {
  background:url(../img/Article_h1_series-2013.jpg);
  background-repeat:no-repeat;
}
article h1.series-card_2013 {
  background:url(../img/Article_h1_series-card-2013.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.series-mv_2013 {
  background:url(../img/Article_h1_series-mv-2013.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.series-sticker_2013 {
  background:url(../img/Article_h1_series-stickers-2013.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.series_2011 {
  background:url(../img/Article_h1_series-2011.jpg);
  background-repeat:no-repeat;
}
article h1.series-card_2011 {
  background:url(../img/Article_h1_series-card-2011.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.series-mv_2011 {
  background:url(../img/Article_h1_series-mv-2011.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.series_2009 {
  background:url(../img/Article_h1_series-2009.jpg);
  background-repeat:no-repeat;
}
article h1.series-card_2009 {
  background:url(../img/Article_h1_series-card-2009.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.series-mv_2009 {
  background:url(../img/Article_h1_series-mv-2009.jpg);
  background-repeat:no-repeat;
  margin-top:20px;
}
article h1.usage-7mins {
  background:url(../img/Article_h1_usage-7mins.jpg);
  background-repeat:no-repeat;
}
article h1.usage-7steps {
  background: url(../img/Article_h1_usage-7steps.jpg);
  background-repeat:no-repeat;
}
article h1.usage-others {
  background: url(../img/Article_h1_usage-others.jpg);
  background-repeat:no-repeat;
}
article h1.usage-tools {
  background: url(../img/Article_h1_usage-tools.jpg);
  background-repeat:no-repeat;
}
article h1.tools {
  background:url(../img/Article_h1_tools.jpg);
  background-repeat:no-repeat;
  width:140px;
  height:30px;
  line-height:30px;
  font-size:18px;
  font-weight:normal;
  color:#FFFFFF;
  text-align:center;
  float:left;
  margin:0 750px 10px 20px;
  text-indent:0;
}
article h1.delivery {
  background:url(../img/Article_h1_delivery.jpg);
  background-repeat:no-repeat;
}
article h1.delivery_step2 {
  background:url(../img/Article_h1_delivery_step2.jpg);
  background-repeat:no-repeat;
}
article h1.delivery_step3 {
  background:url(../img/Article_h1_delivery_step3.jpg);
  background-repeat:no-repeat;
}
article h1.delivery_step4 {
  background:url(../img/Article_h1_delivery_step4.jpg);
  background-repeat:no-repeat;
}
article h1.delivery_2013 {
  width:700px;
  height:40px;
  background:url(../img/delivery/Article_h2_delivery_2013.jpg);
  background-repeat:no-repeat;
  background-position:left;
}
article h1.delivery_2011 {
  width:700px;
  height:40px;
  background:url(../img/delivery/Article_h2_delivery_2011.jpg);
  background-repeat:no-repeat;
  background-position:left;
}
article h1.delivery_2009 {
  width:700px;
  height:40px;
  background:url(../img/delivery/Article_h2_delivery_2009.jpg);
  background-repeat:no-repeat;
  background-position:left;
}
section {
  width:830px;
  height:100%;
  padding:0 120px;
  overflow:hidden;
}
section.about {
  background:url(../img/Section_bg_about.jpg);
  background-repeat:repeat-y;
}
section.series_brife {
  background:url(../img/Section_bg_series-brife.jpg);
  background-repeat:repeat-y;
  padding-bottom:30px;
}
section.series_content {
  background:url(../img/Section_bg_series-content.jpg);
  background-repeat:repeat-y;
}
section.usage_content {
  background:url(../img/Section_bg_usage-content.jpg);
  background-repeat:repeat-y;
  margin-top:10px;
  padding-top:20px;
}
section.usage_content img.tools {
  float:left;
  margin-left:25px;
}
section.aboutmore {
  width:525px;
  height:250px;
  background:url(../img/Section_AboutMore_bg.jpg);
  background-repeat:no-repeat;
  background-position:center;
  margin:0 auto;
  margin-top:-30px;
  padding-right:0;
  padding-left:0;
  padding-top:70px;
}
section.aboutmore h1 {
  text-align:center;
  display:inline;
  font-size:22px;
  height:22px;
  line-height:22px;
  color:#37690e;
  text-indent:0;
}
section.witness {
  background:url(../img/Section_bg_witness.jpg);
  background-repeat:repeat-y;
}
section.delivery {
  background: url(../img/Section_bg_delivery.jpg);
  background-repeat:repeat-y;
}
section.witness img {float:left;}
section div {
  width:500px;
  float:right;
  padding-right:100px;
}
section div.about{
  width:680px;
  text-align:center;
  float:none;
  padding-right:0;
  margin-left:50px;
}
section div.series_mv {
  width:680px;
  height:100%;
  overflow:hidden;
  padding-right:0;
  margin-left:40px;
  float:none;
}
section div.delivery{
  width:750px;
  text-align:center;
  float:none;
  padding-right:0;
  margin-left:0;
  height:100%;
  overflow:hidden;
}
section div.designcard{
  width:670px;
  float:none;
  padding-right:0;
  margin-left:10px;
  margin-top:20px;
  height:100%;
  overflow:hidden;
  padding-bottom:20px;
}
section div.designcard img {float:left;}

section div.step2_color{
  width:210px;
  height:130px;
  float:left;
  padding-right:0;
  margin:5px 5px;
  margin-left:5px;
  background:url(../img/delivery/step2_colorbg.jpg);
}
section div.step2_selector{
  width:200px;
  height:190px;
  float:left;
  padding-right:0;
  margin:5px 5px;
  background:url(../img/delivery/step2_selectbg.jpg);
  padding:5px;
}
section div.step2_card{
  width:440px;
  height:500px;
  float:left;
  display: table-cell;
  vertical-align:middle;
  padding-right:0;
  margin:5px 5px,20px,20px;
  padding:0px;
}
section div.step2_selector img {
  float:left;
  margin:7px 12px;
}
section div.step3{
  width:220px;
  height:350px;
  float:left;
  padding-right:0;
  margin:5px 5px 0 5px;
}
section div.step3_form{
  width:220px;
  height:240px;
  float:left;
  padding-right:0;
  margin:0;
  background:url(../img/delivery/step3_formbg.jpg);
  margin-left:5px;
  padding:5px 5px;
}
section div.step3_formbtn{
  width:220px;
  height:50px;
  float:none;
  padding-right:0;
  margin:0;
  margin-left:0;
  margin-top:-10px;
  padding:0 10px;
}
section div.step3 p.title{
  text-align:center;
  font-size:20px;
  color:#251f25;
  margin:10px;
}
section div.step3 p.formtitle{
  font-size:20px;
  color:#fff600;
  margin:5px 0 5px 0;
}
section div.step3 p.formtitle a{
  color:#fff600;
  text-decoration:none;
  float:left;
  margin:0 5px;
}
section div.step3 b.form{
  font-size:18px;
  font-weight:normal;
  color:#fff;
  margin:0;
}
section div.step4{
  width:630px;
  height:70px;
  float:left;
  padding-right:0;
  margin:10px 5px;
  background:url(../img/delivery/step4_selectbg.jpg);
  padding:35px 10px;
  text-align:center;
}
section div.step4 p{
  float:right;
  margin:0 100px;
  font-size:20px;
  color:#FFFFFF;
}
section div.step4 img {
  border:0;
  margin-left:5px;
  margin-right:5px;
}
section div.step4 img.first {
  margin-left:230px;
}
section div.step4 img.sec {
  margin-left:0px;
  margin-right:0px;
  img-align:center;
}
section div.card{
  width:175px;
  float:left;
  padding-right:0;
  margin:5px;
}
section div.card img{ margin:0 21px;}

section div.card img.card2013{ margin:0;}

section div.step{
  width:670px;
  height:40px;
  padding-right:0;
  margin: 20px 70px 30px 0;
}
section div.onestep{
  width:135px;
  height:40px;
  padding-right:0;
  margin: 20px 400px 10px 0;
}
p.pre, p.next,p.mail,p.prn,p.save {
  width:125px;
  height:40px;
  line-height:40px;
  margin:0 5px;
  float:left;
}
p.pre a, p.next a,p.mail a,p.prn a,p.save a{
  width:125px;
  height:40px;
  display:block;
  text-indent:-9999px;
}
p.pre {background:url(../img/delivery/p_pre.jpg);}
p.next {background:url(../img/delivery/p_next.jpg);}
p.mail  {background:url(../img/delivery/delivery_mail.jpg);}
p.prn {background:url(../img/delivery/delivery_print.jpg);}
p.save {background:url(../img/delivery/delivery_save.jpg);}
section div.series_mv table {
  width:660px;
  border:#fbe9e5 5px solid;
  margin-top:20px;
}
section div.series_mv table.download {text-align:center;}
section div.series_mv th {
  height:34px;
  font-size:22px;
  color:#971d4c;
  text-align:left;
  padding-left:5px;
}
section div.series_mv td {
  font-size:16px;
  color:#261f1e;
  height:22px;
  line-height:22px;
}
section div.series_mv img {border:0;}
section div.accordion {
  width:500px;
  float:left;
  padding-right:100px;
}
section div.usage77 {
  width:670px;
  height:100%;
  overflow:hidden;
  float:none;
  margin-bottom:15px;
  margin-left:40px;
  padding-right:0;
}
section div.usage77 img{
  float:left;
  border:#feeae7 1px solid;
}
section div.usage77 h1{
  text-indent:0;
  width:290px;
  background:#f6b2bf;
  height:30px;
  line-height:30px;
  margin-left:15px;
  float:left;
  font-size:23px;
  color:#971d4c;
  padding:0 5px;
}
section div.usage77 h1.lightcolor{background:#f8c7b6;}
section div.usage77 p{
  float:left;
  width:560px;
  font-size:15px;
  margin-left:15px;
  margin-bottom:0;
  line-height:19px;
  color:#261f1e;
}
section div.usage77 p.prayer{
  width:100%;
  font-size:15px;
  margin-left:0;
  margin-bottom:0;
  line-height:19px;
  text-align:center;
  line-height:24px;
  color:#971d4c;
}
section div.usage77 strong {color:#cb3627;}

section div.tools {
  width:580px;
  height:100%;
  overflow:hidden;
  float:left;
  margin-bottom:15px;
  margin-left:10px;
  padding-right:0;
  margin-top:-10px;
}
section h2 {
  font-size:18px;
  color:#f53b12;
}
section h2.series_brife {
  font-size:22px;
  color:#233f8b;
  line-height:30px;
  margin-bottom:15px;
}
section h2.series_mv {
  font-size:22px;
  color:#971d4c;
  line-height:30px;
  margin-bottom:6px;
}
section p {
  font-size:15px;
  color:#261f1e;
  line-height:25px;
  margin-top:5px;
  margin-bottom:15px;
}
section p.about {
  font-size:17px;
  color:#261f1e;
  line-height:27px;
}
section p.series_brife1 {
  font-family: "Century Gothic", "微軟正黑體";
  font-size:18px;
  color:#000000;
  width:500px;
  line-height:30px;
  margin:0 auto;
  background:url(../img/Section_p_series-brife2.jpg);
  background-repeat:repeat;
  margin-top:5px;
  margin-bottom:5px;
}
section p.series_brife2 {
  font-family: "Century Gothic", "微軟正黑體";
  font-size:18px;
  color:#000000;
  width:400px;
  line-height:30px;
  margin:0 auto;
  background:url(../img/Section_p_series-brife2.jpg);
  background-repeat:repeat;
  margin-top:5px;
  margin-bottom:5px;
}
section p.series_brife3 {
  font-family: "Century Gothic", "微軟正黑體";
  font-size:18px;
  color:#000000;
  width:300px;
  line-height:30px;
  margin:0 auto;
  background:url(../img/Section_p_series-brife2.jpg);
  background-repeat:repeat;
  margin-top:5px;
  margin-bottom:5px;
}
section p.series_brife4 {
 font-family: "Century Gothic", "微軟正黑體";
  font-size:18px;
  color:#000000;
  width:200px;
  line-height:30px;
  margin:0 auto;
  background:url(../img/Section_p_series-brife2.jpg);
  background-repeat:repeat;
  margin-top:5px;
  margin-bottom:5px;
}
section p.series_brife {
  font-size:18px;
  color:#261f1e;
  width:500px;
  line-height:27px;
  margin:0 auto;
  background:url(../img/Section_p_series-brife.jpg);
  background-repeat:repeat;
  margin-top:5px;
  margin-bottom:5px;
}
/*section.series_brife5此為新增*/
section p.series_brife5 {
  font-size:18px;
  color:#261f1e;
  width:500px;
  line-height:27px;
  margin:0 40px;
  margin-top:5px;
  margin-bottom:5px;
}
section p.series_mv {text-align:center;}
section p.series_mv a {
  font-size:16px;
  color:#475499;
}
section p.series_mv a:hover {color:#475499;
}
section img.gotop {
  width:50px;
  height:25px;
  float:right;
  margin-bottom:5px;
  margin-right:0;
  border:0;
}
section img.gotop_series {
  width:50px;
  height:25px;
  float:right;
  margin-bottom:5px;
  border:0;
}
img.gotop_button {
  width:50px;
  height:25px;
  float:right;
  margin-bottom:5px;
  margin-right:100px;
  border:0;
}
hr {
  width:740px;
  height:6px;
  display:block;
  clear:both;
  background:url(../img/hr.gif);
  background-repeat:no-repeat;
  text-align:center;
  border:0;  
  margin-bottom:20px;
  margin-right:140px;
}
hr.articlehr {
  margin:0 auto;
  margin-right:140px;
}
footer {
  height:120px;
  background:#11687b;
}
footer h1.footer {
  font-size:18px;
  color:#FFFFFF;
  height:40px;
  line-height:40px;
  text-align:center;
  padding-top:10px;
}
address p {
  font-size:13px;
  color:#FFFFFF;
  height:20px;
  line-height:20px;
  text-align:center;
  font-style:normal;
}

.sendtxt {
	font-family: "Century Gothic", "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #000066;
}
.sendtxt02 {
	font-family: "Century Gothic", "微軟正黑體";
	font-size: 14px;
	color: #333333;
}
