body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre
, form, fieldset, legend, button, input, textarea, th, td, img {
  margin: 0;
  padding: 0;
}
ul, ol { list-style: none; }
img{ border:0px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a { text-decoration: none; color:#4a4a4a;}
a:hover { text-decoration: underline; color:#4a4a4a; }
body,button, input, select, textarea {
  font: 12px "敺株��迤暺煾��";
}
body {
  margin: 0px;
  background:#f7f7f7;
}

.font-bold {
  font-weight: bold;
}

#taaze_header ul li.taaze_icon{
  width:240px;
  height:50px;
  background-image:url(https://www.taaze.tw/static_act/header_floor/images/logo_2017.png); 
  background-repeat: no-repeat;
  background-position: left;
  background-size: 240px 50px;
}
#area_link{
  display:block;
}
#taaze_icon{
	
	color: #e3007f;
    font-size: 20px;
	display:none;
}

#taaze_home{
	display:block;
}
#header {
  margin: 0px;
  opacity: 0.99;
  background: #ffffff;
  box-shadow: 0 2px 4px 2px #dadada;
  height: 70px;
  /*width: 1440px;*/
  width: 100%;
  display: inline-block;
}

#header ul{
  display: inline-block;
  margin: 30px auto 20px 249px;
}

#header ul li{
  display: inline-block;
}

#header ul li.service {
  color: #4a4a4a;
  font-size: 14px;
  text-align:left;
  width: 100px;
}

#header ul li.privacy {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.mobile {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.consignment {
  color:#4a4a4a;
  font-size:14px;
  font-weight: bold;  
  margin: 0 0 0 50px;
  text-align:left;
}
#header ul li.ebook {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}
#header ul li.taazenote {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

.separate-line {
  background:#e3007f;
  height:4px;
  margin: 0px 0px 0px 240px;
  width:100px;
}

#container {
  margin: 0px 0px 0px 240px;
}

.subtitle {
  height: 33px;
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin: 40px 0px 0px 0px;
  display:inline-block;
}

.content {
  color:#4a4a4a;
  font-family:PingFangTC-Regular;
  font-size:16px;
  letter-spacing:0.5px;
  line-height:26px;
  margin: 10px 0px 0px 0px;
  opacity:0.9;
  text-align:left;
  width: 960px;
}

.section-subtitle{
  font-weight: bold;
  margin: 25px 0px 0px 0px;
}
.section {
  padding: 10px 0px 0px 30px;
}

.section-list-i {
  padding: 0px 0px 0px 45px;
}

.section-list {
  padding: 0px 0px 0px 30px;
}

ol#pList{
  list-style-type:lower-alpha;
  padding: 0px 0px 0px 75px;
}

ul.mList{
  list-style-type:disc;
}

ul.list-padding {
  padding: 15px 0px 10px 30px;
}



@media (max-width: 768px){
	
  #area_link{
  display:none;
}
  #header {
    background: white;
    box-shadow: none;
    margin: 0px 1% 0px 1%;
    height: 70px;
    width: 98%;
    display: inline-block;
  }
  #container {
    margin: 0px 12px 0px 14px;
    position:relative;
  }
  .content {
    color:#4a4a4a;
    font-family:PingFangTC-Regular;
    font-size:16px;
    letter-spacing:0.5px;
    line-height:26px;
    margin: 10px 0px 0px 0px;
    opacity:0.9;
    text-align:left;
    width: 100%;

  }
  #header ul{
    display: block;
    margin: 0px 0px 0px 0px;
    box-sizing: padding-box;
  }
  #header ul li{
  display: inline-block;
  margin: 0px 0px 0px 0px;
  box-sizing: padding-box;
}
  #taaze_home{
	  display:none;
  }
  #taaze_icon
  {
	color: #e3007f;
    font-size: 20px;
	display:block;
  }
  .separate-line {
    display:none;
    background:#e3007f;
    height:0px;
    margin: 0px 0px 0px 0px;
    width:0px;
  }
    body {
  margin: 0px;
  background:#f7f7f7;
}

.font-bold {
  font-weight: bold;
}

#taaze_header {
  margin: 0px;
}

#header ul li{
  display: inline-block;
  padding: 0 0 0 0px;
}

