@charset "utf-8";
/* CSS Document */
.bannerblock{ background-color:#fff; }
.bannerblock .mar{ max-width: 1100px; margin: 0 auto; padding: 0 25px; }
.bannerblock .mar .banner{ width:100%; position:relative; }
.bannerblock .mar .banner img{ width:100%; }
.bannerblock .mar .menu_ms{ display:table; width:100%; padding: 10px 0; }
.bannerblock .mar .menu_ms .tds{ display:table-cell; vertical-align:middle; width:20%; border-left:solid #ec6c00 1px; padding:2px 0; text-align:center; }
.bannerblock .mar .menu_ms .tds:last-child{ border-right:solid #ec6c00 1px; }
.bannerblock .mar .menu_ms .tds .links{ text-decoration:none; font-size:16px; color:#ec6c00; font-weight:bold; }

.bannerblock .mar .rds{ text-align: right/*center*/; position: absolute; bottom: 10px; left: 0px; width: 100%; font-size: 0px; }
.bannerblock .mar .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; }
.bannerblock .mar .point:hover{ background-color:#fff; }

/*列表*/
.donatsbox{ font-size:0px; background-color:#f2f2f2; padding:10px 0 35px 0; position:relative; }
.donatsbox .mar{ max-width:1100px; margin:0 auto; padding:0 25px; position:relative; }
.donatsbox .mar .dtable{ display:block; margin:20px 0 20px -20px; }
.donatsbox .mar .dtrs{ display:table-row; }
.donatsbox .mar .dspace{ display:table-cell; vertical-align:top; width:2%; }
.donatsbox .mar .dgrids{ display:inline-block; vertical-align:top; width:33.3333%; padding-left:20px; padding-bottom:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
.donatsbox .mar .dgrids .imgs{ width: 100%; text-align: center; background-color: #ffffff; height: 0; position: relative; padding-bottom: 60%; overflow: hidden; }
.donatsbox .mar .dgrids .imgs img{ max-width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.donatsbox .mar .dgrids .textbox{ padding:15px 25px; background-color:#fff; }
.donatsbox .mar .dgrids .textbox .titles{ font-size:16px; font-weight:bold; padding: 0 0 0 10px; color:#EC6C00; position:relative; }
.donatsbox .mar .dgrids .textbox .titles:before{ content:""; width:5px; height:20px; background-color:#EC6C00; position:absolute; left:0px; top:0px; }
.donatsbox .mar .dgrids .textbox .txts{ font-size:14px; color:#808080; padding:5px 0; line-height:24px; }
.donatsbox .mar .dgrids .divider{ width:100%; height:2px; background-color:#b2b2b2; margin:5px 0 0 0; }
.donatsbox .mar .dgrids .divider .schedule{ background-image:url(../images/page/schedule.jpg); height:2px; background-position:left center; }
.donatsbox .mar .dgrids .tab{ display:table; width:100%; margin:10px 0 0 0; }
.donatsbox .mar .dgrids .tab .tds-a{ display:table-cell; vertical-align:middle; font-size:16px; color:#333; font-weight:bold; }
.donatsbox .mar .dgrids .tab .tds-b{ display:table-cell; vertical-align:middle; width:85px; }
.donatsbox .mar .dgrids .btns{ display:block; width:100%; line-height:20px; text-align:center; font-size:14px; font-weight:bold; color:#fff; text-decoration:none; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; 
background: #f5a540; 
background: -moz-linear-gradient(top,  #f5a540 0%, #f2632f 100%); 
background: -webkit-linear-gradient(top,  #f5a540 0%,#f2632f 100%);
background: linear-gradient(to bottom,  #f5a540 0%,#f2632f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a540', endColorstr='#f2632f',GradientType=0 );  }

.donatsbox .showtop{ position:absolute; top:0px; left:0px; width:100%; height:16px; background-image:url(../images/index/showtop.png); background-position:center center; }
.donatsbox .showbottom{ position:absolute; bottom:0px; left:0px; width:100%; height:16px; background-image:url(../images/index/showbottom.png); background-position:center center; }

/*購物列*/
.shopblock{ text-align:right; padding:0 0 10px 0; }
.shopbox{ display:inline-block; vertical-align:middle; margin:0 0 0 10px; }
.shopbox a{ display:block; background-image:url(../images/layout/shopicon.png); background-repeat:no-repeat; background-position:left center; background-size:25px; padding:0 0 0 30px; font-size:14px; text-decoration:none; }
.shopbox .sty01{ color:#ec6c00; }
.shopbox .sty02{ color:#888; }

/*步驟*/
.stepsbox{ padding:15px 0 30px 0; }
.stepsbox .grids{ display:inline-block; padding:0 30px 0 0; vertical-align:middle; }
.stepsbox .grids .ns{ width:30px; height:30px; background-color:#ccc; color:#888; font-size:14px; text-align:center; line-height:30px; display:inline-block; vertical-align:middle; margin:0 10px 0 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.stepsbox .grids .tit{ display:inline-block; vertical-align:middle; color:#888; font-size:16px; }
.stepsbox .grids.hold .ns{ color:#fff; background-color:#ec6c00; }
.stepsbox .grids.hold .tit{ color:#ec6c00; }

/*步驟*/
.steps_block{ position:relative; width:80%; height:40px; margin:20px auto 60px auto; }
.steps_block .radius{ width:40px; height:40px; text-align:center; line-height:40px; color:#333; font-size:20px; font-weight:bold; background-color:#c8c8ca; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:0px; bottom:0px; margin:auto; z-index:2; }
.steps_block .radius .rtitle{ position:absolute; top:40px; left:50%; margin-left:-60px; color:#222; font-size:16px; font-weight:normal; width:120px; }
.steps_block .radius.hold{ background-color:#ef8201; color:#fff; }
.steps_block .radius.hold .rtitle{ color:#ef8201; }
.steps_block .radius.ed .rtitle{ color:#222; }
.steps_block .move01{ left:0; margin-left:-20px; }
.steps_block .move02{ left:33%; margin-left:-20px; }
.steps_block .move03{ right:33%; margin-right:-20px; }
.steps_block .move04{ right:0; margin-right:-20px; }
.steps_block .line-a{ position:absolute; width:33%; height:6px; background-color:#b4b4b6; left:0px; top:50%; margin-top:-3px; z-index:1; }
.steps_block .line-b{ position:absolute; width:33%; height:6px; background-color:#b4b4b6; left:33%; top:50%; margin-top:-3px; z-index:1; }
.steps_block .line-c{ position:absolute; width:33%; height:6px; background-color:#b4b4b6; right:0px; top:50%; margin-top:-3px; z-index:1; }
.steps_block .line-a.hold{ background-color:#ef8201; }
.steps_block .line-b.hold{ background-color:#ef8201; }
.steps_block .line-c.hold{ background-color:#ef8201; }

/*頁碼*/
.index_num{ padding:10px 0; text-align:center; }
.index_num .btns-left{ display:inline-block; vertical-align:middle; width:32px; height:32px; position:relative; border:1px solid #ddd; cursor:pointer; background-color:#fff; }
.index_num .btns-left:before{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); display:block; position:absolute; left:0px; right:0px; top:10px; margin:auto; }
.index_num .btns-left:after{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);  display:block; position:absolute; left:0px; right:0px; bottom:10px; margin:auto; }

.index_num .btns-right{ display:inline-block; vertical-align:middle; width:32px; height:32px; position:relative; border:1px solid #ddd; cursor:pointer; background-color:#fff; }
.index_num .btns-right:before{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); display:block; position:absolute; left:0px; right:0px; top:10px; margin:auto; }
.index_num .btns-right:after{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); display:block; position:absolute; left:0px; right:0px; bottom:10px; margin:auto; }

.index_num .digitals{ text-align:center; display:inline-block; vertical-align:middle; color:#777; font-size:14px; padding:0 10px; }
.index_num .digitals a{ display:inline-block; vertical-align: middle; border:1px solid #ddd; padding:0 5px; color:#999; font-size:16px; line-height:24px; }
.index_num .digitals span{ display:inline-block; vertical-align: middle; border:1px solid #f36f32; padding:0 5px; color:#fff; font-size:16px; line-height:24px; background:#f36f32; }


/*詳細*/
.detable{ display:table; width:100%; margin:0 0 30px 0; }
.detable .tds-a{ display:table-cell; vertical-align:top; font-size:16px; color:#333; line-height:24px; padding:0 25px 0 0; }
.detable .tds-b{ display:table-cell; vertical-align:top; width:382px; }
.destitle{ color:#EC6C00; font-size:18px; font-weight:bold; border-left:5px solid #EC6C00; padding:0 0 0 5px; margin:0 0 15px 0; }
.despsimg{ padding:5px; }
.despsimg .tcell{ width:370px; height:225px; display:table-cell; vertical-align:middle; text-align:center; }
.despsimg img{ max-width:100%; }

.donatable{ display:table; width:100%; margin:10px 0 0 0; }
.donatable .dtds-a{ display:table-cell; vertical-align:middle; width:54px; height:51px; background-image:url(../images/page/icon_a.png); background-repeat:no-repeat; }
.donatable .dtds-b{ display:table-cell; vertical-align:middle; font-size:16px; color:#333; font-weight:bold; padding:0 0 0 15px; }
.donatable .dtds-b .majors{ color:#ec6c00; font-size:18px; font-weight:bold; }

.doproject{ border-top:1px solid #9f9f9f; }
.doproject .lists{ border-bottom:1px solid #9f9f9f; padding:10px 0; }
.doproject .lists .tabs{ display:table; width:100%; }
.doproject .lists .tabs .ltds-a{ display:table-cell; vertical-align:top; padding:4px 0 0 0; width:55px; text-align: center; }
.doproject .lists .tabs .ltds-b{ display:table-cell; vertical-align:top; color:#333; font-size:16px; }
.doproject .lists .tabs .inputs{ border:1px solid #000; padding:2px 5px; border-radius:3px; width:80px; }

.dobtnbox{ text-align:center; padding:20px 0; }
.dobtnbox a{ display:inline-block; width: 100%; max-width: 210px; text-align: center; line-height: 34px; text-decoration: none; border: 1px solid #fff; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background: #f8a25c;
    background: -moz-linear-gradient(top, #f99638 10%, #eb6e03 30%, #eb6e03 50%, #eb6e03 70%, #eb6e03 70%, #f99638 90%);
    background: -webkit-linear-gradient(top, #f99638 10%,#eb6e03 30%,#eb6e03 50%,#eb6e03 70%,#eb6e03 70%,#f99638 90%);
    background: linear-gradient(to bottom, #f99638 10%,#eb6e03 30%,#eb6e03 50%,#eb6e03 70%,#eb6e03 70%,#f99638 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a25c', endColorstr='#f8a25c',GradientType=0 ); }
	
.dodecont{ font-size:16px; color:#333; line-height:24px; }
.dodecont img{ max-width:100%; }
.dodecont iframe{ max-width:100%; }

.detdes{ font-size:0; }
.detdes:after{ content:""; clear:both; display:block; }
.detdes .de_left{ width:calc(100% - 305px); display:inline-block; vertical-align:top; }
.detdes .de_right{ width:280px; margin:0 0 0 25px; display:inline-block; vertical-align:top; }

.rimgbox{ border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:15px 10px; margin:0 0 20px 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.rimgbox .imgs{ margin:0 auto 10px auto; width:260px; overflow:hidden; }
.rimgbox .imgs img{ max-width:100%; margin:0 auto; display:block; }
.rimgbox .txts{ font-size:16px; color:#333; text-align:center; }

/*說明*/
.expn_class{ font-size:0px; padding:10px 0; }
.expn_class .egrids{ display:inline-block; vertical-align:middle; border:1px solid #aaa; padding:5px 15px; text-decoration:none; color:#333; font-size:16px; margin:5px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.expn_class .egrids:hover{ background-color:#fff; border:1px solid #EC6C00; color:#EC6C00; }

.expnlist{ padding:20px; margin:0 0 20px 0; background-color:#fff; }
.expnlist .titles{ font-size: 16px; font-weight: bold; padding: 0 0 0 10px; color: #EC6C00; position:relative; margin:0 0 10px 0; }
.expnlist .titles:before { content: ""; width: 5px; height: 20px; background-color: #EC6C00; position: absolute; left: 0px; top: 0px; }
.expnlist .texts, .expbox{ color:#333; font-size:16px; line-height:24px; }
.expnlist .texts ul{ margin:0 0 0 25px; }
.expnlist .texts a{ color: #EC6C00; }
.expnlist .imgs{ display:block; text-align:center; margin:15px 0 0 0; }
.expnlist .imgs img{ max-width:100%; display:inline-block; }

.expnlist .expntab{ display:table; width:100%; }
.expnlist .expntab .extds-a{ display:table-cell; vertical-align:top; width:190px; }
.expnlist .expntab .extds-b{ display:table-cell; vertical-align:top; padding:0 0 0 15px; }
.expnlist .expntab .extds-c{ display:table-cell; vertical-align:top; padding:0 15px 0 0; }
.expnlist .expntab .eimg{ width:100%; }
.expnlist .expntab .eimg img{ max-width:100%; }
.expnlist .expntab .expntext{ font-size:16px; color:#333; line-height:24px; }
.expnlist .expntab .expntext a{ color: #EC6C00; }
.expnlist .expntab .expntext ul{ margin:0 0 0 25px; }

/*登入*/
.logintab{ display:table; width:100%; margin:10px 0 0 0; }
.logintab .latad-a{ display:table-cell; vertical-align:top; background-color:#fff; padding:20px; }
.logintab .latad-b{ display:table-cell; vertical-align:top; background-color:#fff; width:250px; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.logintab .latad-s{ display:table-cell; vertical-align:top; width:20px; }

.loginlist{ display:table; width:100%; }
.loginlist .ltr{ display:table-row; }
.loginlist .ltd-a{ display:table-cell; vertical-align:middle; width:130px; font-size:16px; font-weight:bold; color:#333; padding:0 0 20px 0; }
.loginlist .ltd-b{ display:table-cell; vertical-align:middle; padding:0 0 20px 0; }
.loginlist .inout-a{ width:100%; line-height:30px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.loginlist .inout-b{ width:110px; line-height:30px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.loginlist .inblocks{ display:inline-block; vertical-align:middle; margin:0 10px 0 0; }
.loginlist .links{ display:inline-block; vertical-align:middle; font-size:16px; color:#333; }

.loginbtns{ display:table; width:100%; }
.loginbtns .btad-a{ display:table-cell; vertical-align:middle; width:30%; padding:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.loginbtns .btad-b{ display:table-cell; vertical-align:middle; width:20%; padding:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.loginbtns .btns_1{ display:block; width:100%; line-height:30px; text-decoration:none; border:none; border:1px solid #ee8100; background-color:#ee8100; color:#fff; font-size:16px; cursor:pointer; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.loginbtns .btns_2{ display:block; width:100%; line-height:30px; text-decoration:none; border:none; border:1px solid #dbdbdb; background-color:#dbdbdb; color:#333; font-size:16px; cursor:pointer; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.loginbtns .btns_3{ display:block; width:100%; line-height:30px; text-decoration:none; border:1px solid #999; background-color:#fff; color:#333; font-size:16px; cursor:pointer; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.othertitle{ font-size:16px; font-weight:bold; color:#333; margin:0 0 15px 0; }
.othergrids{ display:inline-block; vertical-align:top; width:55px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ccc; overflow:hidden; margin:0 10px 0 0; }
.othergrids img{ width:100%; }

/*捐款流程*/
.don_table{ width:100%; display:table; margin:0 0 24px 0; border-collapse:collapse; border-bottom:2px solid #b9b9b9; }
.don_table .don_tr{ display:table-row; }
.don_table .don_th{ display:table-cell; vertical-align:middle; border:1px solid #fff; padding:10px; font-size:18px; font-weight:bold; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#eee; /*new->*/text-align:center; }
.don_table .don_td{ display:table-cell; vertical-align: middle; border:1px solid #fff; border-bottom:1px solid #d9d9d9; padding:10px; font-size:16px; font-weight:bold; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#fff; /*new->*/text-align:center; }
.don_table .don_th .sizes{ font-size:14px; }
/*new->*/.don_table .don_td.lefts{ text-align:left; }
.don_table .don_td.rights{ text-align:right; }
.don_table .delicon{ width:22px; display: inline-block; text-decoration:none; }
.don_table .delicon img{ width:100%; }
.don_table .depic{ width:100px; height:100px; position:relative; overflow:hidden; }
.don_table .depic img{ width:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;  }

.don_table .t_01{ width:110px; }
.don_table .t_02{ width:70px; white-space:nowrap; }
.don_table .t_03{ width:100px; }
.don_table .t_04{ width:270px; }
.don_table .t_05{ width:160px; }

.doflex{ display:flex; width:100%; }
.doflex .df01{ flex:1; padding:0 5px; }
.doflex .df02{ width:20px; }
.doflex .df03{ width:30px; font-size:14px; padding:0 0 0 3px; }
.doflex .inputs{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.doflex .inputs_m{ width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.doflex .dfbtn{ width:20px; height:20px; line-height:20px; text-align:center; font-size:16px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:relative; background:#ef8201; }
.doflex .dfbtn.s1:before{ content:""; display:block; width:10px; height:2px; background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.doflex .dfbtn.s1:after{ content:""; display:block; width:2px; height:10px; background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.doflex .dfbtn.s2:before{ content:""; display:block; width:10px; height:2px; background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.doflex .dfbtn.none{ background:#ccc; cursor:auto; }
.do_t{ text-align:center; font-size:14px; color:#333; padding:5px 0 0 0; }

.donends{ background:#fff; padding:10px 20px; }
.donends .lists{ display:block; padding:0 0 15px 0; }
.donends .lititle{ display:inline-block; vertical-align:middle; padding:0 20px 0 0; font-size:16px; color:#333; font-weight:bold; }
.donends .ligrids{ display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:16px; color:#333; }
.donends .notes{ color:#F00; font-size:14px; padding:0 0 10px 0; }
.donends .notes .yellow{ background-color:#fff700; }
.donends .endmons{ text-align:right; }
.donends .endmons .tit{ font-size:14px; color:#333; }
.donends .endmons .mony{  font-weight:bold; }
.donends .endmons .mony .m1{ font-size:48px; color:#ec6c00; }
.donends .endmons .mony .m2{ font-size:24px; color:#333; padding:0 0 0 5px; }

.donends .chosen{ font-size:18px;  }
.donends .chosen ul{ margin:0 0 0 25px; }
.donends .chosen ul li{ color:#999; border-bottom: 1px dashed #ccc; padding:10px 0; }
.donends .chosen ul li span{ color:#ec6c00; }

.donann{ font-size:16px; color:#333; padding:0 0 10px 0; }
.donann ul{ margin:0 0 0 20px; color:#ccc; }
.donann ul li{ margin:0 0 5px 0; }
.donann ul li span{ color:#333; font-size:16px; }
.donann ul li span.reds{ color:#F00; }

.stepbtns{ text-align:right; padding:20px 0 0 0; }
.stepbtns .btns-a{ display:inline-block; line-height:30px; padding:0 15px; font-size:16px; color:#333; text-decoration:none; background-color:#ddd; margin:0 0 0 10px; }
.stepbtns .btns-b{ display:inline-block; line-height:30px; padding:0 15px; font-size:16px; color:#fff; text-decoration:none; background-color:#ef8201; margin:0 0 0 10px; }

/*捐款流程 步驟2*/
.withs .btns{ display: inline-block; padding: 2px 10px; background-color: #ffc580; color: #c00; font-size:16px; font-weight: normal; border-radius: 50px; }
.sort_box{ display:table; width:100%; margin:10px 0 0 0; }
.sort_box .tds-a{ display:table-cell; vertical-align:middle; }
.sort_box .tds-b{ display:table-cell; vertical-align:middle; text-align:right; }
.sort_btns{ display:inline-block; vertical-align:middle; font-size:16px; color: #333; border:1px solid #999; text-decoration: none; margin: 0 0 0 10px; padding: 3px 25px; border-radius:30px; }
.sort_btns:hover{ border:1px solid #ec6c00; color:#ec6c00; }
.sort_btns.hold{ background-color: #ec6c00; border:1px solid #ec6c00; color:#fff; }

.mustbox{ color:#f00; font-size:14px; }

.steptab_two{ padding:10px 0; }
.steptab_two.in{ margin:10px 0 0 0; border-top:1px dashed #ccc; }
.steptab_two .sgrids{ display:inline-block; vertical-align:top; width:50%; padding:0 20px 0 0; margin:0 0 25px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.steptab_two .sgrids:nth-of-type(even){ padding:0 0 0 20px; }
.steptab_two .sgrids.long{ width:100%; padding:0px; }
.steptab_two .sgrids:last-child{ margin:0; }
.steptab_two .stitles{ font-size:16px; font-weight:bold; color:#333; padding:0 0 5px 0; }
.steptab_two .stitles .must{ color:#f00; }
.steptab_two .stitles .mremarks{ display: inline; color: #f00; font-size: 14px; margin: 0 0 0 10px; }
.steptab_two .stitles .reds{ color:#ff3838; }
.steptab_two .stitles .m_box{ display: inline-block; padding: 2px 5px; background-color: #ffe4c5; margin: 0 0 0 15px; color: #864800; font-weight: normal; }
.steptab_two .stitles .m_nec{ display: block; font-size:14px; color:#f00; }
.steptab_two .stexts{ font-size:16px; color:#777; }
.steptab_two .inputtext{ width:100%; padding:0 5px; background:#fff; line-height:30px; height:30px; border:1px solid #999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:16px; }
.steptab_two .tabs{ display:table; width:100%; }
.steptab_two .tabs .tds{ display:table-cell; vertical-align:middle; }
.steptab_two .tabs .tds.whs{ width:150px; }
.steptab_two .tabs .tds.whs-a{ width:195px; }
.steptab_two .tabs .space{ display:table-cell; width:15px; vertical-align:middle; }
.steptab_two .exs{ display:block; padding:5px 0 0 0; color:#808080; font-size:14px; }
.steptab_two .exs .links{ color:#ec6c00; }
.steptab_two .exs_a{ display:block; padding:5px 0 0 0; color:#333; font-size:14px; }
.steptab_two .exs_a .extit{ display:inline-block; padding:0 15px 0 0; }
.steptab_two .exs_a .ops{ display:inline-block; padding:0 10px 0 0; }
.steptab_two .insblock{ display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:16px; color:#333; }
.steptab_two .nomodify{ font-size:16px; color:#666; }
.steptab_two .mar_bottom{ margin:0 0 25px 0; }

/* 欄位&功能按鈕 */
.tds-inlineFlex{ width: 100%; display: inline-flex; flex-wrap: wrap; flex-direction: row; }
.tds-inlineFlex>*{ margin: 0 0 5px 0; }
.tds-inlineFlex>:last-child{ margin-bottom: 0; }
.tds-input{ width: 100%; display: inline-flex; flex-direction: row; flex-wrap: nowrap; }
.tds-btn{ padding: 0 15px; margin: 0 0 0 10px; width: auto; border: unset; border-radius: 15px; display: inline-flex; flex-direction: row; flex-wrap: nowrap; }
.tds-btn span{ font-size: 16px; font-weight: 400; line-height: 30px; word-break: keep-all; cursor: pointer; }
.tds-btn .btn-icon{ margin: 0 5px 0 0; }
.tds-btn.blue{ color: #fff; background-color: #3982dd; }
.tds-btn.gray{ color: #333; background-color: #f0f0f0;; }
.tds-btn.red{ color: #fff; background-color: #ff6464; }
.tds-btn.green{ color: #fff; background-color: #41c11b; }
.tds-hint{ background-color: #f95a5a; width: 100%; border-radius: 15px; }
.tds-hint span{ font-size: 16px; line-height: 30px; }

.qugrids{ display:inline-block; vertical-align:middle; }
.qugrids .icons{ display:inline-block; vertical-align:middle; width:20px; margin:0 7px 0 0; }
.qugrids .icons img{ width:100%; }
.qugrids .qtxt{ display:inline-block; vertical-align:middle; font-size:16px; color:#333; }

.steptab_two .tabs .codeimg{ display:inline-block; vertical-align:middle; margin:0 0 0 5px; }
.steptab_two .tabs .codeagain{ display:inline-block; vertical-align:middle; font-size:16px; color:#333; font-size:14px; margin:0 0 0 5px; }

.steptab_two .s_tables{ display:table; width:100%; }
.steptab_two .s_tables .s_th{ display:table-cell; vertical-align:top; width:100px; font-size:18px; font-weight: bold; color: #333; }
.steptab_two .s_tables .s_th.wh01{ width:180px; }
.steptab_two .s_tables .s_td{ display:table-cell; vertical-align:top; font-size:18px; color: #777; }

.steptab_two .addtab{ display:table; width:100%; }
.steptab_two .addtab.wauto{ width:auto; }
.steptab_two .addtab .tds{ display:table-cell; vertical-align:middle; }
.steptab_two .addtab .tds.whs01{ width:100px; padding:0 15px 0 0; }
.steptab_two .addtab .tds.whs02{ width:100px; padding:0 15px 0 0; }
.steptab_two .addtab .tds.whs03{ width:100px; padding:0 15px 0 0; }
.steptab_two .addtab .tds.whs05{ width:100px; padding:0 10px 0 0; }

.steplist{ margin:20px 0 0 0; background-color:#fff; padding:10px 20px; border-radius:5px; }
.steplist.newblock{ margin:0; }

.steptabtitle{ font-size:16px; color:#333; }
.steptabtitle .titles{ display: inline-block; padding: 0 15px 0 0; font-weight:bold; }
.steptabtitle .titles .must{ color: #f00; }
.steptabtitle .ops{ display: inline-block; padding: 0 10px 0 0; }
.steptabtitle .inputtext { width: 100%; padding: 0 5px; background: #fff; line-height: 30px; height: 30px; border: 1px solid #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; }
.steptabtitle .ops_box{ display: inline-block; }

.step_headline{ background:#e2e2e2; padding:5px 15px; font-size:20px; color:#ef8201; margin:20px 0 0 0; font-weight:bold; }

.stepres{ background-color:#fff; padding:10px 20px; border-radius:5px; font-size:16px; color:#d01a1a; margin:20px 0 0 0; }

.codecolumn:after{ content:""; display:block; clear:both; }
.codecolumn .codeTable{ display:table; float:right; border: 2px solid #f95a5a; padding: 2px; position:relative; }
.codecolumn .codeTable .cTds{ display:table-cell; vertical-align:middle; }
.codecolumn .codeTable .cTds.wh01{ width:120px; }
.codecolumn .codeTable .cTds.pad01{ padding:0 10px; position:absolute; left:-55px; }
.codecolumn .codeTable .cTds .ins{ width:100%; line-height:24px; height:24px; border:none; background:#fff; font-size:14px; color:#333; padding:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.codecolumn .codeTable .cTds .res{ display:block; width:24px; height:24px; background-color:#888; background-image:url(../images/page/reicon.png); background-repeat:no-repeat; background-position:center; background-size:16px; cursor:pointer;  }
.codecolumn .codeTable .cTds .req{ color:#f00; font-size:14px; padding:0 5px 0 0; }

.markbox{ width:211px; position:absolute; bottom:0; left:0; }
.markbox .grids-a{ display:block; }
.markbox .grids-a img{ width:220px; }
.markbox .grids-b{ display:block; font-size:16px; color:#333; }
.markbox .BIG{ display:inline-block; }
.markbox .BIG img{ width:auto; display:inline-block; }
.markbox .MEDIUM img{ width:auto; display:inline-block; }
.markbox .SMALL img{ width:auto; display:inline-block; }

.quick_txt{ font-size:16px; color:#333; margin:20px 0 0 0; }

.matable{ display:table; width:100%; height:178px; }
.matable .matd{ display:table-cell; vertical-align:bottom; width:50%; }

.posRel{ position:relative; }

.stepexTxt{ color:#f00; font-size:14px; font-weight:bold; }
.stepexTxt label{ color:#333; margin-left:5px; }
.stepexTxt input{ display:inline-block; vertical-align:middle; }
.stepexTxt span{ display:inline-block; vertical-align:middle; margin-left:2px; }

/*付款方式*/
.waytitle{ margin:60px 0 20px 0; font-size:20px; font-weight:bold; text-align:center; background-image:url(../images/page/linebg.jpg); background-repeat:repeat-x; background-position:center center; }
.waytitle.mars{ margin:20px 0; }
.waytitle span{ background-color:#f2f2f2; padding:0 15px; }
.wayoption{ text-align:left; }
.wayoption .btns{ display:inline-block; padding:3px 15px; border:1px solid #999; font-size:16px; color:#333; margin:0 5px; text-decoration:none; }
.wayoption .btns:hover{ background-color:#ec6c00; border:1px solid #ec6c00; color:#fff; }
.wayoption .btns.hold{ background-color:#ec6c00; border:1px solid #ec6c00; color:#fff; }
.wayoption .titles{ font-size:18px; font-weight:bold; color:#ec6c00; }

.wayblock{ padding:10px 0 40px 0; }
.wayblock.pads{ padding:10px 0 0 0; }
.waylists{ background-color:#fff; margin:0 0 15px 0; border-left:5px solid #ec6c00; padding:10px; }
.waylists .options{ font-size:16px; color:#333; font-weight:bold; }
.waylists .gsty{ color:#999; font-size:14px; }
.waylists .opgrays{ background-color:#eee; padding:10px 20px; margin:10px 0 0 0; border-radius:10px; }
.waylists .opgrays.margins{ margin:0px; }
.waylists .opgrays .grids{ padding:5px 0; font-size:16px; color:#333; }

/*確認訂單資料*/
.databg{ background-color:#fff; padding:10px; }
.databg .d_text{ color:#333; font-size:16px; }

.datalistbox{ font-size:0px; background-color:#fff; padding:15px; }
.datalistbox .grids{ width:33%; display:inline-block; }
.datalistbox .grids .titles{ display:inline-block; font-size:16px; font-weight:bold; color:#ec6c00; padding:0 10px 0 0; }
.datalistbox .grids .texts{ display:inline-block; font-size:16px; color:#333; }

.datalistbox.pad{ padding:20px 0; }

.confirmtable{ display:block; width:100%; }
.confirmtable .contr{ display:block; }
.confirmtable .contd{ display:block; vertical-align:top; width:100%; padding:5px 0;  }
.confirmtable .conspace{ display:none; vertical-align:top; width:2%; }

.c_tables { display: table; width: 100%; }
.c_tables .c_th { display:table-cell; vertical-align:top; width:100px; font-size:18px; color:#333; padding:5px; background:#ddd; }
.c_tables .c_td { display:table-cell; vertical-align:top; font-size:18px; color:#222; padding:5px 10px; background-color:#fff; }


/*會員*/
.memlist{ padding:15px 25px; background-color:#fff; margin:10px 0 20px 0; }
.memlist .title_a{ font-size:20px; color:#333; font-weight:bold; }
.memlist .title_b{ font-size:18px; color:#ec6c00; font-weight: bold; padding:10px 0 0 0; }
.memlist .txtul{ font-size:16px; color:#333; padding:10px 0 0 0; line-height:25px; }
.memlist .txtul li{ list-style:decimal; margin:0 0 10px 20px; font-size:15px; line-height:20px;  }
.memlist .txtul img{ max-width:100%; margin:auto; display:block; }
.memlist .reds{ color:#f00; }

.memlist .divider{ width:100%; height:1px; background:#ccc; margin-top:40px; margin-bottom:20px; }

.memlist .textboxs{ margin:40px 0 0 0; }
.memlist .textboxs .title{ font-size:20px; font-weight:bold; color:#333; }
.memlist .textboxs .txts{ font-size:16px; color:#333; line-height:25px; padding:10px 0 0 0; }
.memlist .textboxs .txtuls{ font-size:16px; color:#333; padding:10px 0 0 0; line-height:25px; }
.memlist .textboxs .txtuls li{ list-style:lower-alpha; margin:0 0 10px 20px; font-size:15px; line-height:20px; color:#333; border-bottom: 1px dashed #ccc; padding: 5px 0; }
.membtns{ text-align:center; padding:20px 0 10px 0; }
.membtns .btns{ display: inline-block; line-height: 30px; padding: 0 15px; font-size: 16px; color: #333; text-decoration: none; background-color: #ddd;  margin:0 5px; }
.membtns .btns:hover{ background-color: #ef8201; color:#fff; }
.membtns .btns-a{ display: inline-block; line-height: 30px; padding: 0 15px; font-size: 16px; text-decoration: none; background-color: #ef8201; color:#fff; margin:0 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border:none; cursor:pointer; }
.membtns .btns-b{ display: inline-block; line-height: 30px; padding: 0 15px; font-size: 16px; text-decoration: none; background-color: #ddd; color:#333; margin:0 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border:none; cursor:pointer; }

.memtitles{ font-size:18px; color: #ec6c00; font-weight:bold; }
.memtitles .inblocks{ padding:0 0 0 10px; display:inline-block; vertical-align:middle; font-weight:normal; font-size:14px; color:#333; }
.memtitles .mremarks{ display:inline; color: #f00; font-size: 16px; margin: 0 0 0 10px; }

.memcodeimg{ display:inline-block; vertical-align:middle; margin:0 10px 0 0; }
.memcode{ font-size:16px; color:#333; display:inline-block; vertical-align:middle; }

.memforget{ font-size:16px; color: #ec6c00; }

.quickblock{ margin:20px 0 0 0; background-color:#fff; padding:40px 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.quickblock .h1s{ padding:20px 0; font-size:22px; color:#ec6c00; text-align:center; font-weight:bold; }
.quickblock .ps{ text-align:center; font-size:16px; color:#333; line-height:1.8; }
.quickblock .logo{ text-align:center; }
.quickblock .logo img{ width:257px; }
.quickSure{ text-align:center; margin:40px 0 0 0; }
.quickSure .btns{ display: inline-block; line-height: 30px; padding: 0 15px; font-size: 16px; text-decoration: none; background-color: #ef8201; color: #fff; margin: 0 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; cursor: pointer; }

/*訂閱電子報*/
.subs{ background-color:#fff; padding:20px; margin:10px 0 0 0; }
.subs .titles{ font-size:18px; color:#ec6c00; font-weight:bold; margin:0 0 20px 0; }
.subs .subtable{ display:table; width:100%; }
.subs .subtable .stds{ display:table-cell; vertical-align:top; width:50%; padding:0 20px 0 0; }
.subs .subtable .stds:nth-child(even){ padding:0 0 0 20px; border-left:1px solid #ddd; }
.subs .subtable .stds .steptitles{ color: #333; font-size: 16px; font-weight: bold; border-left: 5px solid #EC6C00; padding: 0 0 0 5px; margin: 0 0 5px 0; }
.subs .subtable .stds .inputlist{ display:block; }
.subs .subtable .stds .inputlist .insty{ width: 100%; line-height: 30px; padding: 0 10px; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.subs .subtable .stds .inputlist .insty.whs{ width:100px; }
.subs .subtable .stds .inputlist .inblock{ display:inline-block; vertical-align:middle; font-size:16px; color:#333; padding:0 10px 0 0; }
.subs .subtable .stds .exs{ color:#999; font-size:14px; }
.subs .subtable .stds .ops{ padding:30px 0 0 0; }
.subs .subtable .stds .ops .p1{ font-size:20px; color:#333; font-weight:bold; }
.subs .subtable .stds .ops .p1 .date{ font-size:16px; font-weight:normal; }
.subs .subtable .stds .ops .p2{ font-size:14px; color:#333; padding:10px 0 0 0; }
.subs .subtable .stds .btnbox{ padding:15px 0 0 0; }
.subs .subtable .stds .btnbox .btns { display: block; width:100px; line-height: 30px; text-decoration: none; border: none; border: 1px solid #ee8100; background-color: #ee8100; color: #fff; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

/*歸戶*/
.accountbox{ padding: 20px; margin:20px 0 0 0; background-color: #fff; }
.accountbox .titles{ font-size: 16px; font-weight: bold; padding: 0 0 0 10px; color: #EC6C00; position: relative; margin: 0 0 10px 0; }
.accountbox .titles:before { content: ""; width: 5px; height: 20px; background-color: #EC6C00; position: absolute; left: 0px; top: 0px; }

.accountbox .list{ border-bottom:1px solid #ccc; padding:10px 0; display:table; width:100%; }
.accountbox .list .icons{ display:table-cell; vertical-align:middle; width:55px; }
.accountbox .list .icons img{ width:100%; }
.accountbox .list .acc{ display:table-cell; vertical-align:middle; padding:0 10px 0 30px;  font-size:16px; color:#333; }
.accountbox .list .btns{ display:table-cell; vertical-align:middle; width:100px; }
.accountbox .list .btns .linkbtn{ width:100%; background:#ffa67d; color:#fff; font-size:16px; font-weight:bold; padding:3px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none; border:none; display:block; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.accountbox .list .btns .linkbtn.hold{ background:#ec6629; }


/*代禱*/
.pro_table{ width:100%; display:table; margin:0 0 24px 0; }
.pro_table .pro_tr{ display:table-row; }
.pro_table .pro_th{ display:table-cell; vertical-align:middle; border-bottom:2px solid #333; padding:10px; font-size:18px; font-weight:bold; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.pro_table .pro_td{ display:table-cell; vertical-align:middle; border-bottom:2px solid #e0e0e0; padding:10px; font-size:16px; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.pro_table .pro_td a{ color:#333; text-decoration:none; }
.pro_table .pro_td a.tels{ color: #ec6c00; }

.pro_table .center{ text-align:center; }
.pro_table .t_01{ width:120px; }
.pro_table .t_02{ width:200px; }

.rec_table{ display:table; width:100%; }
.rec_table .rec_tr{ display:table-row; }
.rec_table .rec_th{ display:table-cell; vertical-align:top; border-bottom:1px solid #ddd; padding:10px; width:90px; font-size:18px; color:#333; font-weight:bold; line-height:26px; }
.rec_table .rec_td{ display:table-cell; vertical-align:top; border-bottom:1px solid #ddd; padding:10px; font-size:16px; color:#333; line-height:26px; }

/*訂單列表*/
.order_control{ text-align: right; }
.order_control .op-a{ display: inline-block; border: 1px solid #848484; height: 22px; padding: 0 5px; vertical-align: middle; width: 90px; overflow: hidden; margin:0 5px 0 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; line-height: 22px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.order_control .op-b{ display: inline-block; border: 1px solid #848484; height: 22px; padding: 0 5px; vertical-align: middle; width:120px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin:0 5px 0 0; line-height: 22px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.order_control img{ display:inline-block; vertical-align:middle; width:18px; margin:0 10px 0 0; cursor:pointer; }
.order_control .disinlink{ display:inline-block; vertical-align:middle; font-size:12px; color:#333; margin:0 10px 0 0; }
.order_control .dates{ display:inline-block; vertical-align:middle; width:18px; margin:0 10px 0 0; cursor:pointer; }
.order_control .dates img{ width:100%; }
.order_control .opbtn{ display: inline-block; vertical-align: middle; border: none; padding: 2px 10px; color: #fff; font-size: 14px; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 3px;
    background: #f8a25c;
    background: -moz-linear-gradient(top, #f99638 10%, #eb6e03 30%, #eb6e03 50%, #eb6e03 70%, #eb6e03 70%, #f99638 90%);
    background: -webkit-linear-gradient(top, #f99638 10%,#eb6e03 30%,#eb6e03 50%,#eb6e03 70%,#eb6e03 70%,#f99638 90%);
    background: linear-gradient(to bottom, #f99638 10%,#eb6e03 30%,#eb6e03 50%,#eb6e03 70%,#eb6e03 70%,#f99638 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a25c', endColorstr='#f8a25c',GradientType=0 );
}
.order_control .opdivider{ display: none; }

.order_table{ width:100%; display:table; margin:0 0 24px 0; }
.order_table .order_tr{ display:table-row; }
.order_table .order_th{ display:table-cell; vertical-align:middle; border-bottom:2px solid #333; padding:10px; font-size:18px; font-weight:bold; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; white-space:nowrap; }
.order_table .order_td{ display:table-cell; vertical-align:middle; border-bottom:2px solid #e0e0e0; padding:10px; font-size:16px; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.order_table .order_td a{ color: #ec6c00; text-decoration:none; }
.order_table .center{ text-align:center; }

.order_table .wh01{ width:115px; }
.order_table .wh02{ width:158px; }
.order_table .wh03{ width:72px; }
.order_table .wh04{ width:100px; }

/*頁碼*/
.media_num{ padding:10px 0; text-align:center; }
.media_num .btns-left{ display:inline-block; vertical-align:middle; width:32px; height:32px; position:relative; border:1px solid #ddd; cursor:pointer; }
.media_num .btns-left:before{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); display:block; position:absolute; left:0px; right:0px; top:10px; margin:auto; }
.media_num .btns-left:after{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); display:block; position:absolute; left:0px; right:0px; bottom:10px; margin:auto; }

.media_num .btns-right{ display:inline-block; vertical-align:middle; width:32px; height:32px; position:relative; border:1px solid #ddd; cursor:pointer; }
.media_num .btns-right:before{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); display:block; position:absolute; left:0px; right:0px; top:10px; margin:auto; }
.media_num .btns-right:after{ content:""; width:15px; height:2px; background-color:#888; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); display:block; position:absolute; left:0px; right:0px; bottom:10px; margin:auto; }
.media_num .digitals{ text-align:center; display:inline-block; vertical-align:middle; color:#777; font-size:14px; padding:0 10px; }
.media_num .digitals a{ display:inline-block; vertical-align: middle; border:1px solid #ddd; padding:0 5px; color:#999; font-size:16px; line-height:24px; }
.media_num .digitals span{ display:inline-block; vertical-align: middle; border:1px solid #f36f32; padding:0 5px; color:#fff; font-size:16px; line-height:24px; background:#f36f32; }

/*回上頁*/
.backboxs{ text-align: center; padding:30px 0 20px 0; }
.backboxs .btns{ border: 1px solid #f36f32; padding: 2px 8px; color: #EC6C00; font-size: 14px; font-weight: bold; display: inline-block; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/*光箱*/
.login_light{ width:100%; background:#f9f9f9; padding:45px 20px 20px 20px; position:relative; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.login_light *{ font-family:"微軟正黑體", "新細明體"; }
.login_light .inlogo{ width:140px; margin:0 0 10px 0; }
.login_light .inlogo img{ width:100%; }
.login_light > .close{ width:20px; height:20px; position:absolute; right:10px; top:10px; cursor:pointer; }
.login_light > .close:before{ content:""; width:20px; height:2px; background:#999; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.login_light > .close:after{ content:""; width:20px; height:2px; background:#999; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.login_light .closetext{ position:absolute; right:10px; top:10px; font-size: 0; cursor:pointer; }
.login_light .closetext .close{ display:inline-block; vertical-align:middle; width:12px; height:12px; position:relative; border:1px solid #888; }
.login_light .closetext .close:before{ content:""; width:12px; height:2px; background:#999; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.login_light .closetext .close:after{ content:""; width:12px; height:2px; background:#999; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.login_light .closetext .txts{ display:inline-block; vertical-align:middle; font-size:13px; color:#333; margin-left:5px; }
.login_light .logintable{ display:table; width:100%; }
.login_light .logintable .tds-left{ display:table-cell; vertical-align:top; padding:0 20px 0 0; border-right:1px dashed #ccc; }
.login_light .logintable .tds-left .tlist{ margin:0 0 15px 0; font-size:0px; }
.login_light .logintable .tds-left .tlist:last-child{ margin:0px; }
.login_light .logintable .tds-left .prompt{ font-size:14px; color:#f00; }
.login_light .logintable .tds-left .tlist .input{ width: 100%; line-height: 30px; height:30px; padding: 0 10px; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size:15px; }
.login_light .logintable .tds-left .tlist .code{ margin:5px 0 0 0; }
.login_light .logintable .tds-left .tlist .code .imgs{ display:inline-block; vertical-align:middle; }
.login_light .logintable .tds-left .tlist .code .again{ display:inline-block; vertical-align:middle; font-size:12px; color:#333; margin:0 0 0 5px; }
.login_light .logintable .tds-left .tlist .btns{ margin:5px 0 0 0; }
.login_light .logintable .tds-left .tlist .btns .btn-a{ display: block; width: 100%; line-height:26px; text-decoration: none; border: none; border:none; background-color: #ee8100; color: #fff; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.login_light .logintable .tds-left .tlist .btns .btn-b{ display: block; width: 100%; line-height:26px; text-decoration: none; border: none; border:none; background-color: #dbdbdb; color: #666; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.login_light .logintable .tds-left .tlist .btns .btn-c{ display: block; width: 100%; line-height:26px; text-decoration: none; border: none; border:none; background-color: #dbdcdb; color: #333; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

.login_light .logintable .tds-left .tlist .links{ display:block; width:auto; text-align:right; border-right:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:5px 0 0 0; }
.login_light .logintable .tds-left .tlist .links:last-child{ border:none; }
.login_light .logintable .tds-left .tlist .links a{ color:/*#999*/initial; font-size:14px; text-decoration:none; }

.login_light .logintable .tds-right{ display:table-cell; vertical-align:top; padding:0 0 0 20px; width:55px; }
.login_light .logintable .tds-right .grids{ display:block; width:55px; margin:0 0 10px 0; }
.login_light .logintable .tds-right .grids img{ width:100%; }
.login_light .logintable .tds-right .grids .ls_txt{ font-size:12px; color:#F00; text-align: center; }

.login_light .logintable .tds-right .txts{ font-size:12px; color:/*#333*/initial; margin:0 0 10px 0; text-align:center; }

.login_light .logintable .tds-right .bunsm{ background: #dbdcdb; border-radius: 3px; line-height: 24px; font-size:12px; text-align:center; font-size:20px; margin-top:70px;}

.login_light .resendText{ font-size:14px; color:#333; line-height:1.4; margin:0 0 10px 0; }
.login_light .resendlist{ margin:0 0 15px 0; }
.login_light .resendlist .inputs{ width: 100%; line-height: 30px; height: 30px; padding: 0 10px; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 15px; }
.login_light .btns .btn{ display: block; width: 100%; line-height: 26px; text-decoration: none; border: none; background-color: #ee8100; color: #fff; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

.login_light .warntxt{ position:absolute; top:9px; left:20px; color:#f00; font-weight:bold; font-size:13px; }


/*隱藏表單*/
.hide_header{ border-bottom:2px solid #ec6c00; height:113px; display:flex; align-items: center; justify-content: center; }
.hide_header img{ width:270px; }
.hideBlock{ max-width:1140px; padding:60px 20px; margin:auto; }

.hideBlock .mtxt{ line-height:1.6; margin-bottom:20px; }
.hideBlock .list{ background-color:#fff1d5; padding:20px; margin-bottom:10px; }
.hideBlock .list table td{ padding:3px 0; }
.hideBlock .list table td.title{ width:90px; text-align:right; white-space:nowrap; }
.hideBlock .list table td.title .red{ font-size:16px; color:#f00; }
.hideBlock .list .sp_block input{ border:none; margin:0 0 0 5px; line-height:28px; height:28px; text-indent:5px; }
.hideBlock .list .sp_block select{ border:none; margin:0 0 0 5px; line-height:28px; height:28px; }
.hideBlock .list .sp_block input:first-child,.hideBlock .list .sp_block select:first-child{ margin-left:0; }

.hideBlock .endText{ color:#555; padding: 20px; margin-top: 25px; line-height: 1.6; font-style: italic; font-size: 15px; border: 3px #eee dotted; text-align: right; }

.hideBlock .flexbox *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.hideBlock .flexbox{ display:flex; margin-left:-5px; flex-wrap:wrap; }
.hideBlock .flexbox .grid{ padding:0 0 0 5px; }
.hideBlock .flexbox .grid.w2{ width:100px; }
.hideBlock .flexbox .grid.w3{ flex:1; }
.hideBlock .list .sp_block .flexbox input,.hideBlock .list .sp_block .flexbox select{ width:100%; margin:0; }
.hideBlock .list .sp_block textarea{ border: none; resize:none; padding:5px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.hideBlock .list .sp_block .checkbox{ display:inline-flex; vertical-align:middle; margin-right:10px; }
.hideBlock .list .sp_block .checkbox > input{  margin:0 5px 0 0; line-height:normal; height:auto; text-indent:inherit; }

.hideBlock .btnbox{ text-align:center; padding:30px 0 0 0; }
.hideBlock .btnbox .btn{ border:none; background-color:#ec6c00; display:inline-block; cursor:pointer; border-radius:5px; padding:0 25px; line-height:48px; color:#fff; font-size:16px; }


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

.fonts_big .shopbox a{ font-size:16px; }
.fonts_medium .shopbox a{ font-size:14px; }
.fonts_small .shopbox a{ font-size:12px; }

.fonts_big .destitle{ font-size:20px; }
.fonts_medium .destitle{ font-size:18px; }
.fonts_small .destitle{ font-size:16px; }

.fonts_big .detable .tds-a{ font-size:18px; }
.fonts_medium .detable .tds-a{ font-size:16px; }
.fonts_small .detable .tds-a{ font-size:14px; }

.fonts_big .doproject .lists .tabs .ltds-b{ font-size:18px; }
.fonts_medium .doproject .lists .tabs .ltds-b{ font-size:16px; }
.fonts_small .doproject .lists .tabs .ltds-b{ font-size:14px; }

.fonts_big .dodecont{ font-size:18px; }
.fonts_medium .dodecont{ font-size:16px; }
.fonts_small .dodecont{ font-size:14px; }

.fonts_big .steps_block .radius .rtitle{ font-size:18px; }
.fonts_medium .steps_block .radius .rtitle{ font-size:16px; }
.fonts_small .steps_block .radius .rtitle{ font-size:14px; }

.fonts_big .don_table .don_th{ font-size:20px; }
.fonts_medium .don_table .don_th{ font-size:18px; }
.fonts_small .don_table .don_th{ font-size:16px; }

.fonts_big .don_table .don_th .sizes{ font-size:15px; }
.fonts_medium .don_table .don_th .sizes{ font-size:14px; }
.fonts_small .don_table .don_th .sizes{ font-size:13px; }

.fonts_big .don_table .don_td{ font-size:18px; }
.fonts_medium .don_table .don_td{ font-size:16px; }
.fonts_small .don_table .don_td{ font-size:14px; }

/*new->*/
.fonts_big .don_table .don_td.small{ font-size:16px; }
.fonts_medium .don_table .don_td.small{ font-size:14px; }
.fonts_small .don_table .don_td.small{ font-size:12px; }

.fonts_big .donann{ font-size:18px; }
.fonts_medium .donann{ font-size:16px; }
.fonts_small .donann{ font-size:14px; }

.fonts_big .donends .lititle{ font-size:18px; }
.fonts_medium .donends .lititle{ font-size:16px; }
.fonts_small .donends .lititle{ font-size:14px; }

.fonts_big .donends .ligrids{ font-size:18px; }
.fonts_medium .donends .ligrids{ font-size:16px; }
.fonts_small .donends .ligrids{ font-size:14px; }

.fonts_big .donends .endmons .tit{ font-size:16px; }
.fonts_medium .donends .endmons .tit{ font-size:14px; }
.fonts_small .donends .endmons .tit{ font-size:12px; }

.fonts_big .donends .endmons .mony .m1{ font-size:50px; }
.fonts_medium .donends .endmons .mony .m1{ font-size:48px; }
.fonts_small .donends .endmons .mony .m1{ font-size:46px; }

.fonts_big .donends .endmons .mony .m2{ font-size:26px; }
.fonts_medium .donends .endmons .mony .m2{ font-size:24px; }
.fonts_small .donends .endmons .mony .m2{ font-size:22px; }

.fonts_big .markbox .grids-b{ font-size:16px; }
.fonts_medium .markbox .grids-b{ font-size:14px; }
.fonts_small .markbox .grids-b{ font-size:12px; }

.fonts_big .donends .chosen{ font-size:20px; }
.fonts_medium .donends .chosen{ font-size:18px; }
.fonts_small .donends .chosen{ font-size:16px; }

.fonts_big .steptab_two .stitles{ font-size:18px; }
.fonts_medium .steptab_two .stitles{ font-size:16px; }
.fonts_small .steptab_two .stitles{ font-size:14px; }

.fonts_big .steptab_two .exs{ font-size:16px; }
.fonts_medium .steptab_two .exs{ font-size:14px; }
.fonts_small .steptab_two .exs{ font-size:12px; }

.fonts_big .steptab_two .exs_a{ font-size:16px; }
.fonts_medium .steptab_two .exs_a{ font-size:14px; }
.fonts_small .steptab_two .exs_a{ font-size:12px; }

.fonts_big .steptabtitle{ font-size:18px; }
.fonts_medium .steptabtitle{ font-size:16px; }
.fonts_small .steptabtitle{ font-size:14px; }

.fonts_big .steptab_two .insblock{ font-size:18px; }
.fonts_medium .steptab_two .insblock{ font-size:16px; }
.fonts_small .steptab_two .insblock{ font-size:14px; }

.fonts_big .stepres{ font-size:18px; }
.fonts_medium .stepres{ font-size:16px; }
.fonts_small .stepres{ font-size:14px; }

.fonts_big .waytitle{ font-size:22px; }
.fonts_medium .waytitle{ font-size:20px; }
.fonts_small .waytitle{ font-size:18px; }

.fonts_big .waylists .options{ font-size:18px; }
.fonts_medium .waylists .options{ font-size:16px; }
.fonts_small .waylists .options{ font-size:14px; }

.fonts_big .waylists .gsty{ font-size:16px; }
.fonts_medium .waylists .gsty{ font-size:14px; }
.fonts_small .waylists .gsty{ font-size:12px; }

.fonts_big .waylists .opgrays .grids{ font-size:18px; }
.fonts_medium .waylists .opgrays .grids{ font-size:16px; }
.fonts_small .waylists .opgrays .grids{ font-size:14px; }

.fonts_big .steptab_two .stexts{ font-size:18px; }
.fonts_medium .steptab_two .stexts{ font-size:16px; }
.fonts_small .steptab_two .stexts{ font-size:14px; }

.fonts_big .databg .d_text{ font-size:18px; }
.fonts_medium .databg .d_text{ font-size:16px; }
.fonts_small .databg .d_text{ font-size:14px; }

.fonts_big .expn_class .egrids{ font-size:18px; }
.fonts_medium .expn_class .egrids{ font-size:16px; }
.fonts_small .expn_class .egrids{ font-size:14px; }

.fonts_big .expnlist .titles{ font-size:18px; }
.fonts_medium .expnlist .titles{ font-size:16px; }
.fonts_small .expnlist .titles{ font-size:14px; }

.fonts_big .expnlist .texts{ font-size:18px; }
.fonts_medium .expnlist .texts{ font-size:16px; }
.fonts_small .expnlist .texts{ font-size:14px; }

.fonts_big .expnlist .expntab .expntext{ font-size:18px; }
.fonts_medium .expnlist .expntab .expntext{ font-size:16px; }
.fonts_small .expnlist .expntab .expntext{ font-size:14px; }

.fonts_big .loginlist .ltd-a{ font-size:18px; }
.fonts_medium .loginlist .ltd-a{ font-size:16px; }
.fonts_small .loginlist .ltd-a{ font-size:14px; }

.fonts_big .loginlist .links{ font-size:18px; }
.fonts_medium .loginlist .links{ font-size:16px; }
.fonts_small .loginlist .links{ font-size:14px; }

.fonts_big .othertitle{ font-size:18px; }
.fonts_medium .othertitle{ font-size:16px; }
.fonts_small .othertitle{ font-size:14px; }

.fonts_big .memforget{ font-size:18px; }
.fonts_medium .memforget{ font-size:16px; }
.fonts_small .memforget{ font-size:14px; }

.fonts_big .memlist .title_a{ font-size:22px; }
.fonts_medium .memlist .title_a{ font-size:20px; }
.fonts_small .memlist .title_a{ font-size:18px; }

.fonts_big .memlist .title_b{ font-size:20px; }
.fonts_medium .memlist .title_b{ font-size:18px; }
.fonts_small .memlist .title_b{ font-size:16px; }

.fonts_big .memlist .txtul{ font-size:18px; }
.fonts_medium .memlist .txtul{ font-size:16px; }
.fonts_small .memlist .txtul{ font-size:14px; }

.fonts_big .memlist .txtul li{ font-size:17px; }
.fonts_medium .memlist .txtul li{ font-size:15px; }
.fonts_small .memlist .txtul li{ font-size:13px; }

.fonts_big .memlist .textboxs .title{ font-size:22px; }
.fonts_medium .memlist .textboxs .title{ font-size:20px; }
.fonts_small .memlist .textboxs .title{ font-size:18px; }

.fonts_big .memlist .textboxs .txts{ font-size:18px; }
.fonts_medium .memlist .textboxs .txts{ font-size:16px; }
.fonts_small .memlist .textboxs .txts{ font-size:14px; }

.fonts_big .memlist .textboxs .txtuls{ font-size:18px; }
.fonts_medium .memlist .textboxs .txtuls{ font-size:16px; }
.fonts_small .memlist .textboxs .txtuls{ font-size:14px; }

.fonts_big .memlist .textboxs .txtuls li{ font-size:17px; }
.fonts_medium .memlist .textboxs .txtuls li{ font-size:15px; }
.fonts_small .memlist .textboxs .txtuls li{ font-size:13px; }

.fonts_big .memtitles{ font-size:20px; }
.fonts_medium .memtitles{ font-size:18px; }
.fonts_small .memtitles{ font-size:16px; }

.fonts_big .mustbox{ font-size:16px; }
.fonts_medium .mustbox{ font-size:14px; }
.fonts_small .mustbox{ font-size:12px; }

.fonts_big .datalistbox .grids .titles{ font-size:18px; }
.fonts_medium .datalistbox .grids .titles{ font-size:16px; }
.fonts_small .datalistbox .grids .titles{ font-size:14px; }

.fonts_big .datalistbox .grids .texts{ font-size:18px; }
.fonts_medium .datalistbox .grids .texts{ font-size:16px; }
.fonts_small .datalistbox .grids .texts{ font-size:14px; }

.fonts_big .subs .titles{ font-size:20px; }
.fonts_medium .subs .titles{ font-size:18px; }
.fonts_small .subs .titles{ font-size:16px; }

.fonts_big .subs .subtable .stds .steptitles{ font-size: 18px; }
.fonts_medium .subs .subtable .stds .steptitles{ font-size: 16px; }
.fonts_small .subs .subtable .stds .steptitles{ font-size: 14px; }

.fonts_big .subs .subtable .stds .exs{ font-size:16px; }
.fonts_medium .subs .subtable .stds .exs{ font-size:14px; }
.fonts_small .subs .subtable .stds .exs{ font-size:12px; }

.fonts_big .subs .subtable .stds .ops .p1{ font-size:22px; }
.fonts_medium .subs .subtable .stds .ops .p1{ font-size:20px; }
.fonts_small .subs .subtable .stds .ops .p1{ font-size:18px; }

.fonts_big .subs .subtable .stds .ops .p1 .date{ font-size:18px; }
.fonts_medium .subs .subtable .stds .ops .p1 .date{ font-size:16px; }
.fonts_small .subs .subtable .stds .ops .p1 .date{ font-size:14px; }

.fonts_big .subs .subtable .stds .ops .p2{ font-size:16px; }
.fonts_medium .subs .subtable .stds .ops .p2{ font-size:14px; }
.fonts_small .subs .subtable .stds .ops .p2{ font-size:12px; }

.fonts_big .subs .subtable .stds .inputlist .inblock{ font-size:18px; }
.fonts_medium .subs .subtable .stds .inputlist .inblock{ font-size:16px; }
.fonts_small .subs .subtable .stds .inputlist .inblock{ font-size:14px; }

.fonts_big .accountbox .titles{ font-size:18px; }
.fonts_medium .accountbox .titles{ font-size:16px; }
.fonts_small .accountbox .titles{ font-size:14px; }

.fonts_big .accountbox .list .acc{ font-size:18px; }
.fonts_medium .accountbox .list .acc{ font-size:16px; }
.fonts_small .accountbox .list .acc{ font-size:14px; }

.fonts_big .mar .dgrids .textbox .titles{ font-size:18px; }
.fonts_medium .mar .dgrids .textbox .titles{ font-size:16px; }
.fonts_small .mar .dgrids .textbox .titles{ font-size:14px; }

.fonts_big .mar .dgrids .textbox .txts{ font-size:16px; }
.fonts_medium .mar .dgrids .textbox .txts{ font-size:14px; }
.fonts_small .mar .dgrids .textbox .txts{ font-size:12px; }

.fonts_big .mar .dgrids .tab .tds-a{ font-size:18px; }
.fonts_medium .mar .dgrids .tab .tds-a{ font-size:16px; }
.fonts_small .mar .dgrids .tab .tds-a{ font-size:14px; }

.fonts_big .mar .dgrids .btns{ font-size:16px; }
.fonts_medium .mar .dgrids .btns{ font-size:14px; }
.fonts_small .mar .dgrids .btns{ font-size:12px; }

.fonts_big .donatable .dtds-b{ font-size:18px; }
.fonts_medium .donatable .dtds-b{ font-size:16px; }
.fonts_small .donatable .dtds-b{ font-size:14px; }

.fonts_big .donatable .dtds-b .majors{ font-size:20px; }
.fonts_medium .donatable .dtds-b .majors{ font-size:18px; }
.fonts_small .donatable .dtds-b .majors{ font-size:16px; }

.fonts_big .pro_table .pro_th{ font-size:20px; }
.fonts_medium .pro_table .pro_th{ font-size:18px; }
.fonts_small .pro_table .pro_th{ font-size:16px; }

.fonts_big .pro_table .pro_td{ font-size:18px; }
.fonts_medium .pro_table .pro_td{ font-size:16px; }
.fonts_small .pro_table .pro_td{ font-size:14px; }

.fonts_big .rec_table .rec_th{ font-size:20px; }
.fonts_medium .rec_table .rec_th{ font-size:18px; }
.fonts_small .rec_table .rec_th{ font-size:16px; }

.fonts_big .rec_table .rec_td{ font-size:18px; }
.fonts_medium .rec_table .rec_td{ font-size:16px; }
.fonts_small .rec_table .rec_td{ font-size:14px; }

.fonts_big .order_table .order_th{ font-size:20px; }
.fonts_medium .order_table .order_th{ font-size:18px; }
.fonts_small .order_table .order_th{ font-size:16px; }

.fonts_big .order_table .order_td{ font-size:18px; }
.fonts_medium .order_table .order_td{ font-size:16px; }
.fonts_small .order_table .order_td{ font-size:14px; }

.fonts_big .order_control .disinlink{ font-size:16px; }
.fonts_medium .order_control .disinlink{ font-size:14px; }
.fonts_small .order_control .disinlink{ font-size:12px; }

.fonts_big .steptab_two .stitles .m_nec{ font-size:16px; }
.fonts_medium .steptab_two .stitles .m_nec{ font-size:14px; }
.fonts_small .steptab_two .stitles .m_nec{ font-size:12px; }

.fonts_big .qugrids .qtxt{ font-size:18px; }
.fonts_medium .qugrids .qtxt{ font-size:16px; }
.fonts_small .qugrids .qtxt{ font-size:14px; }

.fonts_big .quick_txt{ font-size:18px; }
.fonts_medium .quick_txt{ font-size:16px; }
.fonts_small .quick_txt{ font-size:14px; }

.fonts_big .quickblock .h1s{ font-size:24px; }
.fonts_medium .quickblock .h1s{ font-size:22px; }
.fonts_small .quickblock .h1s{ font-size:20px; }

.fonts_big .quickblock .ps{ font-size:18px; }
.fonts_medium .quickblock .ps{ font-size:16px; }
.fonts_small .quickblock .ps{ font-size:14px; }

.fonts_big .quickSure .btns{ font-size:18px; }
.fonts_medium .quickSure .btns{ font-size:16px; }
.fonts_small .quickSure .btns{ font-size:14px; }

.fonts_big .memtitles .mremarks{ font-size:18px; }
.fonts_medium .memtitles .mremarks{ font-size:16px; }
.fonts_small .memtitles .mremarks{ font-size:14px; }

.fonts_big .steptab_two .stitles .mremarks{ font-size:16px; }
.fonts_medium .steptab_two .stitles .mremarks{ font-size:14px; }
.fonts_small .steptab_two .stitles .mremarks{ font-size:12px; }

.fonts_big .codecolumn .codeTable .cTds .req{ font-size:12px; }
.fonts_medium .codecolumn .codeTable .cTds .req{ font-size:14px; }
.fonts_small .codecolumn .codeTable .cTds .req{ font-size:16px; }

.fonts_big .stepexTxt{ font-size:16px; }
.fonts_medium .stepexTxt{ font-size:14px; }
.fonts_small .stepexTxt{ font-size:12px; }

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px) {
.bannerblock{ margin:105px 0 0 0; }

/*列表*/	
.donatsbox .mar .dgrids .tab .tds-a{ display:block; text-align:center; }
.donatsbox .mar .dgrids .tab .tds-b{ display:block; padding:10px 0 0 0; margin:0 auto; }

/*捐款流程*/
.don_table .t_04{ width:200px; }

/*購物列*/
.shopbox{ display:block; background:#fff; margin:20px 10px 0 10px; padding:5px 15px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }

/*代禱*/
.pro_table{ display:block; }
.pro_table .pro_tr{ display:block; padding: 10px; margin: 0 0 20px 0; background-color: #fff; }
.pro_table .disnone{ display:none; }
.pro_table .pro_td{ display: block; border-bottom: 1px solid #e0e0e0; padding: 10px 0; position: relative; color:#555; }
.pro_table .pro_td:before{ content: attr(data-title); display:block; color:#000; padding:0 0 10px 0; font-weight:bold; }
.pro_table .center{ text-align:left; }

/*訂單列表*/
.order_table{ display:block; }
.order_table .order_tr{ display:block; padding: 10px; border:1px solid #bbb; margin: 0 0 20px 0; }
.order_table .disnone{ display:none; }
.order_table .order_td{ display: block; border-bottom: 1px solid #e0e0e0; padding: 10px 10px 10px 90px; position: relative; color:#555; }
.order_table .order_td:last-child{ border:none; }
.order_table .order_td:before{ content: attr(data-title); position: absolute; left: 0px; color:#000; font-weight:bold; }
.order_table .center{ text-align:left; }

.steptab_two .sgrids.long_two{ width:100%; padding:0; }
}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.bannerblock{ margin:56px 0 0 0; }
.bannerblock .mar{ padding:0 10px; }
.bannerblock .mar .menu_ms .tds .links{ font-size:12px; }
.bannerblock .mar .menu_ms .tds .links span{ display:block; }

/*列表*/
.donatsbox{ padding:15px 0; }
.donatsbox .mar{ padding:0 10px; }
.donatsbox .mar .dtable{ display:block; margin:15px 0; }
.donatsbox .mar .dspace{ display:none; }
.donatsbox .mar .dgrids{ display:block; width:100%; max-width:310px; margin:0 auto 15px auto; padding:0; }
.donatsbox .mar .dgrids .textbox{ padding:10px; }

/*購物列*/
.shopblock{ padding:10px 0; }
.shopbox{ display:block; background:#fff; margin:20px 10px 0 10px; padding:5px 15px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }

/*步驟*/
.stepsbox .grids{ display:none; }
.stepsbox .grids.hold{ display:block; }

/*步驟*/
.steps_block .radius{ font-size:12px; width:30px; height:30px; line-height:30px; }
.steps_block .radius .rtitle{ top:35px; font-size:12px; line-height:18px; width:auto; margin:auto; white-space:nowrap; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.steps_block .radius .rtitle span{ display:block; }

/*頁碼*/
.index_num .btns-left{ width:24px; height:24px; }
.index_num .btns-left:before{ width:10px; top:8px; }
.index_num .btns-left:after{ width:10px; bottom:8px; }
.index_num .btns-right{ width:24px; height:24px; }
.index_num .btns-right:before{ width:10px; top:8px; }
.index_num .btns-right:after{ width:10px; bottom:8px; }

/*詳細*/
.destitle{ margin:15px 0; }

.detable{ display:block; }
.detable .tds-a{ display:block; padding:0 0 15px 0; }
.detable .tds-b{ display:block; margin:0 auto; max-width:380px; width:auto; }

.dodecont img{ height:auto !important; }

.detdes{ display:block; }
.detdes .de_left{ display:block; width:100%; padding:0 0 30px 0; }
.detdes .de_right{ display:block; float:none; width:100%; margin:auto;  }

.rimgbox .imgs{ width:auto; height:auto; }

/*說明*/
.expnlist .expntab .extds-a{ display:block; width:auto; }
.expnlist .expntab .extds-b{ display:block; padding:15px 0 0 0; }
.expnlist .expntab .extds-c{ display:block; padding:0 0 15px 0; }
.expnlist .expntab .eimg{ text-align:center; }
.expnlist .expntab .eimg img{ display:inline-block; }

.expn_class .egrids{ padding: 2px; border: 1px solid #aaa; font-size: 14px; line-height: 18px; border-radius: 0px; }

/*登入*/
.logintab{ display:block; }
.logintab .latad-a{ display:block; margin:0 0 10px 0; padding:10px; }
.logintab .latad-s{ display:none; }
.logintab .latad-b{ display:block; width:auto; padding:10px; }

.loginlist .ltd-a{ display:block; width:auto; padding:0 0 5px 0; }
.loginlist .ltd-b{ display:block; }
.loginlist .links{ font-size:14px; }

.loginlist .inout-b{ width:90px; }

.loginbtns .btad-a{ display:inline-block; width:50%; padding:5px; }
.loginbtns .btad-b{ display:inline-block; width:50%; padding:5px; }

/*專案*/
.don_table{ display:block; }
.don_table .don_tr{ display:block; padding: 10px; margin: 0 0 20px 0; background-color: #fff; }
.don_table .disnone{ display:none; }
.don_table .don_td{ display: block; border-bottom: 1px solid #e0e0e0; padding: 10px 10px 10px 90px; position: relative; color:#555; }
.don_table .don_td:before{ content: attr(data-title); position: absolute; left: 0px; color:#000; }
.don_table .don_td.nopic{ padding:10px; }
.don_table .downs{ font-size:14px; }
.don_table .depic{ width:95px; margin:0 auto; }

/*購物流程*/
.donends .lititle{ display:block; padding:0 0 5px 0; }
.donends .endmons .mony .m1{ font-size:36px; }
.stepbtns .btns-a{ font-size:14px; margin:0 0 0 5px; }
.stepbtns .btns-b{ font-size:14px; margin:0 0 0 5px; }

/*捐款流程*/
.donends{ padding:10px 15px; }
.don_table .don_td.leftmob{ text-align:left; }
.don_table .don_td.rightmob{ text-align:right; }

/*捐款流程 步驟2*/
.sort_box{ margin:20px 0 0 0; }
.sort_btns{ padding:3px 10px; font-size:14px; }

.steptab_two .sgrids{ display:block; padding:0px; width:auto; }
.steptab_two .sgrids:nth-of-type(even){ padding:0px; }

.steptab_two .tabs .tds.whs{ width:100px; }

.steptab_two .addtab .tds{ display:inline-block; padding:0 0 10px 0; }
.steptab_two .addtab .tds.whs01{ padding:0 10px 5px 0; }
.steptab_two .addtab .tds.whs02{ padding:0 10px 5px 0; }
.steptab_two .addtab .tds.whs03{ padding:0 5px 5px 0; width:80px }
.steptab_two .addtab .tds.whs04{ width:100%; }
.steptab_two .addtab .tds.whs05{ display:block; width:100%; padding:0 0 5px 0; }

.steplist{ padding:10px; }

.stepres{ padding:10px; }

.markbox .grids-a{ padding:0px; display: inline-block; }
.markbox .grids-a img{ /*width:110px; margin:0 auto; display:block;*/ }
.markbox .grids-b{ font-size:14px; margin:5px 0 0 0; display:block; text-align:center; }
.markbox .grids-b .br{ display:block; }
.markbox .grids-b .none{ display:none; }
.markbox .BIG img{ width:auto; }

.steptabtitle .ops_box{ display:block; padding:5px 0 0 0; }

.markbox{ width: 211px; position: static; margin:20px auto; text-align:center; }

.matable{ display:block; padding:20px 0; height:auto; }
.matable .matd{ display:block; width:auto; }


/*付款方式*/
.wayoption .btns span{ display:block; }

/*確認訂單資料*/
.datalistbox{ margin:20px 0 0 0; padding:15px 15px 5px 15px; }
.datalistbox .grids{ display:block; width:auto; padding:0 0 10px 0; }

.confirmtable{ display:block; }
.confirmtable .contr{ display:block; }
.confirmtable .contd{ display:block; width:auto; }
.confirmtable .conspace{ display:none; }

/*訂閱電子報*/
.subs .subtable{ display:block; }
.subs .subtable .stds{ display:block; width:100%; padding:0; }
.subs .subtable .stds:nth-child(even){ padding:40px 0 0 0; border-left:none; }
.subs .subtable .stds .ops .p1 .date{ display:block; }

/*歸戶*/
.accountbox .list{ display:block; width:auto; border:1px solid #ccc; padding:10px; margin:20px 0 0 0; }
.accountbox .list .icons{ width:27px; float:left; display:block; }
.accountbox .list .acc{ display:block; padding:0px; margin:3px 0 0 35px; }
.accountbox .list .btns{ display:block; width:auto; text-align:center; clear:both; padding: 15px 0 0 0; }
.accountbox .list .btns .linkbtn{ display:inline-block; width:100px; }

/*代禱*/
.pro_table{ display:block; margin:24px 0; }
.pro_table .pro_tr{ display:block; padding: 10px; margin: 0 0 20px 0; background-color: #fff; }
.pro_table .disnone{ display:none; }
.pro_table .pro_td{ display:block; border-bottom:1px solid #e0e0e0; padding:10px 0; position:relative; color:#555; }
.pro_table .pro_td:before{ content: attr(data-title); display:block; color:#000; padding:0 0 10px 0; font-weight:bold; }
.pro_table .center{ text-align:left; }

/*訂單列表*/
.order_control{ padding:10px 0 0 0; text-align:left; }
.order_control .opdivider{ display:block; height:5px; }

.order_table{ display:block; }
.order_table .order_tr{ display:block; padding: 10px; border:1px solid #bbb; margin: 0 0 20px 0; }
.order_table .disnone{ display:none; }
.order_table .order_td{ display: block; border-bottom: 1px solid #e0e0e0; padding: 10px 10px 10px 90px; position: relative; color:#555; }
.order_table .order_td:last-child{ border:none; }
.order_table .order_td:before{ content: attr(data-title); position: absolute; left: 0px; color:#000; font-weight:bold; }

.order_table .center{ text-align:left; }

/*頁碼*/
.media_num .btns-right { width: 24px; height: 24px; }
.media_num .btns-right:before { width: 10px; top: 8px; }
.media_num .btns-right:after { width: 10px; bottom: 8px; }
.media_num .btns-left { width: 24px; height: 24px; }
.media_num .btns-left:before { width: 10px; top: 8px; }
.media_num .btns-left:after { width: 10px; bottom: 8px; }

/*隱藏表單*/
.hideBlock .list .sp_block{ display:block; }
.hideBlock .list .sp_block tbody{ display:block; }
.hideBlock .list .sp_block tr{ display:block; margin-bottom:10px; }
.hideBlock .list table td.title{ display:block; width:100%; text-align:left; }
.hideBlock .list table td.content{ display:flex; width:100%; }
.hideBlock .list .sp_block td input{ flex:1; width:100%; }
.hideBlock .list .sp_block td input:first-child{ margin-left:0; }

.hideBlock .flexbox{ width:100%; }
.hideBlock .flexbox .grid{ padding:0 0 5px 5px; }
.hideBlock .flexbox .grid.w2{ width:50%; }
.hideBlock .flexbox .grid.w3{ width:100%; flex:none; }


.hideBlock .endText{ text-align:left; }

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

.fonts_big .steps_block .radius .rtitle{ font-size:16px; }
.fonts_medium .steps_block .radius .rtitle{ font-size:14px; }
.fonts_small .steps_block .radius .rtitle{ font-size:12px; }


}

/* 光箱提示文字 */
.login_light:has( .light_hint ){ padding: 35px 20px 20px 20px; }
.light_hint{ font-size: 14px; line-height: 1.4rem; color: #f00; margin: 0 0 10px 0; }
.light_hint a{ font-weight: bold; color: #f00; }

/* TippyJS */
.tippy-box{ border-radius: 50%; background-color: unset !important; }

.tippy-content{ color: #ffffff; background-color: oklch(0.55 0.11 185.84); }
.tippy-box[data-theme~='green'][data-placement^='top'] > .tippy-arrow::before{ border-top-color: oklch(0.55 0.11 185.84); }
.tippy-box[data-theme~='green'][data-placement^='bottom'] > .tippy-arrow::before{ border-bottom-color: oklch(0.55 0.11 185.84); }
.tippy-box[data-theme~='green'][data-placement^='left'] > .tippy-arrow::before{ border-left-color: oklch(0.55 0.11 185.84); }
.tippy-box[data-theme~='green'][data-placement^='right'] > .tippy-arrow::before{ border-right-color: oklch(0.55 0.11 185.84); }

[target-tippy]{ vertical-align: top; width: 1.4rem; height: 1.4rem; border-radius: 50%; border: unset; background-color: unset; position: relative; display: inline-block; }
[target-tippy]::after{ background-size: 20px 20px;background-image: url(../images/page/i_question_mark.svg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); content: ""; }
[target-tippy].tippySet{ font-size: 0; }

/* 光箱 OTP 認證 */
.login_light:has(.light_header){ padding-top:10px; }
.light_header{ width:100%; display:inline-flex; flex-direction:row; flex-wrap:wrap; }
.light_header .h_title{ color:#EC6C00; font-size:18px; padding:0 0 0 5px; margin:0 0 10px -10px; font-weight:bold; border-left:5px solid #EC6C00; }
.light_content{ gap:10px; width:100%; display:inline-flex; flex-direction:row; flex-wrap:wrap; }
.light_content .txt{ width:100%; font-size:14px; font-weight:bold; color:#333; }
.light_content .btn_box{ gap:10px; width:100%; display:inline-flex; flex-direction:row; flex-wrap:nowrap; }
.light_content button{ font-size:16px; line-height:26px; display:inline-flex; text-decoration:none; border:none; cursor:pointer; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.light_content .btn-a{ color:#fff; background-color:#ee8100; }
.light_content .btn-c{ color:#333; background-color:#dbdcdb; }

.light_content .resendlist{ gap:10px; width:100%; margin:0; display:inline-flex; flex-direction:row; flex-wrap:wrap; }

/* 市話 */
.sgrids .inputTelphone{gap:4px;display:inline-flex;align-items:center;text-align:center}
.sgrids .inputTelphone .phoneIcon{font-size:1rem}
.sgrids .inputTelphone .phoneAreaCode{min-width:50px;width:50px}
.sgrids .inputTelphone .phoneLocalArea{width:100%}
.sgrids .inputTelphone .phoneExtension{min-width:60px;width:60px}
@media screen and (max-width:767px){
    .sgrids .inputTelphone{gap:2px}
    .sgrids .inputTelphone .phoneAreaCode{}
    .sgrids .inputTelphone .phoneLocalArea{}
    .sgrids .inputTelphone .phoneExtension{}
}

/* LightBox OTP */
.login_light .resendlist:has(.OTPFlex){}
.login_light .resendlist:has(.OTPFlex) button{ width:calc(50% - 5px); display:inline-flex; justify-content:center; }
.login_light .resendlist:has(.OTPFlex) button[disabled]{ opacity:0.7; cursor:no-drop; }
.login_light .OTPFlex{ margin-left:auto; width:100%; text-align:center; }
.login_light .OTPFlex span{ font-size:20px; }

/* 光箱 文字放大 */
.login_light.login_big{}
.login_light.login_big .light_header .h_title{font-size:22px;}
.login_light.login_big .closetext .txts{font-size:17px;}
.login_light.login_big .light_content .txt{font-size:18px;}
.login_light.login_big .light_content button{font-size:20px;}
.login_light.login_big .resendlist .inputs{font-size:19px;height:35px;line-height:35px;}