@charset "UTF-8";
/* ------------------------------------
 *  Width and Height
 * ------------------------------------ */
/*wrap*/
/*nav*/
/* ------------------------------------
 *  Color
 * ------------------------------------ */
/* ------------------------------------
 *  Font
 * 官網新風格 font-weight 已收斂為 400、500、700，其他數值將隨版本迭代逐步棄用
 * ------------------------------------ */
@media only screen and (max-width: 1000px) {
  .slogan {
    padding-top: 20px; }
  /*----------主要內容----------*/
  .doList .bubble {
    background-size: 400px auto;
    flex: 100%;
    height: 250px; }
    .doList .bubble span {
      left: 48.5%;
      top: 30px; }
  .doList ul {
    flex: none;
    padding: 0; }
  .contentList {
    padding: 40px 5% 0 5%;
    /*設計服務*/ }
    .contentList h4 {
      font-size: 2em; }
    .contentList.brand {
      width: calc(100% - 300px); }
    .contentList .note {
      width: 35%;
      font-size: 1.2em; }
      .contentList .note span {
        display: initial; }
      .contentList .note.note-middle {
        padding-top: 0px; }
    .contentList .partnerList .areaTitle {
      height: 150px; } }

@media only screen and (max-width: 850px) {
  /*----------主要內容----------*/
  main section.flesContent {
    justify-content: space-around;
    padding: 0; }
  main section h2 {
    font-size: 2em; }
    main section h2 i {
      top: -5px; }
  main section .point {
    font-size: 1.6em; }
  main section .areaTitle {
    font-size: 2em; }
  .slogan {
    padding-top: 15px; }
    .slogan h1 {
      font-size: 2em;
      width: 60%; }
    .slogan i {
      font-size: 5em;
      width: 80px; }
  .doList ul {
    flex: none;
    padding: 0; }
    .doList ul li {
      font-size: 1.4em; }
      .doList ul li a i {
        top: -10px; }
  .contentList {
    /*登記地址*/ }
    .contentList h4 {
      font-size: 1.5em; }
    .contentList ul {
      width: 70%; }
      .contentList ul li {
        font-size: 1.2em; }
    .contentList figure {
      width: 100%;
      padding: 30px 0 0 0; }
      .contentList figure img {
        max-width: 280px;
        margin: auto; }
      .contentList figure.tool {
        width: 100%;
        padding: 0; }
        .contentList figure.tool img {
          max-width: 160px; }
      .contentList figure.map {
        width: 240px;
        padding: 0px; }
        .contentList figure.map img {
          max-width: 240px; }
      .contentList figure.brand {
        width: calc(100% - 300px); }
        .contentList figure.brand img {
          max-width: 100%; }
      .contentList figure.designPic {
        width: 100%;
        padding: 0px 0 30px 0; }
        .contentList figure.designPic img {
          max-width: 100%;
          margin: auto; }
      .contentList figure.patternl {
        width: 200px;
        padding: 0px; }
      .contentList figure.gift {
        padding: 0px; }
    .contentList .toolInfo {
      width: 100%;
      text-align: center;
      padding: 30px 0; }
    .contentList .viewBtn {
      width: 100%;
      text-align: center;
      padding: 0px; }
    .contentList figure.map span {
      top: -20px;
      left: 170px; }
      .contentList figure.map span:last-child {
        top: 120px;
        left: 40px; }
    .contentList .note.note-middle {
      padding-top: 0; }
    .contentList .partnerList p {
      height: 145px; }
  .desktop-show {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; }
  .btnArea a {
    font-size: 1.3em;
    letter-spacing: 0px; }
    .btnArea a i {
      font-size: 0.9em; }
  .btnArea p {
    font-size: 1.2em; }
  .contentList .partnerList figure {
    height: 200px; }
  .high-space {
    display: none; }
  /* 網域與信箱申請 */
  #domain-email-apply .domain-info-table .title {
    font-size: 1.5em; }
  #domain-email-apply .domain-info-table .table-row .table-col-1.row-title {
    font-size: 1.2em; }
    #domain-email-apply .domain-info-table .table-row .table-col-1.row-title div i {
      font-size: 15px; } }

