@import url("/css/product/swiper_A1Pro.css");

.mainNav ul ul .btn {    padding: 0;}

.wrap{width:100%;position:relative; line-height:1.6; font-size:1em; }

.unitName{ background:#ff8329;}

/*-------------mainNav單元文字變色---------------*/
.mainNav > ul > li:nth-child(2) > a { color:#00babc; font-weight:bold;}
@media screen and (max-width: 980px) {
	
.mainNav > ul > li:nth-child(2) > a { color:#333; }

}


body *{transition: 0s;}

.register_outside_wrap{ display: none;}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ header ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


h1 {
    font-size: 60px;
    color: #2796db;
}
h2 {
    display: inline-block;
    width: 45%;
    letter-spacing: 5px;
}


.title {
    text-align: center;
    font-size: 50px;
    margin: 60px 0;
}

a.btn {
    line-height: 2;
}

.btn-outline-primary {
    color: #2796db !important;
    border-color: #2796db !important;
}
.btn-primary {
    background-color: #2796db !important;
    border-color: #2796db !important;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #2796db !important;
}
.btn-primary:hover {
    background-color: #007bc7 !important;
    border-color: #007bc7 !important;
}



.SMS-header .content .text p {
    font-size: 18px;
    width: 100%;
    text-align: left;
    padding: 15px 0;
    line-height: 1.5;
    letter-spacing: 3px;
    border-top: 2px solid #2796db;
}
.SMS-header .content .pic {
    z-index: 3;
    display: inline-block;
}


.wrap .contanier{ width:100%;max-width:850px; margin:0 auto; padding: 0 10px  100px ; }

.SMS-header {
    padding: 0 20px;
    width: 100%;
    margin: 0 auto !important;
}
.SMS-header .content {    text-align: center;      margin: 50px auto;    position: relative;}
.SMS-header .content > *{ vertical-align:middle; }
.SMS-header .content .text {
    padding: 10px;
    text-align: left;
    font-size: 1em;
    font-family: "微軟正黑體";
    z-index: 98;
    display: inline-block;
}
.SMS-header .content .text h2{  font-weight:bold; line-height:1.2; }

.SMS-header .content .pic img{ margin:0 auto; max-width:100%; }


.block1, .block2, .block3 {
    width: 100% !important;
}



/*----------------特色介紹----------------*/
[class*="Slide"] ,[class*="Slide"] .swiper-container ,[class*="Slide"] .swiper-wrapper {height:800px; margin-bottom: 5%; 
}


[class*="side_img"] {
    margin-left: 5%;
    margin-top: -10%;
    width: 60%;
    float: left;
}
[class*="side_img"] img{	max-width: 100%;}
[class*="side_text"] {
    padding-top: 10%;
    width: 25%;
    float: right;
    margin-right: 20%;
    white-space: nowrap;
}
[class*="side_text"] h2 {
    font-size: 34px;
    font-weight: bold;
    color: #31a4c1;
}
[class*="side_text"] p{	font-size: 18px;	line-height: 32px;}
.pdd_L {
    padding-left: 7%;
}



    .Sliderver2 .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .Sliderver2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* 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;
    }




section.about {
    display: none;
}




.productintro_wrap .sec-title {
    width: 100%;
}

@media screen and (max-width: 1200px) {
/*
	
.part01 .content .text{padding-top:10%; }
*/
/*----------------特色介紹----------------*/	
	[class*="Slide"] ,[class*="Slide"] .swiper-container ,[class*="Slide"] .swiper-wrapper {height:500px !important; margin-bottom: 0;min-height:auto; }
	[class*="side_img"]{	padding-top: 7%;}
	[class*="side_text"] h2{		font-size: 30px;		font-weight: bold;	}
}



@media screen and (max-width: 970px) {
	
	
/*----------------特色介紹----------------*/
.swiper-wrapper{		height: 400px !important;	}
	[class*="side_text"] img{		width: 20%;	}
	[class*="side_text"] p{		font-size: 16px;		line-height: 24px;	}

	h2.title {
    width: 100%;
}

	[class*="side_text"] h2 {
    font-size: 30px;
    font-weight: bold;
}
	
	[class*="side_text"] p {
    font-size: 16px;
    line-height: 24px;
}
	
	
}

@media screen and (max-width: 800px) {
	
/*----------------特色介紹----------------*/
[class*="Slide"] ,[class*="Slide"] .swiper-container ,[class*="Slide"] .swiper-wrapper { height:800px !important;min-height:auto !important; }
.swiper-wrapper{		height: auto !important;	min-height: auto !important;	}
[class*="side_img"]{		width: 90%;		float: none;		margin: 0 auto 5%;	}
[class*="side_text"] img{		width: 20%;	}
[class*="side_text"]{		width: 90%;		float: none;		margin: 0 auto;	}
.SMS-header .content .text { text-align:center; font-size:80%; padding-top:10px;  position: relative; }

.part02 .content .text h2{  height: auto; line-height: normal; }

.SMS-header .content .text {
    margin: 0 auto;
    top: 0;
}
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 其他設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.SMS { width:96%;max-width:1000px; margin:0 auto; padding-bottom:  100px ;}
.btns{ margin-left:0px;}
.smsBtn{ margin-top:20px;}

	


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ advantage icon優點 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.adwrap {
    width: 100%;
    padding: 60px 0;
    background-position: bottom;
    background-image: url(/images/SMS/2019/sec2.png);
	background-repeat: no-repeat;
}
 .advantage { text-align:center;width:100%; max-width:1000px; margin:2em auto 6em; letter-spacing:-5px; }

.advantage .icon {
    background-color: #fff;
    box-shadow: #cacaca 6px 6px 10px;
    border-radius: 20px;
    display: inline-block;
    width: 200px;
    height: 200px;
    text-align: center;
    padding: 20px;
    vertical-align: top;
    letter-spacing: 1px;
    margin: 12px;
}
.advantage div img {
    display: block;
    width: auto;
    margin: 5% auto .6em;
    position: relative;
}
.advantage div p {
    color: #191919;
    text-align: center;
    width: 100%;
    max-width: 190px;
    margin: 0 auto;
    font-size: 17px;
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ phone-display 手機功能 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

	.phone-display{ width:100%;  padding:3em 0 4em  ; background: #ffffff; }
	.phone-display  h3{ display:block; width:96%; max-width:900px; font-size:46px;     margin: 0 auto 50px; color:#2796db;  text-align: center;  letter-spacing:2px; border-top:1px solid #2796db;border-bottom:1px solid #2796db;}

 .phone-display .container { text-align:center;width:100%; max-width:1200px; margin:0 auto ; }

 .phone-display .container .item {  width:33.3333%; text-align: center;  vertical-align:top; letter-spacing:1px; margin-bottom:16px;}
	.phone-display .container .item h4{ font-size:1.2em; margin-bottom:15px;}
	.phone-display .container .item h4 img{ display:inline-block; vertical-align:middle; margin-right:8px; }
	.phone-display .container .item .pic {}
	.phone-display .container .item .pic img{ display:block; max-width:75%; height: auto; margin:0 auto ;}
	
@media screen and (max-width: 640px) {	

	.phone-display  h3{ font-size:1.3em;}
	.btns{ margin-left: 15px;}
	.smsBtn{ margin:20px auto;}
	.phone-display .container .item .pic img {    max-width: 60%;}
}
	

	
@media screen and (max-width: 640px) {	
.part01 .content .pic {
    right: 0;
}
	.phone-display  h3{ font-size:1.3em;}
	.btns{ margin-left: 15px;}
	.smsBtn{ margin:20px auto;}
	/*----------------特色介紹----------------*/
[class*="Slide"] ,[class*="Slide"] .swiper-container ,[class*="Slide"] .swiper-wrapper { height:500px !important;min-height:auto !important; }
		.advantage .icon {
    width: 40%;
    height: 180px;
}
}
@media screen and (max-width: 640px) {		
	
	h1 {
    font-size: 48px;
}
	.title {
    font-size: 36px;
}

	.p04 .title span {
    display: block;
    font-size: 28px;
}
	
	
	.SMS-header .content .text {
    top: 0;
    width: 350px !important;
    text-align: center;
    margin: 0 auto;
		
}
	
	
}
	

/*-----------共用頁面產品介紹之顏色設定-------------*/
table.spec a {    color: #2796db !important;}
.swiper-slide-active h2.sec-title {    color: #2796db !important;}
.productintro_wrap .product_link a {    background: #2796db !important;}



.SMSintroWrap{ width:100%;  position:relative; padding:4em 0 ;}


/*-----------兩邊按鈕-------------*/
.SMSintroWrap .arrow-left,.SMSintroWrap  .arrow-right { display: block;margin:auto;position:absolute ;left:0;top:0;right:0;bottom:0;  width: 20px; height: 30px; z-index:9; text-decoration:none;  opacity:1;   }
.SMSintroWrap .arrow-left{margin:auto auto auto 5%;}
.SMSintroWrap .arrow-right{ margin:auto 5% auto auto ;}

.SMSintroWrap .arrow-left:before,.SMSintroWrap .arrow-right:before{font-family: 'FontAwesome'; font-size:5em; color: #999;}
.SMSintroWrap .arrow-left:before{ content:"\f104";}
.SMSintroWrap .arrow-right:before{ content:"\f105";}

.SMSintroWrap:hover .arrow-left ,.SMSintroWrap:hover .arrow-right{ opacity:1;}






.SMSintro{  width:100%;margin: 0  auto;  position: relative;overflow:hidden;  }

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 內容設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



@media screen and (max-width: 980px) {
.SMSintro .SMSintro-title{ font-size:90%;}
.SMSintro .SMSintro-title:before{ display:none;}

}


@media screen and (max-width: 640px) {
	
.SMSintroWrap{  padding:4em 0 2em;}
.SMSintro .pic{ max-height:300px;}
.SMSintro2 .pic{ max-height: none;}
section.advantage {
    margin: 0;
}
	.adwrap {
    padding: 0;
}
}





.SMSintro .content-slide { padding: 20px; color: #fff; }
.SMSintro .swiper-slide {  }

.SMSintro .pagination { position:relative; text-align: center;  width: 100%; }
.SMSintro .swiper-container {width: inherit; height:inherit;  
	margin:0 auto;
	position:relative;
	 
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}



@media screen and (max-width: 980px) {
.SMSintroWrap .arrow-left ,.SMSintroWrap .arrow-right { display:none;}

}