#header ul li.service {
  padding:14px 0px 14px 2%;
  color: #4a4a4a;
  background: #D9D9D9;
  box-shadow:0px 0px 0px 2px white;
  font-size: 14px;
  margin: 0px;
  text-align:left;
  width: 98%;
  display:block;
  box-sizing: padding-box;
}

#header ul li.privacy {
  padding:14px 0px 14px 2%;
  color:#4a4a4a;
  background: #D9D9D9;
  box-shadow:0px 0px 0px 2px white;
  font-size:14px;
  margin: 0 0 0 0px;
  text-align:left;
  width:98%;
  display:block;
  box-sizing: padding-box;
}

#header ul li.mobile {
  padding:14px 0px 14px 2%;
  color:#4a4a4a;
  background: #D9D9D9;
  box-shadow:0px 0px 0px 2px white;
  font-size:14px;
  margin: 0 0 0 0px;
  text-align:left;
  width:98%;
  display:block;
  box-sizing: padding-box;
}

#header ul li.consignment {
  padding:14px 0px 14px 2%; 
  color:#4a4a4a;
  background: #D9D9D9;
  box-shadow:0px 0px 0px 2px white;
  font-size:14px;
  margin: 0 0 0 0px;
  text-align:left;
  width:98%;
  display:block;
  box-sizing: padding-box;
}
#header ul li.ebook {
  padding:14px 0px 14px 2%; 
  color:#4a4a4a;
  background: #D9D9D9;
  box-shadow:0px 0px 0px 2px white;
  font-size:14px;
  margin: 0 0 0 0px;
  text-align:left;
  width:98%;
  display:block;
  box-sizing: padding-box;
}

#header ul li.taazenote {
  padding:14px 0px 14px 2%; 
  color:#4a4a4a;
  background: #D9D9D9;
  box-shadow:0px 0px 0px 2px white;
  font-size:14px;
  margin: 0 0 0 0px;
  text-align:left;
  width:98%;
  display:block;
  box-sizing: padding-box;
}

.subtitle {
  height: 33px;
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin: 40px 0px 0px 0px;
}

.section-subtitle{
  font-weight: bold;
  margin: 25px 0px 0px 0px;
}
.section {
  padding: 10px 0px 0px 30px;
}

.section-list-i {
  padding: 0px 0px 0px 45px;
}

.section-list {
  padding: 0px 0px 0px 30px;
}

ol#pList{
  list-style-type:lower-alpha;
  padding: 0px 0px 0px 75px;
}

ul.mList{
  list-style-type:disc;
}

ul.list-padding {
  padding: 15px 0px 10px 30px;
}
}

@media (min-width: 769px) and (max-width:991px) {
  body {
  margin: 0px;
  background:#f7f7f7;
}

.font-bold {
  font-weight: bold;
}

#taaze_header {
  margin: 0px;
}

#header {
  margin: 0px;
  opacity: 0.99;
  background: #ffffff;
  box-shadow: 0 2px 4px 2px #dadada;
  height: 70px;
  /*width: 1440px;*/
  width: 100%;
  display: inline-block;
}

#header ul{
  display: inline-block;
  margin: 30px auto 20px 120px;
}

#header ul li{
  display: inline-block;
}

#header ul li.service {
  color: #4a4a4a;
  font-size: 14px;
  text-align:left;
  width: 100px;
}

#header ul li.privacy {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.mobile {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.consignment {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.taazenote {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

.separate-line {
  background:#e3007f;
  height:4px;
  margin: 0px 0px 0px 533px;
  width:100px;
}

#container {
  margin: 0px 120px 0px 120px;
}

.subtitle {
  height: 33px;
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin: 40px 0px 0px 0px;
}

.content {
  color:#4a4a4a;
  font-family:PingFangTC-Regular;
  font-size:16px;
  letter-spacing:0.5px;
  line-height:26px;
  margin: 10px 0px 0px 0px;
  opacity:0.9;
  text-align:left;
  width: 100%;
}

.section-subtitle{
  font-weight: bold;
  margin: 25px 0px 0px 0px;
}
.section {
  padding: 10px 0px 0px 30px;
}

