/*====================================================================
 樂天kobo 首建日2023/03/31 Roni 
 Test browser：Chrome/Firefox 104↓+Tablet測試ok
 預設寬度container:width:700px
 Final date 2025/06/13 Roni
=====================================================================*/

body{font-size:16px;line-height:1.7em;}body,input,select,button,textarea,code,.fancybox-caption-wrap,select option{font-family:"Noto Sans TC",sans-serif;}.navbar-toggler:not(:disabled):not(.disabled){outline:none;}.btn:focus,.form-select:focus{box-shadow:none;}textarea{resize:none;}dd{margin-bottom:0;}summary{list-style:none;cursor:inherit;}.btn{overflow-wrap:anywhere;}button:focus{outline:0 dotted;outline:0;
}.btn:first-child:active{border-color:transparent;}.table thead th{vertical-align:top;}img,.navbar-toggler{border:none;}:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,button:focus{outline:0;outline-offset:0;}s,i,dfn{font-style:normal;}.form_input,.input-group,.foo_ul,.foo_ul li:last-child:after,.editor_box ul{padding:0;}.margin_none,.foo_ul li:last-child:after{margin:0;}.p{margin-bottom:2em;}.foo_ul li,.editor_box ul li{list-style:none;}.form-check-input:focus,.btn.focus,.btn:focus,.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;@include border-radius(0);}select::-ms-expand{display:none;}input:required,.navbar-toggler:not(:disabled):not(.disabled){outline:none;}img,.form-group>.alert,.form_input input,select.form_input,.form_input textarea,.standard_submit,.input-group>.form-select{border:none;}body,input,select,textarea,button,.home_calendar_box .box>.inner .r_box .ym,.puja_list>.item .data_outer .datebox dt .square,.puja_list>.item .data_outer .datebox dd .square,.puja_list>.item .data_outer .textbox>.puja_caption>dt,.news_date{font-weight:400;}.kobo_h1{font-weight:500;}.overflow_h,.form-control,.form-select{overflow:hidden;}_:-ms-fullscreen, :root .ie9_warning{display:none;}.foo_ul li,.foo_ul li>a{display:inline-block;}.point_ul{padding:0 0 0 .3em;}.point_ul li{list-style:outside;list-style-type:disc;margin-left:1em;}.point_ul li li{list-style:square outside;margin-left:1.8em;}.f_c,.main,.agree_box,.head_logo img,.form-box{margin:0 auto;}.t_c,.backtotop,.kobo_h1,.add_btn,.remove_btn,.agree_center,.head_logo{text-align:center;}.relative,.agree_box input[type="checkbox"]:after{position:relative;}.absolute,.head_logo{position:absolute;}.fixed,.backtotop{position:fixed;}.head_logo{background-color:#fff;}.input-group .btn:hover,.ar_box .btn:first-child:hover{background-color:#777!important;}.kobo_footer{background-color:#c0272d;}a,.decoration_none,a:hover,a:focus{text-decoration:none;}body{color:#333;}.white,.backtotop,.backtotop:hover,.backtotop:active,.backtotop:focus,.kobo_footer,.foo_ul li>a,.ar_box .btn:first-child:hover{color:#fff;}.relative{position:relative;}

.foo_inner{display:-webkit-flex;display:flex;}.foo_inner{-webkit-align-items:center;align-items:center;}.foo_inner{justify-content:space-between;-webkit-justify-content:space-between;}

.head_logo{width:100%;top:0;left:0;z-index:50;border-bottom:4px solid #c0272d;padding:0 12px;height:80px;}
.head_logo>.main{display:flex;align-items:center;justify-content:space-between;height:100%;}



.head_logo.sticky{position:fixed;height:55px;}.head_logo,.banner img{width:100%;}.backtotop,.kobo_h1,.agree_center .btn,.head_logo,.nav-btn{-webkit-transition:.5s;transition:.5s;}.backtotop,select.form_input{cursor:pointer;}.backtotop{bottom:7rem;right:8px;z-index:1000;border-radius:6px;margin-bottom:0;visibility:hidden;width:50px;height:50px;line-height:50px;-webkit-transition-property:all;transition-property:all;}.bck-on.rightToLeft:focus,.backtotop.bck-on{background:rgba(0,0,0,.6);}.backtotop:hover{background-color:#000;}.backtotop.bck-on{visibility:visible;}.bck-on.fade{opacity:1;}.rightToLeft{right:-60px;}.bck-on.rightToLeft{right:8px;}a.coffee_bg:hover,button.coffee_bg:hover{background-color:#cd2027!important;color:#fff!important;}.backtotop .bi{font-size:2em;}.form-control:focus,.form-select:focus{border-color:#be0000;box-shadow:none;}.form-control,.form-select{background-color:#faeaea!important;border:2px solid #d8b6b6;text-overflow:ellipsis;white-space:nowrap;}.remove_btn,.agree_box .form-check-label,.agree_box input[type="checkbox"]{cursor:pointer;}

.main{max-width:1110px;padding:0 15px;}.head_logo img{width:150px;}.banner{max-width:1350px;margin:6rem auto 1.5em;}.kobo_h1{font-size:2.5em;line-height:1.2em;margin:0 0 .3em;letter-spacing:-.03em;}.remove_btn,.add_btn{background-color:#333;color:#fff;line-height:1;font-size:1.5em;}.ar_box .yes{text-align:right;}.add_btn,.remove_btn{width:1.7em;}.agree_box{display:table;}.agree_box .form-check-input{border:2px solid #d8b6b6;}.agree_box .form-check-label{font-size:1.1rem}.agree_box input[type="checkbox"]{-webkit-appearance:none;appearance:none;outline:0;background:#eee;height:36px;border-radius:7px;margin:-3px 8px 0 0;width:36px}.agree_box input[type="checkbox"]:after{content:"";left:39%;top:15%;width:28%;height:55%;border:solid #666;border-width:0 2px 2px 0;transform:rotate(44deg);display:none}.agree_box input[type="checkbox"]:checked:after{display:block;}.agree_center{margin:1rem auto 2rem;}.agree_center .btn{background-color:#ce0000;color:#fff;font-size:1.1rem;padding:.6em;}.agree_center .btn:disabled{opacity:.3;}.agree_center .btn:hover,.nav-btn:hover{background-color:#333;color:#fff;}.form-control::-webkit-input-placeholder{color:#333;}.form-control::-moz-placeholder{color:#333;opacity:1;}.editor_box ul{margin:0 0 1.5em 0;}.editor_box ul li{margin-left:1.5em;text-indent: -.75em;}.editor_box ul li span{text-indent:0;}.editor_box ul>li:before{content:"";border-left:4px solid #c0272d;margin-right:.5em;vertical-align:-.1em;}.form-box,.editor_box,.preview_box{max-width:700px;padding:0 15px;margin:auto;}.custom-check-wrap{padding:.6em 0}.custom-check-wrap .form-check-label,.custom-check-wrap input{cursor:pointer}.custom-check-wrap input[type=checkbox]{-webkit-appearance:none;appearance:none;outline:0;background:#eee;height:26px;width:26px;border-radius:7px;margin:1px 8px 0 0;vertical-align:top;position:relative}.custom-check-wrap input[type=checkbox]::after{content:"";position:absolute;top:6px;left:8px;width:7px;height:12px;border:solid #444;border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}.custom-check-wrap input[type=checkbox]:checked::after{opacity:1;}.nav-btn{background-color:#ce0000;color:#fff;padding:.3em .5em;cursor:pointer;border-radius:5px;}.preview_box{min-height:calc(100vh - 139px);margin:80px auto 0!important;padding-top:2rem;}

.order-detail{
  position: relative;
}
.order-status{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  margin: 0 27px;
}

.kobo_footer{padding:1rem 0;}.foo_ul{margin:0 0 0 auto;}.foo_ul li:after{content:"|";margin-left:.5em;padding-right:.5em;}.foo_ul li:last-child::after{content:"";}.foo_ul li:last-child>a{margin-right:0;padding-right:0;}.foo_ul li>a{padding:.5em;}.foo_ul li>a:hover{text-decoration:underline;}

@media(max-width:1366px){/*.form-control{padding:.8em;}.add_btn,.remove_btn{line-height:1.5em;}*/.agree_center .btn{padding:.8em;}}

@media(max-width:991px){.banner{max-width:none;margin:5rem -15px 1.5em;}}

@media(max-width:767px){
.order-status{
  font-size: 16px;
}
}

@media(max-width:640px){.kobo_h1{font-size:2.2em;margin:0 0 .5em;}.kobo_footer{padding:1.5rem 0;}.foo_inner{-webkit-flex-direction:column;flex-direction:column;text-align:center;}.foo_ul{margin:.5rem 0 0;}}

@media(max-width:480px){.foo_ul{margin-top:1rem;}.foo_ul li{width:9em;}.foo_ul li:after{content:"";margin-left:0;padding-right:0;}
.preview_box{padding:0;}
.order-title{margin-bottom:5px!important;;}
.order-detail{
  padding: 28px 0 0 0;
}
.order-status{
  right: 50%;
  transform: translateX(50%);
  margin: 0;
}
}