@media only screen and (max-width: 750px) {
  .contentList {
    /*登記地址*/
    /*馬上申請*/ }
    .contentList figure.map {
      width: 240px;
      margin: auto;
      padding-top: 0px; }
      .contentList figure.map img {
        width: 240px;
        max-width: 240px; }
    .contentList figure.brand {
      width: 100%;
      margin: auto;
      padding-top: 30px; }
      .contentList figure.brand img {
        width: 100%;
        max-width: 100%; }
    .contentList .address {
      width: 100%;
      text-align: center; }
      .contentList .address .addressList {
        width: 240px;
        padding: 0 20px;
        margin: auto;
        text-align: left;
        display: inline-block; }
      .contentList .address .areaTitle {
        padding: 20px 0; }
      .contentList .address p {
        font-size: 1.4em;
        font-weight: bold;
        padding: 0 0 30px 0px; }
    .contentList.full {
      padding: 0; }
    .contentList .partnerList {
      width: 100%;
      border-right: none;
      border-bottom: #ff7b4a dotted 5px;
      padding: 40px 0 0px 0; }
      .contentList .partnerList:last-child {
        border: none; }
      .contentList .partnerList .areaTitle {
        text-align: center;
        height: auto;
        font-size: 1.5em; }
      .contentList .partnerList figure {
        padding: 0;
        height: auto; }
        .contentList .partnerList figure.shake-hand {
          padding-top: 0px; }
      .contentList .partnerList p {
        font-size: 1.2em;
        height: auto; }
  /*商標申請*/
  ul.country li {
    width: 32%; }
    ul.country li .infoBox span.des {
      top: 30px;
      right: -30px; }
  /* 電子發票辦到好 */
  section#e-invoice .high-space {
    display: none; }
  section#e-invoice .section-preface {
    margin-bottom: 20px;
    font-size: 20px; }
  /* 網域與信箱申請 */
  #domain-email-apply .domain-info-table .table-row .table-col-1.row-title {
    font-size: 1.2em; }
    #domain-email-apply .domain-info-table .table-row .table-col-1.row-title div i {
      font-size: 15px; } }

@media only screen and (max-width: 700px) {
  /* 網域與信箱申請 */
  #domain-email-apply .domain-info-table .table-row .table-col-2 {
    padding-left: 20px; } }