.section-list-i {
  padding: 0px 0px 0px 45px;
}

.section-list {
  padding: 0px 0px 0px 30px;
}

ol#pList{
  list-style-type:lower-alpha;
  padding: 0px 0px 0px 75px;
}

ul.mList{
  list-style-type:disc;
}

ul.list-padding {
  padding: 15px 0px 10px 30px;
}


}

@media (min-width: 992px) and (max-width:1199px) {

body {
  margin: 0px;
  background:#f7f7f7;
}

.font-bold {
  font-weight: bold;
}

#taaze_header {
  margin: 0px;
}

#header {
  margin: 0px;
  opacity: 0.99;
  background: #ffffff;
  box-shadow: 0 2px 4px 2px #dadada;
  height: 70px;
  /*width: 1440px;*/
  width: 100%;
  display: inline-block;
}

#header ul{
  display: inline-block;
  margin: 30px auto 20px 150px;
}

#header ul li{
  display: inline-block;
}

#header ul li.service {
  color: #4a4a4a;
  font-size: 14px;
  text-align:left;
  width: 100px;
}

#header ul li.privacy {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.mobile {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.consignment {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.taazenote {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

.separate-line {
  background:#e3007f;
  height:4px;
  margin: 0px 0px 0px 563px;
  width:100px;
}

#container {
  margin: 0px 150px 0px 150px;
}

.subtitle {
  height: 33px;
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin: 40px 0px 0px 0px;
}

.content {
  color:#4a4a4a;
  font-family:PingFangTC-Regular;
  font-size:16px;
  letter-spacing:0.5px;
  line-height:26px;
  margin: 10px 0px 0px 0px;
  opacity:0.9;
  text-align:left;
  width: 100%;
}

.section-subtitle{
  font-weight: bold;
  margin: 25px 0px 0px 0px;
}
.section {
  padding: 10px 0px 0px 30px;
}

.section-list-i {
  padding: 0px 0px 0px 45px;
}

.section-list {
  padding: 0px 0px 0px 30px;
}

ol#pList{
  list-style-type:lower-alpha;
  padding: 0px 0px 0px 75px;
}

ul.mList{
  list-style-type:disc;
}

ul.list-padding {
  padding: 15px 0px 10px 30px;
}


}

@media (min-width: 1200px) {
  body {
  margin: 0px;
  background:#f7f7f7;
}

.font-bold {
  font-weight: bold;
}

#taaze_header {
  margin: 0px;
}

#header {
  margin: 0px;
  opacity: 0.99;
  background: #ffffff;
  box-shadow: 0 2px 4px 2px #dadada;
  height: 70px;
  /*width: 1440px;*/
  width: 100%;
  display: inline-block;
}

#header ul{
  display: inline-block;
  margin: 30px auto 20px 200px;
}

#header ul li{
  display: inline-block;
}

#header ul li.service {
  color: #4a4a4a;
  font-size: 14px;
  text-align:left;

}

#header ul li.privacy {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.mobile {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.consignment {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}

#header ul li.taazenote {
  color:#4a4a4a;
  font-size:14px;
  margin: 0 0 0 50px;
  text-align:left;
}


.separate-line {
  background:#e3007f;
  height:4px;
  margin: 0px 0px 0px 611px;
  width:128px;
}

#container {
  margin: 0px 200px 0px 200px;
}

.subtitle {
  height: 33px;
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin: 40px 0px 0px 0px;
}

.content {
  color:#4a4a4a;
  font-family:PingFangTC-Regular;
  font-size:16px;
  letter-spacing:0.5px;
  line-height:26px;
  margin: 10px 0px 0px 0px;
  opacity:0.9;
  text-align:left;
  width: 100%;
}

.section-subtitle{
  font-weight: bold;
  margin: 25px 0px 0px 0px;
}
.section {
  padding: 10px 0px 0px 30px;
}

.section-list-i {
  padding: 0px 0px 0px 45px;
}

.section-list {
  padding: 0px 0px 0px 30px;
}

ol#pList{
  list-style-type:lower-alpha;
  padding: 0px 0px 0px 75px;
}

ul.mList{
  list-style-type:disc;
}

ul.list-padding {
  padding: 15px 0px 10px 30px;
}


}