.product_try a {
    display: inline-block;
    padding: 5px 50px;
    background-color: #fff;
    color: #16c7ba;
    border: 1px #16c7ba solid;
    letter-spacing: 1px;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
}
.product_try a:hover {
    background-color: #16c7ba;
    border: 1px solid #16c7ba;
    color: #fff;
    transition: .3s;
}
.register_outside_wrap .register {
    width: 525px;
    display: inline-block;min-width: 420px;
}
.register_outside_wrap img {
    display: inline-block;
}
.about_crm {display: none;}
h3.register-title {
    font-size: 50px;
    margin-bottom: 20px;
    color: #666;
}
/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 規格說明 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.about_crm .device_title{font-weight: bold;}
.content-spec  {background: #FFF  ; margin-bottom: 50px }
.content-spec  article{ width:74%;  color:#666 ;margin:5vh auto auto auto;     text-align: center;}
.content-spec  article h2{font-size:50px; text-align:center; margin-bottom:.3em;     font-weight: 500; }

table.spec { width:100%; background:#FFF ;max-width:1000px; border:1px solid  #D9D9D9; margin:0 auto 50px ; font-size:1em;    text-align: left; }
table.spec tr{border-bottom:1px solid  #D7D7D7;  display:block;}
table.spec tr:last-child{border-bottom: none;}
table.spec th{ width:160px;padding: 10px; text-align:right;font-weight:bold; background: #F7F7F7;}
table.spec td{ padding-left:1em; /*font-size:.9em;*/padding: 10px;}
table.spec td.App div{ display:inline-block; vertical-align:top; margin:0 1% 1% 0;}
table.spec td.App div:nth-child(1){ width:55%; margin-right:1%;}
table.spec td.App div:nth-child(2){ width:20%;margin-top:10px;}
table.spec td.App div:nth-child(2) img{ width:100%; margin-top:15px;}
table.spec td.App div:nth-child(3){ width:20%;}
table.spec td.App div:nth-child(3) img{ width:80%;}


table.spec .warn{ color:#F00; font-size:1em; vertical-align:middle;}

table.spec a { color:#009caf;}



/*-------消除jquery.mobile 設定---------*/
.ui-loader{ display:none;} 
.ui-loader h1{display:none;} 




@media screen and (max-width: 1030px) {

/*----------------規格說明----------------*/
table.spec td.App div:nth-child(1){ width:55%; }
table.spec td.App div:nth-child(2){ width:20%;margin-top:15px;}
table.spec td.App div:nth-child(2) img{ width:100%; margin-top:15px;}
table.spec td.App div:nth-child(3){ width:20%;}
table.spec td.App div:nth-child(3) img{ width:100%;}


}


/* portrait 這是拿直的時候 */
@media screen and (orientation:portrait) and (max-width: 640px) {
	
html ,body { overflow-Y: auto; }
	
.content {  margin-top:0px; }

.content section {}

.content section [class*="content"] .wrap{max-width:100%;padding:3em 0;}

[class*="content-intro"] { background-size:cover; height:640px;}
[class*="content-"] [class*="image"] {padding:20vh 0 30px 0;}




/*----------------規格說明----------------*/

.content section  .content-spec article {width:98% !important ;}

table.spec { font-size:.9em ;width:100%;}
table.spec th{ width:80px;padding:.4em 0; padding-right:.3em; }
table.spec td{  padding-left:.5em;}
table.spec td.App div:nth-child(1){ width:95%; }
table.spec td.App div:nth-child(2){ width:95%;margin-top:15px;}
table.spec td.App div:nth-child(2) img{ width:auto; margin-top:15px;}
table.spec td.App div:nth-child(3){ width:95%;}
table.spec td.App div:nth-child(3) img{ width:auto;}
	
	
}








.productintro .swiper-container {
      width: 100%;
      height: 100%;
       
    }
.productintro   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: rgba(0,0,0,.1);;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
    }
.productintro	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);background: #B9B9B9; transform: scale(1.2);position: relative;z-index: 999;    opacity: 1 !important;
	}



/*----------------免費試用----------------*/

section.about {
    padding: 0 !important;
}

.register .container {
    text-align: center;
}
.register_outside_wrap {
    background-image: url("/images/product/register/bg.png");
        background-position: center bottom;
    height: 400px;    margin: 30px auto 0;
    text-align: center;    background-repeat: no-repeat;
}
.register_outside_wrap .title {
    margin: 20px 0;
    text-align: center;
    font-size: 50px;
}

input#DAA009 {
    display: inline-block;
    width: 328px;
    height: 50px;    font-size: 20px;
}

a#sendCodeBtn {
	padding: 0 ;
    display: inline-block;
    width: calc(100% - 335px);
    height: 50px;
    line-height: 50px;
    border: 0;
    vertical-align: top;    font-size: 20px;
}

input#submitBtn {
    width: calc(100% - 265px);
    display: inline-block;
    height: 50px;
    vertical-align: top;
    border: 0;
    font-size: 20px;
}
input#M5Code {
    width: 259px;
    display: inline-block;
    height: 50px;
    font-size: 20px;
}

.register {    width: 525px;    margin-left: 5%;}

