@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-family:"微軟正黑體", "新細明體"; }
/**:focus{ outline:none; }*/
a{ text-decoration:none; }
.fhide{ display:none; }

/*--header--*/
.header{ border-bottom:2px solid #ec6c00; }
.header .mar{ margin:0 auto; padding:0 25px; max-width:1100px; position:relative; z-index:99; }
.header .mar:after{ clear:both; content:""; display:block; }
.header .mar .logoheader{}
.header .mar .logo{ width:270px; position:absolute; left:25px; bottom:12px; }
.header .mar .logo img{ width:100%; }
.header .mar .donation{ width:170px; height:40px; position:absolute; bottom:12px; right:25px; }
.header .mar .donation .tables{ display:table; text-decoration:none; width:100%; background: #f5a640; border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0;
background: -moz-linear-gradient(top,  #f5a640 0%, #f2632f 100%); 
background: -webkit-linear-gradient(top,  #f5a640 0%,#f2632f 100%);
background: linear-gradient(to bottom,  #f5a640 0%,#f2632f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a640', endColorstr='#f2632f',GradientType=0 ); }
.header .mar .donation .tables .tds01{ display:table-cell; vertical-align:middle; width:46px; height:40px; background-image:url(../images/layout/donation_bg.png); background-size:100%; }
.header .mar .donation .tables .tds02{ display:table-cell; vertical-align:middle; padding:0 0 0 20px;  }
.header .mar .donation .tables .tds01 img{ width:46px; }

.header .mar .menubtn{ display:none; }
.header .mar .menubox{ margin:0 0 0 275px; }
.header .mar .menubox .topbox{ height:60px; position:relative; padding:15px 275px 0 0; text-align:right; font-size:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .mar .menubox .bottom{ padding:0 170px 0 0; text-align:right; font-size:0px; }

/*--功能列--*/
.header .mar .menubox .closebtn{ display:none; z-index: 99; cursor: pointer; }
.header .mar .menubox .topbox .membername{ display:inline-block; }
.header .mar .menubox .topbox .membername .alinks{ color:#ec6c00; text-decoration:underline; display:inline; }
.header .mar .menubox .topbox .fungrids{ display:inline-block; vertical-align:middle; padding:0 15px; border-left:1px solid #808080; color:#808080; font-size:14px; text-decoration:none; }
.header .mar .menubox .topbox .fungrids:nth-child(1){ border:none; }
.header .mar .menubox .topbox .fungrids a{ color:#808080; text-decoration:none; }
.header .mar .menubox .topbox .fungrids a:hover{ color: #EC6C00; }
.header .mar .menubox .topbox .guide{ display:inline-block; vertical-align:middle; }
.header .mar .menubox .topbox .guide a{ color:#808080; font-size:14px; text-decoration:none; }

.header .mar .menubox .topbox .funboxs{ position:absolute; right:0px; top:12px; }
.header .mar .menubox .topbox .funboxs .lan-a{ display:inline-block; border:1px solid #848484; height:22px; width:22px; position:relative; font-size:14px; color:#808080; text-decoration:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 3px; }
.header .mar .menubox .topbox .funboxs .lan-a .lbox{ display:table-cell; vertical-align:middle; text-align:center; width:22px; height:22px; }
.header .mar .menubox .topbox .funboxs .lan-b{ display:inline-block; border:1px solid #848484; height:22px; width:160px; margin:0 0 0 3px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:middle; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable{ display:table; width:100%; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a{ display:table-cell; vertical-align:middle; padding:0 0 0 2px; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input{ width:100%; padding:0 5px; background:#fff; line-height:22px; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-b{ display:table-cell; vertical-align:middle; width:22px; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-b button{ width:22px; height:22px; line-height:22px; background:none; background-image:url(../images/layout/searchicon.png); font-size:0px; border:none; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

.header .mar .menubox .topbox .funboxs .lan-c{ display:inline-block; height:22px; font-size:14px; color:#666; text-decoration:none; margin:0 3px; vertical-align:middle; padding:0 0 0 22px; background-repeat:no-repeat; background-position:left 2px; background-image:url(../images/layout/home.png); line-height: 22px; }
.header .mar .menubox .topbox .funboxs:hover .lan-c{ color: #EC6C00; }


/*--選單--*/
/*選 1階*/
.header .mar .menubox .bottom .grids{ display:inline-block; vertical-align:middle; padding:15px 0; position:relative; height:51px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .mar .menubox .bottom .grids .texts{ border-right:2px solid #333; font-weight:bold; font-size:16px; width:100%; padding:0 8px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-decoration:none; color:#333; }
.header .mar .menubox .bottom .grids:hover .texts{ color: #EC6C00; }
.header .mar .menubox .bottom .grids:last-child .texts{ border:none; }
/*選 2階*/
.header .mar .menubox .bottom .grids .dubox{ display:none; padding:5px 0 0 0; position:absolute; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); left:50%; top:48px; }
.header .mar .menubox .bottom .grids:hover .dubox{ display:block; }
.header .mar .menubox .bottom .grids .dubox .dubg{ padding:5px 0; background-color:#f9f9f9; }
.header .mar .menubox .bottom .grids .dubox .dugrids{ display:block; text-align:center; padding:5px 18px; position:relative; }
.header .mar .menubox .bottom .grids .dubox .dugrids .dutexts{ text-decoration:none; color:#808080; white-space:nowrap; font-size:14px; }
/*選 3階*/
.header .mar .menubox .bottom .grids .dubox .dugrids .trebox{ display:none; position:absolute; top:-5px; right:-130px; background-color:#eee; padding:5px 10px; width:110px; }
.header .mar .menubox .bottom .grids .dubox .dugrids:hover .trebox{ display:block; }
.header .mar .menubox .bottom .grids .dubox .dugrids .trebox .tregrids{ text-decoration:none; display:block; padding:5px 0; font-size:14px; text-align:left; color:#333; }

/*--footer--*/
.fshadow{ height:21px; background-image:url(../images/layout/footer_shadow.png); background-repeat:no-repeat; background-position:center top; }
.footer{ background-color:#ec6c00; padding:20px 0 30px 0; }
.footer .mar{ margin:0 auto; padding:0 25px; max-width:1100px; }
.footer .mar .fboxs{ font-size:0px; }
.footer .mar .fboxs .fgrids-a{ display:inline-block; vertical-align:top; width:28%; height:auto; min-height: 128px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #f6b680; }
.footer .mar .fboxs .fgrids-b{ display:inline-block; vertical-align:top; width:32%; height:auto; min-height: 128px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #f6b680; }
.footer .mar .fboxs .fgrids-c{ display:inline-block; vertical-align:top; width:28%; height:auto; min-height: 128px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #f6b680; }
.footer .mar .fboxs .fgrids-d{ display:inline-block; vertical-align:top; width:12%; height:auto; min-height: 128px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:right; }



.footer .mar .fboxs .fgrids-a .fmar{ width:250px; }
.footer .mar .fboxs .fgrids-a .ftitle{ padding:0 0 0 30px; height:24px; background-image:url(../images/layout/f_icon-a.png); background-repeat:no-repeat; background-position:0 2px; font-size:18px; font-weight:bold; color:#fff; }

.footer .mar .fboxs .fgrids-b .fmar{ width:260px; margin:0 auto; }
.footer .mar .fboxs .fgrids-b .ftitle{ padding:0 0 0 30px; height:24px; background-image:url(../images/layout/f_icon-b.png); background-repeat:no-repeat; font-size:18px; font-weight:bold; color:#fff; }

.footer .mar .fboxs .fgrids-c .fmar{ width:260px; margin:0 auto; }
.footer .mar .fboxs .fgrids-c .ftitle{ padding:0 0 0 30px; height:24px; background-image:url(../images/layout/f_icon-c.png); background-repeat:no-repeat; font-size:18px; font-weight:bold; color:#fff; }

.footer .mar .fboxs .fgrids-d .fmar{ display:inline-block; padding:0 10px 0 0; }
.footer .mar .fboxs .fgrids-d .fmar .uls{ padding:0 0 0 15px; position:relative; font-size:14px; color:#fff; display:block; text-decoration:none; text-align:left; margin:0 0 3px 0; }
.footer .mar .fboxs .fgrids-d .fmar .uls:before{ content:"〉"; position:absolute; left:0px; top:0px; }

.footer .mar .fboxs .ftxt{ font-size:14px; color:#fff; padding:15px 0 0 0; line-height: 22px; }
.footer .mar .fboxs .ftxt a{ color:#fff; text-decoration:none; }
.footer .mar .fboxs .ftxt .tels{ display:inline-block; padding:0 0 0 15px; background-image:url(../images/layout/tel_icon.png); background-repeat:no-repeat; background-position:left center; color:#fff000; background-size:11px; }
.footer .mar .fboxs .flinkbox{ padding:15px 0 0 0; font-size:0px; }
.footer .mar .fboxs .flink{ display:inline-block; margin:0 5px; text-decoration:none; width:41px; }
.footer .mar .fboxs .flink img{ width:100%; }

.footer .mar .copyright{ padding:30px 0 0 0; font-size:12px; color:#fff; }
.footer .mar .copyright .sty01{ display:inline; padding:0 10px 0 0; }
.footer .mar .copyright .sty02{ display:inline; }

/*提示*/
.prompt{ position:fixed; left:0; bottom:0; right:0; z-index:999999; background:rgba(0,0,0,0.8); padding:15px 45px 15px 15px; font-size:16px; color:#fff; }
.prompt .close{ width:30px; height:30px; background:#ec6c00; display:block; text-decoration:none; position:absolute; right:5px; top:0; bottom:0; margin:auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.prompt .close:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#fff; width:15px; height:2px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); }
.prompt .close:after{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#fff; width:15px; height:2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); }

/*TOP BTN*/
.topbtn{ display:block; position:fixed; z-index:20; right:20px; bottom:10px; width:40px; text-decoration:none; }
.topbtn .btns{ width:40px; height:40px; border:1px solid #fff; position:relative; background-color:#ec6c00; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.topbtn .btns .st-a{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; width:17px; height:2px; background-color:#fff; left:5px; top:0; bottom:0px; margin:auto; }
.topbtn .btns .st-b{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; width:17px; height:2px; background-color:#fff; right:5px; top:0; bottom:0px; margin:auto; }
.topbtn .toptxt{ color:#882f00; font-size:16px; text-align:center; }

/*導航*/
.nav{ text-align:left; font-size:14px; color:#333; padding:10px 0; }
.nav a{ text-decoration:none; color:#808080; }

/*內頁*/
.content-page{ max-width:1100px; margin:0 auto; padding:0 25px; }

.bannerpage{ width:100%; position:relative; }
.bannerpage img{ width:100%; }
.bannerpage .rds{ text-align:center; position:absolute; bottom:10px; left:0px; width:100%; font-size:0px; }
.bannerpage .rds .point{ display:inline-block; width:10px; height:10px; margin:0 5px; background-color:rgba(255,255,255,0.5); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; cursor:pointer; }
.bannerpage .rds .point:hover{ background-color:#fff; }
.stytable{ display:block; width:100%; margin: 0 0 30px 0; }
.stytable:after{ clear:both; content:""; display:block; }

.rightcont{ margin:0 0 0 220px; padding:0 0 0 70px; }
.leftmenus{ float:left; width:220px; }
.leftmenus .mtitles{ color:#EC6C00; font-size:18px; font-weight:bold; border-left:5px solid #EC6C00; padding:0 0 0 5px; margin:0 0 15px 0; }
.leftmenus .zoombtn{ display:none; }
.leftmenus .leftlists:first-child{ border-top:1px solid #ec6c00; }
.leftmenus .leftlists{ border-bottom:1px solid #ec6c00; }
.leftmenus .fgrids{ padding:12px 0; display:table; width:100%; text-decoration:none; }
.leftmenus .fgrids:hover{
background: #f6b444;
background: -moz-linear-gradient(left, #f6b444 0%, #f2642f 100%); 
background: -webkit-linear-gradient(left, #f6b444 0%,#f2642f 100%); 
background: linear-gradient(to right, #f6b444 0%,#f2642f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b444', endColorstr='#f2642f',GradientType=1 ); }
.leftmenus .fgrids.hold{
background: #f6b444;
background: -moz-linear-gradient(left, #f6b444 0%, #f2642f 100%); 
background: -webkit-linear-gradient(left, #f6b444 0%,#f2642f 100%); 
background: linear-gradient(to right, #f6b444 0%,#f2642f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b444', endColorstr='#f2642f',GradientType=1 ); }
.leftmenus .fgrids .f_a{ display:table-cell; vertical-align:middle; text-decoration:none; color:#333; font-size:16px; font-weight:bold; padding:0 0 0 20px; }
.leftmenus .fgrids .f_b{ display:table-cell; vertical-align:middle; width:40px;  }
.leftmenus .fgrids .f_b .arrow{ width:12px; height:12px; margin:0 auto; background-image:url(../images/layout/menu_arrow.png); background-repeat:no-repeat; background-position:top; }
.leftmenus .fgrids:hover .f_a{ color:#fff; }
.leftmenus .fgrids:hover .f_b .arrow{ background-position:bottom; }
.leftmenus .fgrids.hold .f_a{ color:#fff; }
.leftmenus .fgrids.hold .f_b .arrow{ background-position:bottom; }
.leftmenus .fmlist{ padding:0 0 0 25px; margin:15px 0 15px 25px; border-left:1px solid #bbb; }
.leftmenus .fmlist .fmgrid{ padding:5px 0; font-size:16px; font-weight:bold; color:#333; display:block; text-decoration:none; }
.leftmenus .fmlist .fmgrid:hover{ color:#EC6C00; }
.leftmenus .fmlist .fmgrid.hold{ color:#EC6C00; }

/*字體大小*/
.fontsizebox{ position:absolute; right:25px; top:7px; }
.fontsizebox .fontext { font-size: 14px; color: #808080; display: inline-block; vertical-align: middle; padding: 0 5px 0 0; }
.fontsizebox .f_grids { display: inline-block; vertical-align: middle; width: 22px; height: 22px; text-decoration: none; color:#333; border:1px solid #888; text-align:center; line-height:22px; background:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; margin:0 0 0 5px; }
.fontsizebox .f_grids.bg01 { font-size:12px; }
.fontsizebox .f_grids.bg02 { font-size:15px; }
.fontsizebox .f_grids.bg03 { font-size:18px; }
.fontsizebox .f_grids:hover, .fontsizebox .f_grids.hold{ background:#EC6C00; border:1px solid #EC6C00; color:#fff; }

/*快捷選單*/
.fast-a{ color: #EC6C00; font-size: 14px; text-decoration: none; display: inline-block; vertical-align: middle; }

/*立即捐款*/
.flashbtn{ display:none; }

/****************字體大小控制區******************/
.fonts_big .nav{ font-size:16px; }
.fonts_medium .nav{ font-size:14px; }
.fonts_small .nav{ font-size:12px; }

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px) {
/*--header--*/
.header{ border:none; }
.header .mar{ position:static; }
.header .mar .logoheader{ padding: 20px 0; }
.header .mar .logo{ position:relative; bottom:auto; left:auto; margin:0 auto; display:block; }
.header .mar .menubox{ display:none; position:fixed; top:0px; left:0px; height:100%; width:100%; margin:auto; z-index:999; background-color:#ec6c00; }

.header .mar .donation{ bottom:auto; top:35px; }
.header .mar .menubtn{ display:block; width:45px; height:44px; position:absolute; left:25px; top:35px; cursor:pointer; }
.header .mar .menubtn span{ width:100%; height:4px; background-color:#ec6c00; display:block; margin:8px 0; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

.header .mar .sheader{ position:fixed; top:0px; left:0px; background-color:#fff; width:100%; border-bottom: 2px solid #ec6c00; z-index:999; }

/*--功能列--*/
.header .mar .menubox .closebtn{ display:block; width:45px; height:45px; position:absolute; left:25px; top:35px; }
.header .mar .menubox .closebtn .col-a{ width:45px; height:4px; background-color:#fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mar .menubox .closebtn .col-b{ width:45px; height:4px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mar .menubox .topbox .membername{ padding: 5px 10px; margin: 0 0 10px 0; background-color: #c55a00; }
.header .mar .menubox .topbox .membername .alinks{ color:#fff; }
.header .mar .menubox .topbox .fungrids:nth-child(2){ border-bottom: 1px solid #fff; }
.header .mar .menubox .topbox .fungrids:nth-child(1) { border-bottom: 1px solid #fff; }
.header .mar .menubox .topbox .fungrids{ display:block; border-bottom: 1px solid #fff; padding:15px 25px; text-align:left; font-size:16px; color:#fff; }
.header .mar .menubox .topbox .fungrids a{ color:#fff; display:block; font-weight:bold; }
.header .mar .menubox .topbox .fungrids a:hover{ color:#fff; }
.header .mar .menubox .topbox .guide{ display:block; text-align:left; padding:0 10px; }
.header .mar .menubox .topbox .guide a{ color:#fff; }

.header .mar .menubox .topbox .funboxs{ width:100%; padding: 30px 25px 0 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .mar .menubox .topbox .funboxs .lan-a{ border:1px solid #fff; color:#fff; margin: 0 0 0 10px; }
.header .mar .menubox .topbox .funboxs .lan-b{ width:100%; border:1px solid #fff; margin:30px 0 0 0; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input{ background-color: #ec6c00; color:#fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input::-webkit-input-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input:-moz-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input::-moz-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input:-ms-input-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-b button{ background-image:url(../images/layout/searchicon-w.png); }

.header .mar .menubox .topbox .funboxs .lan-c{ background-image:url(../images/layout/home_s.png); color:#fff; }
.header .mar .menubox .topbox .funboxs:hover .lan-c{ color:#fff; }
/*--選單--*/
.header .mar .menubox .topbox{ padding:140px 0 0 0; height:auto; }
.header .mar .menubox .bottom{ padding:0px; text-align:left; }
/*選 1階*/
.header .mar .menubox .bottom .grids{ display:block; border-bottom:1px solid #fff; height:auto; padding:15px 25px; }
.header .mar .menubox .bottom .grids .texts{ border:none; color:#fff; padding:0px; display:block; }
.header .mar .menubox .bottom .grids:hover .texts{ color:#fff; }	

/*選 2階*/
.header .mar .menubox .bottom .grids .dubox{ display:block; position:relative; transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; left:auto; top:auto; padding: 10px 0 0 0; }
.header .mar .menubox .bottom .grids .dubox .dugrids{ text-align:left; padding:5px 10px; }
.header .mar .menubox .bottom .grids .dubox .dugrids .dutexts{ font-size:16px; }

/*選 3階*/
.header .mar .menubox .bottom .grids .dubox .dugrids .trebox{ position:relative; top:auto; right:auto; width:auto; display:block; margin:5px 0 0 0; }
	
/*--footer--*/
.footer .mar .fboxs .fgrids-a{ width:50%; }
.footer .mar .fboxs .fgrids-b{ width:50%; border-right:none; }
.footer .mar .fboxs .fgrids-c{ width:50%; margin: 30px 0 0 0; }
.footer .mar .fboxs .fgrids-d{ width:50%; margin: 30px 0 0 0; text-align:left; }


.footer .mar .fboxs .fgrids-b .fmar{ margin:0; padding:0 0 0 20px; }
.footer .mar .fboxs .fgrids-c .fmar{ margin:0; }
.footer .mar .fboxs .fgrids-d .fmar{ margin:0; padding:0 0 0 20px; }


/*內頁*/
.rightcont{ padding: 0 0 0 30px; }


/*立即捐款*/
.flashbtn{ position:fixed; display:block; bottom:0px; left:0px; width:100%; height:40px; background-color:#F30; color:#fff; text-decoration:none; z-index:19; border: 1px solid #ffc451; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
background: #f99638;
background: -moz-linear-gradient(top, #f99638 0%, #eb6e03 50%, #f99638 100%); 
background: -webkit-linear-gradient(top, #f99638 0%,#eb6e03 50%,#f99638 100%);
background: linear-gradient(to bottom, #f99638 0%,#eb6e03 50%,#f99638 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99638', endColorstr='#f99638',GradientType=0 );}
.flashbtn:after{ content:""; display:block; width:92px; height:19px; background-image:url(../images/layout/bottombtn.png); background-size:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/*--header--*/
.header { border-bottom:none; }
.header .mar{ position:static; padding:0 10px; }
.header .mar .logoheader{ padding:10px 0; }
.header .mar .logo{ position:relative; bottom:auto; left:auto; margin:0 auto; display:block; width:130px; }
.header .mar .menubox{ display:none; position: fixed/*absolute*/; top:0px; left:0px; height:100%; width:100%; margin:auto; z-index:999; background-color:#ec6c00; }

.header .mar .menubtn{ display:block; width:22px; height:22px; position:absolute; left:10px; top:15px; cursor:pointer; }
.header .mar .menubtn span{ width:100%; height:2px; background-color:#ec6c00; display:block; margin:4px 0; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mar .donation{ bottom:auto; top:15px; right:5px; width:84px; height:25px; }
.header .mar .donation .tables .tds01{ width:29px; height:25px; }
.header .mar .donation .tables .tds02{ padding: 0 0 0 2px; }
.header .mar .donation .tables .tds02 img{ width:45px; }

.header .mar .sheader { position: fixed; top: 0px; left: 0px; background-color: #fff; width: 100%; border-bottom: 2px solid #ec6c00; z-index: 999; }

/*--功能列--*/
.header .mar .menubox .topbox .membername{ padding: 5px 10px; margin: 0 0 10px 0; background-color: #c55a00; }
.header .mar .menubox .topbox .membername .alinks{ color:#fff; }
.header .mar .menubox .closebtn{ display:block; width:25px; height:25px; position:absolute; left:10px; top:12px; }
.header .mar .menubox .closebtn .col-a{ width:20px; height:4px; background-color:#fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mar .menubox .closebtn .col-b{ width:20px; height:4px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mar .menubox .topbox .fungrids:nth-child(2){ border-bottom: 1px solid #fff; }
.header .mar .menubox .topbox .fungrids:nth-child(1) { border-bottom: 1px solid #fff; }
.header .mar .menubox .topbox .fungrids{ display:block; border-bottom: 1px solid #fff; padding:15px 10px; text-align:left; font-size:16px; color:#fff; }
.header .mar .menubox .topbox .fungrids a{ color:#fff; display:block; font-weight:bold; }
.header .mar .menubox .topbox .fungrids a:hover{ color:#fff; }
.header .mar .menubox .topbox .guide{ display:block; text-align:left; padding:0 10px; }
.header .mar .menubox .topbox .guide a{ color:#fff; }

.header .mar .menubox .topbox .funboxs{ width:100%; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .mar .menubox .topbox .funboxs .lan-a{ border:1px solid #fff; color:#fff; margin: 0 0 0 10px; }
.header .mar .menubox .topbox .funboxs .lan-b{ width:100%; margin:auto; border:1px solid #fff; margin:10px 0 0 0; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input{ background-color: #ec6c00; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-b button{ background-image:url(../images/layout/searchicon-w.png); }

.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input::-webkit-input-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input:-moz-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input::-moz-placeholder { color: #fff; }
.header .mar .menubox .topbox .funboxs .lan-b .ltable .ltds-a input:-ms-input-placeholder { color: #fff; }

.header .mar .menubox .topbox .funboxs .lan-c{ background-image:url(../images/layout/home_s.png); color:#fff; }
.header .mar .menubox .topbox .funboxs:hover .lan-c{ color:#fff; }
/*--選單--*/
.header .mar .menubox .topbox{ padding:80px 0 0 0; height:auto; }
.header .mar .menubox .bottom{ padding:0px; text-align:left; }
/*選 1階*/
.header .mar .menubox .bottom .grids{ display:block; border-bottom:1px solid #fff; height:auto; padding:15px 10px; }
.header .mar .menubox .bottom .grids .texts{ border:none; color:#fff; display:block; padding:0px; }	
.header .mar .menubox .bottom .grids:hover .texts{ color:#fff; }

/*選 2階*/
.header .mar .menubox .bottom .grids .dubox{ display:block; position:relative; transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; left:auto; top:auto; padding: 10px 0 0 0; }
.header .mar .menubox .bottom .grids .dubox .dugrids{ text-align:left; padding:5px 10px; }
.header .mar .menubox .bottom .grids .dubox .dugrids .dutexts{ font-size:16px; }

/*選 3階*/
.header .mar .menubox .bottom .grids .dubox .dugrids .trebox{ position:relative; top:auto; right:auto; width:auto; display:block; margin:5px 0 0 0; }
	
/*--footer--*/
.footer{ padding:10px 0; }
.footer .mar{ padding:0 10px; }
.footer .mar .fboxs .fgrids-a{ display:block; width:auto; height:auto; border-right:none; padding:0 0 15px 0; min-height:inherit; }
.footer .mar .fboxs .fgrids-b{ display:block; width:auto; height:auto; border-right:none; padding:0 0 15px 0; min-height:inherit; }
.footer .mar .fboxs .fgrids-c{ display:block; width:auto; height:auto; margin:auto; border-right:none; padding:0 0 15px 0; min-height:inherit; }
.footer .mar .fboxs .fgrids-d{ display:block; width:auto; height:auto; margin:auto; text-align:left; padding:0; min-height:inherit; }


.footer .mar .fboxs .fgrids-a .ftitle{ background-size:20px; padding: 0 0 0 25px; font-size: 14px; }
.footer .mar .fboxs .fgrids-a .fmar{ width:auto; }

.footer .mar .fboxs .fgrids-b .ftitle{ background-size:20px; padding: 0 0 0 25px; font-size: 14px; background-position: 0 2px; }
.footer .mar .fboxs .fgrids-b .fmar{ margin:0; padding:0; width:auto; }

.footer .mar .fboxs .fgrids-c .ftitle{ background-size:20px; padding: 0 0 0 25px; font-size: 14px; background-position: 0 2px; display:inline-block; vertical-align:middle; }
.footer .mar .fboxs .fgrids-c .fmar{ margin:0; width:auto; }

.footer .mar .fboxs .fgrids-d .fmar{ margin:0; padding:0; display:block; }
.footer .mar .fboxs .fgrids-d .fmar .uls{ display:inline-block; padding:0 8px; margin:0px; border-right:1px solid #fff; }
.footer .mar .fboxs .fgrids-d .fmar .uls:before{ display:none; }
.footer .mar .fboxs .fgrids-d .fmar .uls:first-child{ padding:0 8px 0 0; }
.footer .mar .fboxs .fgrids-d .fmar .uls:last-child{ border:none; padding:0 0 0 8px; }

.footer .mar .fboxs .ftxt{ padding:0 0 0 25px; font-size:12px; line-height: 18px; }
.footer .mar .fboxs .ftxt .tels{ background-size:8px; padding: 0 0 0 12px; }

.footer .mar .fboxs .flinkbox{ padding:0px; display:inline-block; vertical-align:middle; padding:0 0 0 12px; }
.footer .mar .fboxs .flink{ width:31px; }

.footer .mar .copyright .sty01{ display:block; }
.footer .mar .copyright .sty02{ display:block; }

/*TOP BTN*/
.topbtn{ display:block; position:fixed; z-index:20; right:10px; bottom:5px; width:26px; text-decoration:none; }
.topbtn .btns{ width:26px; height:26px; border:1px solid #fff; background-color:#ec6c00; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.topbtn .btns .st-a{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; width:12px; height:2px; background-color:#fff; left:2px; top:0; bottom:0px; margin:auto; }
.topbtn .btns .st-b{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; width:12px; height:2px; background-color:#fff; right:2px; top:0; bottom:0px; margin:auto; }
.topbtn .toptxt{ color:#882f00; font-size:12px; text-align:center; }

/*內頁*/
.content-page{ padding:0 10px; }
.stytable{ margin:15px auto; }
.leftmenus{ display:block; width:auto; margin:0 0 20px 0; position:relative; border-bottom: 1px solid #ec6c00; float:none; }
.leftmenus .zoombtn{ display:none; position:absolute; top:-10px; right:0px; width:25px; border:1px solid #bbb; border-radius:3px; cursor:pointer; }
.leftmenus .zoombtn .line01{ margin:4px; height:2px; background-color:#bbb; }
.leftmenus .zoombtn .line02{ margin:4px; height:2px; background-color:#bbb; }
.leftmenus .zoombtn .line03{ margin:4px; height:2px; background-color:#bbb; }
.leftmenus .leftzoom{ display:none; }
.leftmenus .leftlists:last-child{ border:none; }
.rightcont{ display:block; padding:0px; margin:0; }

.leftmenus .mtitles{ margin: 0 0 5px 0; border-left: 2px solid #EC6C00; }
.leftmenus .fgrids{ padding:5px 0; }
.leftmenus .fgrids .f_a{ padding:0 0 0 10px; }
.leftmenus .fmlist{ padding: 0 0 0 10px; margin:10px 0 10px 10px; }
.leftmenus .fmlist .fmgrid{ font-size:13px; }

/*字體大小*/
.fontsizebox{ position:relative; right:auto; top:auto; }

/*立即捐款*/
.flashbtn{ position:fixed; display:block; bottom:0px; left:0px; width:100%; height:40px; background-color:#F30; color:#fff; text-decoration:none; z-index:19; border: 1px solid #ffc451; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
background: #f99638;
background: -moz-linear-gradient(top, #f99638 0%, #eb6e03 50%, #f99638 100%); 
background: -webkit-linear-gradient(top, #f99638 0%,#eb6e03 50%,#f99638 100%);
background: linear-gradient(to bottom, #f99638 0%,#eb6e03 50%,#f99638 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99638', endColorstr='#f99638',GradientType=0 );}
.flashbtn:after{ content:""; display:block; width:92px; height:19px; background-image:url(../images/layout/bottombtn.png); background-size:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

}