@charset "utf-8";



.btnZone{ width:100%; max-width:1200px; margin:3% auto; text-align:center;}
/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 按鈕樣式 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/
/*--------樣式12--------*/
.btnType1,.btnType2 { display:block; letter-spacing:2px; border-radius:3px; box-shadow:0 1px 0 0 rgba(255,255,255,.5) inset; vertical-align:middle; text-align:center; text-decoration:none; cursor:pointer;transition:all .3s; -webkit-transition:all .3s;}
.btnType1:hover,.btnType2:hover,.btnType3:hover { box-shadow: none; text-decoration:none }
.btnType2 {width:8em; height:2.2em ; padding-top:4px;}

/*--------樣式3--------*/
.btnType3{ display:inline-block; letter-spacing:1px; box-shadow:#444 1px 2px 4px; padding:15px 30px; font-size:20px;}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 按鈕顏色 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


/*--------紅色--------*/
.btnColor-red { border:1px solid #dc2121; color:#FFFFFF; background:#ff5b5b; }
.btnColor-red:hover { color:#FFFFFF; background:#f74c4c; }
/*--------橘色--------*/
.btnColor-orange { border:1px solid #d64c01; color:#FFFFFF; background:#e35e15; }
.btnColor-orange:hover { color:#FFFFFF; background:#ff8f52; }
/*--------藍綠色--------*/
.btnColor-aquamarine { border:1px solid #2289a3; color:#FFFFFF; background:#31a4c1; }
.btnColor-aquamarine:hover { color:#FFFFFF; background:#2289a3; }

/*--------B2綠邊白底--------*/
.btnColor-greenB2Border { border:1px solid #249800; color:#249800; background: #FFF; }
.btnColor-greenB2Border:hover { color:#136600; background: #FFF; } 

/*--------深橘色--------*/
.btnColor-darkorange { border:1px solid #2289a3; color:#FFFFFF; background:#31a4c1; }
.btnColor-darkorange:hover { color:#FFFFFF; background:#2289a3; }

/*--------橘邊白底--------*/
.btnColor-orangeBorder { border:1px solid #ff6600; color:#ff6600; background: #FFF; }
.btnColor-orangeBorder:hover { color:#ff7e38; background: #FFF; }
.btnColor-orangeBorder-bg:hover { color:#fff; background: #ff6600; }


/*--------藍色--------*/
.btnColor-blue { border:1px solid #16b8ba; color:#FFFFFF; background:#25ced0; }
.btnColor-blue:hover { color:#FFFFFF; background:#1cc4c6; }

/*--------海藍色--------*/
.btnColor-seablue { border:1px solid #006db2; color:#FFFFFF; background:#006db2; }
.btnColor-seablue:hover { color:#FFFFFF; background:#00568c; }

/*--------綠色--------*/
.btnColor-green { border:1px solid #6da72e; color: #FFFFFF; background:#81bb42; }
.btnColor-green:hover { color:#FFFFFF; background:#6da72e; }


/*--------綠色2--------*/
.btnColor-green2 { color:#FFFFFF; background:#81bb42; }
.btnColor-green2:hover { color:#FFFFFF; background:#6da72e;transition:All .5s ease; }


/*--------灰色--------*/
.btnColor-gray { border:1px solid #a5a5a5; color: #5B5B5B; background:#e7e7e7; text-shadow:1px 1px 0 rgba(255,255,255,1);}
.btnColor-gray:hover { color:#5B5B5B; background:#d7d7d7; }

/*--------白色--------*/
.btnColor-white { border:1px solid #a5a5a5; color: #5B5B5B; background: #FFF; }
.btnColor-white:hover { color:#5B5B5B; background:#d7d7d7; }

/*--------粉紅色--------*/
.btnColor-pink { border:1px solid #dc2121; color:#FFFFFF; background:#ff797d; }
.btnColor-pink:hover { color:#FFFFFF; background:#ff5959; }

/*--------深粉紅色--------*/
.btnColor-darkPink { border:1px solid #e33131; color:#FFFFFF; background:#e34646; }
.btnColor-darkPink:hover { color:#FFFFFF; background:#e33131; }

/*--------粉紅邊白底--------*/
.btnColor-pinkBorder { border:1px solid #ff5959; color:#ff5959; background: #FFF; }
.btnColor-pinkBorder:hover { color:#ff6b6f; background: #FFF; }

/*--------行業攻略雲紅色--------*/
.btnColor-iwRed { border:1px solid #dc2121; color:#FFFFFF; background:#cc260a; }
.btnColor-iwRed:hover { color:#FFFFFF; background:#c10000;}

/*--------行業攻略雲藍色--------*/
.btnColor-iwBlue { border:1px solid #11698e; color:#FFFFFF; background:#0e5777; }
.btnColor-iwBlue:hover { color:#FFFFFF; background:#0c4c67;}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ TOP按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.btnScrollTop{  background:rgba(0,0,0,.2); width:50px; height:50px; /*border-radius:50%; */position: fixed;right:10px;bottom:0;cursor:pointer; z-index:999999; color:#FFF; text-align:center;
 font-family:Arial;letter-spacing:1px; opacity:0; padding-top:5px}
.btnScrollTop:before{content:"\f106";font-family: 'FontAwesome'; font-size:20px; color: #FFF ; display:block; line-height:1; }
.btnScrollTop:after{ content:"TOP";color: #FFF ;font-size:11px ;display:block; line-height:1; letter-spacing:2px;}
.btnScrollTop:hover{background:rgba(0,0,0,.32);}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 會員申請按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.btn-member{width:50px; height:auto; /*border-radius:50%;*/ position: fixed;right:10px; bottom:50px;cursor:pointer; z-index:999999; color:#FFF; text-align:center;
 letter-spacing:1px; opacity:0;}
.btn-member a{ display:block; vertical-align:top; text-decoration:none; padding:6px 0 8px; line-height:20px;}
.btn-member a span{ font-size:13px ;display:block; }
.btn-member a:nth-child(1){ color: #FFF ;font-size:15px ;background:rgba(255,102,0,1);}
.btn-member a:nth-child(2){ color: #FF0; background:rgba(7,160,65,1);}
/*.btn-member:after{ content:"";color: #FFF ;font-size:15px ;display:block; line-height:1.2; letter-spacing:2px; }*/
.btn-member a:hover{text-decoration:none; }
.btn-member a:nth-child(1):hover { background:rgba(255,102,0,.7);}
.btn-member a:nth-child(2):hover { background:rgba(7,160,65,.7);}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 顯示更多 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.btn-showMore ,.btn-showMore-loading{ width:94%; height:36px; line-height:36px; margin:0 auto;display: block; color: #333; outline: 0;cursor:pointer;text-align:center; font-weight:bold; letter-spacing:0px;}
.btn-showMore {background: #F0F0F0; border: 1px solid #c6c6c6;}
.btn-showMore:hover{border: 1px solid #c5c5c5; 
					background-image: -webkit-linear-gradient(top, #fcfcfc 0, #ececec 100%); 
					background-image: -moz-linear-gradient(top, #fcfcfc 0, #ececec 100%);
					background-image: -ms-linear-gradient(top, #fcfcfc 0, #ececec 100%);
					background-image: linear-gradient(top, #fcfcfc 0, #ececec 100%);

					}

.btn-showMore-loading{background: #e9e9e9;border: 1px solid #d3d3d3;}
.btn-showMore-loading:before{  content:url(/images/common/Loading-small2.GIF); }	



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 文章下方上下篇按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.pager { width:100%; border-bottom:1px solid #CCC; padding:.8em .5em}
.pager a{ color:#009caf; vertical-align:middle; font-weight:bold;}
.pager a p{  display:none;}
.pager a span{display:inline;}

.pager a:hover p{ display:inline;}
.pager a:hover span{ display: none;}

.pager a.prev{ float:left;}
.pager a.next{float: right;}
.pager a:hover{ text-decoration:none;}
.pager a.prev:before{content:"\f100";font-family: 'FontAwesome'; font-size:1.5em; padding-right:.3em ; font-weight:normal;}
.pager a.next:after{content:"\f101";font-family: 'FontAwesome';font-size:1.5em;padding-left:.3em ;font-weight:normal;}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 文章左右上下篇按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.switchPage ,.switchPage *{transition:all .15s; -webkit-transition:all .15s;}

.switchPage { display: block ; width:46px;height:46px; position:fixed; z-index:99;background:#F0F0F0; border:1px solid #D0D0D0; box-shadow:1px 1px 0px 1px rgba(0,0,0,.1); top:50%;  margin-top:-23px; }
.switchPage a{ position:relative;}
.switchPage a:hover { color: #333; text-decoration:none; }


.switchPage.prev { left:0; transform-origin: center center;border-left: none; }
.switchPage.next { right:0; transform-origin: center center;border-right: none; }

.switchPage.prev:before,.switchPage.next:before{font-family: 'FontAwesome'; width:18px; height:18px; color:#999999;font-size:18px; line-height:1; position:absolute;left:0;top:0;right:0;bottom:0;}

.switchPage.prev:before{content:"\f053";  margin:auto auto auto 12px ;  }
.switchPage.next:before{content:"\f054"; margin:auto 12px auto auto  ;}

.switchPage.prev a{  }
.switchPage.next a{ float:right;}


/*--------------展開--------------*/

.switchPage.prev p{ margin-left:24px;}
.switchPage.next p{margin-right:24px;}

.switchPage:hover{ width:214px; height:80px;margin-top:-41px ;transition:all .15s; -webkit-transition:all .15s; }
.switchPage p{ display: none; width:180px; display:none;padding:.6em; line-height:1.2; max-height:66px; overflow:hidden;}
.switchPage:hover  p{ display:block; }


.switchPage.prev:hover:before{  margin:auto auto auto 4px ;  }
.switchPage.next:hover:before{ margin:auto 4px auto auto  ;}






/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 切頁按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.change-page { text-align:center; width:100%; font-size:1em;  display:block; font-family: Helvetica; margin:2em 0;   }

.change-page a ,.change-page span{ display:inline-block; text-decoration:none; width:2em; height:2em; line-height:2em; background:#FFFFFF; color:#333333; margin:0 .2em}
.change-page span { background: #666; color:#FFFFFF; }
.change-page a:hover {  border:1px solid #c5c5c5; text-decoration:none; color:#333333;}


.change-page .prev{ border:1px solid #c5c5c5; margin-right:.2em;}
.change-page .prev:before{content:"\f104";font-family: 'FontAwesome';}

.change-page .next{ border:1px solid #c5c5c5;margin-left:.2em;}
.change-page .next:before{content:"\f105";font-family: 'FontAwesome';}

.change-page .prev:hover ,.change-page .next:hover { border:1px solid #666; }


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 廣告點點設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.AD .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background:#fff ;margin: 20px 6px; cursor: pointer; 
border:1px solid #ff6600;}
.AD .swiper-pagination-switch:hover { background: #ff6600;}
.AD .swiper-active-switch { background:#ff6600;}
.AD .swiper-active-switch:hover {background:#ff6600;}

.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background:#1ac7c9 ;margin: 20px 6px; cursor: pointer; 
border:1px solid #009d9f; box-shadow:1px 1px 0 0 rgba(255,255,255,.4)}
.swiper-pagination-switch:hover {background: #009d9f}
.swiper-active-switch {/* width:40px;*/  background: #FFF}
.swiper-active-switch:hover {background:#1ac7c9}



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


.switchPage { display:none;}




}



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

	
.change-page {  font-size:.8em;      }





}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 兩個按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.btns { width:90% ; max-width:600px;  margin:40px auto ; text-align:center; z-index:999;letter-spacing:-5px;}
.btns a ,.btns input { display:inline-block; width:48%; margin:0 2px; height:46px;line-height:46px;font-size:16px; font-weight:bold; text-align:center;  vertical-align:middle;letter-spacing:2px; }


@media screen and (max-width: 640px) {
	
.btns {  margin:20px auto ; }

}