.desktopnone{
  display: none;
}
 @media only screen and (max-width: 46rem) {
  .header{
    display: none;
  }
  .mobileheader{
    display: block;
    z-index: 99999999999999999999999999999999999999999;
  }
}
@media only screen and (max-width: 46rem) {
   .mobilenone{
    display: none!important;
  }
  .desktopnone{
    display: block!important;
  }
  .backtotop{
    display: block;
    position: fixed;
    right: 10px;
    bottom: 0;
    opacity: 0.5;
  }
  .mobiletextaligncenter{
    text-align: center!important;
  }
  .mobilebody{
    left: 0%;
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    overflow-x:none;
  }
  .mobilemenu{
    display: block;
    width: 80%;
    height: 100%;
    right: calc(-80% - 1px);
    position: fixed;
    -webkit-overflow-scrolling: touch;
    overflow-y:auto;
    z-index: -999999;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    border-left: #083D22 1px solid;
  }
  .mobilebody.mobile_on{
    left: -80%;
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    overflow:hidden;
  }
  .mobilemenu.mobile_on{
    right: -1px;
  }
  .mobilemenu ul{
    padding: 0;
    margin: 0;
  }
  .mobilemenu li{
    text-align: center;
    width: 100%;
    height: 50px;
    font-size: 21px;
    display: table;
    border-bottom: #083D22 1px solid;
  }
  .mobilemenu li img{
    height: 70px;
    vertical-align: middle;
  }
  .mobilemenu li p{
    padding: 0;
    margin: 0;
    margin-left: -20px;
  }
  .mobilemenu a{
    color: #083d22;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
  }
  .mobilemenucontact{
    width: 100%;
    height: 130px;
    font-size: 12px;
  }
  .mobilemenucontact p{
    margin: 0;
    text-align: left;
    padding: 7%;
    color: #083d22;
  }
  .mobilemenucontact_L{
    width: calc(50% - 1px);
    height: 130px;
    float: left;
    border-right: #083D22 0.5px solid;
  }
  .mobilemenucontact_R{
    width: calc(50% - 1px);
    height: 130px;
    float: left;
    border-left: #083D22 0.5px solid;
  }
  .mobilemenuinfo{
    padding: 10px;
    font-size: 12px;
    box-sizing: border-box;
    color: #083d22;
    border-bottom: #083D22 1px solid;
  }
  .mobilemenubottom{
    width: 100%;
    height: 100px;
    font-size: 12px;
  }

  .header{
    display: none;
  }
  .mobileheader{
    display: block;
    position: fixed;
    width: 100%;
  }
  .footer{
    display: none;
  }

  @media only screen and (max-width: 320px) {
    .header_top img{
      display: none;}
  }
   @media only screen and (max-width: 376px) {
    .header_top img{
      display: none;}
  }
  .header_top_in{
    max-width: inherit;
    min-width: inherit;
  }
  .header_top_btn {
     padding: 0 1.8% 0 1.8%;
  }
  .header_top_btn_last {
      border-right: none;
  }
  .header_bottom {
    max-width: inherit;
    min-width: inherit;
    background-color: #fff;
    border-bottom: #083D22 1px solid;
  }
  .header_bottom_L {
    width: 75%;
    min-width: inherit;
    text-align: center;
  }

  .header_bottom_R {
    width: calc(25% - 1px);
    min-width: inherit;
    border-left: #083D22 1px solid;
    text-align: center;
  }
  .logo_png {
    display: inline-block;
  }
  .banner{
    display: none;
  }
  .mobilebanner{
    display: inline-block;
    height: 100%;
    width: 100%;
  }
  .mobilebanner img{
    display: inline-block;
    width: 100%;
  }
  .home_service_out{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
  }
  .home_service{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding: 10px 0 0 0;
  }
  .home_service h1 {
      width: 100%;
  }
  .home_service_L{
    display: none;
  }
  .home_service_R{
    display: none;
  }
  .home_service_in{
    display: none;
  }

  .mobilehome_service_in{
    display: inline-block;
    width: 100%;
    opacity: 0;
    -webkit-transition:opacity 1s;
    -moz-transition:opacity 1s;
    -o-transition:opacity 1s;
    transition: opacity 1s;
    padding: 15px;
    box-sizing: border-box;
  }

  .home_service_on .mobilehome_service_in{
     opacity: 1;
  }

  .mobilehome_service_box {
    width: 150px;
    height: 150px;
    display: table;
  }
  .mobilehome_service_box p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 25px;
    color: #fff;
    font-weight: bold;
  }

  .mobilehome_service_box_top{
    background-image: url(/images/home_box_top.png);
    background-size: 100%;
  }

  .mobilehome_service_box_right {
    background-image: url(/images/home_box_right.png);
    background-size: 100%;
  }

  .mobilehome_service_box_bottom {
    background-image: url(/images/home_box_bottom.png);
    background-size: 100%;
  }

  .mobilehome_service_box_left {
    background-image: url(/images/home_box_left.png);
    background-size: 100%;
  }



  .news{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    margin-top: 30px;
  }
 .news_box{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
 }
 .news_list{
     overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
 }

 .news_list div:first-of-type {
  width: 100%;
      display: block;
      border-right: none;
          margin: 0 auto;
              margin-left: -5px;
  }

  .news_list p {
      width: 270px;
  }

 .news_list div{
    display: none;
}

  .new_client{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    display: inline-block;
  }
  .new_client_box{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    width: 100%;
    margin-bottom: 45px;
  }
  .new_client_box:last-child{
     border-left: none;
  }
  .new_client_pc{
    width: 320px;
    height: 215px;
    background-size: 100% auto;
  }
  .new_client_pc_img {
    width: 210px;
    height: 135px;
    margin: 52px auto 0 57px;
  }
  .new_client_pc_img img {
      width: 208px;
  }
  .new_client_iphone{
    width: 320px;
    height: 215px;
    background-size: 100% auto;
    background-position-x: 28px;
  }
  .new_client_iphone_img {
    width: 119px;
    height: 160px;
    margin: 55px auto 0 98px;
  }
  .new_client_iphone_img img {
      width: 119px;
  }
  .new_client_box_topic {
      width: 100%;
  }
  .new_client_intro {
      width: 100%;
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
  }
  .rhombus_new_client_L,.rhombus_new_client_R{
    display: none;
  }
  .new_client_intro p {
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
      margin:0 auto;
      overflow-y: scroll;
      height: 100%;
      padding: 5px;
      box-sizing: border-box;
  }
  .new_client_intro p::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #008540;
      border-radius: 10px;
    }

  .new_client_intro p::-webkit-scrollbar
    {
      width: 6px;
      border-radius: 10px;
      background-color: #F5F5F5;
    }

  .new_client_intro p::-webkit-scrollbar-thumb
    {
      background-color: #fff;
      border-radius: 10px;
    }
  .casesmore {
       float: none;
       margin: 0;
        margin-top: -5px;
    }
  .btn-2 {
        width: 90%;
    }



  .featured{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
      display: inline-block;
      margin-top: 25px;
      height: auto;
      clip-path:none;
      -webkit-clip-path:none;
  }
  .featured_in{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
  }
  .featured_in_box{
    max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
  }
  .featured_in_boxes {
    width: calc(100%/2);
    max-width: inherit;
    height: 175px;
    padding:5%;
    box-sizing: border-box;
    margin: 0;

  }
  .featured_in_topic h1{
    padding-top:0;
  }


  .awards{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
      margin-top:0;
      display: block;

  }

  .awards_in{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;

  }
  .awards_in_topic h1 {
      padding-top: 10px;
  }
  .awards_item_box{
    padding: 15px 5px 0px 5px ;
    box-sizing: border-box;
    width: calc(100%/3.2);
  }
  .awards_item_box img {
    width: 100%;
}

  #awards_line {
    position: absolute;
    width: 45px;
    display: none;
  }

  .awards_linemobile{
    display: inline-block!important;
    position: relative;
    float: left;
  }
  .awards_linemobilenone{
    display: none!important;
  }

  .awards_in_L {
    width: 85%;
  }

  .awards_in_R {
      width: 100%;
      min-width: inherit;
  }

  .social{
        display: inline-block;
  }
  .social_in{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
  }
  .social_in_box {
      width: 100%;
      height: 230px;
  }
  .social_in_box:nth-child(2){
    height: 500px;
  }
  .social_in_box .pc{
    display: none;
  }
  .social_in_box .mobile{
    display: block;
    text-align: center;
    margin-top: 1rem;
  }

  .about_page{
    max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
  }

  .about_page_top_L{
    width: 100%;
    height: auto;
    display: block;
    padding: 0 7%;
    box-sizing: border-box;
  }
  .about_page_top_R{
    width: 100%;
    display: block;
    padding: 0 7%;
    box-sizing: border-box;
  }
  #about_Ctrl{
    display: none;
  }

  .about_page_bottom_L{
    width: 100%;
    height: auto;
    display: block;
    padding: 0 7%;
    box-sizing: border-box;
  }
  .about_page_bottom_R{
    width: 100%;
    height: auto;
    display: block;
    padding: 0 7%;
    box-sizing: border-box;
  }
  .contact_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    display: inline-block;
    width: 100%;
  }
  .contact_info{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    display: block;
    height: 310px;
    margin-top:0px;
  }
  .contact_infobox,.contact_infobox2{
    width: 50%;
    height: 50%;
    margin: 0;
    font-size: 13px;
  }
  .contact_infobox p{
    margin: 0;
  }
  .contact_infobox svg,.contact_infobox2 svg {
      height: 95%;
      width: 95%;
  }
  .infobox_3_text p {
    padding: 0 12%;
    box-sizing: border-box;
  }
  .infobox_2_text p {
    padding: 0 6%;
    box-sizing: border-box;
  }
  .client_sysitem,.client_otherbar_item{
    display: block;
  }

  .client_page,.client_sysitembar,.client_list,.newcases_page,.newcases_timeline,.mobilecases_timeline{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    text-align: center;
  }
  .newcases_timeline,.mobilecases_timeline{
    background-image:none;
  }

  .client_title,.otherclient_title{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    padding-top: 50px;
  }

  .client_sysitembar_in,.client_otherbar_in{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    text-align: center;
  }

  .client_sysitem img{
    display: none;
  }

  .clientrank_box{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
  }
  .clientrank_comment {
    width: 100%;
    padding: 0% 8% 8% 8%;
    box-sizing: border-box;
    border-bottom: 2px solid #009245;
  }
  .clientrank_comment_img {
      width: 100%;
  }
  .clientrank_comment_text{
      width: 100%;
  }

  .clientrank_comment_title {
       height: auto;
  }
  .news_page,.news_page_in{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
  }
  .news_page_in_L{
    width: 100%;
  }
  .news_first_in_img{
     width: auto;
     height: auto;
  }
  .news_first_in h3 {
      width: 85%;
      text-align: center;
  }
  .news_first_in p {
      width: 85%;
  }
  .news_first_in img {
      width: 100%;
  }
  .news_page_in_R{
    display: none;
  }
  .news_page_list{
     display: block;
  }
  .news_page_list_in_L{
    width: 100%;
    text-align: center;
  }
  .news_page_list_in_L img {
      width: 85%;
  }
  .news_page_list_in_R{
    width: 100%;
    text-align: center;
    padding: 5%;
    box-sizing: border-box;
  }
  .news_first_btn{
    text-align: center;
  }

  .news_page_list_in_R h3{
    text-align: center;
  }
  .newdetail_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding:1%;
    box-sizing: border-box;
  }

  .newdetail_page img {
      width: 100%;
  }
  .award_companyduty,.award_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
  }
  .award_companyduty_L{
    float: left;
    width: 100%;
    min-height: inherit;
  }
  .award_companyduty_L p {
      font-size: 16px;
      padding: 5%;
    box-sizing: border-box;
  }
  .award_companyduty_R{
    float: left;
    width: 100%;
  }
  .award_companyduty_duty{
    display: none;
  }
  .award_companyduty_daisy{
    text-align: center;
    padding: 5%;
    box-sizing: border-box;
  }
  .award_list{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
  }
  .award_list_item {
      width: 46%;
  }
  .award_list_item h4 {
        max-width: none;
  }

  .contact_map,.contact_info2,.contact_detail,.contact_workinghr,.contact_mid,.contact_subtitle,.contact_title,.partners_list,.partners_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
  }
  .partners_page{
    padding: 1%;
    box-sizing: border-box;
  }
  .contact_page_system{
    display: none;
  }
  .contact_detail h1{
    font-size: 14px;
  }
  .contact_detail p{
    font-size: 12px;
  }
  .contact_detail_mobile{
    display: block;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
  }
  .contact_detail_mobile table{
    width: 100%;
  }
  .contact_detail_mobiletitle p{
    font-size: 35px;
    font-weight: bold;
    margin: 10px 0px;
  }
  .contact_detail_in_qr img{
    width: 70px;
  }

  .client_gdbox{
    width: 175px;
    position: relative;
    margin: 0 auto;
  }
  .newcases_timeline div,.mobilecases_timeline div{
    width: 100%;
    min-height: inherit;
    max-height: inherit;
  }
  .awards{
    margin-top: 25px;
  }
  .contact_info2 {
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
      display: block;
      height: 310px;
      margin-top: 0px;
      margin-bottom: 85px;
  }
  .servicebanner{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
      height: auto;
  }
  .servicebanner img{
      width: 100%;
  }
  .servicemenu{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
      height: auto;
      margin-bottom: 20px;
  }
  .servicemenu_on{
     position: inherit;
     z-index: inherit;
     top: inherit;
   }
  .servicebanner_on{
    margin-bottom: 0px;
  }
  .servicemenu ul{
    width: 100%;
    display: inline-block;
  }

  .servicemenu ul a{
    text-decoration: none;
  }

  .servicemenu ul li,.servicemenu ul li:hover{
    float: none;
  }

  .bud_page{
      max-width: inherit;
      min-width: inherit;
      max-height: inherit;
      min-height: inherit;
  }
  .bud_page_rhombus{
    display: none;
  }
  .bud_page_box_topic{
    width: 60%;
    height: 35px;
    float: none;
  }
  .bud_page_box_topic h1{
    width: auto;
    height: auto;
    float: none;
    font-size: 24px;
  }
  .bud_page_box_topic_mobile{
    width: 80%;
    height: 65px;
  }
  .bud_page_box_topic_mobile:before{
    display: none;
  }
  .bud_page_box_topic_mobile:after{
    display: none;
  }
  .bud_page_range{
    padding: 3px 10px 0px 0px;
  }
  .bud_page_rangein_L p {
      margin-left: -10px;
  }
  .bud_page_rangein_R {
      width: 80%;
  }
  .bud_page_list{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    margin-top: 0px;
  }
  .bud_page_list h3{
    font-size: 17px;
  }
  .bud_page_list table tr td{
    float: left;
  }
  .bud_page_list table img{
    width: 100%;
  }
  .bud_page_list_R{
    width: 80%;
    box-sizing: border-box;
  }
  .bud_page_range_L{
    box-sizing: border-box;
    padding:15px;
    width: 60%;
  }
  .bud_page_range_R{
    box-sizing: border-box;
    padding:15px;
    font-size: 19px;
  }
  .bud_page_list_L{
    width: 100%;
    padding: 0px 15px 0px 15px;;
    box-sizing: border-box;
  }
  .bud_page_list_R{
    width: 100%;
    padding: 0px 15px 0px 15px;
    box-sizing: border-box;
  }
  .client_list{
    text-align: center;
  }
  .client_box{
    width: 50%;
    float: left;
    display: block;
    margin:0;
    padding: 1%;
    box-sizing: border-box;
    height: 265px;
  }
  .ims_page,.ims_page_in{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding: 1%;
    box-sizing: border-box;
  }
  .ims_page_in_sem h2,.ims_page_in_ads h2,.ims_page_in_seo h2{
    width: auto;
  }
  .ims_page_in_ads img,.ims_page_in_sem img,.ims_page_in_seo img{
    max-width: 100%;
  }
  .ims_page_in_sem_p{
    width: 100%;
    margin: 0;
  }
  .ims_page_in_intro_box{
    height: auto;
    display: inline-block;
  }
  .ims_page_in_intro_box_L,.ims_page_in_intro_box_R,.ims_page_in_intro_box_bottom{
    height: auto;
  }
  .ims_page_in_intro_box_L{
    width: 100%;
    padding-top: 20%;
    box-sizing: border-box;
  }
  .ims_page_in_intro_box_R{
    width: 100%;
    float:none;
  }
  .ims_page_in table td{
    padding: 5px;
    vertical-align: top;
    float: left;
    width: 100%;
  }
  .ims_page_intro table td{
    padding-top: 10%;
  }
  .ims_page_in_fb_box_div,.ims_page_in_ads_box{
    width: 100%;
    height: auto;
  }
  .rnp_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding: 1%;
    box-sizing: border-box;
  }
  .rnp_wsshare{
    display: block;
    float: right;
    vertical-align: top;
  }

 .rnp_wsshare a{
    color: #25d366;
    font-size: 14px;
  }

  .rnp_page img{
    max-width: 100%;
  }
  .rnp_page_in{
    min-width: inherit;
  }
  .rnp_mainfun div{
    width: 100%;
  }
  .ws_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding: 1%;
    box-sizing: border-box;
  }
  .ws_page_in{
    min-width: inherit;
    display: inline-block;
    padding-top: 5px;
    margin-top: 0px;
  }
  .ws_function{
    padding-top: 65px;
    margin-top: -30px;
  }
  .ws_page_in_introL{
    width: 100%;
  }
  .ws_page_in_introR{
    width: 100%;
  }
  .ws_page_in_introR li{
    float: left;
  }
  .ws_page_in_proslist td{
    float: left;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
  }
  .ws_width35{
    width: 100%;
  }
  .ws_page_in_function_mobile_item{
    height: auto;
  }
  .ws_lihead{
    font-size: 21px;
    line-height: 51px;
    font-weight: bold;
  }
  .ws_page_in ul{
    padding: 1%;
    box-sizing: border-box;
  }
  .ws_plan{
    width: 100%;
    text-align: center;
  }
  .ws_plan td{
    padding: 15px;
    font-family: Courier;
    font-size: 19px;
    font-weight: bold;
  }
  .ws_plan_A{
    background-color: #d9f2b1;
    color: #006837;
  }
  .ws_plan_B{
    background-color: #d9f2b1;
    color: #006837;
  }
  .ws_plan_C{
    background-color: #d9f2b1;
    color: #006837;
  }
  .ws_plan_none{
    background-color: #808080;
    color: #e6e6e6;
  }

  .ptx_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding: 1%;
    box-sizing: border-box;
  }
  .ptx_page_in{
    min-width: inherit;
    display: inline-block;
  }
  .ptx_page_in_introL{
    width: 100%;
  }
  .ptx_page_in_introR{
    width: 100%;
    padding: 1%;
    box-sizing: border-box;
  }
  .ptx_page_in_proslist td,.cmx_page_in_proslist td{
    float: left;
    width: 100%;
  }
  .ptx_page_in td{
    float: left;
  }
  .ptx_page_in_function td{
    width: 100%;
  }
  .ptx_page_in_function img,table img{
    max-width: 100%;
  }
  .crx_page,.cmx_page{
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    padding: 1%;
    box-sizing: border-box;
  }
  .crx_page_in,.cmx_page_in{
    min-width: inherit;
    display: inline-block;
  }
  .crx_page_in_function img{
    max-width: 100%;
  }
  .con_info_L{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 25px;
  }
  .con_info_R{
    width: 100%;
  }
  .servicebanner_instore {

    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    height: auto;
}
.servicemenu_instore .icon01 {
  background-image: url(/images/Instore/Instore_menu2_01_m.png);
  width: 98%;
  height: 60px;
  padding: 0px;
  border: none;
  line-height: 60px;
  text-align: center;
  text-indent: inherit;
  font-family: SCRegular;
  color: #333333;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-bottom: 10px;
}
.servicemenu_instore .icon01:hover {border: none;}
.servicemenu_instore .icon02 {
  background-image: url(/images/Instore/Instore_menu2_02_m.png);
  width: 98%;
  height: 60px;
  padding: 0px;
  border: none;
  line-height: 60px;
  text-align: center;
  text-indent: inherit;
  font-family: SCRegular;
  color: #333333;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-bottom: 10px;
}
.servicemenu_instore .icon02:hover {border: none;}
.servicemenu_instore .icon03 {
  background-image: url(/images/Instore/Instore_menu2_03_m.png);
  width: 98%;
  height: 60px;
  padding: 0px;
  border: none;
  line-height: 60px;
  text-align: center;
  text-indent: inherit;
  font-family: SCRegular;
  color: #333333;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-bottom: 10px;
}
.servicemenu_instore .icon03:hover {border: none;}
.servicemenu_instore .icon04 {
  background-image: url(/images/Instore/Instore_menu2_04_m.png);
  width: 98%;
  height: 60px;
  padding: 0px;
  border: none;
  line-height: 60px;
  text-align: center;
  text-indent: inherit;
  font-family: SCRegular;
  color: #333333;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-bottom: 10px;
}
.servicemenu_instore .icon04:hover {border: none;}
.servicemenu_instore .icon05 {
  background-image: url(/images/Instore/Instore_menu2_05_m.png);
  width: 98%;
  height: 60px;
  padding: 0px;
  border: none;
  line-height: 60px;
  text-align: center;
  text-indent: inherit;
  font-family: SCRegular;
  color: #333333;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-bottom: 10px;
}
.servicemenu_instore .icon05:hover {border: none;}
.servicemenu_instore .icon06 {
  background-image: url(/images/Instore/Instore_menu2_06_m.png);
  background-size:auto;
  width: 98%;
  height: 60px;
  padding: 0px;
  border: none;
  line-height: 60px;
  text-align: center;
  text-indent: inherit;
  font-family: '微軟正黑體' , 'Microsoft JhengHei';
  color: #333333;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-bottom: 10px;
}
.servicemenu_instore .icon06:hover {border: none;}
.instore_page {
  max-width: inherit;
  min-width: inherit;
  max-height: inherit;
  min-height: inherit;
  padding: 1%;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  margin-bottom: 50px;
}
.instore_page_in_introR .title {
  width: 100%;
  display: inline-block;
}
.instore_page_in_introR .title .title_l {
  color: #f5ba1d;
  /*text-shadow: 2px 5px 1px #fff, 0px 6px 1px #fff, 0px 7px 10px #fff, 0px 8px 3px #fff, 0px 8px 2px #000;*/
  padding: 0px 0px 0px 0px;
  font-size: 45px;
  font-family: SCHeavy;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.instore_page_in_introR .title .title_r {
  color: #403f41;
  /*text-shadow: 1px 4px 1px #fff, 0px 0px 1px #fff, 0px 0px 5px #fff, 0px 8px 6px #fff, 0px 5px 2px #000;*/
  padding: 0px 0px 0px 0px;
  font-size: 1.2rem;
  font-family: SCHeavy;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top: 5px;
}
.instore_page_in_introR {
  width: 100%;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
}
.instore_page_in_introR .text {
  background-image: url(/images/Instore/about_bg_m.jpg);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 519px;
  margin: 0 auto;
  height: auto;
  background-size: 100%;

}
.instore_page_in_introR .text01 p {
  font-family: SCRegular;
  font-size: 18px;
  margin: 0;
  line-height: 180%;
}
.instore_page_in_introR .text01 {
  width: 70%;
  margin: initial;
  padding-top: 47%;
   padding-right: 0px;
  text-align: right;
}
.instore_page_in_introR .text02 {
  width: 70%;
  margin: initial;
   padding-top: 10px;
   padding-right: 0px;
  text-align: right;
}
.instore_page_in_introR .text02 p {
  font-family: SCRegular;
  font-size: 18px;
  margin: 0;
  line-height: 180%;
}
.instore_page_in_introR .text .blod_b {
  font-size: 22px;
  font-weight: bold;
}
.instore_page_in {
  width: 100%;
  min-width: auto;
  position: relative;
}
.instore_page_in_pros h2 {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: 0;
}
.instore_page_sharpContainer_mobile {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.instore_page_sharp01_m01 {
  background-image: url(/images/Instore/m_bg03.png);
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100%;
  min-height: 325px;
}
.instore_page_sharp01_m {
  background-image: url(/images/Instore/m_bg01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 325px;
}
.instore_page_sharp01_m span {
    color: #9bbf2c;
    font-family: SCBold;
    font-size: 26px;
    display: inline-block;
    margin-top: 10px;
}
.instore_page_sharp01_m p {
  font-family: SCRegular;
  color: #333333;
  font-size: 18px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.instore_page_sharp02_m {
  background-image: url(/images/Instore/m_bg02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 325px;
}
.instore_page_sharp02_m span {
  color: #f5ba1d;
  font-family: SCBold;
  font-size: 26px;
  display: inline-block;
  margin-top: 10px;
}
.instore_page_sharp02_m p {
  font-family: SCRegular;
  color: #333333;
  font-size: 18px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.instore_page_sharp01_m p img {
  width: 70px;
}
.instore_page_sharp02_m p img {
  width: 80px;
}
.instore_page_system_m {
  background-image: url(/images/Instore/instore_12_m.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 100%;
}
.instore_page_system_m .systemfl { float: left;}
.instore_page_system_m .systemfl span {color: #333333; font-size: 20px; font-family: SCMedium;}
.instore_page_system_m .systemfl h3 {color: #9bbf2c; font-size: 20px; font-family: SCMedium;    font-weight: 500;}
.instore_page_system_m .systemfl p { color: #666666; font-family: SCRegular; margin-top: 3px; margin-bottom: 3px;}
.instore_page_system_m .systemfr { float: right;}
.instore_page_system_m .systemfr span {color: #333333; font-size: 20px; font-family: SCMedium;}
.instore_page_system_m .systemfr h3 {color: #f5ba1d; font-size: 20px; font-family: SCMedium;    font-weight: 500;}
.instore_page_system_m .systemfr p { color: #666666; font-family: SCRegular; margin-top: 3px; margin-bottom: 3px;}
.instore_page_system_m  .pic {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.instore_page_system_m  .pic img{
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100px;
}
.instore_page_system_m  .text {
  display: inline-block;
}
.instore_page_system_m p {
  margin: 0;
}
.instore_page_system_m p img{
  width: 100%;
}
}
@media screen and (max-width: 530px){
  .instore_page_in_introR .text {
    min-height: 469px;
  }
  .instore_page_in_introR .text01 {
    width: 70%;
    margin: initial;
    padding-top: 47%;
    padding-right: 0px;
    text-align: right;
}
.instore_page_in_introR .text01 p {
  font-family: SCRegular;
  font-size: 18px;
  margin: 0;
  line-height: 170%;
}
.instore_page_in_introR .text02 p {
  font-family: SCRegular;
  font-size: 18px;
  margin: 0;
  line-height: 170%;
}
.instore_page_in_introR .text .blod_b {
  font-size: 22px;
  font-weight: bold;
}
.instore_page_sharp01_m01 {
  background-image: url(/images/Instore/m_bg03.png);
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100%;
  min-height: 295px;
}
.instore_page_sharp01_m {
  background-image: url(/images/Instore/m_bg01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 295px;
}
.instore_page_sharp02_m {
  background-image: url(/images/Instore/m_bg02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 295px;
}
}
@media screen and (max-width: 490px){
  .instore_page_sharp01_m01 {
    background-image: url(/images/Instore/m_bg03.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;
    min-height: 275px;
  }
  .instore_page_sharp01_m {
    background-image: url(/images/Instore/m_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    min-height: 275px;
  }
  .instore_page_sharp02_m {
    background-image: url(/images/Instore/m_bg02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    min-height: 275px;
  }
 }
@media screen and (max-width: 450px){
  .instore_page_in_introR .text {
    min-height: 409px;
  }
  .instore_page_sharp01_m01 {
    background-image: url(/images/Instore/m_bg03.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;
    min-height: 245px;
  }
  .instore_page_sharp01_m {
    background-image: url(/images/Instore/m_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    min-height: 245px;
  }
  .instore_page_sharp02_m {
    background-image: url(/images/Instore/m_bg02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    min-height: 245px;
  }
  .instore_page_sharp01_m p img {
    width: 60px;
  }
  .instore_page_sharp02_m p img {
    width: 70px;
  }
  .instore_page_sharp01_m p {
    font-family: SCRegular;
    color: #333333;
    font-size: 16px;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .instore_page_sharp02_m p {
    font-family: SCRegular;
    color: #333333;
    font-size: 16px;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .instore_page_sharp01_m span {
    color: #9bbf2c;
    font-family: SCBold;
    font-size: 22px;
    display: inline-block;
    margin-top: 10px;
  }
  .instore_page_sharp02_m span {
    color: #f5ba1d;
    font-family: SCBold;
    font-size: 22px;
    display: inline-block;
    margin-top: 10px;
  }
  .instore_page_system_m .systemfr h3 {
    color: #f5ba1d;
    font-size: 18px;
    font-family: SCMedium;
    font-weight: 500;
    display: inline-block;
    /* width: 100%; */
    margin: 0;
}
.instore_page_system_m .text {
  display: inline-block;
  float: left;
  width: 210px;
}
.instore_page_system_m .systemfr span {
  color: #333333;
  font-size: 16px;
  font-family: SCMedium;
  display: inline-block;
  width: 100%;
}
.instore_page_in_introR .text01 p {
  font-family: SCRegular;
  font-size: 16px;
  margin: 0;
  line-height: 170%;
}
.instore_page_in_introR .text02 p {
  font-family: SCRegular;
  font-size: 16px;
  margin: 0;
  line-height: 170%;
}
.instore_page_in_introR .text .blod_b {
  font-size: 18px;
  font-weight: bold;
}
}
@media screen and (max-width: 380px){
  .instore_page_in_introR .text01 p {
    font-family: SCRegular;
    font-size: 14px;
    margin: 0;
    line-height: 170%;
}
.instore_page_in_introR .text02 p {
  font-family: SCRegular;
  font-size: 14px;
  margin: 0;
  line-height: 170%;
}
.instore_page_in_introR .text02 p::before {
  content: "";
  width: 3px;
  height: 13px;
  margin-right: 5px;
  background: #69bb67;
  display: inline-block;
}
.instore_page_in_introR .text01 p::before {
  content: "";
  width: 3px;
  height: 13px;
  margin-right: 5px;
  background: #69bb67;
  display: inline-block;
}
.instore_page_in_introR .text .blod_b {
  font-size: 15px;
  font-weight: bold;
}
.instore_page_in_introR .text {
  min-height: 359px;
}
.instore_page_in_pros h2 {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0;
}
.instore_page_in_pros h2 img {
  width: 70px;
}
.instore_page_sharp01_m01 {
  background-image: url(/images/Instore/m_bg03.png);
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100%;
  min-height: 215px;
}
.instore_page_sharp01_m {
  background-image: url(/images/Instore/m_bg01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 215px;
}
.instore_page_sharp02_m {
  background-image: url(/images/Instore/m_bg02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 215px;
}
.instore_page_sharp01_m p {
  font-family: SCRegular;
  color: #333333;
  font-size: 14px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.instore_page_sharp02_m p {
  font-family: SCRegular;
  color: #333333;
  font-size: 14px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.instore_page_sharp01_m span {
  color: #9bbf2c;
  font-family: SCBold;
  font-size: 20px;
  display: inline-block;
  margin-top: 10px;
}
.instore_page_sharp02_m span {
  color: #f5ba1d;
  font-family: SCBold;
  font-size: 20px;
  display: inline-block;
  margin-top: 10px;
}
.instore_page_sharp01_m p img {
  width: 50px;
}
.instore_page_sharp02_m p img {
  width: 50px;
}














}