@charset "utf-8";
/* 全部的框 */
#new-footer{display:block;background:#f5f5f5;margin:0 auto;position:relative;font-size:15px;line-height:1.7em}
#new-footer::after{content:" ";display:block;clear:both;}
#new-footer a{text-decoration:none;color:#666}
#new-footer a:hover{color:#c00}
.size{max-width: 1180px;width:95%;margin:auto;position:relative;display:block;}
.size::after{content:" ";display:block;clear:both;}

/* 列表 */
/* 列表按鈕 */
.nF_button{display:none;line-height:0;border:0;cursor:pointer;text-indent:-9999px;width:1em;height:1em;background:#f5f5f5;margin:0 0 -1em 5%;top:-1em;position:relative;font-size:2.9em;}
.nF_button span,
.nF_button span::before,
.nF_button span::after{position:absolute;display:block;width:100%;height:4px;left:0;background-color:#666;content:"";transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:top, transform;top:0;}
.nF_button span{transition:background 0s 0.3s;text-indent:-9999px;line-height:0;top:50%;width:60%;left:20%;margin-top:-2px}
.nF_button span::before{transform:translate(0,200%)}
.nF_button span:after{transform:translate(0,-200%)}
.nF_open .nF_button span{background:none;}
.nF_open .nF_button span::before,
.nF_open .nF_button span::after{transition-delay:0s, 0.3s;}
.nF_open .nF_button span::before{transform:translate(0,0)rotate(45deg);}
.nF_open .nF_button span::after{transform:translate(0,0)rotate(-45deg);}
/* 列表 */
.nF_container{display:table;width: 100%;}
.nF_list{width:25%;display: table-cell;vertical-align: top;padding:0 0 1em 1em}
.nF_list.nF_list5{width:50%;}
.nF_title{font-weight:bold;margin:1em 0 0 0;}
.nF_list ul{color:#999;font-size:1em;line-height:1.7em;}
.nF_list3{margin:1em 0 0 0;}
#new-footer .nF_list3 a{color: #000}
#new-footer .nF_list3 a:hover{color: #C00}
.nF_list4::after{content:" ";display:block;clear:both;}
.nF_list4 ul{float: left;width: 50%;}

/* 地址電話等 */
.nF_main{font-size:1em;margin:0 auto;color:#737373;overflow:hidden;width: 100%; position:relative;padding:2em 0 1em 0;text-align:center;}
.nF_main_table{display:block;}
.nF_main_tr{display:flex;}
.nF_qr{display:block;flex:2; border-right:1px solid #ddd;padding:0 20px 0 0;margin:0 20px 0 0;text-align:center;vertical-align:middle; width:15em}
.nF_left{display:block;flex: 7;text-align:left;padding: 0; vertical-align:middle;}
.nF_left a{font-weight:bold}
.nF_left .br{display: inline-block; vertical-align: top}
.nF_left p{display: block;flex: 1; padding:0em 0 1em 1em;vertical-align: top; /*float:left;width: 356px; */line-height:150%}
.certificate{text-align:left;height:60px;padding: 0 0 0 1em;}
.certificate img{margin:0 5px 2px 0;max-height:100%;vertical-align:middle;}
.nF_svg_icon{display:block;stroke-width:0;width:1em;height:1em;stroke:currentColor;fill:currentColor}
.nF_icon-Download_on_the_App_Store,
.nF_icon-Download_on_google_play_badge { width:98%;height:5em;margin:auto}

.qrbox{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:20}
.qrbox .box{ background-color:#fff;color:#000;display:block; padding:0.1em 0;margin:-0.6em auto 0; top:50%; position:relative; font-size:15em; width:1.2em;}
.qrbox .box svg{ margin:auto;}
.qrbox .box .xx{ background-color:#ccc; border:2px solid #aaa; border-radius:50%; position:absolute; top:-0.5em; right:-0.5em; font-size:0.15em; width:1em; height:1em}
.qrbox .box .xx::after,
.qrbox .box .xx::before{background:#000;
    content:"";
    display:block;
    height:0.1em;
    margin:0 0 0 0.14em;
    overflow:hidden;
	position:relative; top:40%;
    width:0.6em;}
.qrbox .box .xx::after{transform:translateY(-50%) rotate(45deg);}
.qrbox .box .xx::before{transform:translateY(30%) rotate(-45deg);}




/* 版權宣告 */ 
.nF_copyright{font-size:1em;margin:0 auto;color:#737373;overflow:hidden;position:relative;	padding:0 0 1em 0;}
.nF_copyright a{color:#737373}
.nF_copyright a:hover{color:#373737;text-decoration:none}
.nF_copyright ul{text-align:center;padding:0.6em 0 0 0;margin:0.6em 0 0 0;display:block;}
div + .nF_copyright,
script + .nF_copyright{border-top:1px solid #ddd;}
.nF_copyright li{display:inline;border-left:1px solid #999; white-space:nowrap;padding:0 0.5em;}
.nF_copyright li:first-child,
.nF_copyright li.copyright_txt{border-left:0px solid #999;}



@media screen and (max-width:970px){
	/*.nF_button{display:block;}*/
	.size{width:100%;}
.nF_container{overflow:hidden;/*max-height:0;transition:max-height 1s;*/margin:auto;}
.nF_left{ padding:0.2em 0 0 0}
.nF_left p { float:none;}
.nF_copyright{padding:0 0 1em 0}
.certificate,
.nF_qr,
.nF_copyright li.mo_over,
.nF_copyright li .mo_over{display:none;}
	.nF_list{}
.nF_main_table,
.nF_main_tr,
.nF_left p{display:block;}
.nF_main_table{width: 100%;}
.nF_left p{padding:0.25em 0 0.25em 1.2em;}
}
@media screen and (max-width:640px){
	.nF_left p{float:none; width:100%;}
.nF_qr{display:none;}
}
@media screen and (max-width:600px){
	
.nF_copyright,
.nF_main{font-size:0.92em}
.nF_list, 
.nF_container{display:block}	
.nF_list{float:none;width:auto;padding:0;}
.nF_list4,
.nF_list2,
.nF_list3 a{border-bottom: 1px solid #ccc;padding:0.5em 0;}
.nF_list .nF_list3 a{padding: 0.5em 0 0.5em 1em;display: block}
.nF_list ul{overflow:hidden;max-height:0;transition:max-height 1s;font-size:1em;}
.nF_list .nF_open ul{max-height:60em;}
.nF_list3{margin:0;}
.nF_list3 ul{max-height:60em;}
.nF_title{margin:0;padding: 0 0 0 1em}
.nF_title::before{margin:6px 9px 0 0;transform: rotate(135deg);content:" ";display:block;float: right; width:10px;height:10px;transition:transform 0.5s;border:5px solid #666; border-width:2px 2px 0 0}
.nF_open .nF_title::before{transform: rotate(315deg);}
.nF_list a{padding: 0 0 0 1em;}
.nF_list.nF_list5{width: 100%;}
}
@media screen and (max-width:430px){
.nF_left .br{display:block;}
.nF_left .br+br{display:none;}
}
@media screen and (max-width:350px){
.nF_copyright{width:100%;}
.nF_container{width:100%;}	
}
@media screen and (min-width:1180px){
#new-footer{font-size:16px;}
.certificate img{margin:0 12px 2px 0;}
}