@charset "utf-8";
/*首頁*/
.mTitle{ color:#444; font-size:35px; display:block; text-align:center; margin-top:56px; }
.mTxt{ color:#de072a; font-size:15px; display:block; text-align:center; margin-bottom:20px; }

.imgBox{ width:100%; height:0; padding-bottom:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; margin:0 0 20px 0; }
.imgBox.marbotm{ margin-bottom:0; }
.tagRed{ display:inline-block; background:#de072a; color:#eee; font-size:16px; padding:3px 25px; margin-left:15px; }
.inadd{ margin:15px 0 0 0; font-size:15px; color:#444; font-weight:bold; padding:0 15px; }
.inTitle{ font-size:21px; color:#444; font-weight:bold; padding:0 15px; }
.inTxt{ margin:10px 0 0 0; font-size:15px; color:#444; padding:0 15px; line-height:1.6; }
.inlinks{ margin:15px 0 0 0; padding:0 15px; }
.inlinks a{ font-size:15px; font-weight:bold; color:#de072a; margin:0 15px 0 0; }
.actgrids{ margin:15px 0 0 0; padding:0 0 0 15px; }
.actgrids .list{ margin:0 0 2px 0; font-size:0; }
.actgrids .list .titles{ font-size:13px; color:#444; display:inline-block; vertical-align:middle; width:80px; }
.actgrids .list .cont{  font-size:13px; color:#444; display:inline-block; vertical-align:middle; }
.keybox{ font-size:0; padding:0 0 0 15px; }
.keybox .grids{ background:#eee; color:#444; font-size:13px; display:inline-block; vertical-align:middle; margin:4px 4px 0 0; padding:3px 5px; text-decoration:none; transition: 0.2s;  -webkit-transition: 0.2s;  -moz-transition: 0.2s;}
.keybox .grids:hover{ background:#2391f3; color:#fff; }
.keybox.detail{ padding:0 0 15px 0; }
.keybox .agency{ display:inline-block; vertical-align:middle; border-right:1px solid #ccc; padding:2px 10px 2px 0; font-size:13px; color:#444; margin: 4px 10px 0 0; }
.morelist{ text-align:center; padding:40px 0 0 0; }
.morelist .mores{ display:inline-block; background:#eee; padding:8px 30px; font-size:0; color:#000; text-decoration:none; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }
.morelist .mores .icons{ width:18px; height:18px; display:inline-block; vertical-align:middle; background-image:url(../images/layout/icon_add.png); background-size:100%; -webkit-background-size:100%; -moz-background-size:100%; }
.morelist .mores .txts{ display:inline-block; vertical-align:middle; font-size:15px; color:#000; margin:0 0 0 5px; }
.dividers{ border-bottom:1px dashed #d8d8d8; margin-top:50px; }
.morelist .mores:hover{ opacity: 0.5; }

.leftactBox{ position:fixed; background:#efefef; top:78px; left:0; bottom:0; width:25%; padding:10px; }
.leftactTitle{ display:none; }
.actTitle{ font-size:25px; font-weight:bold; color:#000; margin:0 0 15px 0; line-height:1.4; }
.actDate{ margin:0 0 15px 0; }
.actDate .list{ font-size:0; }
.actDate .inSty01{ display:inline-block; vertical-align:middle; font-size:14px; color:#959595; margin:0 10px 0 0; line-height:1.6; }
.actDate .inSty02{ display:inline-block; vertical-align:middle; font-size:14px; color:#959595; line-height:1.6; }
.actTxt{ font-size:13px; color:#444; line-height:1.7; margin:0 0 15px 0; }
.actlinks{ margin-bottom:46px; }
.actlinks a{ color:#de072a; font-size:15px; font-weight:bold; display:inline-block; vertical-align:middle; margin:0 25px 0 0; }
.funbox:after{ content:""; display:block; clear:both; }
.funbox .point{ float:left; padding:10px 0; }
.funbox .point a{ display:inline-block; vertical-align:middle; margin:0 3px; background:#c9c9c9; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.funbox .point a.hold{ background:#de072a; }
.funbox .morebtn{ float:right; display:block; padding: 8px 30px; font-size:0; color:#000; text-decoration:none; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border:1px solid #de072a; background:#fff; }
.funbox .morebtn .icons{ width:18px; height:18px; display:inline-block; vertical-align:middle; background-image:url(../images/layout/icon_add_red.png); background-size:100%; -webkit-background-size:100%; -moz-background-size:100%; }
.funbox .morebtn .txts{ display:inline-block; vertical-align:middle; font-size:15px; color:#de072a; margin:0 0 0 5px; }
.funbox .morebtn:hover{ opacity: 0.8; }

.pos_rel{ position:relative; }
.mobArrow_left{ display:none; }
.mobArrow_right{ display:none; }

/*登入*/
.loginbg{ position:relative; width:100%; height:100vh; background-image:url(../images/page/loginbg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-attachment: fixed; }
.loginbg .maskbg{ background:rgba(70, 70, 70, 0.6); width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:1; }
.loginbg .lrange{ background:rgba(255,255,255,0.8); padding:20px; width:480px; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.loginbg .lrange .lmTitle{ font-size:35px; color:#444; line-height: 100%; text-align:center; margin:0 0 25px 0; }
.loginbg .lrange .lmTitle span{ display:block; padding:3px 0 0 0; font-size: 15px; color: #e30026; line-height: 100%; }
.loginbg .lrange .ltable{ display:table; width:100%; }
.loginbg .lrange .ltable .ltr{ display:table-row; }
.loginbg .lrange .ltable .ltd{ display:table-cell; vertical-align:middle; font-size:18px; padding:5px 0; }
.loginbg .lrange .ltable .ltd.wh01{ width:120px; }
.loginbg .lrange .ltable .ltd.pads-left{ padding-left:5px; }
.loginbg .lrange .ltable .ltd .inputs{ width: 100%; line-height: 42px; height: 42px; border: 1px solid #cecfce; padding: 0 15px; font-size: 15px; color: #000; }
.loginbg .lrange .lbtns{ text-align:center; padding:25px 0 10px 0; }
.loginbg .lrange .lbtns .btns-a{ display:inline-block; vertical-align:middle; line-height:32px; background:#e30026; color: #fff; font-size: 18px; padding: 0 30px; height: 30px; border: none; margin:3px 10px; }
.loginbg .lrange .lbtns .btns-b{ display:inline-block; vertical-align:middle; line-height:32px; background:#eee; color: #333; font-size: 18px; padding: 0 30px; height: 30px; border: none; margin:3px 10px; }

/*共用*/
.navBoxs ul{ background:none; margin:60px 0 0 0; padding:8px 0; }
.navBoxs ul li{ font-size:15px;  }
.breadcrumb>.active{ color:#444; }
.navBoxs ul li a{ color:#a5a0a0; }
.navBoxs .breadcrumb>li+li:before{ content:">"; }

.mainTitle{ margin:0 0 20px 0; font-size:35px; color:#444; line-height:100%; }
.mainTitle span{ font-size:15px; color:#e30026; line-height:100%; }

.marboxtop{ margin-top:60px; }

/**/
.header_2{ width: 100%; height: 78px; border-bottom: 1px solid #ccc; padding: 14px 0; position: fixed; top: 0; left: 0; z-index: 100; background: #fff; }
.header_2 .logo{ display: block; margin:auto; width: 158px; height: 50px; background-image: url(../images/layout/logo.jpg); background-repeat: no-repeat; transition: none; -webkit-transition: none; -moz-transition: none; }

.header_2 .btns{ position:absolute; top:0; bottom:0; right:15px; margin: auto; height:21px; line-height:21px; text-decoration: none; color: #666; font-size: 12px; background: #eee; padding: 2px 10px; border-radius: 3px; }


.pan_t_78{ padding-top:78px; }
.relative_s{ position:relative; }

.option_s_box{ display: flex; margin: 0 0 40px 0; border-bottom: 1px solid #ccc;}
.option_s_box .opgrids{ display:flex; }
.option_s_box .opgrids .ops{ display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; padding: 0 50px; font-size: 16px; color: #aaa; }
.option_s_box .opgrids .ops.hold{ color: #e10028; border-bottom: 2px solid #e10028; font-weight: bold; }

.range_block{ padding:40px; border:1px solid #ccc; }

.pagelines .btns{ width: 200px; margin: auto; background: #393839; padding: 0 15px; color: #fff; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size:24px; position:relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.pagelines .btns:before{ content:""; position:absolute; top:10px; left:10px; right:10px; bottom:10px; margin:auto; border:1px solid #fff; }
.pagelines .fa{ font-size:40px; }

.codeslightbox{ margin: auto; max-width: 768px; height: 100%; height: -moz-available; height: -webkit-fill-available; height: fill-available; position: relative; }
.codeslightbox .closebtn{ position:absolute; top:5px; right:5px; width:30px; height:30px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); cursor:pointer; }
.codeslightbox .closebtn:before{ content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:30px; height:2px; background:#fff; }
.codeslightbox .closebtn:after{ content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:2px; height:30px; background:#fff; }
.codesbox{ background:#000; padding:40px 20px; width:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; z-index:2; overflow:hidden; }
.codesbox .videobox{ width: 100%; /**background: #eee;**/ height: 100%; height: -moz-available; height: -webkit-fill-available; height: fill-available; }
.codesbox .backbtn{ height:100px; width:100%; background:#fff; display:flex; justify-content:center; align-items:center; }
.codesbox .backbtn .btns{ line-height:48px; height:48px; cursor: pointer; width:80%; text-align: center; background: #393839; color: #fff; font-size:16px; border:none; text-decoration:none; }

.retxt{ background: rgba(0,0,0,0.6); border-radius: 25px; font-size:16px; color: #fff; padding: 15px 25px; position: fixed; bottom: 11%; left: 20px; right: 20px; margin: auto; z-index: 2; }
.retxt.red{ background: rgba(255,0,0,0.6); }
.retxt.blue{ background: rgba(51,122,183,0.8); }

.noneTxt{ font-size: 16px; background: #ddd; padding: 20px; text-align: center; }

.codelight{ position:fixed; z-index:200; top:0; left:0; bottom:0; right:0; margin:auto; }
.codelight .mask{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; z-index:1; background:rgba(0,0,0,0.6); }
.codelight .ranges{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; z-index:2; display:flex; justify-content:center; align-items:center; }
.codelight .wbg{ padding:20px; width:90%; max-width:700px; max-height:80vh; display:flex; flex-direction:column; background:#fff; }
.codelight .wbg .froms{ flex:1; width:100%; overflow:auto; }
.codelight .wbg .froms .titles{ text-align: center; font-size:18px; margin:0 0 20px 0;  }
.codelight .wbg .froms .tables{ display:table; width:100%; border-collapse:collapse; margin:0 0 20px 0; }
.codelight .wbg .froms .tables:last-child{ margin:0; }
.codelight .wbg .froms .tables .tr{ display: table-row; }
.codelight .wbg .froms .tables .th{ display:table-cell; vertical-align:middle; padding:10px; background:#eee; font-weight:bold; width:110px; border:1px solid #ccc; }
.codelight .wbg .froms .tables .td{ display:table-cell; vertical-align:middle; padding:10px; border:1px solid #ccc; }
.codelight .wbg .wbtn{ padding:20px 0 10px 0; text-align:center; }
.codelight .wbg .wbtn .btns{ display: inline-block; vertical-align: middle; border: 1px solid #393839; margin:0 10px; line-height: 44px; background: #393839; height: 44px; text-align: center; padding:0 20px; color: #fff; font-size: 14px; }
.codelight .wbg .wbtn .btns.closes{ color:#393839; background:#fff; }
.codelight .wbg .utxt{ text-align:center; font-size:14px; font-weight:bold; color:#e10028; padding:5px 0 0 0; }

/*頁碼*/
.pageStyle{ text-align:center; padding:35px 0 0 0; }
.pagination>li>a, .pagination>li>span{ margin:0 5px; border: 1px solid #999; color:#999; padding:0; line-height:30px; text-align:center; min-width:30px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color:#de072a; border-color: #de072a; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#de072a; }

/*活動*/
.filters{ position:relative; margin:0 0 50px 0; }

.actbookmark{ border-bottom:1px solid #ccc; padding:0 0 12px 0; margin:0 0 20px 0; min-height:47px; }
.actbookmark:after{ content:""; display:block; clear:both; }
.actbookmark .navnav-tabs{ padding:3px 0 0 0; margin:0 270px 0 0; }
.actbookmark .navnav-tabs li { display: inline-block; vertical-align: middle; margin:3px 25px 3px 0; }
.actbookmark .navnav-tabs li a{ font-size:14px; color: #959595; }
.actbookmark .navnav-tabs li.active a{ color: #000; text-decoration: none; font-weight: bold; }

.searchBlock{ width:100%; font-size:0; }
.searchBlock .disGrids{ display:inline-block; vertical-align:top; padding: 0 0 10px 10px; }
.searchBlock .disGrids .seaTable{ display:table; }
.searchBlock .disGrids .seaTable .sTitle{ display:table-cell; vertical-align:middle; width:65px; font-size:14px; color:#999; }
.searchBlock .disGrids .seaTable .sTds{ display:table-cell; vertical-align:middle; padding:0 10px 0 0; }
.searchBlock .disGrids .seaTable .wh01{ width:115px; }
.searchBlock .inputs{ border:1px solid #cecfce; font-size:12px; color:#555; line-height:34px; height:34px; padding:0 10px; }
.searchBlock .inputs_a{ border:1px solid #cecfce; font-size:12px; color:#555; line-height:34px; height:34px; padding:0 10px 0 30px; width:100%; }
.searchBlock .inputs_b{ width:100%; border:1px solid #cecfce; font-size:12px; color:#555; line-height:34px; height:34px; padding:0 10px; }
.searchBlock .disGrids .inputsBox{ position:relative; }
.searchBlock .disGrids .inputsBox i{ position:absolute; left:10px; font-size:14px; top:50%; margin-top:-7px; color:#b7b7b7; }
.searchBlock .disGrids .sendbtn{ background:#e30026; color:#fff; font-size:18px; padding:0 30px; line-height:36px; height:34px; border:none; }
.searchBlock .disGrids .sendbtn:hover{ background:#f00; }

.searchBlock .status{ position:absolute; right:15px; top:0; width:260px; display:table; }
.searchBlock .status .sTitle{ display:table-cell; vertical-align:middle; font-size: 14px; color: #959595; width:65px; }
.searchBlock .status .sOption{ display:table-cell; vertical-align:middle; }

.filterBtn{ display:none; }

/*活動-詳細*/
.memberLv{ display:table; width:100%; margin:0 0 25px 0; }
.memberLv .mtds-a{ display:table-cell; vertical-align:top; width:70px; padding:4px 0 0 0; font-size:13px; color:#aaa; }
.memberLv .mtds-b{ display:table-cell; vertical-align:top; font-size:0; }
.memberLv .grade{ background:#efefef; padding:0 6px; line-height:20px; height:20px; position:relative; display:inline-block; vertical-align:middle; margin:3px 20px 3px 0; font-size:13px; color:#aaa; }
.memberLv .grade:after{ content:""; position:absolute; top:0; right:-10px; display:block; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #efefef; }
.memberLv .grade.hold{ color:#000; }

.actbanner{ font-size:0; margin:0 0 40px 0; }
.actbanner img{ width:100%; }
.actDeTitle{ margin:0 0 15px 0; font-size:30px; color:#000; font-weight:bold; }
.actDeDate{ font-size:14px; color:#000; margin:0 0 10px 0; }
.applyBtn{ margin:0 0 20px 0; }
.applyBtn.pads{ padding:0; }
.applyBtn .tables{ display:table; width:100%; }
.applyBtn .tables .td-a{ display:table-cell; vertical-align:middle; width:130px; }
.applyBtn .tables .td-b{ display:table-cell; vertical-align:middle; padding:0 0 0 20px; }
.applyBtn .appBtn{ background:#e40029; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:block; width:100%; text-align:center; color:#fff; font-size:20px; font-weight:bold; line-height:48px; }
.applyBtn .appBtn:hover{ background:#F00; text-decoration:none; }

.opsBlock .navnav-tabs{ padding:5px 0 20px 0; border-bottom:1px dashed #d8d8d8; list-style:none; margin:0 0 20px 0; }
.opsBlock .navnav-tabs li{ display:inline-block; vertical-align:middle; margin:0 25px 0 0; }
.opsBlock .navnav-tabs li a{ font-size:15px; color:#959595; }
.opsBlock .navnav-tabs li.active a{ color:#000; text-decoration:none; font-weight:bold; }
.opsBlock .navnav-tabs li a.reds{ color:#e40029; }

.sessionlist{ border:1px solid #ccc; padding:8px 250px 8px 25px; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; font-size:0; overflow:hidden; margin:0 0 8px 0; }
.sessionlist:before{ content:""; display:block; position:absolute; left:0; top:0; bottom:0; margin:auto; background:#e40029; width:5px; }
.sessionlist .grids{ display:inline-block; vertical-align:top; width:50%; padding:0 30px 0 0; }
.sessionlist .grids .tabs{ display:table; width:100%; }
.sessionlist .grids .tabs .td-a{ display:table-cell; vertical-align:top; width:80px; font-size:15px; color:#999; padding:6px 0; }
.sessionlist .grids .tabs .td-b{ display:table-cell; vertical-align:top; font-size:15px; color:#333; padding:6px 0; }
.sessionlist .lave{ position:absolute; max-width:120px; height:34px; top:50%; margin-top:-17px; right:120px; font-size:12px; color:#999; }
.sessionlist .lave span{ color:#333; }
.sessionlist .opSess{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #e40029; color:#e40029; font-size:15px; line-height:34px; width:88px; text-align:center; display:block; position:absolute; top:50%; margin-top:-17px; right:20px; }
.sessionlist.expired{ background:#ddd; }
.sessionlist.expired:before{ background:#bbb; }
.sessionlist.expired .grids .tabs .td-b{ color:#999; }
.sessionlist.expired .lave span{ color:#999; }
.sessionlist.expired .opSess{ background:#bbb; border-color:#bbb; color:#fff; }
.sessionlist.hold{ background:#ffe9ed; border-color:#e40029; }
.sessionlist.hold .opSess{ background:#e40029; border-color:#e40029; color:#fff; }

.innerText{ padding:20px 0; font-size:15px; color:#333; line-height:1.6; overflow:hidden; }
.innerText img{ max-width:100%; }

.backblock{ text-align:center; padding:50px 0; border-bottom:1px dashed #d8d8d8; }
.backblock.nodivider{ border:none; }
.backblock.topdivider{ border:none; border-top:1px dashed #d8d8d8; margin-top:50px; }
.backblock .links{ text-decoration:none; display:inline-block; font-size:0; }
.backblock .links:hover{ opacity: 0.5; }
.backblock .links .icons{ display:inline-block; vertical-align:middle; width:18px; height:18px; background-image:url(../images/page/icon_left_arrow.png); background-size:100%; }
.backblock .links .txt{ display:inline-block; vertical-align:middle; font-size:15px; color:#000; margin:0 0 0 5px; }

.blemrus{ display:inline-block; vertical-align:middle; border:1px solid #333; width:12px; height:12px; text-align:center; line-height:10px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font-size:12px; cursor:pointer; position:relative; }
.blemrus .bls{ display:none; position:absolute; left:50%; margin-left:-150px; width:300px; bottom:25px; border:1px solid #999; font-size:12px; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff; text-align:left; line-height:1.6; }
.blemrus .bls:after{ content:""; display:block; width:10px; height:10px; border-right:1px solid #999; border-bottom:1px solid #999; transform:rotate(45deg); position: absolute; left: 0; right: 0; margin: auto; background:#fff; bottom: -6px; }
.blemrus:hover .bls{ display:block; }

.blemrus_mob{ display:none; }

/*得獎名單*/
.winninglist{ margin:0 0 25px 0; }
.h1Div{ font-size:26px; color:#444; margin:0 0 10px 0; }
.h2Div{ font-size:20px; color:#007ed2; margin:0 0 5px 0; }
.winninglist .wTable{ display:table; width:100%; border-collapse:collapse; }
.winninglist .wTable .wtr{ display:table-row; }
.winninglist .wTable .wth{ display:table-cell; vertical-align:middle; border:1px solid #F9C; background:#e40029; padding:10px; font-size:14px; color:#fff; }
.winninglist .wTable .wtd{ display:table-cell; vertical-align:middle; padding:10px; color:#444; font-size:14px; border:1px solid #ddd; }
.winninglist .wTable .wwh01{ width:100px; }
.winninglist .wTable .wwh02{ width:300px; }
.winninglist .wTable .wwh03{ width:220px; }

/*表單*/
.formbox{ font-size:0; padding:20px 0; margin-left:-30px; }
.formbox .formlist{ display:inline-block; vertical-align:top; width:50%; margin:0 0 16px 0; padding:0 0 0 30px; }
.formbox .formlist.long{ display:block; width:100%; }
.formbox .formlist .formTable{ display:table; width:100%; }
.formbox .formlist .formTitle{ display:table-cell; vertical-align:top; font-size:15px; color:#444; width:210px; padding-top:12px; }
.formbox .formlist .formTitle span.res{ color:#f00; }
.formbox .formlist .formTitle.middle{ vertical-align:middle; padding:0; }
.formbox .formlist .formTd{ display:table-cell; vertical-align:top; }
.formbox .formlist .formTd.wh01{ width:35px; }
.formbox .formlist .formTd.middle{ vertical-align:middle; padding:0; }
.formbox .formlist .formTd .inputSty{ width:100%; line-height:42px; height:42px; border:1px solid #cecfce; padding:0 15px; font-size:15px; color:#000; }
.formbox .formlist .formTd .inputSty_01{ line-height:42px; height:42px; background:none; font-size:15px; color:#000; border:none; padding:0 15px; }
.formbox .formlist .formTd .inputSty_02{ font-size:15px; width:100%; }
.formbox .formlist .formTd .areaSty{ width:100%; line-height:1.6; height:100px; border:1px solid #cecfce; padding:0 15px; font-size:15px; color:#000; resize:none; }
.formbox .formlist .formTd .formText{ font-size:15px; color:#999; padding:12px 0 0 0; }
.formbox .formlist .inputbox{ width:100%; height:42px; border:1px solid #cecfce; }
.formbox .formlist .mTabs{ display:table; }
.formbox .formlist .mTabs .mtd{ display:table-cell; vertical-align:middle; }
.formbox .formlist .mTabs .mtd .stxt{ font-size:14px; color:#aaa; cursor:pointer; padding:0 0 0 5px; }
.formbox .formlist .mTabs .mWh01{ width:80px; }
.formbox .formlist .mTabs .mWh02{ width:210px; }
.formbox .formlist .mTabs .mWh03{ width:10px; }
.formbox .formlist .mTabs .mtdTxt{ display:table-cell; vertical-align:middle; width:20px; }
.formbox .formlist .falseTab{ display:table; width:100%; }
.formbox .formlist .falseTab .ftad-a{ display: table-cell; vertical-align:middle; width:125px; padding:0 10px 0 0; }
.formbox .formlist .falseTab .ftad-b{ display: table-cell; vertical-align:middle; width:120px; padding:0 10px 0 0; }
.formbox .formlist .falseTab .ftad-c{ display: table-cell; vertical-align:middle; }
.formbox .formlist .falseTab .ftad-d{ display:table-cell; vertical-align:middle; width:125px; padding:0 10px 0 0; }
.formbox .formlist .falseTab .ftad-d:last-child{ padding:0; }
.formbox .formlist .payTab{ display:table; width:100%; margin-top:12px; }
.formbox .formlist .payTab.marTop{ margin:0; }
.formbox .formlist .payTab .payTr{ display:table-row; }
.formbox .formlist .payTab .payTd-a{ display:table-cell; vertical-align:middle; width:23px; padding-bottom:10px; }
.formbox .formlist .payTab .payTd-b{ display:table-cell; vertical-align:middle; font-size:15px; color:#444; padding-bottom:10px; line-height:100%; }
.formbox .formlist .payTab .payTd-c{ display:table-cell; vertical-align:middle; }
.formbox .formlist .payTab .payTd-d{ display:table-cell; vertical-align:middle; width:100px; padding:0 0 0 10px; }
.formbox .formlist .payTab .payTd-d img{ width:100%; }
.formbox .formlist .payTab .payText{ display:inline-block; vertical-align:middle; } 
.formbox .formlist .payTab .payimg{ display:inline-block; vertical-align:middle; margin:0 0 0 5px; width:56px; }
.formbox .formlist .payTab .payimg img{ width:100%; }
.formbox .formlist .payTab .payre{ color:#999; }
.formbox .formlist .paydivider{ display:block; border-bottom: 1px dashed #d8d8d8; margin-bottom: 15px; height: 15px; }

.formbox .formlist .fileSty{ position:relative; cursor:pointer; }
.formbox .formlist .fileSty input.filename { height:42px; color: #666; border:none; position:absolute; left:0; top:0; width:100%; padding:0 0 0 125px; }
.formbox .formlist .fileSty input.button { width:120px; height:42px; background-color:#fff; display:inline-block; vertical-align:middle; color:#393839; font-size: 14px; cursor: pointer; border:1px solid #393839; margin:0 5px 0 0; position:relative; z-index:1; }
.formbox .formlist .fileSty input.file { width:120px; height:42px; position: absolute; z-index:2; top:0; left:0; filter: alpha(opacity:0); opacity: 0; font-size: 20px; cursor: pointer; }

.formbox .formlist .amount{  width:100%; border-top:1px dashed #d8d8d8; padding:15px 0 0 0; margin: 25px 0 0 0; text-align:center; font-size:15px; color:#444; }
.formbox .formlist .amount .spans{ color:#f00; font-size:22px; font-weight:bold; }

.formbox .fromgroup{ padding:45px 10px 0 0; margin:10px 0 20px 30px; background:#eee; border-bottom: 1px solid #eee; position:relative; }
.formbox .fromgroup .fTitle{ height:30px; position:absolute; top:0; left:0; right:0; font-size:16px; color:#fff; padding: 0 0 0 15px; line-height:30px; background: #e40029; }
.formbox .fromgroup .fdel{ position:absolute; right:10px; top: 0; font-size: 18px; cursor:pointer; color:#fff; }

.prompt_info{ font-size:15px; color:#999; padding:8px 0 0 0; }
.prompt_notice{ font-size:15px; text-align:center; }

.refBtn{ width:20px; height:20px; font-size:12px; background:#efefef; color:#847d7b; position:relative; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; cursor:pointer; }
.refBtn i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }

.sendBtns{ text-align:center; padding:30px 0 0 0; }
.sendBtns .btnS{ display:inline-block; vertical-align:middle; border:1px solid #393839; margin:5px 12px; line-height:44px; background:#393839; height:44px; text-align:center; width:180px; color:#fff; font-size:14px; }
.sendBtns .btnR{ display:inline-block; vertical-align:middle; border:1px solid #393839; margin:5px 12px; line-height:44px; background:#fff; height:44px; text-align:center; width:180px; color:#333; font-size:14px; }

.formaddjoin{ padding:0 0 0 30px; margin:0 0 10px 0; }
.formaddjoin .fbtn{ display:inline-block; vertical-align:middle; cursor:pointer; }
.formaddjoin i{ color:#e40029; font-size:15px; display:inline-block; vertical-align:middle; }
.formaddjoin span{ color:#e40029; font-size:15px; display:inline-block; vertical-align:middle; margin:0 0 0 5px; }

.fdels{ display:block; cursor:pointer; }
.fdels i{ color:#e40029; font-size:18px; display:inline-block; vertical-align:middle; }
.fdels span{ color:#e40029; font-size:15px; display:inline-block; vertical-align:middle; margin:0 0 0 5px; }

.multiple{ font-size:0; padding:12px 0 0 0; }
.multiple .grids{ display:inline-block; vertical-align:top; padding:0 15px 10px 0; width:24%; font-size:15px; color:#444; }
.multiple .grids label{ font-weight:normal; }
.multiple.blocks .grids{ display:block; width:auto; }
.multiple .grids .mutable{ display:table; }
.multiple .grids .mutable .muTd{ display:table-cell; vertical-align:middle; white-space:nowrap; }
.multiple .grids .mutable .muTd-a{ display:table-cell; vertical-align:middle; white-space:nowrap; padding:0 0 0 3px; }
.multiple .grids .int{ width: 100%; line-height:30px; height:30px; border: 1px solid #cecfce; padding: 0 5px; font-size: 15px; color: #000;}

.multiple.minor{ padding:0; }
.multiple.minor .grids{ padding:12px 15px 0 0; }

.blistradio{ padding:12px 0 10px 0; font-size:15px; color:#333; }
.blistradio .mrbox{ margin:0 0 0 25px; }
.blistradio .mrbox .mlist{ margin:10px 0 0 0; }
.blistradio .mrbox .mlist .mtxt{ color:#999; font-size:13px; }
.blistradio .mrbox .mlist .minput{ margin:5px 0 0 0; }

/*會員專區*/
.memTable{ display:table; width:100%; border-collapse:collapse; }
.memTable .memtr{ display:table-row; }
.memTable .memth{ display:table-cell; vertical-align:middle; font-weight:bold; color:#333; font-size:16px; padding:10px; border-bottom:2px solid #de072a; white-space:nowrap; text-align:center; }
.memTable .memtd{ display:table-cell; vertical-align:middle; font-size:14px; color:#333; padding:10px; border-bottom:1px solid #ddd; text-align:center; }
.memTable .memtd.textleft{ text-align:left; }
.memTable .mwh01{ width:100px; }
.memTable .mwh02{ width:120px; }
.memTable .cancels{ color: #777; display: block; background: #eee; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center; line-height: 24px; margin: 5px 0 0 0; border-bottom: 1px solid #ccc; }
.memTable .cancels:hover{ text-decoration:none; background:#f8f8f8; }

.memTable .memgbox{ display:table; margin: 3px auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; }
.memTable .memgbox .meTitle{ display:table-cell; vertical-align:middle; padding: 5px 8px; background: #757575; color: #fff; }
.memTable .memgbox .meTitle.reds{ background: #bd1531; }
.memTable .memgbox .meTd{ display:table-cell; vertical-align:middle; padding: 5px 15px; background: #eee; }

/*會員專區-詳細*/
.memMaintitle{ font-size:24px; color: #de072a; }

.memTable_Sty01{ font-size: 0; padding: 20px 0; margin-left: -30px; margin-bottom:20px; }
.memTable_Sty01 .memslist { display: inline-block; vertical-align: top; width: 50%; margin: 0 0 16px 0; padding: 0 0 0 30px; }
.memTable_Sty01 .memslist.long{ display:block; width:100%; }
.memTable_Sty01 .memslist .msTable { display: table; width: 100%; }
.memTable_Sty01 .memslist .msTable .msTitle { display: table-cell; vertical-align: middle; font-size: 15px; color: #444; font-weight:bold; width: 210px; padding:10px 0; border-bottom:1px dashed #ddd; }
.memTable_Sty01 .memslist .msTable .msTd { display: table-cell; vertical-align: middle; font-size:15px; color:#444; border-bottom:1px dashed #ddd; }
.memTable_Sty01 .memslist .msTable .msTd .receipt{ display:inline-block; color: #333; background: #ddd; padding: 0 3px; font-size: 14px; }
.memTable_Sty01 .memslist .msTable .cancels{ color: #777; display:block; background: #eee; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center; line-height: 24px; margin: 5px auto 0 auto; border-bottom: 1px solid #ccc; width:66px; }
.memTable_Sty01 .memslist .msTable .cancels:hover{ text-decoration:none; }
.memTable_Sty01 .memslist .msTable .cancels .ps{ display:inline-block; vertical-align:middle; }
.memTable_Sty01 .memslist .msTable .msTd .qrcode{ max-width:200px; }
.memTable_Sty01 .memslist .msTable .msTd .qrcode img{ width:100%; }

.memTable_Sty02{ display:table; width:100%; margin:0 0 15px 0; border-collapse:collapse; }
.memTable_Sty02 .m2_tr{ display:table-row; }
.memTable_Sty02 .m2_th{ display:table-cell; vertical-align:middle; padding:5px; border:1px solid #ddd; background:#de072a; color:#fff; text-align:center; }
.memTable_Sty02 .m2_td{ display:table-cell; vertical-align:middle; padding:5px; border:1px solid #ddd; text-align:center; }
.memTable_Sty02 .m2_td .mdy{ display:block; padding:1px 2px; background:#337ab7; color: #fff; font-size:12px; margin:2px 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.memTable_Sty02 .m2_td .mdy .fa{ font-size:14px; }

.memTable_Sty01 .fromgroup{ padding:45px 10px 0 0; margin:10px 0 20px 30px; background:#f5f5f5; border-bottom: 1px solid #eee; position:relative; }
.memTable_Sty01 .fromgroup .fTitle{ height:30px; position:absolute; top:0; left:0; right:0; font-size:16px; color:#333; padding: 0 0 0 15px; line-height:30px; background: #ccc; }

.memBtns{ text-align:center; }
.memBtns .membTxt{ text-align:center; color:#e30026; font-size:14px; margin:0 0 10px 0; }
.memBtns .btns{ line-height:44px; padding:0 25px; font-size:14px; color:#fff; border: 1px solid #393839; cursor:pointer; display:inline-block; vertical-align:middle; background:#fff; margin:0 10px; background:#393839; }

.memlightbox .wbg{ background:#fff; padding: 20px 0px 60px 0px; max-height:80vh; max-width:500px; overflow:auto; position: relative; display:flex; }
.memlightbox .wbg .overauto{ overflow: auto; width:100%; padding: 0 20px; }
.memlightbox .wbg .wlist{ display:flex; width:100%; align-items:center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }
.memlightbox .wbg .wlist .w_h1{ width:100px; font-weight:bold; }
.memlightbox .wbg .wlist .w_cont{ flex:1; padding:0 0 0 10px; }
.memlightbox .wbg .wlist .w_cont .input{ width: 100%; line-height: 42px; height: 42px; border: 1px solid #cecfce; padding: 0 15px; font-size: 15px; color: #000; }
.memlightbox .wbg .wbtns{ text-align:center; position:absolute; left:0; bottom:15px; right:0; margin:auto; }
.memlightbox .wbg .wbtns .btns{ display:inline-block; vertical-align:middle; padding:0 20px; margin:0 5px; background:#000; line-height:36px; text-align:center; color:#fff; font-size:14px; cursor:pointer; border:none; text-decoration:none; }

/*完成頁*/
.completebox{ border:1px solid #eee; padding:40px 40px 0 40px; }
.completebox .tabs{ display:table; width:100%; }
.completebox .tabs .tds-a{ display:table-cell; vertical-align:top; width:160px; }
.completebox .tabs .tds-b{ display:table-cell; vertical-align:top; padding:0 0 0 25px; font-size:15px; color:#444; line-height:1.8; }
.completebox .aicons{ width:100%; padding-bottom:100%; height:0; font-size:60px; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#14a046; position:relative; }
.completebox .aicons.error{ background: #b52646; }
.completebox .aicons i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.completebox .h1s{ font-size:35px; color:#444; display:block; margin:0 0 10px 0; }
.completebox .mail{ text-decoration:none; }


/*404*/
.c404{ background-image:url(../images/page/bg.png); background-repeat:no-repeat; background-position:center;  height:calc(100% - 261px); position:relative; }
.c404 .mars{ max-width:1170px; margin:auto; padding: 0 15px; position: absolute; left: 0; right: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.c404 .mars .ctable{ display:table; width:100%; }
.c404 .mars .ctable .ctd-imgs{ display:table-cell; vertical-align:middle; width:55%; text-align:center; }
.c404 .mars .ctable .ctd-imgs img{ max-width:100%; }
.c404 .mars .ctable .ctd-text{ display:table-cell; vertical-align:middle; padding:0 0 0 40px; color:#333; font-size:40px; font-weight:bold; }
.c404 .mars .ctable .ctd-text span{ font-size:15px; color:#333; display:block; }

/*輸入頁*/
.enterheader{ width: 100%; height: 78px; border-bottom: 1px solid #ccc; padding:13px 0; }
.enterheader .logos{ display: block; width: 158px; height: 50px; background-image: url(../images/layout/logo.jpg); background-repeat: no-repeat; transition: none; -webkit-transition: none; -moz-transition: none; margin:auto; }

.enterpad{ padding:60px; border:1px solid #ccc; width:480px; position:absolute; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); top:50%; left:50%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.enterpad .tables{ display:table; width:100%; }
.enterpad .tables .td-input{ display:table-cell; vertical-align:middle; padding:0 10px 0 0; }
.enterpad .tables .td-enter{ width:80px; display:table-cell; vertical-align:middle; }

.enterpad .tables .td-input input{ border:none; width:100%; font-size:16px; line-height:34px; height:34px; border: 1px solid #d0d8e0; padding:0 10px; }
.enterpad .tables .td-enter button{ background: #e30026; color: #fff; font-size: 18px; padding: 0 10px; line-height: 36px; height: 34px; border: none; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

.enterpad .enterTxt{ font-size:15px; color:#333; }

/*報名須知/隱私權政策*/
.noticeText{ padding:20px 0; overflow:hidden; }
.noticeText ul li{ margin:10px 0 0 0; font-size:17px; line-height:1.8; }
.noticeTitle{ font-size:21px; color:#444; font-weight:bold; padding:0 15px; }
.noticeTitle span{ font-size:15px; color:#e30026; line-height:100%; display:inline-block; }
.noticeTxt{ margin:15px 0 0 0; font-size:17px; color:#444; padding:0 15px; line-height:1.6; }

@media (max-width:1280px){
/*首頁*/	
.tagRed{ font-size:14px; margin:0; padding: 3px 15px; }
.inadd{ font-size:13px; padding:0; }
.inTitle{ font-size:18px; padding:0; }
.inTxt{ font-size:12px; padding:0; }
.inlinks{ padding:0; }
.actgrids{ margin:15px 0 0 0; padding:0; }
.keybox{ padding:0; }

.actTitle{ font-size: 18px; }

/*活動-詳細*/
.actbanner{ margin:0 0 25px 0; }
.actDeTitle{ font-size:22px; }

/*報名須知/隱私權政策*/
.noticeText ul{ padding-left: 25px; }
.noticeTitle{ font-size:18px; padding:0; }
.noticeTxt{ padding:0; }

}

@media (max-width: 991px){
/*首頁*/	
.tagRed{ font-size:14px; margin:0; padding: 3px 15px; }
.inTitle{ font-size:18px; padding:0; }
.inadd{ font-size:13px; padding:0; }
.inTxt{ font-size:12px; padding:0; display:none; }
.imgBox.marbotm{ margin-bottom:20px; }
.inlinks{ padding:0; margin: 10px 0 0 0; }
.topspace{ display:block; height:25px; }
.leftactBox{ position:relative; margin-top:50px; width:auto; margin-right: 0; margin-left: 0; padding-right: 25px; padding-left: 25px; top:auto; left:auto; bottom:auto; }
.actTitle{ font-size:18px; }
.actTxt{ font-size:12px; }
.actgrids{ padding:0; }
.keybox{ padding:0; }

.mobArrow_left{ display:block; position:absolute; left:-20px; top:50%; margin-top:-10px; width:20px; height:20px; cursor:pointer; text-align: center; }
.mobArrow_right{ display:block; position:absolute; right:-20px; top:50%; margin-top:-10px; width:20px; height:20px; cursor:pointer; text-align: center; }  
.mobArrow_left i,.mobArrow_right i{ font-size:20px; }
.arowRight{ right:-20px; }
.arowLeft{ left:-20px; }
.arowRight_1{ right:-10px; }
.arowLeft_1{ left:-10px; }
.arowRight_2{ right:0; }
.arowLeft_2{ left:0; }

.mTitle{ font-size:26px; margin-top: 40px; }
.mTxt{ font-size:13px; }

.leftactTitle{ display:block; margin:0 0 15px 0; }
.leftactTitle .lefth1{ color: #444; display: block; text-align: center; font-size: 26px; }
.leftactTitle .lefth2{ color: #de072a; text-align: center; font-size: 13px; }


/*共用*/
.navBoxs ul{ margin:0; }
.navBoxs ul li{ font-size:12px; }

.mainTitle{ padding:0; font-size:26px; }
.mainTitle span{ font-size:14px; }

/**/
.option_s_box .opgrids .ops{ padding:0 20px; }

/*活動*/
.filters{ margin:0 0 30px 0; }

.actbookmark{ margin:0 0 15px 0; padding:0 0 10px 0; }
.actbookmark .navnav-tabs{ margin:0; padding:0; font-size: 0; }
.actbookmark .navnav-tabs li{ width:32%; margin: 0 2% 10px 0; padding: 5px 10px;  border: 1px solid #ddd; text-align: center; }
.actbookmark .navnav-tabs li:nth-child(3n){ margin-right:0; }

.searchBlock{ position:fixed; z-index:120; top:0; left:0; right:0; bottom:0; margin:auto; background:#f8f8f8; padding:40px 0 0 0; display:none; }
.searchBlock .status{ position:static; display:block; width:auto; max-width:400px; margin:0 auto 15px auto; padding:0 10px; }
.searchBlock .disGrids{ display:block; max-width:400px; margin:0 auto 15px auto; padding:0 10px; }
.searchBlock .inwh100{ width:100%; }
.searchBlock .disGrids .sendbtn{ display:block; margin:0 auto; }
.searchBlock .closebtn{ width:26px; height:26px; position:absolute; top:10px; right:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); cursor:pointer; }
.searchBlock .closebtn:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:block; width:26px; height:2px; background:#555; }
.searchBlock .closebtn:after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:block; width:2px; height:26px; background:#555; }

.filterBtn{ display:block; background:#eee; padding: 8px 30px; margin:20px 0 0 0; text-align:center; cursor:pointer; }
.filterBtn i{ display:inline-block; vertical-align:middle; font-size:14px; color:#333; }
.filterBtn .text{ display:inline-block; vertical-align:middle; font-size:14px; color:#333; }

/*活動-詳細*/
.memberLv .mtds-a{ font-size:12px; width:75px; }
.memberLv .grade{ font-size:12px; }
.opsBlock .navnav-tabs{ padding:0; margin:0; border:none; font-size:0; margin: 0 0 10px 0; }
.opsBlock .navnav-tabs li{ width:49%; margin:0 0 10px 0; padding:5px 10px; border:1px solid #ddd; text-align:center; }
.opsBlock .navnav-tabs li:nth-child(even){ margin-left:2%; }
.opsBlock .navnav-tabs li a{ font-size:13px; }

.sessionlist{ padding:8px 25px; }
.sessionlist .grids{ display:block; width:auto; padding:0; }
.sessionlist .opSess{ position:static; margin:25px auto 10px auto; }
.sessionlist .lave{ position:static; margin:10px 0 0 0; }

/*表單*/
.formbox .formlist .formTitle{ width:120px; }

.multiple .grids{ width:33%; }

/*得獎名單*/
.winninglist .wTable .wwh02{ width:100px; }
.winninglist .wTable .wwh03{ width:120px; }

/*報名須知/隱私權政策*/
.noticeTitle{ font-size:18px; padding:0; }
.noticeTxt{ padding:0; }

}


@media (max-width: 767px){
/*登入*/
.loginbg .lrange{ width:100%; max-width:480px; padding:15px; }
.loginbg .lrange .lmTitle{ font-size:26px; margin: 5px 0 15px 0; }
.loginbg .lrange .ltable .ltd{ font-size:15px; }
.loginbg .lrange .ltable .ltd.wh01{ width:60px; }

.loginbg .lrange .lbtns .btns-a{ width:100%; margin:0 0 10px 0; }
.loginbg .lrange .lbtns .btns-b{ background:none; padding:0; font-size:16px; margin:0 10px; }

/*共用*/
.breadcrumb{ padding:8px 0; }	

/**/
.marboxtop{ margin-top:20px; }
.range_block{ padding:20px; }
.option_s_box{ margin:0 0 20px 0; }
	
/*活動-詳細*/	
.memberLv{ display:block; margin: 0 0 10px 0; }
.memberLv .mtds-a{ display:block; width:auto; padding:0; }
.memberLv .mtds-b{ display:block; }

.actbanner{ padding:0; }
.actDeTitle{ padding:0; }

.applyBtn{ padding:0; }
.applyBtn .tables{ display:block; width:auto; }
.applyBtn .tables .td-a{ display:block; margin:0 auto; }
.applyBtn .tables .td-b{ display:block; padding: 10px 0 0 0; text-align: center; }

.opsBlock{ padding:0; }

.backblock{ padding:25px 0; }

.blemrus{ display:none; }
.blemrus_mob{ display:block; font-size:12px; color:#F00; padding:5px 0 0 0; }

/*表單*/
.formbox{ margin:0; }
.formbox .formlist{ display:block; width:auto; padding:0; }
.formbox .formlist .formTable{ display:block; }
.formbox .formlist .formTitle{ display:block; width:auto; padding:0 0 5px 0; }
.formbox .formlist .formTd{ display:block; }
.formbox .formlist .formTd .formText{ padding:0; }
.formbox .formlist .formTd .inputSty{ padding:0 12px; }
.formbox .formlist .formTd.wh01{ display:inline-block; vertical-align:middle; width:18px; }
.formbox .formlist .formTd.wh02{ display:inline-block; vertical-align:middle; width:calc(100% - 22px); }

.formbox .formlist .falseTab .ftad-a{ width:50%; display:inline-block; margin:0 0 5px 0; }
.formbox .formlist .falseTab .ftad-b{ width:50%; display:inline-block; margin:0 0 5px 0; }
.formbox .formlist .falseTab .ftad-c{ width:100%; display:block; }

.multiple .grids{ width:50%; }

.formaddjoin{ padding:0; }

.formbox .fromgroup{ margin:10px 0 20px 0; padding: 45px 10px 0 10px; }


/*得獎名單*/
.winninglist .wTable{ display:block; }
.winninglist .wTable .wtr.disnone{ display:none; }
.winninglist .wTable .wtr{ display:block; margin:0 0 15px 0; border:1px solid #ccc; }
.winninglist .wTable .wtd{ display:block; border:none; padding:5px 10px; border-bottom:1px dashed #ccc; }
.winninglist .wTable .wtd:first-child{ background:#eee; }
.winninglist .wTable .wtd:last-child{ border:none; }
.winninglist .wTable .wtd:before{ content: attr(data-title); display:block; font-weight: bold; font-size: 12px; margin: 5px 0 3px 0; }

/*會員專區*/
.memTable{ display:block; }
.memTable .memtr.disnone{ display:none; }
.memTable .memtr{ display:block; background: #f8f8f8; margin: 0 0 20px 0; padding: 10px; }
.memTable .memtd{ display:block; text-align:left; }
.memTable .memtd:before{ content: attr(data-title); display:block; font-weight:bold; font-size:16px; color:#333; }
.memTable .memtd:after{ content:""; display:block; clear:both; }
.memTable .memtr .memtd:last-child{ border:none; }
.memTable .cancels{ display:block; padding:0 10px; margin:0; }

/*會員專區-詳細*/
.memTable_Sty01{ margin:0 0 20px 0; padding:10px 0; }
.memTable_Sty01 .memslist{ display:block; width:auto; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px dashed #ddd; }
.memTable_Sty01 .memslist .msTable{ display:block; }
.memTable_Sty01 .memslist .msTable .msTitle{ display:block; width:auto; border:none; }
.memTable_Sty01 .memslist .msTable .msTd{ display:block; border:none;  }
.memMaintitle{ font-size:20px; }
.memTable_Sty01 .memslist .msTable .msTd .qrcode{ max-width:500px; width:100%; margin:auto; }

.memTable_Sty02 .m2_th{ white-space:nowrap; font-size:12px; padding: 3px 1px; }
.memTable_Sty02 .m2_th .brs{ display:block; }
.memTable_Sty02 .m2_td{ font-size:12px; padding: 3px 1px; }
.memTable_Sty02 .m2_td.word-break{ word-break: break-all; }
.memTable_Sty02 .m2_td .mdy{ font-size:0; padding: 5px 1px; }
.memTable_Sty02 .m2_td .mdy .fa{ font-size:12px;  }

.memTable_Sty01 .fromgroup { margin: 10px 0 20px 0; padding: 45px 10px 0 10px; }

.memlightbox .w_bg .wbg .wlist{ display:block; }
.memlightbox .w_bg .wbg .wlist .w_cont{ padding:5px 0 0 0; }


/*完成頁*/
.completebox{ padding:20px 20px 0 20px; }
.completebox .tabs{ display:block; }
.completebox .tabs .tds-a{ display:block; margin:0 auto; width:120px; }
.completebox .tabs .tds-b{ display:block; padding:25px 0 0 0; }
.completebox .h1s{ font-size:26px; }

/*404*/
.c404{ height:auto; padding:60px 0 0 0; }
.c404 .mars{ position:relative; top:auto; transform:none; -webkit-transform:none; -moz-transform:none; }
.c404 .mars .ctable{ display:block; }
.c404 .mars .ctable .ctd-imgs{ display:block; margin:auto; width:auto; }
.c404 .mars .ctable .ctd-text{ display:block; padding:15px 10px; font-size: 28px; }

/*輸入頁*/
.enterheader{ height:50px; padding:8px 0; }
.enterheader .logos{ width:88px; height:28px; background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; }
.enterpad{ padding:40px 20px; width:auto; left:20px; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

}