.register .title {    color: #ffa200;    font-size: 48px;    font-weight: bold;margin-bottom: 30px;}

.register a#sendCodeBtn:hover, input#submitBtn:hover {
    background-color: #01707d;
}
.register a#sendCodeBtn, input#submitBtn {
    background-color: #0097a7;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;

}
.register a.fancybox.btn.btnType1 {
    border: 0;
    color: #0097a7;
    background-color: unset;
    font-size: 20px;
    margin-top: 10px;
    font-weight: normal;
}



/*----------------免費試用end----------------*/



/*----------------相關產品介紹----------------*/



.productintro .swiper-slide.swiper-slide-visible.swiper-slide-active p {
    display: block;
}
.productintro [class*="Slide"] .arrow-left {    margin: auto auto auto 2%;    color: #909090;}
.productintro [class*="Slide"] .arrow-right {    margin: auto 2% auto auto;    color: #909090;}
/*

[class*="Slide"] .dark:before, [class*="Slide"] .dark:before {
    display: inline-block;
    color: #fff;
    background-color: #009caf;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-shadow: none;
}
*/


/*----------------相關產品介紹end----------------*/
section.register_outside_wrap {
    margin-bottom: 0;
}
.productintro {
    margin: 2% 0 5%;
}
.productintro_wrap {
    position: relative;
}

.productintro_wrap .title {
    margin: 0;
    text-align: center;
    font-size: 50px;
	color: #666;
}

.productintro_wrap .Slide {
    max-width: 1200px;
    height: 400px;
    margin: 0 auto;
}
.productintro_wrap .product_blank {
    width: 500px;
    height: 260px;
    padding: 30px;
    font-size: 18px;
    box-shadow: #d8cece 6px 0px 20px;
    background-color: #fff;
    border-radius: 10px;
}

.productintro_wrap .product_blank p {
    width: 315px;
    margin: 0 auto;
/*    margin-top: 10px;*/
    display: none;
    font-size: 16px;
    line-height: 1.6;
}
.productintro_wrap .sec-title {
    font-size: 36px;
    margin-top: 20%;
     line-height: 1.6;
}
.productintro_wrap .product_link {
    margin-top: 20px;
    display: none;
}
.productintro .swiper-slide-active .product_link,.productintro .swiper-slide-active p {
    display: inline-block;
}


.swiper-slide.swiper-slide-active h2.sec-title {
    margin: 0;
    color: #008292;
}

.productintro .swiper-slide {    opacity: 0.6;
	background: #fff;}



.productintro_wrap .product_link a {
    color: #fff;
    padding: 7px 30px;
    background: #009caf;
    border-radius: 5px;
    letter-spacing: 2px;
}
.productintro_wrap .product_link a:hover {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 1200px) {

.feature_wrap {
    min-width: 600px;
    max-width: 600px;
}


}
@media screen and (max-width: 1024px){
.register_outside_wrap {
    height: auto;
}	
}
@media screen and (max-width: 768px){
section.register {
    margin: 0 auto !important;
}
	
	.productintro_wrap {
    margin-top: 10% !important;
}


}



@media screen and (max-width: 640px){

.register_wrap {    text-align: center;    width: 100%;}

.register_outside_wrap img {    width: 90%;}	

.register_outside_wrap .container {    width: 350px;    margin: 0 auto;}

}

@media screen and (max-width: 480px){
	
	[class*="content-"] article h2 {    font-size: 40px !important;}
	.multi span {    font-size: 44px;}	
.register_outside_wrap {    margin: 0 auto;}	
.register_outside_wrap .container {    width: 300px;    margin: 0 auto;}	
section.register {    min-width: 300px;}
	.register_outside_wrap .title, .productintro_wrap .title,h4.multi,h3.register-title {    font-size: 36px;}
	.productintro_wrap .sec-title {    font-size: 30px;}	
	.productintro_wrap .product_blank p {    font-size: 16px;    width: 240px;}
	.register_outside_wrap .register {    margin: 0;
    min-width: unset;
    width: 100%;
}
}



@media screen and (max-width: 767px) {
	
	
	.register .container {    max-width: unset;    width: 90%;}
	

	.code .content {    padding: 0;}
	
}

/*

@media screen and (max-width: 640px) {
	.phone {    vertical-align: top;}
	
	input#DAA009 {		width: calc(100% - 290px);}
	.input .btn.rgbtn {    width: 200px;}
.register .container {
    width: 100%;
    padding: 0 3%;
}
section.register {    width: 100%; padding: 0 10px;}	
section.register .title {    font-size: 36px;}	
input#M5Code {
    width: 230px !important;
    height: 50px;
    line-height: 50px;font-size: 22px;
}
input#DAA009 {
    width: 200px !important;
    height: 50px;
    line-height: 50px;font-size: 22px;    margin: 0 0 0 5px;
}
a#sendCodeBtn {
    width: calc(100% - 218px) !important;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
}
input#submitBtn {
    width: calc(100% - 245px) !important;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
}
.register_wrap {    background-size: 96%;}	
	
	
}
*/
@media screen and (max-width: 576px) {	
section.register {    width: 100%; padding: 0 10px;}	
section.register .title {    font-size: 36px;}	
input#M5Code {    width: 200px  !important;}
	input#DAA009 {    width: 200px  !important; color: #999;}
a#sendCodeBtn {    width: calc(100% - 210px)  !important;}
input#submitBtn {    width: calc(100% - 210px)  !important;}	
.register_wrap {    background-size: 96%;}	

}

.input ::-webkit-input-placeholder, .phone ::-webkit-input-placeholder {
  color: #666 !important;

}