#append-btn, #append-list{display:none !important;}
a:focus, a:active{outline:0 none;}
.c-f{clear:both;}
.clearfix:after, .tbs:after, .dtl-box:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
body{ margin:0 auto; text-align:center;}
.restriction{font-size:0; height:2px;}
.container{max-width:950px;}
.main-area{margin:0 auto; max-width:950px; }
.menu-1st{position: relative;}

/*.content{margin:0;}-*/
a[name^="app"]{position:relative; display:block; height:1px;}
/* 黏住時 */
.fixing .menu ul, .fixing .banner{position:fixed; width:100%; top:0; z-index:9998 !important;}
.fixing .header{height:335px;}
.fixing .banner{top:-237px; z-index:9997;}
img.vd{ display:none;}
img.vd2{display:none;}
/*步驟內容*/
.pro_01{margin-top:20px; max-width:950px;}
.pro_01 img{width:100%;}
.rwd_menu{display:none;}
.rwd_menu2{display:none;}
.box01{ display:block;}
.a-step, .b-step, .c-step{  /*margin:10px 10px 10px 0; width:465px;*/ display:none;}
/*.b-step{margin:10px 0 0 10px; float:right;}*/
/*.touch{display:none;}*/
.box02, .box03{ display:none;}
img.back-home{ displ;ay:none;}
/*注意事項*/
/*.s-note{display:none;}*/
ol.notice{width:95%; margin:0 auto; line-height:1.5em; font-size:14px; font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; }
ol.notice li{ margin:4px 0; list-style-position:outside;}
ol.notice li ol{ margin-left:1.5em;}
.menu a, .menu li a:link, .menu li a:visited, .menu li a:hover{text-shadow:none}


@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (min-width: 992px){
}

@media (min-width: 767px) and (max-width: 994px){
.main{width:100%; background:none; }
.title01{ display:none;}
img.vd2{ display:block;  width:100%;}

}



@media (min-width: 641px) and (max-width: 768px){
.main{width:100%; background:none; }
.title01{ display:none;}
img.vd{ display:block;  width:100%;}
img.vd2{display:none;}
.navbig{ display:none;}
.pro_01{width:100%; margin-top:0;}
.rwd_menu, .box02{display:block;}
img.back-home{display:block; float:right; width:146px; height:67px; margin:-38px 0 5px;}
.box01{display:none;}
.a-step, .b-step, .c-step{ margin:20px 0 30px 0; width:100%; display:block; text-align:center;}
.a-step img, .b-step img, .c-step img{ width:85%;}

.touch{display: block;}

.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}
/* 黏住時 */
.fixing .menu ul, .fixing .banner{position:static; width:100%; top:0; z-index:9998 !important;}
.fixing .header{height:305px; visibility:hidden;}
.fixing .banner{top:0; z-index:9997;}
.menu{ display:none;}

}

@media (min-width: 481px) and (max-width: 640px){
.main{width:100%; background:none; }
.title01{ display:none;}
.navbig{ display:none;}
img.vd{ display:block;  width:100%;}
img.vd2{display:none;}
.pro_01{width:100%;  margin-top:0;}
.rwd_menu, .box02{display:block;}
img.back-home{display:block; float:right; width:146px; height:67px; margin:-38px 0 5px;}
.box01{display:none;}
.a-step, .b-step, .c-step{margin:20px 0 30px 0; width:100%; display:block; text-align:center;}
.a-step img, .b-step img, .c-step img{ width:85%;}
.cont, .none-touch, .l-note{display:none;}
.touch{display: block;}

.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}
/* 黏住時 */
.fixing .menu ul, .fixing .banner{position:static; width:100%; top:0; z-index:9998 !important;}
.fixing .header{height:305px; visibility:hidden;}
.fixing .banner{top:0; z-index:9997;}
.menu{ display:none;}

}


@media (min-width: 400px) and (max-width: 480px){
.main{width:100%;background:none;}
.title01{ display:none;}
.navbig{ display:none;}
img.vd{ display:block; width:100%;}
img.vd2{display:none;}
.pro_01{width:100%;  margin-top:0;}
.rwd_menu, .box03{display:block;}
img.back-home{display:block; float:right; width:146px; height:67px; margin:-38px 0 5px;}
.box01, .box02{display:none;}
.a-step, .b-step, .c-step{ margin:20px 0 30px 0; width:auto; display:block; text-align:center;}
.a-step img, .b-step img, .c-step img{ width:100%;}
.touch{display: block;}
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

.fixing .menu ul, .fixing .banner{position:static; width:100%; top:0; z-index:9998 !important;}
.fixing .header{height:305px; visibility:hidden;}
.fixing .banner{top:0; z-index:9997;}
.menu{ display:none;}


}

@media (max-width: 399px){
.main{width:100%;background:none;}
.title01{ display:none;}
.navbig{ display:none;}
img.vd{ display:block;  width:100%;}
img.vd2{display:none;}
.pro_01{width:100%;  margin-top:2px;}
.rwd_menu2, .box03{display:block;}
img.back-home{display:block; float:right; width:146px; height:67px; margin:-38px 0 5px;}
.box01, .box02{display:none;}
.a-step, .b-step, .c-step{margin:20px 0 30px 0; width:auto; display:block;}

.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

.fixing .menu ul, .fixing .banner{position:static; width:100%; top:0; z-index:9998 !important;}
.fixing .header{height:305px; visibility:hidden;}
.fixing .banner{top:0; z-index:9997;}
.menu{ display:none;}


}

