:lang(zh-TW) {
    font-family:"SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}
@media only screen and (min-width: 1442px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}
@media only screen and (max-width: 1068px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}
@media only screen and (max-width: 735px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
}
#content div {
    width: auto;
    box-sizing: border-box
}
#content .intro {
    margin-top: 0
}
#howto-section {
    width:980px;
    margin: 0 auto
}
@media only screen and (max-width: 1068px) {
    #howto-section {
        width: 692px;
        padding: 0
    }
}
@media only screen and (max-width: 735px) {
    #howto-section {
        width: 100%;
        padding: 0
    }
}
.large-12 {
    width: 100%
}
.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
}
@media only screen and (max-width:1068px) {
    .medium-9 {
        width: 80%
    }
}
@media only screen and (max-width:735px) {
    .small-5 {
        width: 60%
    }
}
.column {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    min-height: 2px
}
#content {
    border: 0;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    width: 83.33333%;
    padding: 0 0 40px;
    color: #333;
    line-height: 1.45
}
@media only screen and (max-width:1068px) {
    #content {
        width: 100%;
    }
}
@media only screen and (max-width:735px) {
    #content {
        width: 90%;
        margin: 0 auto; 
    }
}
#content p {
    margin: 1em 0 0
}
#content h2 {
    color: #333;
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 500;
    letter-spacing: .011em;
    margin: 38px auto 0 auto;
   width:88%;
    font-family:"SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
#content h2:lang(zh) {
    line-height: 1.3
}
#content #sections div:first-child h2 {
    margin-top: 32px
}
@media only screen and (max-width:1068px) {
    #content #sections div:first-child h2 {
        margin-top: 28px;
         font-size: 28px;
          
    }
}
@media only screen and (max-width:735px) {
    #content #sections div:first-child h2 {
        margin-top: 16px;
        font-size: 24px;
        
    }
}
@media only screen and (max-width:1068px) {
    #content #sections h2 {
       width:96%;
         font-size: 28px;
    }
}
@media only screen and (max-width:735px) {
    #content #sections  h2 {
         width:100%;
        font-size: 24px;
    }
}
#content #howto-title {
    font-size: 40px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: 0;
    width:88%;
    margin: 66px auto 0 auto;
   
    font-family:"SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
#content #howto-title:lang(zh) {
    line-height: 1.175
}
@media only screen and (max-width:1068px) {
    #content #howto-title {
        margin-top: 52px;
        font-size: 34px;
        line-height: 1.08824;
        font-weight: 500;
        letter-spacing:0;
         width:96%;
        
    }
}
@media only screen and (max-width:735px) {
    #content #howto-title {
        margin-top: 36px;
        margin-bottom: 0;
        font-size: 28px;
        line-height: 1.1073;
        font-weight: 500;
         width:100%;
        letter-spacing: .004em;
    }
}
#content .intro p {
    font-size: 22px;
    line-height: 1.45455;
    font-weight: 300;
    letter-spacing: .009em;
    width: 88%;
    margin: 17px auto 0 auto;
    
}
#content .intro p {
    font-size: 22px;
    font-family:"SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-bottom: 1.2em;
}
@media only screen and (max-width:1068px) {
    #content .intro p {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: .011em;
         width:96%;
        
    }
}
@media only screen and (max-width:735px) {
    #content .intro p {
        font-size: 19px;
        line-height: 1.47384;
        font-weight: 300;
        letter-spacing: .011em;
        margin-bottom: 48px;
         width:100%;
    }
}
#content div p {
    word-wrap: break-word
}
#sections {
    counter-reset: a
}
#content div.extra-react-div {
    padding: 0
}
#content table {
    border-collapse: collapse;
    width: 88%;
    margin-top: 1em;
    font-family:"SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width:1068px) {
    #content table {
      width: 96%; 
        
    }
}
@media only screen and (max-width:735px) {
    #content table {
        font-size: 12px;
      width: 100%;
    }
}


#content td, #content th {
    padding: 6px;
    line-height: 1.5;
    border: 1px solid #ddd;
    vertical-align: top;
    font-weight: 300;
}
#content th {
    font-weight: 600;
    background: #f5f5f5;
    text-align: left;
}
#content .mod-date {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0;
    margin: 25px auto;
    width:88%;
}
@media only screen and (max-width:1068px) {#content .mod-date {width:96%}}
@media only screen and (max-width:735px) {#content .mod-date {width:100%}}

#content .cel1{width:50%}
@media only screen and (max-width:1068px) {#content .cel1{width:55%}}
@media only screen and (max-width:735px) {#content .cel1{width:47%}}
@media only screen and (max-width: 320px){#content .cel1{width:30%}}

#content .cel2{width:16%}
@media only screen and (max-width:1068px) {#content .cel2{width:12%}}
@media only screen and (max-width:735px) {#content .cel2{width:17%}}
@media only screen and (max-width: 320px){#content .cel2{width:18%}}

#content .cel3{width:24%}
@media only screen and (max-width:1068px) {#content .cel3{width:25%}}
@media only screen and (max-width:735px) {#content .cel3{width:36%}}
@media only screen and (max-width: 320px){#content .cel3{width:39%}}

.small-caps {
    font-variant-caps: all-small-caps
}
 .nowrap {
    white-space: nowrap
}

#content td.vertical-middle {
	vertical-align: middle;
}

/* legal */
#ac-globalfooter .ac-gf-sosumi b{
  font-weight:bold
}