@media only screen and (max-width: 600px) {
  /*  Global used */
  .oneLine {
    display: block; }
  /*----------主要內容----------*/
  main {
    max-width: 100%; }
    main section {
      padding: 0 20px; }
      main section h2 {
        display: none; }
      main section .point {
        font-size: 1.5em; }
      main section .areaTitle {
        font-size: 2em;
        text-align: center; }
      main section .desktop-show {
        display: none; }
      main section .service-items {
        background: rgba(255, 123, 74, 0.1);
        display: none; }
      main section#address-registration {
        background: rgba(255, 123, 74, 0.1);
        display: none; }
      main section#registration-for-brand {
        background: rgba(255, 123, 74, 0.1);
        display: none; }
      main section#e-invoice {
        background: rgba(255, 123, 74, 0.1);
        display: none; }
      main section#domain-email-apply {
        background: rgba(255, 123, 74, 0.1);
        display: none; }
      main section#ichef {
        background: rgba(255, 123, 74, 0.1);
        display: none; }
        main section#ichef .point {
          display: none; }
        main section#ichef .areaTitle {
          padding-top: 40px; }
  .mobile-menu {
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-top: 1px solid #cfcdc9;
    padding: 15px 10px; }
    .mobile-menu i {
      font-size: 16px;
      font-weight: bold;
      color: #ff7b4a; }
  .mobile-area {
    padding: 25px 0;
    display: block; }
    .mobile-area > .note {
      padding-top: 10px;
      font-size: 25px;
      color: #3473c3;
      text-align: center; }
  .mobile-gift {
    display: flex;
    justify-content: space-around; }
  .slogan {
    padding: 150px 0 20px 0; }
    .slogan h1 {
      display: block;
      position: absolute;
      font-size: 2em;
      width: 100%;
      top: 50px; }
      .slogan h1 span.first-handing {
        font-size: 0.6em; }
    .slogan i {
      font-size: 5em;
      width: 100px;
      padding: 0 10px; }
  .doList .bubble {
    height: 230px;
    margin-top: 30px; }
    .doList .bubble span {
      left: 48%;
      top: 34px; }
  .doList ul {
    flex: 100%;
    padding: 0;
    text-align: center; }
    .doList ul li {
      font-size: 1.3em; }
      .doList ul li a {
        padding-right: 20px; }
        .doList ul li a i {
          left: -50px;
          top: -25px; }
  .contentList {
    /*三步驟完成發票交付 & 營業稅申報*/
    /*設計服務*/
    /*福利與合作夥伴*/ }
    .contentList h4 {
      font-size: 1.4em; }
    .contentList figure.patternl {
      width: 100%;
      padding-top: 20px; }
    .contentList figure.gift {
      width: 100%;
      padding-bottom: 20px; }
      .contentList figure.gift img {
        max-width: 70px;
        margin: auto; }
    .contentList figure.map img {
      width: 140px; }
    .contentList .step {
      width: 100%;
      padding-bottom: 40px; }
      .contentList .step:last-child {
        padding-bottom: 0; }
      .contentList .step figure {
        width: 120px; }
    .contentList .registration-brand-description {
      padding-right: 10%; }
      .contentList .registration-brand-description .addressList {
        width: 270px;
        display: block;
        padding: 0; }
        .contentList .registration-brand-description .addressList .areaTitle {
          text-align: left; }
    .contentList .address .addressList {
      width: 270px;
      display: block;
      padding: 0; }
      .contentList .address .addressList .areaTitle {
        text-align: left; }
    .contentList .note {
      text-align: center;
      width: 100%; }
    .contentList .welfare {
      display: block; }
      .contentList .welfare figure {
        width: 100%;
        padding: 0px 0 10px 0;
        display: block; }
        .contentList .welfare figure:after {
          display: none; }
      .contentList .welfare p {
        width: 100%; }
    .contentList .partnerList figure {
      height: auto; }
  .btnArea a {
    font-size: 1.5em;
    width: 260px; }
  /*商標申請*/
  ul.country li {
    width: 49%; }
  .contact h3 {
    font-size: 2em; }
  .contact ul li span {
    display: block;
    font-weight: bold; }
  .contact .facebook {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    top: 0; }
    .contact .facebook a {
      color: #3473c3; }
      .contact .facebook a:hover {
        color: #ff7b4a; }
      .contact .facebook a i {
        padding: 0;
        font-size: 4em;
        line-height: 1; }
  .high-space {
    height: 40px;
    display: block; }
  /* 電子發票辦到好 */
  section#e-invoice .section-preface {
    display: none; }
  section#e-invoice .high-space {
    display: block;
    height: 45px; }
  section#e-invoice .high-space-bottom {
    display: none; }
  section#e-invoice .section-preface {
    font-size: 1.1em; }
  section#e-invoice .logo-section {
    flex-wrap: wrap; }
    section#e-invoice .logo-section figure {
      width: 80%;
      margin: 10px auto; }
      section#e-invoice .logo-section figure img {
        width: 60%; }
      section#e-invoice .logo-section figure.separator {
        border-left: none;
        border-right: none; }
        section#e-invoice .logo-section figure.separator.separator:after {
          content: "";
          left: 50%;
          position: absolute;
          width: 8px;
          height: 8px;
          background: #ff7b4a;
          border-radius: 50%;
          top: 112%; }
  #domain-email-apply {
    /* toggle-open-content */ }
    #domain-email-apply .point {
      display: none; }
    #domain-email-apply .cell-hide {
      display: block; }
    #domain-email-apply .domain-desktop-show {
      display: none; }
    #domain-email-apply .domain-mobile-show {
      display: block; }
    #domain-email-apply .areaTitle {
      padding: 20px 0;
      font-size: 1.7em; }
    #domain-email-apply .point {
      font-size: 1.1em; }
    #domain-email-apply .contentList {
      padding-bottom: 0; }
      #domain-email-apply .contentList figure {
        padding: 0; }
    #domain-email-apply .designList .domain-apply {
      padding-bottom: 10px; }
      #domain-email-apply .designList .domain-apply img {
        width: 30%; }
    #domain-email-apply .domain-info-table .title {
      border-bottom: 1px solid #ddd; }
    #domain-email-apply .domain-mobile-show .title {
      cursor: pointer;
      padding: 25px 0 20px 0;
      font-size: 24px; }
      #domain-email-apply .domain-mobile-show .title i {
        font-size: 14px;
        color: #ff7b4a; }
    #domain-email-apply .domain-content-mobile .section {
      display: flex;
      flex-direction: column;
      padding-top: 20px;
      width: 100%; }
      #domain-email-apply .domain-content-mobile .section .title-mobile {
        font-size: 1.3em;
        font-weight: bold; }
        #domain-email-apply .domain-content-mobile .section .title-mobile .item-price {
          padding-left: 20px;
          color: #ff7b4a;
          font-weight: bold; }
      #domain-email-apply .domain-content-mobile .section .info-content .detail-info {
        padding: 15px 5px 0 25px; }
        #domain-email-apply .domain-content-mobile .section .info-content .detail-info ul {
          width: 95%; }
          #domain-email-apply .domain-content-mobile .section .info-content .detail-info ul li {
            padding-left: 10px;
            font-weight: normal;
            text-align: left; } }

@media only screen and (max-width: 400px) {
  /*----------主要內容----------*/
  main section h2 {
    font-size: 2.5em; }
  .contentList .address {
    padding-right: 0; }
    .contentList .address .addressList {
      text-align: center; }
  .contentList figure img {
    padding-left: 0; }
  .contentList figure.map img {
    width: 105px; }
  .contentList .partnerList .areaTitle {
    height: 65px;
    font-size: 1.3em;
    text-align: center; }
  .contentList .partnerList p {
    font-size: 1.1em; }
  .doList .bubble {
    background-size: 325px auto;
    height: 200px; }
    .doList .bubble span {
      left: 46%;
      top: 28px;
      letter-spacing: 0;
      font-size: 1.0em;
      width: 150px;
      line-height: 1.6em; }
  /*商標申請*/
  ul.country li {
    width: 49%;
    padding: 15px 45px 15px 0px;
    text-align: left;
    font-size: 1.1em; }
    ul.country li .wBlue {
      width: 200px; }
    ul.country li .infoBox {
      right: 17px; }
  .btnArea a {
    width: 80%; }
  .mobile-area .note {
    font-size: 21px; }
  /* 電子發票辦到好 */
  section#e-invoice .logo-section figure img {
    width: 80%; } }