img {
  border: 0;
}

.inthen {
  width: 0;
  height: 0;
  float: left;
  text-indent: -9999px;
  display: block;
  position: relative;
}

h2 {
  margin: 0 auto;
  display: inline;
}

h3 {
  margin: 0 auto;
  display: inline;
  font-size: 14px;
  text-decoration: underline;
}

body {
  margin: 0 auto;
  width:auto;
  height: auto;
  font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
  font-size: 14px;
}

/*--------------------Footer--------------------*/
.footer {
  float: left;
  margin-top: 10px;
  width: 960px;
  height: 200px;
  color: #636363;
  font-size: 12px;
  background-color: #f0efef;
}
.footer a {
  color: #636363;
  text-decoration: none;
}
.footer a:hover {
  color: #636363;
  text-decoration: underline;
}

.link {
  float: left;
  margin: 25px 0 0 60px;
  padding-left: 50px;
  width: 800px;
}

.info {
  float: left;
  margin: 10px 0 0 60px;
  padding-left: 50px;
  width: 700px;
  height: 80px;
  line-height: 1.8;
}

.logo {
  float: left;
  margin: 20px 0 0 10px;
  height: 70px;
}

.w3c {
  float: left;
  margin: 10px 0 0 60px;
  padding-left: 50px;
  width: 830px;
  height: 31px;
}

/*--------------------Footer end--------------------*/
.counter{
  display: none;
}
.spantit01 {
  color: #a6a39c;
  font-size: 17px;
}

.spanslash {
  /*斜線*/
  color: #f00;
  font-size: 12px;
}

.spanprocess {
  /*流程列表粗體*/
  font-weight: bold;
}

.spanlist {
  color: #5c5858;
  font-size: 13px;
  text-decoration: none;
  font-weight: 100;
}

.spanred {
  font-weight: bold;
  text-decoration: underline;
  color: #f00;
}

/*-------------------主架構---------------------*/
#container {width: 100%; height: auto !important; min-height: 500px; float:left;
-moz-box-shadow:0px 0px 13px 0px rgba(20%,20%,40%,0.45);
-webkit-box-shadow:0px 0px 13px 0px rgba(20%,20%,40%,0.45);
box-shadow:0px 0px 13px 0px rgba(20%,20%,40%,0.45);
}

.main {
  margin: 0 auto;
  width: 100%;
  height: auto !important;
  min-height: 500px;
}

/*--------------------Banner--------------------*/

.writting-header {
  float: left;
  width: 100%;
  height: 200px;
}
.writting-header img{width: 100%;}
.writting-header-w {
  float: left;
  margin:0px 0px 0px 60px;
  width: 840px;
  height:auto;
  font-size:22px;

}

.headimg {
  float: left;
}



/*---------------------Menu---------------------*/
.sixbox {
  float: left;
  margin-top: 47px;
  width: 625px;
  height: 47px;
}

.sixmenu {
  float: left;
  margin-left: 80px;
  width: 505px;
  height: 47px;
}

.menu01 {
  float: left;
  width: 101px;
  height: 47px;
}

.menu {
  float: left;
  width: 100%;
  height: 70px;
  background: url(/sticker/images/writting/writting-bg-002.png) repeat-x;
}

.menubox {
  margin: 0 auto;
  margin-top: 10px;
  width: 770px;
  height: 47px;
}

.menusyf, .menuwritting, .writting01, .writting02, .writting03 {
  float: left;
  margin-right: 5px;
  width:auto;
  height: 47px;
}

/*-------------------Content--------------------*/
.maintit-box {
  float: left;
  margin: 15px 0 0 35px;
  width: 885px;
  height:auto;
}

.maintit {
  float: left;
  padding-left: 20px;
  width: 865px;
  height: 28px;
  background: url(/sticker/images/writting/tit_bg.png) no-repeat 5px 4px;
  font-size:1.5em;
}

.maintit-explain {
  float: left;
  padding: 10px 0 0 10px;
  width: 875px;
  height: auto;
  line-height: 28px;
  font-size: 15px;

}

.maintit-explain-w {
  float: left;
  margin:10px 0px 0px 10px;
  width: 875px;
  height:auto;
  font-size:22px;

}


.maintit-explains {
  float: left;
  padding: 10px 0 0 40px;
  width: 875px;
  height: auto;
  line-height: 28px;
  font-size: 15px;

}

.center { text-align:center; border:0px; left:50%; right:50%; }

/*-----------------各區域外框-------------------*/
.measure_writting {
  float: left;
  margin-top: 20px;
  width: 960px;
  height: auto;

}

.measure_writting01 {
  float: left;
  margin-top: 30px;
  width: 960px;
  height: auto !important;
  height: 300px;
  min-height: 300px;

}

.measure_writting02 {
  float: left;
  margin-top: 30px;
  width: 960px;
  min-height:50px;
  height: auto !important;
}


/*-------------------項目標題-------------------*/
.list-titbox {
  float: left;
  margin: 0 0 10px 35px;
  width: 900px;
  height: 33px;
}

.maintit-box {
  float: left;
  margin: 15px 0 0 35px;
  width: 885px;
  height:auto;
}

.maintit {
  float: left;
  padding-left: 20px;
  width: 865px;
  height: 28px;
  background: url(/sticker/images/writting/tit_bg.png) no-repeat 5px 4px;
}


.list-tit {
  float: left;
  padding-left: 0px;
  width: 639px;
  height: 50px;
  /*background: url(/sticker/images/writting/)  no-repeat;*/
}

.morebox {
  float: left;
  width: 251px;
  height: 33px;
}

.morebtn {
  float: left;
  padding-left: 11px;
  width: 186px;
  height: 33px;
}

.moretop {
  float: left;
  padding: 7px 0 0 10px;
  width: 44px;
  height: 26px;
}

.moretopr {
  float: right;
  padding: 7px 0 0 10px;
  width: 44px;
  height: 26px;
}

.moretop02 {
  float: left;
  padding-top: 7px;
  width: 44px;
  height: 26px;
}

.list-tit02 {
  float: left;
  margin-left: 10px;
  padding-left: 20px;
  width: 816px;
  height: 33px;
 background: url(/sticker/images/writting/tit_bg.png) 5px 4px no-repeat;
}

.morebox02 {
  float: right;
  width: 44px;
  height: 33px;
}

/*---------------標籤貼紙展示-----------------*/

.writting_pdlist {
  float: left;
  margin-left: 35px;
  width: 900px;
}

.writting_pd-w {
  float: left;
  margin: 0px 20px 0px 20px;
  width: 540px;
  height: auto !important;
  min-height: 200px;
  font-size:22px;
  line-height:30px;

}

.writting_pd-pic {
  float: left;
  margin: 10px 0px 0px 0px;
  width: 300px;
  height: auto !important;
  min-height: 200px;
  vertical-align:middle;

}

.writting-tab-t-001 {
  float: left;
  margin-left: 35px;
  width: 900px;
  height:150px;
  background:url(/sticker/images/writting/tab-top-001.png) no-repeat;
}

.writting-tab-in-001 {
  float: left;
  margin-left:35px;
  padding:0px 23px 0px 27px;
  width: 850px;
  height:auto;
  min-height:200px;
  background:url(/sticker/images/writting/tab-m-001.png) repeat-y;
}

.writting-tab-b-001 {
  float: left;
  margin-left: 35px;
  width: 900px;
  height:30px;
  background:url(/sticker/images/writting/tab-b-001.png) no-repeat;
}

.writting-tab-t-002 {
  float: left;
  margin-left: 35px;
  width: 900px;
  height:150px;
  background:url(/sticker/images/writting/tab-top-002.png) no-repeat;
}

.writting-tab-in-002 {
  float: left;
  margin-left:35px;
  padding:0px 23px 0px 27px;
  width: 850px;
  height:auto;
  min-height:200px;
  background:url(/sticker/images/writting/tab-m-002.png) repeat-y;
}

.writting-tab-b-002 {
  float: left;
  margin-left: 35px;
  width: 900px;
  height:30px;
  background:url(/sticker/images/writting/tab-b-002.png) no-repeat;
}

#wbox001 { float: left; padding: 10px 0px 30px 35px; width: 870px; min-height: 100px; height: auto !important; height: 100px; vertical-align:middle; }
.wbox001-in { float: left; padding-left: 10px; padding-top:0px; width: 870px; height: auto !important; height: 120px; border:1px groove #d0d0d0; text-align:left; }
.wbox001-inn { float: left; padding-left: 20px; padding-top:20px; width: 860px; height: auto !important; height: 120px; border:0px groove #d0d0d0; text-align:left; }
.wbox001-ins { float: left; padding-left: 170px; padding-top:0px; width: 560px; min-height: 30px; height: auto !important; height: 30px; }
#win { float:left; padding-left:0px; padding-top:0px; width: 520px; min-height: 30px; height: auto !important; height: 30px; font-size:20px; font-family:"微软雅黑", Times, serif; color:#585858; line-height:30px; background:url(/sticker/images/tri-000.png); }

#container a{color: #1f5bff;}
.writting-w19-001 { font-size:19px; line-height:30px; }

@media  only screen and (max-width: 960px){
    .writting-header{width: 100%; height: auto;}
    .menu{width: 100%;height: auto;}.menubox{width: 100%;;display: flex;}
    .maintit-box{margin: 0; width: 100%;}
    #container .maintit-box>div{width: 100%;}
    .maintit-explain{padding: 8px 5px;}
    .measure_writting01{width: 100%;}
    .list-titbox{margin: 8px 0; width: 100%;}
    .measure_writting01{margin-top: 0;}
    .maintit-explain-w{margin: 0; width: 100%; font-size: 1em; line-height: 1.35em;}
    .list-titbox{height: auto;}.morebox{display: none;}
    .writting_pdlist{margin: 0; width: 100%;}
    .writting_pd-w{margin: 0; width: 65%; font-size: 1.1em; line-height: 1.35em;height: auto; min-height: 0; padding: 0 0 0 5px;box-sizing: border-box;}
    .writting_pd-pic{width: 35%; padding: 0 5px; box-sizing: border-box;}
    .writting_pd-pic img{width: 90%; margin: auto; display: block; max-width: 300px;}
    .writting-tab-t-001{margin: 0; width: 100%;}
    .writting-tab-in-001{padding: 0px 5px 0px 27px}
    .writting-tab-in-001,.writting-tab-b-001{margin: 0; width: 100%;}    
    .writting-w19-001{font-size: 1em; line-height: 1.35em;}
    
    .writting-tab-t-002{margin: 0; width: 100%;}
    .writting-tab-in-002{padding: 0px 5px 0px 27px}
    .writting-tab-in-002,.writting-tab-b-002{margin: 0; width: 100%;}
    
    .measure_writting02{width: 100%; margin-top: 12px}
    .list-tit{width: 100%;}.list-tit+.moretopr{display: none}
    #wbox001{padding: 0; width: 100%;}
    .wbox001-in{width: 100%; padding: 0 5px; box-sizing: border-box;}
    .wbox001-ins{padding: 0; width: 100%;}
    #win{background: none;width: 100%; color: red; font-size: 1em; }
    #win>div{text-align: left; width: 100%;}
}
@media  only screen and (max-width: 500px){
    .writting_pd-w,.writting_pd-pic{width: 100%;}
}