@charset "UTF-8";
@import url(kyicon/style.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC:wght@700&display=swap);
/* @font-face{font-family:'NotoSans';src:url('fonts/NotoSansTC-Regular.otf') format("opentype")}
@font-face{font-family:'NotoSerifBold';src:url('fonts/NotoSerifTC-bold.otf') format("opentype")} */
@font-face{font-family:'Roboto';src:url('fonts/Roboto-Regular.ttf') format("truetype")}
/* color */
:root{--kycolor-yellow-01:248,150,30;--kycolor-grey-01:180,180,180}
/* main */
body,html{font-family:'Roboto','Noto Sans TC',"微軟正黑體","Helvetica","Arial","sans-serif";height:100%;padding:0;margin:0;font-weight:400;font-size:15px;scroll-behavior:smooth}
a{text-decoration:none;color:#333;transition:all linear 0.2s}
a.blue{color:#088CD3}
a:hover,a:focus,a.link-color-2:hover,a.link-color-3:hover{text-decoration:none;color:#D71418}
a.link-color-2{color:#50CFBC}
a.link-color-3{color:#333}
a.underline{padding-bottom:1px;border-bottom:1px solid #333}
a.underline-2{padding-bottom:3px;border-bottom:2px solid #333}
.wrapper{width:100%}
[role="tooltip"]{pointer-events:none}
body.iframe-page{height:auto}
body.open-cmodal{overflow:hidden}
ol:not(.breadcrumb){padding-left:4.5rem;margin-bottom:40px;padding-top:10px}
ol:not(.breadcrumb)>li + li{margin-top:15px}
ul{list-style:none;padding:0}
ul.list-dots{padding-left:4.5rem;margin-bottom:40px}
ul.list-dots>li{position:relative}
ul.list-dots>li + li{margin-top:15px}
ul.list-dots>li::before{content:"";position:absolute;right:calc(100% + 20px);top:.9rem;width:5px;height:5px;border-radius:50%;background-color:#000}
ul.list-dots.l2{padding-left:20px}
ul.list-dots.l2>li::before{right:auto;left:-1rem;top:.5rem}
/* button */
.btn{padding:13.75px 12px;font-size:1rem;font-family:"Roboto","Noto Sans TC";letter-spacing:1px;outline:none;transition:all linear 0.2s;position:relative}
.btn.valign-bottom{vertical-align:middle}
.btn:hover,.btn:focus{box-shadow:none;outline:none}
.btn:active,.btn:visited{box-shadow:none;outline:none}
.btn-nobr{border-radius:0px}
.btn-noborder{border:none !important}
.btn-big{font-size:20px;padding:12px 25px;border-width:1px;min-width:100px}
.btn-medium{font-size:18px;padding-top:15px;padding-bottom:15px;line-height:26px;border-width:2px;min-width:90px}
.btn-small{font-size:14px;padding-top:5px;padding-bottom:5px;line-height:1.2;border-width:1px;min-width:0px}
.btn-fwidth{width:100%}
.btn-black{background-color:#000;color:#fff;border-color:#000}
.btn-grey{background-color:#ccc;color:#fff;border-color:#ccc}
.btn-grey:hover{background-color:#aaa;box-shadow:0 0 0px 3px rgba(153, 153, 153, 0.5)}
.btn-danger:hover{background-color:#e74f5e;box-shadow:0 0 0px 3px #e74f5e}
.btn-darkgrey{background-color:#333;color:#fff;border-color:#333}
.btn-darkgrey:hover{background-color:#555;color:#fff;box-shadow:0 0 0px 3px rgba(153, 153, 153, 0.5)}
.btn-primary{background-color:#D71418 !important;color:#fff !important;border:1px solid #D71418}
.btn-primary:hover,.btn-primary:focus{background-color:#b81215 !important;color:#fff !important;border:1px solid #D71418;box-shadow:0 0 1px 3px #f33d40}
.btn-deepblue{background-color:#1560b6;color:#fff}
.btn-deepblue:hover{background-color:#0779fc !important;color:#fff;box-shadow:0 0 0px 3px rgba(49, 145, 255, .5)}
.btn-green{background-color:#5DA81A !important;color:#fff !important}
.btn-green:hover{background-color:#69c21c !important;box-shadow:0 0 0px 3px rgba(40, 167, 68, 0.5)}
.btn-blue{background-color:#21c5b7 !important;color:#fff !important}
.btn-blue:hover{background-color:#1adbcb !important;box-shadow:0 0 0px 3px #21c5b7}
.btn-yellow{background-color:#fec107 !important;color:#000 !important}
.btn-yellow svg *{fill:#000}
.btn-yellow:hover{background-color:#fdd869 !important;box-shadow:0 0 0px 3px #fec107}
.btn-black-outline{background-color:transparent;color:#000;border:2px solid #000}
.btn-black-outline:focus{box-shadow:0 0 1px 4px rgba(0, 0, 0, .1)}
.btn-black-outline:hover{border-color:#D71418;background-color:#D71418;color:#fff}
.btn-black-outline:hover .icon{color:#fff}
.btn-grey-outline{background-color:#fff;color:#000;border-color:#ccc}
.btn-grey-outline:focus{color:#000}
.btn-grey-outline:hover{border-color:#000;color:#000}
.btn-grey-outline svg *{fill:#333}
.btn-red-outline{background-color:#fff;color:#000;border-color:#d92017}
.btn-red-outline:focus{color:#d92017}
.btn-red-outline:hover{border-color:#d92017;color:#fff;background-color:#D71418}
button.icon{padding-left:45px;position:relative}
button.icon>span{position:absolute;left:10px;top:50%;margin-top:-15px}
button img.button-icon-img{height:18px}
.btn-npnb{background-color:transparent;padding:0;font-size:30px;border:none;vertical-align:middle}
.btn.disabled,.btn[disabled],.btn-td .btn.disabled{opacity:0.5}
.responsive-divtable .dt-tgourp .dt-tr .btn-td button.disabled,.responsive-divtable .dt-tgourp .dt-tr .btn-td .btn.disabled,.responsive-divtable .dt-tgourp .dt-tr .btn-td a.disabled{opacity:0.1}
.btn.btn-imgicon{padding:2px 6px}
.btn-infoicon{background-color:transparent;color:#777;font-size:16px;padding:6px 5px}
.btn-infoicon:hover{color:#000}
.btn-max-15 span{max-width:230px;overflow:hidden;display:inline-block;text-overflow:ellipsis;vertical-align:bottom}
.btn-icon{display:flex;align-items:center;white-space:nowrap}
.btn-icon p{margin:0 0 0 0px}
.btn-icon .icon{line-height:1;margin-right:8px}
.btn-icon .icon img{width:15px;height:15px}
.btn-icon svg,.btn-icon .svg{width:15px;height:15px}
.btn-icon-only svg,.btn-icon-only .svg,.btn-icon-only img{width:15px;height:15px;margin:3.5px 0}
.btn-icon-only.btn-small svg,.btn-icon-only.btn-small .svg,.btn-icon-only.btn-small img{width:10px;height:10px;margin:0}
.btn-icon-end{position:relative;padding-right:30px;display:flex;justify-content:center;padding-left:30px}
.btn-icon-end .icon{position:absolute;right:5px;top:12px;color:#D71418}
.btn-ripple{position:relative;overflow:hidden}
.btn-ripple::before{content:"";position:absolute;background-color:rgba(255, 255, 255, .6);height:100%;width:60px;transform:skewX(30deg);left:-100%;top:0;transition:all ease-in-out .3s}
.btn-ripple:hover::before{left:120%}
.btn-social{display:flex;background-color:#fff;border-radius:6px;box-shadow:0 5px 10px 5px rgba(0, 0, 0, .05);align-items:center}
.btn-social .icon{font-size:1.5rem;flex:0 0 40px;max-width:40px;height:50px;display:flex;align-items:center;justify-content:center}
.btn-social p{border-left:1px solid #ddd;margin:0;padding-left:15px;flex:1 1 auto;padding-right:5px}
/* margin padding */
.mr0{margin:0 !important}
.mt0{margin-top:0 !important}
.mt-10{margin-top:10px !important}
.mb15{margin-bottom:15px}
.mb-5{margin-bottom:-5px}
.pd15{padding:15px}
.pd30{padding:30px}
/* form */
.form-control{background-color:#ffffff;border:1px solid #ddd;height:52px;vertical-align:middle;font-size:15px;-webkit-box-shadow:none;box-shadow:none;padding:10px 12px}
.form-control:focus{outline:0;box-shadow:none}
.form-control.input-lg{height:46px;padding:10px 16px;font-size:18px}
.form-control.form-noborder{border-radius:0;border:none;background-color:#f9f9f9;box-shadow:none}
.form-border-b{border-radius:0;border:none;border-bottom:2px solid #666}
.form-control.inline{width:auto;max-width:100%;display:inline-block;margin-right:10px}
select.form-control.inline{min-width:150px}
.form-control.mini{width:50px !important;min-width:0 !important}
.form-control.medium{width:80px !important;min-width:0 !important}
.form-control.lg{height:60px}
.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem}
.form-textarea{background-color:#ffffff;transition:all ease-in .2s;border:1px solid #cccccc;min-height:42px;vertical-align:middle;font-size:15px;-webkit-box-shadow:none;box-shadow:none;padding:10px 12px;width:100%;border-radius:.25rem}
.form-textarea:disabled,.form-textarea:read-only{background-color:#e9ecef}
.form-textarea:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, .25)}
.form-select{background-image:url(../img/arrow-down.png);height:52px;padding-right:2.6rem;padding-left:1rem;background-position:right .6rem center;background-size:20px 20px;background-repeat:no-repeat;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.form-select:focus{outline:none}
.form-select::-ms-expand{display:none}
.form-select .default{color:#ff5242}
.form-select.inline{width:auto;max-width:100%;display:inline-block}
.rc-group{display:inline-flex;/* width: 100%; */vertical-align:middle;align-items:center}
.rc-group .rc-btn{display:inline-block;float:left;text-align:center}
.rc-group .rc-btn:first-child input:not(old)+label{border-top-left-radius:4px;border-bottom-left-radius:4px}
.rc-group .rc-btn:last-child input:not(old)+label{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid #ccc}
.rc-group .rc-btn.inline-input{display:inline-flex;align-items:center}
.dropdown-toggle{border-radius:0;background-color:#fff;color:#7f7f7f}
.dropdown-toggle:hover{background-color:transparent;color:#5d9df4}
.dropdown-toggle::after{border-top-color:#7f7f7f}
.noarrow .dropdown-toggle::after{content:none}
.dropdown-menu{border-radius:0;list-style:none;padding:0}
.dropdown-menu li{font-size:16px}
.dropdown-menu li>a{padding:10px 12px}
.dropdown-item{padding:12px 10px;color:#999}
.dropdown-item>i{margin-right:10px;zoom:1.1;display:inline-block;vertical-align:middle}
.dropdown-item>svg,.dropdown-item>img{width:16px;height:16px;fill:#999;vertical-align:middle;margin-right:10px}
.dropdown-item.active,.dropdown-item:active{color:#16181b;text-decoration:none;background-color:#f8f9fa}
.group-l1.input-group .btn{background-color:#D8171A;color:#fff;font-size:1.25rem;letter-spacing:5px;padding:5px 40px;border-radius:30px}
.group-l1.input-group .btn:hover{box-shadow:0 0 0px 4px rgba(216, 23, 26, 0.5)}
.group-l1.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-radius:30px;margin-left:-30px;z-index:3}
.group-l1.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-left-radius:30px;border-bottom-left-radius:30px}
.group-l1.input-group>.form-control{border:none;font-size:1.25rem;padding:10px 30px;height:60px}
.group-l1.input-group>.form-control:focus{outline:none;box-shadow:none}
.col-form-label{padding-top:calc(.9rem + 1px);padding-bottom:calc(.9rem + 1px)}
.form-control-plaintext{padding:calc(.9rem + 1px) 0}
.form-control-plaintext.txt-4{padding:calc(.6rem + 1px) 0}
.form-input-warp{position:relative}
.form-input-warp .placeholder{position:absolute;top:15px;left:13px;background-color:#fff;color:#bbb;transition:all ease-in-out .15s;overflow:hidden;max-width:100%;white-space:nowrap;z-index:-1}
.form-input-warp.show .placeholder{opacity:1;top:-7px;left:8px;font-size:.7rem;padding:0 6px;z-index:1}
.form-input-warp .must ~ .placeholder::after{content:"*";color:#D71418;margin-left:3px}
.form-control.is-valid,.was-validated .form-control:valid{background-image:url(../img/icon/icon_v_check.svg);border-color:#ddd}
.form-control.is-invalid,.was-validated .form-control:invalid{background-image:url(../img/icon/icon_v_uncheck.svg);border-color:#ddd}
.form-control::placeholder{color: #bbb;}
.form-control::-webkit-input-placeholder{color: #bbb;}
.form-control:-ms-input-placeholder{color: #bbb;}
.form-control::-moz-placeholder{color: #bbb;}
/* radio and checkbox */
.form-radio{position:relative;padding-left:35px;padding-right:10px;padding-top:calc(.9rem + 1px);margin-bottom:0px;min-height:52px;cursor:pointer;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.form-radio input{position:absolute;opacity:0;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:2}
.form-radio input:disabled{border:none;background-color:transparent;border-radius:0}
.form-radio p{margin:0}
label.custom-radio{margin-bottom:10px}
.form-radio .checkmark{position:absolute;top:calc(13px);left:0;height:22px;width:22px;background-color:#fff;border-radius:50%;border:1px solid #ddd}
.form-radio:hover input~.checkmark{background-color:#eee}
.form-radio input:checked~.checkmark{background-color:#D71418;border-color:#D71418}
.form-radio .checkmark::after{content:"";position:absolute;display:none;top:4px;left:4px;width:12px;height:12px;background-color:#fff;border-radius:50%}
.form-radio input:checked~.checkmark::after{display:block}
.form-radio input:disabled~.checkmark{opacity:.5}
.form-check{position:relative;padding:calc(.9rem + 1px) 15px 6px 35px;min-height:52px;margin-bottom:0px;cursor:pointer;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000}
.form-check input.form-check-input{position:absolute;opacity:0;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:2;margin-left:0;float:none}
.form-check.inline{display:inline-block;margin-top:8px;margin-right:10px}
.form-check label{margin:0 0 0 0px}
.form-check input:disabled~.checkmark{opacity:.5}
label.custom-check{margin-bottom:0px}
.form-check .checkmark{position:absolute;top:13px;left:0;height:26px;width:26px;background-color:#fff;border:1px solid #ccc;border-radius:6px}
.form-check .checkmark::after{content:"";position:absolute;display:none}
.form-check input:hover~.checkmark{background-color:#eee}
.form-check input:checked~.checkmark{background-color:#D71418;border-color:#D71418}
.form-check input:checked~.checkmark::after{display:block}
.form-check .checkmark::after{content:"";top:3px;left:8px;width:8px;height:14px;border-bottom:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg)}
.form-radio.xs{min-height:1.5rem;padding-top:0}
.form-radio.xs .checkmark{top:0}
.form-check.xs{padding-top:0;min-height:45px}
.form-check.xs .checkmark{top:0}
.form-radio.l2{background-color:#fff;border-radius:50px;border:1px solid #ddd;padding-left:20px;padding-right:20px}
.form-radio.l2.form-radio input~.checkmark{top:0;left:0;width:100%;height:100%;background-color:transparent;border-radius:50px}
.form-radio.l2.form-radio:hover input~.checkmark{background-color: rgba(0, 0, 0, .05);}
.form-radio.l2.form-radio input:checked~.checkmark{border:4px solid #D71418}
.form-radio.l2.form-radio .checkmark::after{content:none}
.form-check.inline,.form-radio.inline{display:inline-block}
.switch-check{display:inline-block;width:60px;height:30px;position:relative}
.switch-check input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0}
.switch-check input:checked~.checkmark{background-image:url(../img/switch-on.png)}
.switch-check .checkmark{display:block;transition:all ease-in-out .1s;background-color:transparent;height:100%;width:100%;top:0;border-radius:0;background-image:url(../img/switch-off.png);background-repeat:no-repeat;background-size:contain}
/* radio and checkbox end */
.border-red{border-color:#d82016 !important}
.pw-input .input-pw{display:inline-block;width:calc(100% - 60px)}
.pw-input .input-pw input{padding-left:5px}
.pw-input.nonotice .input-pw{width:calc(100% - 30px)}
.pw-input .btn-pwsee{display:inline-block;width:30px;text-align:center}
.pw-input .btn-pwsee button,.pw-input .btn-pwinfo button{background-color:transparent;border:none;font-size:26px;line-height:38px;padding:0;color:#707070}
.pw-input .btn-pwinfo{display:inline-block;width:30px;text-align:right}
.pw-input .action{padding-left:0}
.pw-input.see .btn-pwsee button .fa-eye-slash::before{content:"\f06e"}
.pw-input.seperate .input-pw{width:100%}
.combine-input{position:relative}
.combine-input input{border:3px solid #000;border-radius:0;padding-right:115px}
.combine-input button{position:absolute;right:0;top:0;width:100px;height:100%;font-size:18px;background-color:#000;border-radius:0;color:#fff}
.combine-input.type01.inline{display:inline-block;height:38px;vertical-align:middle}
.combine-input.type01 input{border:1px solid #ccc}
.combine-input.type01 input:first-child,.combine-input.type01 button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.combine-input.type01 input:last-child,.combine-input.type01 button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.combine-input.type01 button{background-color:transparent;font-size:14px;color:#000}
.combine-input.type01 button:hover{background-color:#f2f2f2}
.combine-input.red input{border-color:#fe0000}
.combine-input.red button{background-color:#fe0000}
.form-horizontal.bordered{margin-top:15px;padding:0 0px}
.form-horizontal.bordered .form-th{font-size:18px;color:#777;font-weight:400;text-align:left;padding-top:5px}
.form-horizontal.bordered .form-td{font-size:18px;word-break:break-all;padding-top:5px}
.form-horizontal.bordered .form-group{border-top:1px solid #ddd;padding:10px 15px;margin-bottom:0}
.form-horizontal.bordered .form-group.no-border{border-top:none}
.form-horizontal.bordered label{font-size:16px;width:100%;padding-top:7px}
.form-horizontal.bordered label.center{text-align:center}
.form-horizontal.bordered .must,label.must{position:relative;padding-left:10px!important}
.form-horizontal.bordered .must::before,label.must::before{content:"*";position:absolute;font-size:1rem;color:#fe0000;left:2px;top:15px;font-weight:700}
.inline-form-control-group{display:inline-block;width:100%}
.inline-form-control-group [class*="col-"]{padding-left:0;padding-right:5px}
.role-form-control-group{display:inline-block;width:100%}
.role-form-control-group>div{display:inline-block;float:left}
.role-form-control-group .role-list{width:calc(50% - 32px)}
.role-form-control-group .role-list select{/* padding: 5px 5px;  */height:167px}
.role-form-control-group .role-buttons{width:60px;text-align:center}
.role-form-control-group .role-buttons .btn{margin-bottom:5px;width:36px}
.must-input{display:inline-block;width:100%}
.must-input.inline,.must-input.form-td{width:auto}
.must-input .alert-notice{display:none}
.must-input.false input,.must-input.false .form-control{border-color:#fd0002}
.must-input.false .alert-notice,.alert-notice{display:block;color:#fd0002;font-size:16px;padding:5px 0}
.rcdsblk{display:none}
.rcdsblk.show{display:block}
.upload-attechment-group{overflow:hidden;display:inline-block;width:100%}
.upload-attechment{position:relative}
.upload-attechment input[type="file"]{position:absolute;top:0px;right:0px;left:0;bottom:0;font-size:999px;text-align:right;filter:alpha(opacity=0);opacity:0;background:red;cursor:inherit;display:inline-block;width:100%;height:100%;z-index:1}
.upload-attechment input.form-control[readonly=""]{background-color:#fff;position:relative;z-index:0}
.upload-attechment .btn,.upload-attechment .input-group-btn{position:static}
.upload-debug.list-group{margin-bottom:0px}
.search-input{display:inline-block;width:100%;position:relative}
.search-input.inline{width:auto}
.search-input input{padding-right:40px}
.search-input button{border:none;background-color:transparent;position:absolute;top:0;right:0;height:100%}
.multicheck-form-group{display:inline-block;position:relative;height:38px;width:100%;vertical-align:middle;padding-right:40px}
.page-action .multicheck-form-group{margin-bottom:3px}
.multicheck-form-group.inline{display:inline-block;width:200px;margin-right:5px}
.multicheck-form-group .multicheck-frame{position:absolute;display:block;overflow:hidden;width:100%;top:0;left:0;height:38px;z-index:3;background-color:#fff;border:1px solid #999;border-radius:4px;padding-left:2px}
.multicheck-form-group.active .multicheck-frame{height:auto;max-height:306px;overflow:auto;z-index:5}
.multicheck-form-group .check-box{display:block;width:100%;height:auto}
.multicheck-form-group .multicheck-btn{position:absolute;right:1px;top:1px;width:30px;height:calc(100% - 2px);z-index:4;background-color:#fff;border-radius:4px}
.multicheck-form-group .multicheck-btn button{margin:0px;padding:0;border:none;background-color:transparent;margin-top:3px}
.multicheck-form-group.active .multicheck-btn{z-index:5}
.multicheck-form-group .check-box input[type="checkbox"]+label::before{width:32px;height:32px}
.multicheck-form-group .check-box input[type="checkbox"]+label{height:auto;font-weight:400;font-size:16px}
.multicheck-form-group .check-box input[type="checkbox"]:checked+label::after{left:11px}
.form-control.fwidth{width:100%;max-width:none}
.form-col{font-size:16px}
.form-group .form-th{color:#000}
.form-group .form-td{color:#000}
.form-group .form-td>p{padding:6px 0;margin:0}
.form-group.btn-row{margin-left:-5px;margin-right:-5px}
.form-group.btn-row [class*="col"]{padding:0 5px}
.t2 .form-group .form-th{color:#999;font-size:1rem}
.sys-form .form-group{margin-bottom:20px}
.sys-form .form-group .form-th{padding:calc(0.375rem + 1px) 15px}
.light .form-group label{color:#999}
.lineh-s .form-group{margin-bottom:8px}
.text-overflow{display:block;text-overflow:ellipsis;overflow:hidden;max-width:250px;white-space:nowrap !important}
.fwidth{width:100%;max-width:100%}
.ui-menu .ui-menu-item-wrapper{padding:12px 10px;font-size:0.9rem}
.ui-icon-triangle-1-s{background-position:-63px -13px}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa;border:none}
.ui-button .ui-icon,.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:none}
.ui-button .ui-icon::before{content:"";width:0;height:0;border-top:5px solid #ddd;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;right:15px;top:17px}
.ui-button:hover,.ui-button:focus{outline:none}
.ui-icon,.ui-widget-content .ui-icon{width:20px;height:20px}
.ui-selectmenu-menu .ui-menu{box-shadow:0 2px 5px rgba(226, 226, 226, 0.7);border:1px solid rgba(0, 0, 0, 0.15);max-height:200px}
.ui-selectmenu-button.ui-button{padding:8px 12px;width:100%;font-size:15px;height:42px;vertical-align:middle;background-color:#fff;line-height:24px}
.ui-selectmenu-button.ui-button:active{background-color:#f6fafd;color:#777;border:1px solid #777}
.ui-selectmenu-button{position:relative}
.ui-selectmenu-button .ui-selectmenu-icon.ui-icon{position:absolute;right:0;top:0;height:100%;width:40px}
.ui-selectmenu-open{z-index:100001}
.ui-widget.ui-widget-content.ui-autocomplete{z-index:99999;max-height:200px;overflow:auto}
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:0}
.input-group .ui-selectmenu-button.ui-button{flex:1 1 auto}
.input-group .col{padding:0}
.input-group .col:first-child .ui-selectmenu-button.ui-button{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group.select-btn-group .ui-selectmenu-button.ui-button{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:70px}
.input-group.select-btn-group .ui-selectmenu-button .ui-selectmenu-icon.ui-icon{right:40px}
.input-group.select-btn-group .btn{position:absolute;right:0;top:0;height:100%;background-color:#fff;border-color:#c5c5c5;color:#777}
.input-group.select-btn-group .btn svg,.input-group.select-btn-group .btn img{width:15px;height:15px;fill:#999}
.btn-group.vertical{flex-direction:column}
.btn-group.vertical>.btn svg,.btn-group.vertical>.btn img{width:15px;height:15px;fill:#777}
.btn-group.vertical>.btn:first-child{border-top-right-radius:3px;border-bottom-left-radius:0;border-top-left-radius:3px}
.btn-group.vertical>.btn:last-child{border-top-right-radius:0;border-bottom-left-radius:3px}
.btn-group.vertical .btn+.btn{margin-left:0;margin-top:-1px}
.custom-combobox{display:flex}
.custom-combobox .custom-combobox-toggle{position:relative;flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid #c5c5c5;border-left:none}
.custom-combobox .custom-combobox-toggle::before{content:url(../img/icon/icon_addthin.svg);line-height:0;width:15px;height:15px;opacity:0.5}
.custom-combobox .ui-widget.ui-widget-content{padding:8px 12px;background-color:#fff;flex:1 1 auto;min-width:0}
.custom-file-label{width:calc(100% - 90px)}
.custom-file-label p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}
.custom-file-label::after{background-color:#5AD0D2;color:#fff;width:75px;right:-90px;border-radius:3px}
.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:#5AD0D2}
.invalid-tooltip::before{content:"";position:absolute;border-bottom:10px solid #DF4957;border-left:12px solid transparent;border-right:12px solid transparent;top:-10px;left:50%;margin-left:-12px}
[data-group="rtab-content"],[data-group="selecttab-content"]{
    display: none;
}
[data-group="rtab-content"].show,[data-group="selecttab-content"].show{
    display: block;
}
.captcha-input{position: relative;}
.captcha-input input{padding-right: 180px;}
.captcha-input .captcha-col{
    display: flex;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 0px;
    height: 100%;
}
.captcha-input .captcha-col .btn{
    font-size: 1.5rem;
    padding: 5px 10px;
    line-height: 0;
}
/* text */
h1,h2,h3,h4,h5,h6{font-weight:400}
.txt-medium{font-size:1rem !important}
.txt-1{font-size:3rem !important}
.txt-2{font-size:2rem !important}
.txt-3{font-size:1.5rem !important}
.txt-4{font-size:1.25rem !important}
.txt-5{font-size:.9rem !important}
.txt-6{font-size:.75rem !important}
.txt-7{font-size:1.15rem!important}
.txt-bold{font-weight:700}
.txt-center{text-align:center !important}
.txt-left{text-align:left !important}
.txt-right{text-align:right !important}
.txt-vcenter{vertical-align:middle !important}
.txt-delete{text-decoration:line-through;color:#d82016}
.color-blue{color:#0088D2 !important}
.color-deepblue{color:#1560b6 !important}
.color-red{color:#d82016 !important}
.color-black{color:#000 !important}
.color-grey{color:#999 !important}
.color-grey-01{color:rgb(var(--kycolor-grey-01)) !important}
.color-lightgrey{color:#ccc !important}
.color-pink{color:#EF645F !important}
.color-purple{color:#C017BA !important}
.color-green{color:#0C8A74 !important}
.color-orange{color:#E77804 !important}
.color-yellow{color:rgb(var(--kycolor-yellow-01)) !important}
.color-fb{color:#3A549F!important}
.color-google{color:#F44336!important}
.notice{font-size:16px;margin:10px 0;color:#777}
.notice.input{padding:0 12px}
.highlight-01{position:relative;margin:0 15px;display:inline-block}
.highlight-01::after{content:"";display:block;height:100%;transform:skewX(-20deg);background-color:#f6d049;top:0;left:-5px;right:-5px;position:absolute;z-index:-1}
.pink-label{background-color:#f8d0d0;margin:0 5px;padding:0 3px}
.red-label{background-color:#dc0032;padding:0 3px;color:#fff}
.green-label{background-color:#c4e87c;padding:0 3px;color:#333}
.blue-label{background-color:#bbd2f5;padding:0 3px;color:#333}
.yellow-label{background-color:#f5f1bb;padding:0 3px;color:#333}
.bg-primary,.bg-success,.bg-info,.bg-warning,.bg-danger{padding:0 3px}
.bg-grey{background-color:#f9f9f9}
.bg-grey-2{background-color:#F5F3F8}
.round-corner{border-radius:4px}
.float-right{float:right}
.float-left{float:left}
.nowrap{white-space:nowrap}
span.underline{position:relative}
span.underline::before{content:"";display:block;width:100%;height:0;position:absolute;bottom:-5px;left:0;border-top:1px solid #23527c}
/* title */
.title-01{font-size:2.25rem;text-align:center;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;padding-top:30px}
.title-01::before{content:"";position:absolute;width:20%;bottom:0;left:50%;transform:translateX(-50%);height:4px;background-color:#D71418}
.title-02{font-size:2.25rem;text-align:left;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;padding-top:30px}
.title-02::before{content:"";position:absolute;width:150px;bottom:0;left:0;height:4px;background-color:#D71418}
.title-03{font-size:2rem}
.title-04{text-align:center;font-size:1.5rem;font-weight:700;border-top:1px solid #ccc;position:relative;padding:40px 15px 25px}
.title-04::before{content:"";position:absolute;width:70px;top:0;left:50%;height:4px;background-color:#D71418;transform:translateX(-50%)}
.title-05{text-align:center;font-size:1.5rem;font-weight:700;position:relative;padding:0px;margin-bottom:40px}
.title-05 >span{background-color:#F1F1F1;display:inline-block;padding:15px 40px}
.title-05::before{content:"";position:absolute;width:50px;bottom:0;left:50%;height:5px;background-color:#D71418;transform:translateX(-50%)}
.title-06{font-size:2rem;text-align:left;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px}
.title-group-01{margin-bottom:20px}
.title-group-01 .title{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.5}
.title-group-01 .sub{display:flex}
.title-group-01 .sub::before{content:"";width:60px;height:2px;background-color:#D71418;margin-top:12px;transition:all ease-in-out .25s}
.title-group-01 .author{display:flex;font-size:1.15rem;letter-spacing:.5px;color:#999;padding-left:10px;flex:1 1 auto;max-width:calc(100% - 140px)}
.title-group-01 .date{width:80px}
/* keyframe */
@keyframes loading{
0%{transform:translateY(0px);background-color:#449ee8}
50%{transform:translateY(50px);background-color:#0d8fbb}
100%{transform:translateY(0px);background-color:#F2B139}
}
@keyframes flip{
35%{transform:rotateX(360deg)}
100%{transform:rotatex(360deg)}
}
@keyframes floating{
0%{transform:translateY(0px)}
20%{transform:translateY(-20px)}
100%{transform:translateY(0px)}
}
/* loading */
.p-loading{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, .5);display:flex;justify-content:center;align-items:center}
.loader{-webkit-perspective:700px;perspective:700px}
.loader>span{font-size:2rem;font-family:"franklin gothic medium",sans-serif;display:inline-block;animation:flip 2.6s infinite linear;transform-origin:0 70%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;color:#fff}
.loading-animation{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .2)}
.loading-animation .loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.loading-animation .loading-wrapper .circle{display:inline-block;margin:0 3px;width:10px;height:10px;background-color:#F2B139;border-radius:50%;animation:loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;transform-origin:bottom center;position:relative}
.loading-animation .loading-wrapper .circle-1{animation-delay:0.1s}
.loading-animation .loading-wrapper .circle-2{animation-delay:0.2s}
.loading-animation .loading-wrapper .circle-3{animation-delay:0.3s}
.loading-animation .loading-wrapper .circle-4{animation-delay:0.4s}
.loading-animation .loading-wrapper .circle-5{animation-delay:0.5s}
.loading-animation .loading-wrapper .circle-6{animation-delay:0.6s}
.loading-animation .loading-wrapper .circle-7{animation-delay:0.7s}
.loading-animation .loading-wrapper .circle-8{animation-delay:0.8s}
.loader>span:nth-child(2){animation-delay:0.3s}
.loader>span:nth-child(3){animation-delay:0.6s}
.loader>span:nth-child(4){animation-delay:0.9s}
.loader>span:nth-child(5){animation-delay:1.2s}
.loader>span:nth-child(6){animation-delay:1.5s}
.loader>span:nth-child(7){animation-delay:1.8s}
/* header */
.nav-frame{position:relative;padding-bottom:60px}
.nav-toggle-l{width:70px;height:70px;/*140*/position:relative;display:inline-block;vertical-align:top}
.nav-toggle-l a{position:absolute;width:70px;height:70px;background-image:url();background-repeat:no-repeat;background-size:20px 20px;background-position:center;display:flex;align-items:center;justify-content:center}
.nav-toggle-l a svg{width:20px;height:20px;transition:all ease-in-out .2s}
.nav-toggle-l a svg *{fill:#fff}
.nav-bar{transition:all ease-in-out 0.1s;z-index:1000;padding:30px 0 5px 0px;align-items:stretch;border-bottom:4px solid #D71418}
.nav-bar nav{z-index:1;position:fixed;left:0;top:0;flex:1 1 auto;display:none;align-items:center;width:250px;background-color:#fff;box-shadow:0 0 10px 3px rgba(0, 0, 0, .05)}
.nav-bar.open-nav nav{display:block;z-index:1000}
.nav-bar nav #close-nav{position:absolute;display:flex;opacity:1;align-items:center;justify-content:center;width:20px;height:70px;top:15px;right:-20px;background-color:#fff;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:5px 0 5px 2px rgba(0, 0, 0, .05)}
.nav-bar nav #close-nav::before{content:"";height:0;width:0;border:5px solid #D71418;border-top-color:transparent;border-bottom-color:transparent;border-left:none}
.nav-bar nav ul{padding:10px 30px;margin:0;list-style:none}
.nav-bar nav>ul>li{position:relative}
.nav-bar nav>ul>li+li{border-top:1px solid #ddd}
.nav-bar nav li .menu-item{display:flex;align-items:center;padding:15px 0;color:#333}
.nav-bar nav li .menu-item>.icon{margin-right:15px}
.nav-bar nav li .menu-item>.icon img{width:40px;height:40px}
.nav-bar nav li .menu-item:hover,.nav-bar nav li.active .menu-item,.nav-bar nav li.show{background-color:rgba(0, 0, 0, .05);color:#D71418}
.nav-bar nav li.active .menu-item{position:relative}
.nav-bar nav li.active .menu-item::before{content:"";position:absolute;height:100%;width:4px;top:0;left:0;background-color:#0065AC}
.nav-bar nav li .menu-item p{margin-bottom:0;font-size:1rem}
.nav-bar nav li .menu-detail{padding:0}
.nav-bar nav li .menu-detail .body{padding-left:45px;padding-bottom:15px}
.nav-bar nav li .menu-detail .scrollbar-inner{max-height:250px !important;height:auto !important}
.nav-bar nav li .menu-detail::before{content:"";position:absolute;top:30px;left:-10px;border-right:10px solid #324049;border-top:12px solid transparent;border-bottom:12px solid transparent}
.nav-bar nav li .menu-detail a{display:flex;line-height:1.2;letter-spacing:.5px;border-bottom:1px solid transparent;position:relative;padding:8px 10px 8px 10px;color:#333;border-radius:3px}
.nav-bar nav li .menu-detail a::after{content:"";position:absolute;right:12px;top:12px;height:10px;width:10px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg) translate(0px, 0px);opacity:.2;transition:ease-in all .3s}
.nav-bar nav li .menu-detail a:hover{background-color:#D71518;color:#fff}
.nav-bar nav li .menu-detail a img{width:22px;height:22px}
.nav-bar nav li .menu-detail a:hover::after{opacity:.9;transform:rotate(45deg) translate(2px, -2px);border-top-color:#fff;border-right-color:#fff}
.nav-bar nav li .menu-detail ul{padding:0;line-height:1}
.nav-bar nav li .menu-detail li:hover{background-color:transparent}
.nav-bar nav li .menu-detail li.accordion-item{background-color:transparent;border:none}
.nav-bar nav li .menu-detail li.accordion-item .btn-icon .icon img{width:22px;height:22px}
.nav-bar nav li .menu-detail li.accordion-item .nav-lv2-collapse{padding:10px 15px;position:relative;border-radius:8px;letter-spacing:.5px}
.nav-bar nav li .menu-detail li.accordion-item .nav-lv2-collapse.collapsed::after{transform:rotate(45deg) translate(0px, 0px)}
.nav-bar nav li .menu-detail li.accordion-item .nav-lv2-collapse::after{content:"";position:absolute;right:12px;top:15px;height:10px;width:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg) translate(0px, 0px);opacity:0;transition:ease-in all .3s}
.nav-bar nav li .menu-detail li.accordion-item .nav-lv2-collapse:hover{cursor:pointer;background-color:rgba(0, 0, 0, .2)}
.nav-bar nav li .menu-detail li.accordion-item .nav-lv2-collapse:hover::after{opacity:.9/*transform:rotate(45deg) translate(2px, -2px)*/}
.nav-bar nav li .menu-detail li.accordion-item .accordion-collapse{padding-left:0px;margin-left:27px;border-left:3px solid #5a6c78;background:none}
.nav-bar nav li .menu-detail li.accordion-item .accordion-collapse a{padding:5px 25px 5px 15px}
.nav-bar nav li .menu-detail li.accordion-item .accordion-collapse a::after{top:8px}
.nav-bar nav li.show .menu-detail{display:block}
.nav-bar ul{list-style:none}
.nav-bar ul.rootul>li{position:relative;width:300px}
.nav-bar ul.rootul>li>a{min-height:70px;display:inline-block;padding:21px 12px 21px 70px;line-height:1.5;font-size:18px;color:#657c92;font-weight:400;width:100%;position:relative;padding-right:30px}
.nav-bar ul.rootul>li>a[data-toggle="collapse"]::before{content:"";position:absolute;width:0;height:100%;left:0;top:0;border-left:4px solid #2CAFC9}
.nav-bar ul.rootul>li.active>a{background-color:transparent}
.nav-bar ul.rootul>li>a:hover{color:#fff}
.nav-bar ul.rootul>li>a:hover::before,.nav-bar ul.rootul>li.active>a::before{content:"";position:absolute;width:0;height:100%;left:0;top:0;border-left:4px solid #2CAFC9;transition:all linear 0.2s}
.nav-bar ul.rootul>li>a.collapsed::before{opacity:0}
.nav-bar ul.rootul>li>a.collapsed:hover::before,.nav-bar ul.rootul>li.active>a::before{opacity:1}
.nav-bar ul.rootul>li>a:hover::before{content:"";position:absolute;width:0;height:100%;left:0;top:0;border-left:4px solid #2CAFC9}
.nav-bar ul.rootul>li>a span{position:absolute;display:block;width:20px;height:20px;left:40px;top:24px;background-color:#2CAFC9;color:#fff;font-size:12px;line-height:20px;text-align:center;border-radius:10px}
.nav-bar ul.rootul>li>a span.alert{background-color:#1597ba;padding:0;margin:0;border:none}
.nav-bar ul.rootul>li>a .nav-icon{display:inline-flex;position:absolute;left:24px;top:25px;height:20px;width:20px;background-repeat:no-repeat;background-size:100%;background-position:center;align-items:center;justify-content:center}
.nav-bar ul.rootul>li>a .nav-icon svg{width:20px;height:20px}
.nav-bar ul.rootul>li>a .nav-icon svg *{fill:#919BAE}
.nav-bar ul.rootul>li>a.collapsed .nav-icon{left:24px}
.nav-bar .lv1.collapse,.nav-bar .lv1.collapsing{background-color:#252f42;position:relative}
.nav-bar .lv1.collapse::before,.nav-bar .lv1.collapsing::before{content:"";position:absolute;width:0;height:100%;left:0;top:0;border-left:4px solid #2CAFC9}
.nav-bar .lv1 ul{padding:0;margin:0}
.nav-bar .lv1 ul li{display:block}
.nav-bar .lv1 ul li a{color:rgb(163, 163, 163);font-size:16px;display:inline-block;width:100%;padding:10px 12px 10px 70px;position:relative}
.nav-bar .lv1 ul li a:hover{color:#fff}
.nav-bar .lv1 ul li a:hover::after,.nav-bar .lv1 ul li.active a::after{content:"";position:absolute;width:6px;height:10px;box-sizing:border-box;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;right:10px;top:50%;margin-top:-5px}
.nav-accodion{padding-bottom:70px}
.nav-accodion>.scrollbar-inner{height:100%;max-height:100vh}
.nav-list>li{border-bottom:1px solid #eee}
.top-header{display:flex;justify-content:space-between;align-items:center;position:relative}
.top-header .logo{position:absolute;left:50%;transform:translateX(-50%);top:0}
.top-header #main-nav-toggle{padding:0;width:40px;height:40px;text-align:left;font-size:1.5rem}
.top-header #main-nav-toggle:hover{color:#DB2F32}
.top-header .header-action{display:flex}
.top-header .header-action .btn-item{margin-left:15px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #bbb;width:36px;height:36px;padding:0;border-radius:50%;color:#333;font-size:1.1rem;position:relative;transition:all ease-in-out .15s}
.top-header .header-action .btn-item .count{position:absolute;width:15px;height:15px;font-size:.7rem;color:#fff;background-color:#D71418;display:flex;align-items:center;justify-content:center;border-radius:50%;right:-3px;top:-3px}
.top-header .header-action .btn-item:hover{background-color:#D71418;color:#fff;border-color:transparent}
.top-header .header-action .others{display:flex}
.h-bottom-link{margin-top:40px;overflow:hidden;position:relative;height:32px}
.h-bottom-link #hbl-toggle{display:none;border:none;position:absolute;right:0px;top:0;height:32px;width:60px;background:rgb(255, 255, 255);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 18%)}
.h-bottom-link #hbl-toggle::before{content:"";position:absolute;width:10px;height:10px;border-bottom:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);top:50%;right:15px;margin-top:-5px}
.h-bottom-link ul{display:flex;justify-content:center;background-color:#fff;padding:0;margin:0}
.h-bottom-link .hb-link{color:#333;padding:5px 20px;white-space:nowrap;display:block;height:32px}
.h-bottom-link .hb-link:hover{color:#fe0000}
.h-bottom-link.show-drop{overflow:visible}
.h-bottom-link.show-drop ul{position:absolute;left:0;top:0;width:100%;flex-wrap:wrap;box-shadow:0 8px 5px 2px rgba(0, 0, 0, .05);border-bottom:4px solid #979797}
.h-bottom-link.item-overflow ul{justify-content:flex-start}
.h-bottom-link.item-overflow #hbl-toggle{display:flex}
.site-search-panel{position:absolute;top:100%;height:calc(90vh - 150px);display:none;background-color:#fff;width:100%;border-top:1px solid #ddd;box-shadow:0 20px 20px 15px rgba(0, 0, 0, .05);z-index:999}
.site-search-panel .scrollbar-inner{height:100% !important}
#btn-site-search.active{color:#D71418}
body.show-search{overflow:hidden}
body.show-search .nav-bar{z-index:9999}
body.show-search .site-search-panel{display:block;background-image:url(../img/bg-01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}
body.show-search::before{content:"";position:fixed;top:calc(0);left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .7);z-index:90}
.nav-bar.fixed+*{margin-top:60px}
.nav-bar.fixed .top-header-container{position:fixed;top:0;left:0;width:100%;box-shadow:0 0 5px 2px rgba(0, 0, 0, .05);height:60px;display:flex;align-items:center;background-color:#fff}
.nav-bar.fixed .logo{width:150px}
body.layout-2 .nav-bar.fixed .logo{transform:translate(-50%,-50%)}
body.show-search .nav-bar.fixed .site-search-panel{position:fixed;top:60px}
.nav-bar{position:relative;background-color:#fff}
.top-s-input{display:flex;flex-direction:column;margin:40px auto;max-width:600px;position:relative}
.top-s-input .s-input input{height:70px;text-align:center;font-size:1.5rem}
.top-s-input .s-input .btn{position:absolute;right:0;top:0px;font-size:2rem;color:#777;height:70px;width:90px;z-index:4}
.top-s-input .s-tag{padding:40px 0 0 0;max-width:700px}
.s-tag>ul{text-align:center;padding:0;list-style:none}
.s-tag>ul li{display:inline-block;margin:6px 8px}
.s-tag-item{display:flex;background-color:#fff;box-shadow:2px 2px 2px 2px rgba(0, 0, 0, .05);padding:5px 10px;font-size:1.2rem;color:#000;position:relative;align-items:center}
.s-tag-item::before{content:"\e907";font-family:"kyicon";transform:rotate(180deg);font-size:1rem;color:#ccc;margin-right:5px;transition:all ease-in-out .15s}
.s-tag-item:hover::before{color:#D71418}
.s-tag.l2 .s-tag-item::before{transform:rotate(0deg)}
.search-ads{border-top:1px solid #ddd}
.search-book-list{display:flex;padding:40px 0}
.search-book-list li{flex:0 0 33.333333%;max-width:33.333333%;padding-right:80px}
.search-book-list li .item{text-align:center;color:#333;transition:all linear .15s;display:block}
.search-book-list li .item .img{margin-bottom:15px;box-shadow:1px 1px 2px 2px rgba(0, 0, 0, .1)}
.search-book-list li .item p{margin:0;font-size:1.1rem;line-height:1.5}
.search-book-list li .item:hover{transform:scale(1.1)}
.search-book-list li .item:hover .img{box-shadow:0 0 10px 5px rgba(0, 0, 0, .2)}
.news-list{padding-top:40px}
.news-list>li .item{display:flex;color:#000}
.news-list>li+li{margin-top:30px}
.news-list>li .item .pic{position:relative;height:120px;width:120px;flex:1 1 100px;overflow:hidden}
.news-list>li .item .pic .img{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all ease .15s}
.news-list>li .item .pic img{width:100%;height:100%;object-fit:cover;transition:all ease-in .3s}
.news-list>li .item .pic .img iframe{width:100%;height:100%}
.news-list>li .item .pic .img.video:hover{cursor:pointer}
.news-list>li .item .pic .img.video::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-image:url(../img/btn-playback.png);background-position:center;background-repeat:no-repeat;background-size:contain}
.news-list>li .item .text{flex:1 1 auto;max-width:calc(100% - 120px);padding-left:15px}
.news-list>li .item .text h5{line-height:1.875rem}
.news-list>li .item .text h6{margin-bottom:10px;font-size:.95rem}
.news-list>li .item .text p{margin:0;font-size:1rem;text-overflow:ellipsis;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5rem;height:4.5rem;text-align:justify}
.news-list>li .item:hover{color:#D71418}
.news-list>li .item:hover img,.news-list>li .item:hover .img{transform:scale(1.2)}
.news-list>li .item:hover p{color:#333}
.news-list.l2>li{margin-top:0;margin-bottom:50px}
.news-list.l2>li .item{padding:10px}
.news-list.l2>li:hover .item{box-shadow:0 3px 4px 2px rgba(0, 0, 0, .2)}
.news-list.l2>li .item .pic{height:130px;width:200px;flex:1 1 200px}
.news-list.l2>li .item .text{padding-right:0px}
.news-list.l2>li .item .text h5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:3.5rem;line-height:1.5}
.news-list.l2>li .item .text{max-width:calc(100% - 200px)}
.news-list.l2>li .item .text p{height:3rem;-webkit-line-clamp:2}
.mobile-bottom-container{display:block;position:fixed;bottom:0;left:0;z-index:800;width:100%}
.mobile-bottom-container .inner-container{display:flex;background-color:#fff;border-top:1px solid #ccc;width:100%;height:65px}
.mobile-bottom-container .inner-container a{flex:0 0 20%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}
.mobile-bottom-container .inner-container a i{font-size:1.5rem;margin-bottom:5px}
.mobile-bottom-container .inner-container a.active,.mobile-bottom-container .inner-container a:hover{color:#D71418}
.mobile-bottom-container .inner-container a p{margin:0}
.mobile-bottom-container .inner-container a .count{position:absolute;width:15px;height:15px;font-size:.7rem;color:#fff;background-color:#D71418;display:flex;align-items:center;justify-content:center;border-radius:50%;right:10px;top:10px}
/* footer */
footer{padding-top:70px}
.footer-right ul{list-style:none;padding:0;margin:0}
.footer-right ul a{color:#333;font-size:.9rem;line-height:1.5}
.footer-right ul>li{margin-bottom:10px}
.footer-right ul a:hover{color:#D71418}
.footer-right .h5{font-size:1.1rem;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px}
.footer-about-info>.row{align-items:center}
.footer-about-info .h6{border-bottom:1px solid #ddd;color:#333;padding-bottom:20px}
.footer-social{padding-top:15px;padding-bottom:15px;justify-content:flex-end}
.footer-social .social-link{margin-left:10px}
.footer-copyright{background-color:#000;color:#fff;border-bottom:8px solid #D71418}
.copyright-text{display:flex;height:100%;align-items:center;justify-content:flex-end;font-size:.9rem}
.footer-subscribe{background-color:#EEEEEE;padding:40px 0;position:relative}
.footer-subscribe::before{content:"";position:absolute;width:175px;height:179px;bottom:0;right:10vw;background-image:url(../img/subscribe-01.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom}
.f-subscribe-container{max-width:576px;margin:0 auto}
.f-subscribe-container p{line-height:1.5}
.fl-item .h5{display:flex}
.fl-item .h5 span{flex:1 1 auto}
.fl-item .h5 .btn-fl-toggle{background-color:transparent;border:none;color:#333;opacity:.2;transition:all ease-in-out .15s}
.footer-xs-l2{background-color:#282828;color:#fff;padding:15px 15px;border-bottom:10px solid #D71418;margin-top:40px}
.footer-xs-l2 p{margin-bottom:10px}
/* table */
.table-noborder.table>tbody>tr>td,.table-noborder.table>tbody>tr>th,.table-noborder.table>tfoot>tr>td,.table-noborder.table>tfoot>tr>th,.table-noborder.table>thead>tr>td,.table-noborder.table>thead>tr>th{border-top:none;padding:15px 10px}
.table-noborder.table>tbody>tr>th{color:#777777}
table.table tr th,table.table tr td{padding:10px 6px;font-size:.9rem;line-height:1.2}
table.table tr th{color:#000;font-weight:400;/* padding: 10px 15px;  */font-size:.9rem}
table.table tr th.th-btn,table.table tr td.th-btn{padding-top:0px;padding-bottom:0px;vertical-align:middle}
table.table thead tr th{vertical-align:middle}
table.table tr.txt-vcenter th,table.table tr.txt-vcenter td{vertical-align:middle}
table.table.nobordered{margin:0}
table.table.nobordered tr th,table.table.nobordered tr td{border:none}
table.table tr.nobordered th,table.table tr.nobordered td{border:none}
table.table.table-slide-h tr th,table.table.table-slide-h tr td{vertical-align:middle}
table.table tr th.with-btn,table.table tr td.with-btn{padding-top:0;padding-bottom:0}
.responsive-divtable{display:table;width:100%}
.responsive-divtable .dt-tgourp{display:table-row-group}
.responsive-divtable .dt-tgourp.dt-thead .dt-tr:hover .dt-td{background-image:none/* border-bottom: 1px solid #ddd; */}
.responsive-divtable .dt-tgourp.dt-thead .dt-tr:hover .dt-td:first-child{border-left:3px solid transparent}
.responsive-divtable .dt-tgourp.dt-thead .dt-tr:hover .dt-td:last-child{border-right:3px solid transparent}
.responsive-divtable .dt-tgourp .dt-tr{display:table-row}
.responsive-divtable .dt-tgourp .dt-tr .dt-td{display:table-cell;padding:0px 15px;font-size:16px;position:relative;/* border-bottom: 1px solid #ddd; */vertical-align:middle;line-height:24px}
.responsive-divtable .dt-tgourp .dt-tr .dt-td::before{content:"";position:absolute;display:block;width:100%;height:0;bottom:0;left:0;border-top:1px solid #ddd;z-index:-1}
.responsive-divtable .dt-tgourp .dt-tr .dt-td:first-child{border-left:3px solid transparent}
.responsive-divtable .dt-tgourp .dt-tr .dt-td:last-child{border-right:3px solid transparent}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td{background-image:url("../img/dt-hover-bg_02.png");background-size:100% 100%;border-bottom:0px solid #000;background-position:center}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td.dt-th{background-image:none;background-color:transparent}
.responsive-divtable .dt-tgourp .dt-tr.no-btn .dt-td{padding:18px 15px}
.waterfall-container.responsive-divtable .dt-tgourp.box:hover .dt-tr:hover .dt-td.dt-th{padding:12px 15px}
.waterfall-container.type-03 .box.hidden-box:hover .box-content{background-color:transparent}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td.dt-th:first-child{border-left:3px solid transparent}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td.dt-th:last-child{border-right:3px solid transparent}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td:first-child{border-left:3px solid #000}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td:last-child{border-right:3px solid #000}
.responsive-divtable .dt-tgourp .dt-tr .dt-td>label{display:block;color:#bbb}
.responsive-divtable .dt-tgourp .dt-tr .dt-td.dt-th{color:#777;font-size:15px;padding:12px 15px}
.responsive-divtable .dt-tgourp .dt-tr:hover .dt-td.dt-th::before{}
.responsive-divtable .dt-tgourp .dt-tr .dt-td.btn-td{padding:0;text-align:center;white-space:nowrap}
.responsive-divtable .dt-tgourp .dt-tr.no-btn-td .dt-td.btn-td{height:60px}
.responsive-divtable .dt-tgourp .dt-tr .btn-td button,.responsive-divtable .dt-tgourp .dt-tr .btn-td .btn,.responsive-divtable .dt-tgourp .dt-tr .btn-td a,.btn-td .btn{margin:0;padding:10px;border-radius:0;width:60px;height:60px;box-sizing:border-box;border:3px solid transparent;opacity:0.5/* margin-right: -3px; */}
.responsive-divtable .dt-tgourp .dt-tr .btn-td button:hover,.responsive-divtable .dt-tgourp .dt-tr .btn-td .btn:hover,.responsive-divtable .dt-tgourp .dt-tr .btn-td a:hover,.btn-td .btn:hover{border-color:#000;opacity:1}
.responsive-divtable .dt-tgourp .dt-tr .btn-td button:last-child,.responsive-divtable .dt-tgourp .dt-tr .btn-td .btn:last-child,.responsive-divtable .dt-tgourp .dt-tr .btn-td a:last-child{margin-right:-3px}
.responsive-divtable.no-btn .dt-tgourp .dt-tr .dt-td{padding:18px 15px}
.responsive-divtable.no-btn .dt-tgourp .dt-tr .dt-td.dt-th{padding:12px 15px}
.responsive-divtable.nohover .dt-tgourp .dt-tr:hover .dt-td{background-image:none}
.responsive-divtable.nohover .dt-tgourp .dt-tr:hover .dt-td:first-child{border-left-color:transparent}
.responsive-divtable.nohover .dt-tgourp .dt-tr:hover .dt-td:last-child{border-right-color:transparent}
.responsive-divtable.multiline .dt-tgourp .dt-tr:hover .dt-td{background-image:url("../img/dt-hover-bg_01.png")}
.responsive-divtable.multiline .dt-tgourp .dt-tr:hover .dt-td.dt-th{background-image:none}
.responsive-divtable.multiline .dt-tgourp .dt-tr .dt-td.dt-th{line-height:24px;vertical-align:middle}
.responsive-divtable.multiline .dt-tgourp .dt-tr .dt-td{padding:10px 15px}
.responsive-divtable.multiline .dt-tgourp .dt-tr .dt-td.btn-td{position:relative}
.responsive-divtable.multiline .dt-tgourp .dt-tr .dt-td.btn-td .btn{position:absolute;left:0;top:0;height:60px}
.sort-btn-group{display:inline-block;position:relative;width:10px;vertical-align:middle;margin-left:5px}
.sort-btn-group a{color:#ccc}
.sort-btn-group a.active{color:#000}
.sort-btn-group a i{line-height:10px;font-size:12px}
.sort-btn-group a.up{float:left;line-height:12px}
.sort-btn-group a.up i{vertical-align:top}
.sort-btn-group a.down{float:left;line-height:12px}
.tb-sort-btn{margin-left:5px;color:#ccc;font-size:12px}
.tb-sort-btn.active{color:#000}
.table.bordered-tb>caption+thead>tr:first-child>td,.table.bordered-tb>caption+thead>tr:first-child>th,.table.bordered-tb>colgroup+thead>tr:first-child>td,.table.bordered-tb>colgroup+thead>tr:first-child>th,.table.bordered-tb>thead:first-child>tr:first-child>td,.table.bordered-tb>thead:first-child>tr:first-child>th{border-top:1px solid #fff}
.table.bordered-tb>tbody>tr:last-child>td,.table.bordered-tb>tbody>tr:last-child>th,.table.bordered-tb>tfoot>tr:last-child>td,.table.bordered-tb>tfoot>tr:last-child>th,.table.bordered-tb>thead>tr:last-child>td,.table.bordered-tb>thead>tr:last-child>th{border-bottom:1px solid #fff}
table.table tr th.no-top-border,table.table tr td.no-top-border{border-top:none}
.responsive-divtable .dt-tgourp .dt-tr.edit .dt-td{background-image:url("../img/dt-hover-bg.png");background-size:100% 100%;border-bottom:0px solid #000;background-position:center}
.responsive-divtable .dt-tgourp .dt-tr.edit .dt-td:first-child{border-left:3px solid #000}
.responsive-divtable .dt-tgourp .dt-tr.edit .dt-td:last-child{border-right:3px solid #000}
.responsive-divtable .dt-tgourp .dt-tr.edit .btn-edit,table.table tr.edit .btn-edit{background-color:#2ecb72;opacity:1;border:3px solid #000}
.table-responsive .DTFC_ScrollWrapper,.table-responsive .dataTables_scroll{overflow:visible}
.table-responsive{min-height:0}
.table-action{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-end}
.table-action li .btn{padding:5px 10px;margin:0 5px}
.table-action li .btn svg,.table-action li .btn img{width:15px;height:15px;fill:#333}
.table-action li .btn:hover svg *{fill:#5d9df4}
.table-action li .btn.btn-icon{padding:5px;border-radius:50%}
.table-action li .btn.btn-icon:hover{background-color:#5AD0D2;box-shadow:0 0 0px 3px #81e9eb}
.table-action li .btn.btn-icon.btn-danger{border:none}
.table-action li .btn.btn-icon svg{width:25px;height:25px;transition:all ease-in .2s}
.table-action li .btn.btn-icon svg *{fill:#5AD0D2}
.table-action li .btn.btn-icon:hover svg *{fill:#fff}
.table-action li .btn.btn-icon.btn-danger svg *{fill:rgb(240, 149, 31)}
.table-action li .btn.btn-icon.btn-danger:hover svg *{fill:#fff}
.table-action li .btn.btn-icon.btn-danger:hover{background-color:rgb(240, 149, 31);box-shadow:0 0 0px 3px rgba(240, 149, 31, .6)}
.table.table-l1 thead th,.table.table-l1 thead td{border-bottom:none;background-color:transparent}
.table.table-l1 thead tr:first-child th,.table.table-l1 thead tr:first-child td{border-top:none}
.table.table-l1 thead th{white-space:nowrap;font-size:0.9rem}
.table.table-l1 td,.table.table-l1 th{padding:8px 15px}
.table.table-l1 tbody th{color:#000;font-weight:900;white-space:nowrap;font-size:.9rem}
.table.table-l1 tbody tr td,.table.table-l1 tbody tr th{transition:all ease-in-out .2s;font-size:1rem}
.table.table-l1 tbody tr:hover td,.table.table-l1 tbody tr:hover th{background-color:#F9F9F9}
.table.table-l1 .action-td{padding:5px 10px}
.table.table-l1.thead-l2 thead th{background-color:#0C8A72;color:#fff;position:relative;padding-top:10px;padding-bottom:10px}
.table.table-l1.thead-l2 thead th.td-border-right{border-right:none}
.table.table-l1.thead-l2 thead th.td-border-right::before{content:"";position:absolute;right:0;top:10px;height:calc(100% - 20px);border-right:1px solid #fff}
th.td-border-right,td.td-border-right{border-right:1px solid #ccc}
th.td-border-top-none,td.td-border-right-top-none{border-top:none}
.table-data-total{position:relative;top:40px;margin-top:-40px;color:#999;padding:12px 0}
.table-sort-btn{display:inline-flex;flex-direction:column;vertical-align:middle;margin-left:8px}
.table-sort-btn .up{width:0;height:0;border-bottom:6px solid #556080;border-left:5px solid transparent;border-right:5px solid transparent;margin-bottom:3px}
.table-sort-btn .down{width:0;height:0;border-top:6px solid #556080;border-left:5px solid transparent;border-right:5px solid transparent}
.dataTables_wrapper{margin-bottom:10px;margin-top:0px}
.dataTables_length select,.dataTables_filter input{background-color:#ffffff;border:none;border-bottom:2px solid #333;border-radius:0;height:42px;vertical-align:middle;font-size:15px;-webkit-box-shadow:none;box-shadow:none;padding:8px 12px;line-height:1.5;color:#495057;background-clip:padding-box;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
div.dataTables_wrapper div.dataTables_filter input{width:100px}
.dataTables_wrapper .dataTables_length{width:50%;display:inline-block;color:#999;margin-bottom:10px}
.dataTables_wrapper .dataTables_filter{width:50%;display:inline-block;color:#999;margin-bottom:10px}
.dataTables_scrollHeadInner{min-width:calc(100% - 17px)}
div.dataTables_scrollHead table.dataTable{min-width:100%}
div.dataTables_scrollBody>table{min-width:100%}
.dataTables_info{color:#999}
.paginate_button{width:30px;height:30px;color:#777;background-color:#fff;margin:0 2px;display:inline-block;vertical-align:middle;text-align:center;line-height:30px}
.paginate_button:hover{cursor:pointer}
.paginate_button:hover,.paginate_button.current{color:#333;outline:none;background-color:transparent;border-bottom:2px solid #2a8fd2}
.paginate_button.previous,.paginate_button.next{background-color:#fff;border-radius:0;line-height:28px}
.paginate_button.previous:hover,.paginate_button.next:hover{background-color:#e5e5e5;border-bottom:none;cursor:pointer}
.paginate_button.previous img{width:16px;height:16px}
.paginate_button.next img{width:16px;height:16px}
table.dataTable{border-collapse:collapse !important}
table.dataTable thead .sorting::after,table.dataTable thead .sorting_asc::after,table.dataTable thead .sorting_desc::after{bottom:auto;top:12px}
table.dataTable thead .sorting::after{content:"";display:inline-block;width:16px;height:16px;background-image:url(../img/tbsort_01.svg);background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle;opacity:.9}
table.dataTable thead .sorting_asc::after{content:"";display:inline-block;width:16px;height:16px;background-image:url(../img/tbsort_02.svg);background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle;opacity:.9}
table.dataTable thead .sorting_desc::after{content:"";display:inline-block;width:16px;height:16px;background-image:url(../img/tbsort_03.svg);background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle;opacity:.9}
.dataTables_wrapper .search{display:flex;padding:0px 15px 15px 15px;border-bottom:1px solid #ccc;margin-left:-15px;margin-right:-15px;margin-bottom:10px}
.dataTables_wrapper .search .dataTables_filter{width:auto;display:flex;align-items:center}
.dataTables_wrapper .search .dataTables_filter button{padding:8px 25px}
.dataTables_wrapper .search .dataTables_filter label{padding:7px 0 5px 0;margin-bottom:0}
.dataTables_wrapper .search .dataTables_filter input{margin-left:0;margin-bottom:3px;width:190px;margin-right:13px}
.dataTables_wrapper .search .dataTables_filter button+button{margin-left:13px}
.dataTables_wrapper .search .dataTables_filter input:focus-visible,.dataTables_filter input:focus-visible{outline:none;box-shadow:0 0 0 0.2rem rgba(0, 123, 255, .25)}
.table-panel{padding:0 15px;margin-bottom:15px}
.table-panel .table-responsive-container{background-color:#fff;padding:0px 10px 10px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.05)}
.panel-header{background-color:#0C8A72;color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;padding:5px 15px;box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.05)}
.panel-header.color-2{background-color:#5DA81A}
.img-sys-check{width:20px;height:20px}
.table>:not(:first-child){border-top:none}
.table td,.table th{word-break:break-all}
.table.tb-l2 tfoot>tr>th,.table.tb-l2 tfoot>tr>td{border-top:1px solid #ddd}
.table.l2 tbody th,.table.l2 tbody td{padding:10px 6px}
.table.l2 thead th{color:#fff;font-size:.9rem;font-weight:700;padding-top:12px;padding-bottom:12px;background:#0065AC;background:linear-gradient(0deg, #0065AC 0%, #006ebd 100%);border-bottom:none}
.table.l2 tbody th,.table.l2 tbody td{border-left:0px solid #ddd;border-right:0px solid #ddd}
.table.l2 thead th.v-day{background:rgb(255, 138, 55);background:linear-gradient(0deg, rgba(255, 138, 55, 1) 0%, rgba(255, 138, 55, 1) 100%)}
.table.l2 tfoot td{border:none}
.table.l2 tfoot th{border-left:1px solid #ddd;border-right:1px solid #ddd}
.table.l2 tfoot.l2 th{color:#fff;font-size:.9rem;font-weight:700;padding-top:12px;padding-bottom:12px;background:#0065AC;background:linear-gradient(0deg, #0065AC 0%, #006ebd 100%);border-bottom:none;border:none}
.table.l2 tfoot th.v-day{background:rgb(255, 138, 55);background:linear-gradient(0deg, rgba(255, 138, 55, 1) 0%, rgba(255, 138, 55, 1) 100%)}
.table .btn{white-space:nowrap}
/* modal ( msg box )*/
.modal-body{padding:0 0 20px 0}
.modal-dialog.lg{max-width:900px}
.modal .msg-body{max-height:calc(100vh - 350px)}
.modal-header{border-bottom:none;background:transparent;color:#fff;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px}
.modal-header .modal-title-02{color:#000;flex:1 1 auto;text-align:center;padding:30px 0 0px;margin-bottom:0;font-weight:700}
.modal-footer{border-top:0;justify-content:center;padding:0px 50px 50px}
.modal-footer .modal-action{max-width:400px;width:100%;justify-content: center;}
.modal-footer .modal-action .btn{white-space:nowrap}
.modal-content{border-radius:0px;border:none;box-shadow:0 0 20px 20px rgba(0, 0, 0, 0.08)}
.modal-content.form-content{color:#333}
.modal-content.form-content .modal-body,.modal-content.form-content .modal-footer{background-color:#fff}
.modal-content .video-body{line-height:0}
.modal-content .btn-video-close{position:absolute;right:-15px;top:-15px;z-index:2;border:none;background-color:#D71418;color:#fff;border-radius:50%;width:40px;height:40px}
.modal-dialog .modal-content.modal-round-corner{border-radius:20px}
.modal-dialog .modal-content.modal-round-corner .modal-header{border-top-left-radius:20px;border-top-right-radius:20px;padding:25px 35px}
.modal-dialog .modal-content .modal-header.bg-grey{background-color:#D9D9D9;color:#000}
.sys-intro.modal-dialog{max-width:700px}
.sys-intro .modal-content{background-color:transparent;box-shadow:none}
.msg-form{display:inline-block;width:100%;padding:0 20%;margin-top:20px}
.msg-form .form-group{position:relative;margin-bottom:0}
.msg-form label{position:absolute;display:inline-block;left:0;top:10px;z-index:2}
.msg-form .form-control{text-align:center;padding:10px 50px;height:60px}
.msg-form-horizontal{display:inline-block;width:100%;padding:0 20%;margin-top:0px}
.msg-form-horizontal label.control-label{text-align:left;font-size:18px;color:#888;font-weight:400}
.msg-form-horizontal .form-control-static{font-size:18px}
.msg-form-horizontal .form-control{border:none;box-shadow:none}
.msg-form-horizontal .form-group{padding:6px 0;margin-bottom:0px}
.msg-form-horizontal .border-bottom{border-bottom:2px solid #3a3a3a}
.iframe-page .iframe-wrapper{padding-bottom:0;overflow:auto;position:relative}
.iframe-page .iframe-wrapper.no-actionbtn{padding-bottom:0}
.iframe-page.inner-scroll{height:100vh}
.iframe-page.inner-scroll>.scrollbar-inner{max-height:100vh}
.iframe-page.inner-scroll .iframe-wrapper{overflow:visible}
.iframe-page.inner-scroll .iframe-wrapper .libriary-content{height:auto;max-height:none;overflow:visible}
.iframe-page .msg-action-btn{position:fixed;bottom:0;left:0;width:100%;text-align:center;border-top:1px solid #ddd;padding:10px;background-color:#fff}
.iframe-page .big-xs .btn-big{font-size:20px;padding:20px 15px;border-width:2px;min-width:160px}
.iframe-content{padding:55px 0 10px 0}
.fullwidthbox{overflow:visible;position:relative;width:90%;height:90%;padding:0}
.msgbox.fixbtn .msg_frame{margin-bottom:90px}
.msgbox.fixbtn .btn-frame{position:absolute;bottom:0px;left:0;width:100%;background-color:rgba(255, 255, 255, 0.75);padding:15px 0}
.fancybox-error,.fancybox-iframe,iframe{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px}
.fancybox-bg{background-color:#5e5e5e}
.compensate-for-scrollbar{margin-right:0 !important}
.msg-header{font-size:1.25rem;color:#fff}
.modal-header .close{position:absolute;right:25px;top:25px;background-color:transparent;opacity:1;padding:5px;border-radius:50%;height:30px;width:30px;display:flex;align-items:center;justify-content:center}
.modal-header .close:focus{outline:none}
.modal-header .close svg{width:12px;height:12px}
.modal-header .close svg *{fill:#fff}
.share-nav .nav-link{display:flex;flex-direction:column;align-items:center}
.share-nav .nav-link .icon{width:45px;height:45px;border-radius:50%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#aaa}
.share-nav .nav-link p{font-size:.9rem;margin-top:10px;margin-bottom:0;color:#aaa}
.share-nav .nav-link.active .icon{color:#000}
.share-nav .nav-link.active .icon .kyicon-facebook-1{color:#44558C}
.share-nav .nav-link.active .icon .kyicon-line-1{color:#06C152}
.share-nav .nav-link.active p{color:#000}
/* tooltip */
body .ui-tooltip{background-color:#ccc;padding:3px 8px;border-radius:4px;border:none !important;border-width:2px;box-shadow:0 0 2px #777;z-index:9999}
body.fancybox-active .ui-tooltip{z-index:99999}
.ui-tooltip,.ui-tooltip .arrow::after{background:#c3c3c3}
.ui-tooltip{padding:10px 20px;color:#000;border-radius:20px;font:500 14px "Helvetica Neue",Sans-Serif;text-transform:uppercase;box-shadow:0 0 7px black}
.ui-tooltip .arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px}
.ui-tooltip .arrow.top{top:-16px;bottom:auto}
.ui-tooltip .arrow.left{left:20%}
.ui-tooltip .arrow::after{content:"";position:absolute;left:24px;top:-20px;width:30px;height:20px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.ui-tooltip .arrow.top::after{bottom:-20px;top:auto}
/* daterangepicker */
.dr-picker{padding-right:30px;background-image:url(../img/icon/icon_calendar.svg);background-repeat:no-repeat;background-size:16px 16px;background-position:calc(100% - 10px) 12px;font-size:.9rem}
.dr-picker.layout-2{background-image:url(../img/icon/icon_calendar_02.png);background-position:10px 12px;padding-right:0;padding-left:30px}
.dr-picker[name="daterangepicker-range-time"]{width:270px !important}
.daterangepicker-YYYY-MM-DD.filter,.daterangepicker-singledate.form-control,.page-action .input-inline-tbgroup>.iit-td .form-control.daterangepicker-YYYY-MM-DD.filter{width:235px;background-image:url(../img/icon/icon_012.png);background-repeat:no-repeat;background-size:30px 30px;background-position:100% 4px;padding-right:30px}
.daterangepicker-singledate.form-control,.page-action .input-inline-tbgroup>.iit-td .form-control.daterangepicker-singledate{width:131px}
.daterangepicker-singledatetime.form-control{background-image:url(../img/btn_calendar.png);background-repeat:no-repeat;background-size:30px 42px;background-position:100% 0px;padding-right:30px;width:200px;max-width:none}
.daterangepicker-YYYY-MM-DD.filter.fwidth,.daterangepicker-singledate.form-control.fwidth,.page-action .input-inline-tbgroup>.iit-td .form-control.daterangepicker-YYYY-MM-DD.filter.fwidth{width:100%}
.daterangepicker-yearmonth{background-image:url(../img/icon/icon_012.png);background-repeat:no-repeat;background-size:30px 30px;background-position:100% 4px;padding-right:30px}
.daterangepicker .drp-buttons .btn.btn-default{background-color:#ddd}
.daterangepicker .drp-buttons .btn{background-color:#3d7cbb;border-radius:0}
.action-group{display:inline-block}
.action-group label{display:inline-block;margin-right:5px;font-weight:400;color:#777;vertical-align:middle;font-size:16px;line-height:38px;margin-bottom:0px}
input[type="text"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.daterangepicker-date{padding-right:30px;width:230px !important;max-width:none}
/* scrollbar */
.scroll-wrapper{overflow:hidden !important;padding:0 !important;position:relative;width:100%}
.scroll-wrapper>.scroll-content{border:none !important;box-sizing:content-box !important;height:auto;left:0;margin:0;max-height:none;max-width:none !important;overflow:scroll !important;padding:0;position:relative !important;top:0;width:auto !important}
.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}
.scroll-element{display:none}
.scroll-element,.scroll-element div{box-sizing:content-box}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default}
.scroll-textarea{border:1px solid #cccccc;border-top-color:#999999}
.scroll-textarea>.scroll-content{overflow:hidden !important}
.scroll-textarea>.scroll-content>textarea{border:none !important;box-sizing:border-box;height:100% !important;margin:0;max-height:none !important;max-width:none !important;overflow:scroll !important;outline:none;padding:2px;position:relative !important;top:0;width:100% !important}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}
.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}
.scrollbar-inner>.scroll-element.scroll-x{bottom:0px;height:8px;left:0;width:100%}
.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:0px;top:0;width:8px}
.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}
.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;opacity:0}
.scrollbar-inner:hover>.scroll-element .scroll-element_outer,.scrollbar-inner:hover>.scroll-element .scroll-element_track,.scrollbar-inner:hover>.scroll-element .scroll-bar{opacity:0.5}
.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:0.4}
.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}
.scrollbar-inner>.scroll-element .scroll-bar{background-color:#5c5c5c}
.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#919191}
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}
/* ---------------------------------------------------- */
/* content */
.bg-grey{background-color:#F1F1F1}
.user-center-dropdown{display:flex;position:relative;margin:0px 0 0 10px;align-items:center}
.user-center-dropdown button{background-color:transparent;padding:8px 8px 8px 5px;vertical-align:middle;display:flex;align-items:center}
.user-center-dropdown .user-pics{width:32px;height:32px;overflow:hidden;border-radius:50%;display:inline-block;vertical-align:middle;line-height:0;background-color:#f2f2f2;margin-right:5px}
.user-center-dropdown .user-pics img{width:100%}
.user-center-dropdown .user-notifications{display:inline-block;position:relative;left:0px;top:-10px;width:16px;height:16px;background-color:#fe0000;color:#fff;border-radius:10px;font-size:12px;line-height:16px;text-align:center}
.user-center-dropdown p{display:inline-block;vertical-align:middle;margin-bottom:0;color:#777;font-size:13px}
.breadcrumb{background-color:transparent;margin-bottom:0;padding:0px 0}
.breadcrumb-item{font-size:1rem;line-height:1.5rem;position:relative}
.breadcrumb-item a,.breadcrumb-item.active{color:#333}
.breadcrumb-item a:hover{color:#5d9df4}
.breadcrumb-item+.breadcrumb-item{padding-left:30px}
.breadcrumb-item+.breadcrumb-item::before{display:block;content:"";width:9px;height:9px;border-bottom:1px solid #333;border-right:1px solid #333;line-height:0;position:absolute;left:9px;top:5px;transform:rotate(-45deg);padding:0}
.page-action{padding:0 15px;border-bottom:1px solid #ccc;display:flex;width:100%;position:relative;flex-wrap:wrap;align-items:center}
.page-action.nobr{border:none}
.page-action.page-action-right{position:static}
.page-action>*{padding:3px 5px}
.page-action>div.col{display:inline-flex;/* white-space: nowrap; */padding:5px 0px;align-items:center}
.page-action>div.col+div.col{padding-left:4px}
.page-action>div.col label{min-width:40px;padding-right:5px;padding-left:5px}
.page-action>div.col.block{display:block}
.page-action .action-tb{display:table;width:100%}
.page-action .action-tb>div.col{display:table-cell;white-space:nowrap;padding:0 5px}
.page-action .input-inline-tbgroup{display:table;width:100%/* table-layout: fixed; */}
.page-action .input-inline-tbgroup>.iit-td{display:table-cell;padding:0 6px}
.page-action .input-inline-tbgroup>.iit-td .form-control{width:100%}
.page-action .input-inline-tbgroup>.iit-td select.form-control.inline{min-width:0}
.page-action button,.page-action .form-control{margin:0}
.page-action .btn{padding:8px 10px;text-align:center;justify-content:center}
.page-action.iframe-top{border-bottom:none;padding:10px 0}
.page-action.iframe-top>div.col{font-size:14px;margin-right:20px}
.page-action.iframe-top .action-group label{font-size:14px}
.page-action .page-action-right{position:absolute;right:15px;top:20px}
.page-action .page-action-right .add-group{display:flex;align-items:center;color:#5c9cf4}
.page-action .page-action-right .add-group p{margin-bottom:0;margin-right:10px}
.page-action .page-action-right .add-group .icon{background-color:#5c9cf4;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center}
.page-action .page-action-right .add-group .icon svg,.page-action .page-action-right .add-group .icon img{width:20px;height:20px;fill:#fff}
.page-action.l2 .form-control,.page-action.l2 .form-select{width:100%;border:none;box-shadow:0 0 6px 2px rgba(0, 0, 0, .05)}
.page-action.l3 .action{padding:0}
.page-title.scroll~*,.page-title.with-action.scroll~*{margin-top:160px}
.page-title.scroll{position:fixed;top:0;left:70px;width:100%;margin-left:0;border-radius:0;box-shadow:0 5px 10px 8px rgba(0, 0, 0, .1);padding:0}
.page-title.scroll::before{content:none}
.page-title.scroll h4{display:none}
.page-title.scroll .page-action{position:relative;top:auto;right:auto;box-shadow:none;background:transparent}
.page-title.scroll .extend-action{padding-left:15px;display:flex;align-items:center}
.page-title.scroll .extend-action .btn-icon{background-color:#5f6672;padding:5px 8px}
.page-title.scroll .page-action>*{padding:5px 2px}
.content-scroll{max-height:calc(100vh - 50px)}
.pagination-frame{width:100%;margin:15px 0 40px 0;display:flex;text-align:center;padding:0 10px;justify-content:center}
.pagination-frame .pagenav .page-link{padding:0px;height:40px;width:40px;background-color:#f2f2f2;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1.2rem}
.pagination-frame .pagenav .page-link:hover{border-bottom:none;background-color:#D71418;color:#fff}
.pagination-frame .pagination{vertical-align:middle;margin:0;display:flex;align-items:center}
.pagination-frame .pagination>li.ellipsis{color:#999;padding:0 10px;line-height:30px}
.pagination-frame .pagination>li>a,.pagination-frame .pagination>li>span{border:none;border-radius:0;border-bottom:2px solid transparent;height:30px;line-height:30px;padding:3px 5px;color:#777;background-color:transparent;margin:0 10px}
.pagination-frame .pagination>li>a:focus,.pagination-frame .pagination>li>a:hover,.pagination-frame .pagination>li>span:focus,.pagination-frame .pagination>li>span:hover{background-color:transparent;border-bottom:2px solid #6e768f}
.pagination-frame .pagination>.active>a,.pagination-frame .pagination>.active>a:focus,.pagination-frame .pagination>.active>a:hover,.pagination-frame .pagination>.active>span,.pagination-frame .pagination>.active>span:focus,.pagination-frame .pagination>.active>span:hover{border:none;border-radius:0;border-bottom:2px solid #D71418;color:#D71418;background-color:transparent}
.nav-tabs{border-bottom:none;background-color:#fff;padding:0 0px;white-space:nowrap}
.nav-tabs>li{white-space:nowrap}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none;border-radius:0;border-bottom:3px solid #1597ba}
.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{border-radius:0}
.nav-tabs .nav-link{border-radius:0}
.nav-tabs.l1{flex-wrap:nowrap}
.nav-tabs.l1>li{padding-top:5px;width:auto;padding-right:3px}
.nav-tabs.l1>div{width:auto}
.nav-tabs.l1 .nav-link{background-color:#F8F8F8;border:0;position:relative;padding-left:35px;padding-right:35px;font-weight:600;font-size:1.1rem;color:#000;text-align:center}
.nav-tabs.l1 .nav-item .nav-link::after,.nav-tabs.l1 .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0px;height:3px;background-color:#D71418;margin-left:0px;transition:all ease-in-out .15s}
.nav-tabs.l1 .nav-item.show .nav-link::after,.nav-tabs.l1 .nav-link.active::after{width:70px;margin-left:-35px}
.nav-tabs.l2{justify-content:center;border-top:1px solid #ccc}
.nav-tabs.l2 .nav-link{border:none;border-top:3px solid transparent;font-size:1.25rem;font-weight:700;margin:0 4vw}
.nav-tabs.l2 .nav-item.show .nav-link,.nav-tabs.l2 .nav-link.active{border-top:3px solid #D71418}
.nav-tabs.l3{flex-wrap:nowrap;justify-content:space-evenly}
.nav-tabs.l3>li{padding-top:5px;padding-right:3px;flex:1 1 auto;min-width:150px}
.nav-tabs.l3>div{width:auto}
.nav-tabs.l3 .nav-link{background-color:#F8F8F8;border:0;position:relative;padding-left:35px;padding-right:35px;font-weight:600;font-size:1.1rem;color:#000;text-align:center}
.nav-tabs.l3 .nav-item .nav-link::after,.nav-tabs.l3 .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0px;height:3px;background-color:#D71418;margin-left:0px;transition:all ease-in-out .15s}
.nav-tabs.l3 .nav-item.show .nav-link::after,.nav-tabs.l3 .nav-link.active::after{width:70px;margin-left:-35px}
.tc-detail.tab-content{margin-top:40px}
.tc-detail.tab-content>.tab-pane{display:block;height:0;overflow:hidden}
.tc-detail.tab-content>.tab-pane.active{height:auto}
.tab-nav-swiper.swiper{padding-bottom:3px}
.tab-nav-swiper.swiper-horizontal>.swiper-scrollbar{height:2px;bottom:0px;opacity:.4}
.action-btn-block{display:inline-block;width:100%;z-index:100;text-align:center;margin:15px 0}
.action-btn-block button{position:relative;float:none}
.action-btn-block button>span{position:absolute;left:10px;top:50%;margin-top:-15px}
.action-btn-block button{font-size:18px;padding-top:15px;padding-bottom:15px;line-height:26px;margin-bottom:5px}
.backtobtn{position:absolute;right:-100px;top:0px;display:inline-block;background-color:#e6e6e6;font-size:14px;transform:skewX(40deg)}
.backtobtn a{display:block;padding:8px 20px;color:#777777;transform:skewX(-40deg)}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#4A4A4A;border-radius:50%}
.social-link img{width:28px}
.social-link:hover{background-color:#D71418}
#scrollTopBtn{opacity:0;z-index:-1;background-color:rgba(255, 255, 255, 0.4);position:fixed;right:.75rem;bottom:20px;color:#000;border:none;display:flex;align-items:center;justify-content:center;width:40px;transition:all ease-in-out .25s;flex-direction:column;animation:floating 2.5s infinite linear;transform-origin:bottom center}
#scrollTopBtn i{font-size:2rem;margin-bottom:10px}
#scrollTopBtn p{display:block;writing-mode:vertical-lr;margin-bottom:15px}
#scrollTopBtn::after{content:"";width:1px;height:60px;background-color:#000;transition:all ease .15s}
#scrollTopBtn.show{opacity:.75;z-index:100}
#scrollTopBtn:hover{color:#D71418;transform:translateY(-5px)}
#scrollTopBtn:hover::after{background-color:#D71418}
.mobile-subscribe-fixed-btn{display:flex;background-color:#D71418;color:#fff;justify-content:center;align-items:center;transition:all ease-in-out .25s;height:40px}
.mobile-subscribe-fixed-btn:hover{color:#fff}
.mobile-subscribe-fixed-btn i{margin-left:5px;font-size:.8rem}
.mobile-subscribe-fixed-btn p{margin:0;padding:8px 0}
.mobile-bottom-container.tobottom .mobile-subscribe-fixed-btn{opacity:0;z-index:-1;position:relative;height:0;overflow:hidden}
.flexible-container{position:relative;overflow:hidden;max-height:400px;transition:all ease-in-out .15s;padding-bottom:0}
.flexible-container .content-frame{width:100%;word-break:break-all}
.flexible-container .action{display:none;position:absolute;bottom:0;left:0;width:100%;height:90px;background:rgb(255, 255, 255);background:linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);align-items:center;justify-content:center}
.flexible-container .action .btn{min-width:150px}
.flexible-container .action .btn::before{content:"展開更多"}
.flexible-container.open .action .btn::before{content:"收合 \e90d";font-family:'kyicon'}
.flexible-container.overflow-c .action{display:flex}
.flexible-container.overflow-c.open{max-height:none;padding-bottom:90px}
.page-block{padding-bottom:50px}
.note-dot{position:relative;padding-left:26px}
.note-dot::before{content:"";width:5px;height:5px;border-radius:50%;background-color:#d82016;position:absolute;left:8px;top:8px}
.tooltip-inner{background-color:#fff;color:#000;box-shadow:0 0 12px 8px rgba(0, 0, 0, .06);padding:6px 12px}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{border-top-color:#fff}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{border-bottom-color:#fff}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{border-left-color:#fff}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{border-right-color:#fff}
.drop-shadow{-webkit-filter:drop-shadow(0px 5px 7px rgba(0, 0, 0, .07));filter:drop-shadow(0px 5px 7px rgba(0, 0, 0, .07))}
/* html.is-locked,html.is-locked body{height:calc(var(--window-inner-height) - 1px);overflow:hidden;box-sizing:border-box} */
/* home */
.home-banner{position:relative;background-color:#fff}
.home-banner .slick-arrow{z-index:10}
.home-banner .slick-prev{left:100px}
.home-banner .slick-next{right:100px}
.home-slider img{width:100%}
.home-slider.owl-carousel .owl-stage-outer{padding-bottom:0px}
.home-slider .hs-item{position:relative;transition:all ease-in .15s;height:100%}
.home-slider .hs-item::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .7);transition:all ease-in-out .3s;z-index:1}
.home-slider .center{z-index:10}
.home-slider .center .hs-item{/*transform:translateY(5%) scale(1.1)*/}
.home-slider .center .hs-item::before,.home-slider .active .hs-item::before{background-color:rgba(0, 0, 0, 0);z-index:-1}
.home-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]{position:absolute;top:0;height:100%;border-radius:0;width:50px;color:#eee;transition:all ease-in-out .15s;background-color:transparent;padding:0;font-size:3rem;margin:0}
.home-slider.owl-carousel.owl-theme .owl-nav{opacity:0;transition:all ease .15s}
.home-banner:hover .home-slider.owl-carousel.owl-theme .owl-nav{opacity:1}
.home-slider.owl-carousel.owl-theme .owl-nav .owl-prev{left:-50px}
.home-slider.owl-carousel.owl-theme .owl-nav .owl-next{right:-50px}
.home-slider.owl-carousel.owl-theme .owl-dots{bottom:30px}
.home-slider.owl-carousel .owl-item{position:relative}
.home-slider.owl-carousel .owl-item a{display:block;height:100%;width:100%;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center}
.home-slider.owl-carousel .owl-item a.pic-xs{display:none}
.home-slider-2{margin-bottom:0px}
.home-slider-2 .hs-item{display:flex;position:relative;height:100%}
.home-slider-2 .hs-item .text{flex:0 0 50%;max-width:50%;padding:100px 50px 100px 50px}
.home-slider-2 .hs-item .text h2{font-size:3.75rem;margin-bottom:40px;letter-spacing:3px;position:relative;font-family:'Noto Serif TC'}
.home-slider-2 .hs-item .text h2::before{content:"";position:absolute;width:40px;height:40px;border-top:8px solid #D71418;border-left:8px solid #D71418;left:-50px;top:-50px}
.home-slider-2 .hs-item .text h2 .title-deco{display:flex;align-items:center}
.home-slider-2 .hs-item .text h2 .title-deco::after{content:"";flex:1 1 11.25rem;height:2px;max-width:calc(11rem - 20px);background-color:#777;margin-left:20px}
.home-slider-2 .hs-item .text h4{font-size:1.75rem;font-weight:700}
.home-slider-2 .hs-item .text p{max-width:350px;text-align:justify;font-size:1.2rem;line-height:2rem;overflow:hidden;height:10rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.home-slider-2 .hs-item .text a{position:relative;display:flex;font-size:1.1rem}
.home-slider-2 .hs-item .text a::before{content:"";width:25px;height:5px;background-color:#D71418;margin-top:8px;margin-right:10px;transition:all ease-in-out .25s}
.home-slider-2 .hs-item .text a:hover::before{margin-right:15px;width:35px}
.home-slider-2 .hs-item .bg{flex:0 0 50%;position:relative}
.home-slider-2 .hs-item .bg [class*=pic]{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;bottom:0;right:0}
.home-slider-2 .hs-item .bg .pic-xs{display:none}
.home-slider-2 .hs-item .cover{position:absolute;left:50%;bottom:0;width:200px;margin-left:-100px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .05)}
.home-slider-2 .hs-item .cover:hover{box-shadow:0 0 15px 10px rgba(0, 0, 0, .15)}
.home-slider-2.owl-carousel.owl-theme .owl-dots{width:auto;left:48px;bottom:30px}
.home-slider-2.owl-carousel.owl-theme .owl-nav{opacity:0;transition:all ease .15s}
.home-banner:hover .home-slider-2.owl-carousel.owl-theme .owl-nav{opacity:1}
.home-slider-2.owl-carousel.owl-theme .owl-nav .owl-prev{left:-40px}
.home-slider-2.owl-carousel.owl-theme .owl-nav .owl-next{right:-40px}
.home-s-2-container{position:absolute;bottom:0;right:-35px;width:50px;height:150px}
.home-s-2-container .home-slider-2-nav-arrow{position:absolute;top:0;left:0;right:0;bottom:0}
.home-s-2-container .home-slider-2-nav-arrow .owl-prev{position:absolute;top:0;left:0;z-index:2;width:100%;border:none;background-color:transparent;color:#ccc;height:40px}
.home-s-2-container .home-slider-2-nav-arrow .owl-next{position:absolute;bottom:0;left:0;z-index:2;width:100%;border:none;background-color:transparent;color:#ccc;height:40px}
.home-s-2-container .home-slider-2-nav-arrow [class*=owl-]:hover{color:#fff}
.home-slider-2-nav{position:absolute;right:-50px;bottom:50px;background-color:#251505;color:#fff;width:150px;height:50px;transform:rotate(90deg);counter-reset:hsnnum}
.home-slider-2-nav .owl-item h6::before{counter-increment:hsnnum;content:counter(hsnnum, decimal-leading-zero)}
.home-slider-2-nav.owl-carousel.owl-drag .owl-item{height:100%}
.home-slider-2-nav.owl-carousel.owl-drag .owl-item .item{margin:0 auto;display:flex;align-items:center;justify-content:center;height:100%}
.home-slider-2-nav.owl-carousel.owl-drag .owl-item .item h6{transform:rotate(-90deg);width:30px;height:30px;margin:0;display:flex;align-items:center;justify-content:center}
.home-slider-2-nav .owl-stage-outer,.home-slider-2-nav .owl-stage{height:100%}
.home-slider-2-nav.owl-carousel.owl-theme .owl-nav .owl-prev{display:flex;align-items:center;font-size:1.2rem;left:10px}
.home-slider-2-nav.owl-carousel.owl-theme .owl-nav .owl-next{display:flex;align-items:center;font-size:1.2rem}
.home-slider-2-nav.owl-carousel.owl-theme .owl-nav .owl-prev:hover,.home-slider-2-nav.owl-carousel.owl-theme .owl-nav .owl-next:hover{color:#fff}
.home-slider-2 .owl-item.active .text h2{animation:fadeInRight ease 1.5s both}
.home-slider-2 .owl-item.active .text h4{animation:fadeInRight ease 1.6s both}
.home-slider-2 .owl-item.active .text p{animation:fadeInRight ease 2s both}
.home-slider-2 .owl-item.active .text .more{animation:fadeInRight ease 2.1s both}
.home-slider-2 .owl-item.active .cover{animation:fadeInRight ease 1.8s both}
.home-slider-2-nav.owl-carousel,.home-slider-2.owl-carousel,.home-slider.owl-carousel{margin-bottom:0}
.owl-carousel{margin-bottom:40px}
.owl-carousel.owl-theme .owl-dots{position:absolute;bottom:-30px;left:0;width:100%}
.owl-carousel.owl-theme .owl-dots .owl-dot span{height:3px;width:25px;border-radius:0;margin:0 3px;background:rgba(0, 0, 0, .15)}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,.home-slider.owl-theme .owl-dots .owl-dot:hover span{background:rgba(217, 21, 24, 0.7)}
.owl-carousel.owl-theme .owl-nav{margin-top:0}
.owl-carousel.owl-theme .owl-nav [class*=owl-]{position:absolute;top:150px;margin:0;height:50px;width:30px;font-size:2.2rem;margin-top:-25px;color:#ccc}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;color:rgba(0, 0, 0, .7)}
.owl-carousel.owl-theme .owl-nav .owl-prev{left:-40px}
.owl-carousel.owl-theme .owl-nav .owl-next{right:-40px}
.mounthly-newbooks{padding:40px 0;background:rgb(241, 241, 233);background:linear-gradient(0deg, rgba(241, 241, 233, 1) 0%, rgba(249, 250, 245, 1) 46%)}
.mn-slider{padding:0 50px}
.mn-slider .mn-item{padding:0 25px}
.mn-item .cover-pic{position:relative;margin-top:10px}
.mn-item .cover-pic img{width:100%;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1)}
.mn-item .cover-pic .img{position:relative}
.mn-item .cover-pic .hover-action{position:absolute;display:none;padding-top:10px;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);opacity:0;transition:all linear .15s;display:flex;align-items:center;justify-content:center;flex-direction:column}
.mn-item .cover-pic .hover-action .btn{background-color:#fff;border-radius:50%;height:50px;width:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;margin:5px}
.mn-item .cover-pic:hover .hover-action{opacity:1;padding-top:0}
.mn-item .cover-pic .hover-action .btn:hover{background-color:#D71418;color:#fff;box-shadow:rgba(0, 0, 0, .1)}
.mn-item .cover .content{text-align:center;padding-top:10px}
.mn-item .cover .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:5px;height:3.0rem;line-height:1.5rem;font-size:1.1rem}
.mn-item .cover .content .author{color:#777}
.mn-item .cover .content .action{display:flex;justify-content:center;align-items:center}
.mn-item .cover .content .action a{margin:0 10px;color:#333;display:flex;align-items:center}
.mn-item .cover .content .action a:hover{color:#D71418}
.mn-item .cover .content .action a i{margin-right:5px}
.mn-slider.owl-carousel.owl-theme .owl-dots{bottom:-30px}
.mn-slider.owl-carousel.owl-theme .owl-nav .owl-prev{left:0px}
.mn-slider.owl-carousel.owl-theme .owl-nav .owl-next{right:0px}
.home-exhibition .main-focus{background-repeat:no-repeat;background-size:cover;position:relative}
.home-exhibition .main-focus::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-color:rgba(0, 0, 0, .1)}
.mf-inner{padding:40px 15px;color:#fff;position:relative;z-index:3}
.mf-inner .mf-header{display:flex;align-items:center;margin-bottom:40px}
.mf-inner .mf-header .deco-img{width:100px}
.mf-inner .mf-header h5{margin:0 20px 0 20px;letter-spacing:4px}
.mf-inner .mf-header .line{flex:1 1 auto;display:block;height:1px;background:rgb(255, 255, 255);background:linear-gradient(90deg, rgba(255, 255, 255, 0.49763655462184875) 70%, rgba(255, 255, 255, 0) 100%)}
.mf-inner .mf-title{font-size:2.75rem;font-weight:200;line-height:1.2;margin-bottom:40px}
.mf-inner .text{font-size:1rem;line-height:1.5}
.mf-slider-container{padding-top:60px;margin-left:-8px;margin-right:-8px}
.mf-slider .mf-item{padding:0 8px;text-align:center}
.mf-slider .mf-item a{color:#fff}
.mf-slider .mf-item .cover-pic{margin-top:10px}
.mf-slider .mf-item .img{position:relative}
.mf-slider .mf-item img{box-shadow:0 0 10px 5px rgb(0, 0, 0,.1);width:100%}
.mf-slider .mf-item a p{margin:10px 0 0 0;font-size:1.1rem;line-height:1.5rem}
.mf-slider.owl-carousel.owl-theme .owl-nav .owl-prev{left:-30px;top:45%}
.mf-slider.owl-carousel.owl-theme .owl-nav .owl-next{right:-30px;top:45%}
.mf-slider.owl-carousel.owl-theme .owl-dots{bottom:-30px}
.home-exhibition .selected-review{padding:0 15px 20px 15px}
.home-exhibition .selected-review .br-title{color:#D71418;position:relative;padding-top:60px;padding-left:60px;margin-bottom:30px;margin-top:20px;font-size:1.1rem;font-weight:700;letter-spacing:4px}
.home-exhibition .selected-review .br-title>span{display:inline-block;border-bottom:1px solid #333;padding-bottom:5px}
.home-exhibition .selected-review .br-title::before{content:"";width:70px;height:110px;background-image:url(../img/deco-01.png);background-position:center;background-size:contain;background-repeat:no-repeat;display:block;position:absolute;left:0;top:0}
.home-exhibition .sr-list{list-style:none;margin:0;padding-left:60px}
.home-exhibition .sr-list>li{position:relative;padding-top:20px}
.home-exhibition .sr-list>li+li{margin-top:15px;border-top:1px solid #ccc}
.home-exhibition .sr-list>li::before{content:"";display:block;width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;left:-60px;top:0}
.home-exhibition .sr-list>li:nth-child(1)::before{background-image:url(../img/Homeexhibition-01.png)}
.home-exhibition .sr-list>li:nth-child(2)::before{background-image:url(../img/Homeexhibition-02.png)}
.home-exhibition .sr-list>li:nth-child(3)::before{background-image:url(../img/Homeexhibition-03.png)}
.home-exhibition .sr-list>li:nth-child(4)::before{background-image:url(../img/Homeexhibition-04.png)}
.home-exhibition .sr-list>li h5{font-size:1.35rem;line-height:2.025rem;margin-bottom:20px}
.home-exhibition .sr-list>li h6{color:#D71418;padding:10px 0;font-size:.9rem;display:none}
.home-exhibition .sr-list>li h6 span{display:inline-block}
.home-exhibition .sr-list>li h6 span+span::before{content:"/";padding:0 3px}
.home-exhibition .sr-list>li .action{display:flex}
.home-exhibition .sr-list>li .action a{color:#333;padding:0 20px 0 0;font-size:.9rem}
.home-exhibition .sr-list>li .action a:hover{color:#D71418}
.home-exhibition .sr-list>li .action a i{margin-right:5px}
.hot-board{padding:40px 0 70px 0;background-image:url(../img/bg-02.jpg);background-repeat:no-repeat;background-size:cover;background-position:center 0px;position:relative}
.hot-board::before{content:"";position:absolute;display:block;left:0;bottom:0;height:40%;width:100%;background-color:#E6DFD9;z-index:0}
.hot-slider{padding:0 0px}
.hot-slider .hots-item{padding:0 0 0 70px}
.hot-slider .hots-item .cover-pic{position:relative;margin-top:10px}
.hot-slider .hots-item .cover-pic::before{content:"";position:absolute;z-index:0;height:130px;width:130px;left:-70px;bottom:0;background-position:0 0;background-size:contain;background-repeat:no-repeat}
.hot-slider .hots-item .cover-pic img{position:relative;z-index:2;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1)}
.hot-slider .owl-item .hots-item.r-1 .cover-pic::before{background-image:url(../img/HomeHot-01.png)}
.hot-slider .owl-item .hots-item.r-2 .cover-pic::before{background-image:url(../img/HomeHot-02.png)}
.hot-slider .owl-item .hots-item.r-3 .cover-pic::before{background-image:url(../img/HomeHot-03.png)}
.hot-slider .owl-item .hots-item.r-4 .cover-pic::before{background-image:url(../img/HomeHot-04.png)}
.hot-slider .owl-item .hots-item.r-5 .cover-pic::before{background-image:url(../img/HomeHot-05.png)}
.hot-slider .owl-item .hots-item.r-6 .cover-pic::before{background-image:url(../img/HomeHot-06.png)}
.hot-slider .owl-item .hots-item.r-7 .cover-pic::before{background-image:url(../img/HomeHot-07.png)}
.hot-slider .owl-item .hots-item.r-8 .cover-pic::before{background-image:url(../img/HomeHot-08.png)}
.hot-slider .owl-item .hots-item.r-9 .cover-pic::before{background-image:url(../img/HomeHot-09.png)}
.hot-slider .owl-item .hots-item.r-10 .cover-pic::before{background-image:url(../img/HomeHot-10.png)}
.hot-slider .hots-item .cover-pic .hover-action{position:absolute;display:none;padding-top:10px;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);opacity:0;transition:all linear .15s;display:flex;align-items:center;justify-content:center;flex-direction:column}
.hot-slider .hots-item .cover-pic .hover-action .btn{background-color:#fff;border-radius:50%;height:50px;width:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;margin:5px}
.hot-slider .hots-item .cover-pic:hover .hover-action{opacity:1;padding-top:0;z-index:2}
.hot-slider .hots-item .cover-pic .hover-action .btn:hover{background-color:#D71418;color:#fff;box-shadow:rgba(0, 0, 0, .1)}
.hot-slider .hots-item .cover .content{text-align:center;padding-top:10px}
.hot-slider .hots-item .cover .content .action{display:flex;justify-content:center;align-items:center}
.hot-slider .hots-item .cover .content .action a{margin:0 7px;color:#333;display:flex;align-items:center}
.hot-slider .hots-item .cover .content .action a:hover{color:#D71418}
.hot-slider .hots-item .cover .content .action a i{margin-right:5px}
.hot-slider .hots-item .cover .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:5px;height:3rem;line-height:1.5rem;font-size:1.1rem}
.hot-slider .hots-item .cover .content .price{display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.hot-slider .hots-item .cover .content .price .sale{color:#D71418;font-weight:700;font-size:1.2rem;margin-left:40px;text-align:center}
.hot-slider .hots-item .cover .content .price .original{font-size:.8rem;color:#777;text-decoration:line-through;padding-left:10px}
.hot-slider.owl-carousel.owl-theme .owl-stage{transition:all ease .65s!important}
.hot-slider.owl-carousel.owl-theme .owl-dots{bottom:-30px}
.hot-slider.owl-carousel.owl-theme .owl-nav .owl-prev{left:-30px}
.hot-slider.owl-carousel.owl-theme .owl-nav .owl-next{right:-30px}
.mn-item .price{display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.mn-item .price .sale{color:#D71418;font-weight:700;font-size:1.2rem;text-align:center}
.mn-item .price .original{font-size:.8rem;color:#777;text-decoration:line-through;padding-left:10px}
.price-item{display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.price-item .sale{color:#D71418;font-weight:700;font-size:1.2rem;text-align:center}
.price-item .original{font-size:.8rem;color:#777;text-decoration:line-through;padding-left:10px}
.info-dashboard{padding:40px 0}
.info-db-item .detail-link{color:#333;display:block}
.info-db-item .detail-link:hover .cover{box-shadow:0 0 10px 5px rgba(0, 0, 0, .1)}
.info-db-item .detail-link:hover .cover img,.info-db-item .detail-link:hover .cover .img{filter:brightness(110%);transform:scale(1.1)}
.info-db-item .detail-link:hover h5{color:#D71418}
.info-db-item .detail-link:hover p{color:#333}
.info-db-item .cover{height:200px;overflow:hidden;position:relative}
.info-db-item .cover .img{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all ease .15s}
.info-db-item .cover img{width:100%;transition:all ease-in-out .3s;height:100%;object-fit:cover}
.info-db-item .cover iframe{height:100%;width:100%}
.info-db-item .cover .img.video::before{content:"";position:absolute;right:15px;bottom:15px;width:50px;height:50px;background-image:url(../img/btn-playback.png);background-position:center;background-repeat:no-repeat;background-size:contain;transition:all ease-in-out .15s}
.info-db-item .detail-link:hover .cover .img.video::before{right:50%;bottom:50%;transform:translate(50%,50%) scale(1.2)}
.info-db-item .detail-link:hover .cover .img.video:hover{cursor:pointer}
.info-db-item .content{padding:20px 0px}
.info-db-item .content h5{font-size:1.35rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:4.05rem;line-height:2.025rem;transition:all ease-in-out .15s}
.info-db-item .content h6{color:#D71418;padding:10px 0;font-size:.9rem}
.info-db-item .content h6 span{display:inline-block}
.info-db-item .content h6 span+span::before{content:"/";padding:0 3px}
.info-db-item .content p{color:#999;padding-top:10px;margin-bottom:0px;transition:all ease-in-out .15s;line-height:1.5rem;height:calc(3rem + 10px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.info-db-item .content .note{color:#999;transition:all ease-in-out .15s}
.info-db-item .action{display:flex;padding:0 0px}
.info-db-item .action a{color:#333;padding:0 10px 0 0;font-size:.9rem}
.info-db-item .action a:hover{color:#D71418}
.info-db-item .action a i{margin-right:5px}
.info-db-item .source{display:flex;color:#333}
.info-db-item .source::before{content:"";width:15px;height:2px;background-color:#D71418;margin-top:10px;margin-right:5px;min-width:15px}
.info-db-item.closed .cover{position:relative}
.info-db-item.closed .cover::before{content:"活動已結束";top:0;left:0;color:#fff;z-index:2;position:absolute;padding:3px 10px;width:103px;height:29px;font-size:.9rem;background-image:url(../img/event-tag-01.png);background-repeat:no-repeat;background-size:contain}
.info-db-item.l2 .cover{height:auto}
.info-dashboard .info-db-item .content{padding:20px 15px}
.info-dashboard .info-db-item .action{padding:0 15px}
.event-action{display:flex;padding:0 0px}
.event-action a{color:#333;padding:0 10px 0 0;font-size:1rem}
.event-action a +a{margin-left:30px}
.event-action a:hover{color:#D71418}
.event-action a i{margin-right:5px}
.id-famous-list .idf-item+.idf-item{border-top:1px solid #ccc}
.idf-item{position:relative;padding:25px 100px 20px 15px;display:block;margin-bottom:20px}
.idf-item h5{line-height:1.875rem}
.idf-item h4{font-size:1.35rem}
.idf-item p{color:#777;transition:all ease-in-out .15s;line-height:1.5rem}
.idf-item .pic{position:absolute;width:70px;height:70px;overflow:hidden;border-radius:50%;right:15px;top:25px;box-shadow:1px 1px 3px 2px rgba(0, 0, 0, .2);transition:all ease-in-out .2s}
.idf-item .pic img{object-fit:cover;width:100%;height:100%}
.idf-item:hover p{color:#333}
.idf-item:hover .pic{transform:scale(1.1)}
.idh-event-list .idhe-item+.idhe-item{border-top:1px solid #ccc}
.idhe-item{position:relative;padding:25px 130px 20px 15px;display:block;margin-bottom:20px}
.idhe-item .text h6{font-size:.9rem;margin-bottom:20px}
.idhe-item .text h5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:2.025rem;height:4.05rem;font-size:1.35rem}
.idhe-item .text .date{font-size:.9rem;margin-top:15px}
.idhe-item p{color:#777;transition:all ease-in-out .15s}
.idhe-item .pic{position:absolute;width:100px;height:100px;overflow:hidden;right:15px;top:30px;box-shadow:1px 1px 3px 2px rgba(0, 0, 0, .2);transition:all ease-in-out .2s}
.idhe-item .pic img{object-fit:cover;width:100%;height:100%}
.idhe-item:hover p{color:#333}
.idhe-item:hover .pic{transform:scale(1.1)}
.home-news{padding:60px 0;background-color:#F4F4EC;box-shadow:0 3px 3px 1px rgba(0, 0, 0, .05);position:relative;z-index:0}
.news-list.home-news-list{list-style:none;padding-top:0;padding-left:0}
.btn-fav.active i::before{content:"\e913";color:#D71418}
.cover .bookmark{position:absolute;z-index:2;left:-8px;bottom:10px;display:flex;flex-direction:column}
.cover .bookmark .bookmark-pic{width:65px;box-shadow:none!important}
.mf-slider .cover-pic .bookmark{left:-5px;bottom:5px}
.mf-slider .cover-pic .bookmark .bookmark-pic{width:45px}
.hot-slider .cover-pic .bookmark{z-index:5;left:-5px}
.hot-slider .cover-pic .bookmark .bookmark-pic{width:45px}
.books-slider.owl-carousel .owl-item .mn-item,.b-history-slider.owl-carousel .owl-item .mn-item{padding-right:8px}
.books-slider.owl-carousel .owl-stage-outer,.b-history-slider.owl-carousel .owl-stage-outer{padding-left:4px}
/* search result */
.search-result-input-container{padding:100px 15px 40px 15px;text-align:center}
.search-result-input-container .s-input{border-bottom:2px solid #D71418;max-width:400px;margin:0 auto}
.search-result-input-container .s-input .input-group{align-items:center}
.search-result-input-container .s-input .btn{font-size:2.75rem;line-height:0;padding:10px 0;width:40px}
.search-result-input-container .form-control{border:none;font-size:1.5rem;text-align:center;padding-left:52px;color:#000}
.search-no-result{display:flex;align-items:center;justify-content:center;padding:70px 15px 100px 15px;flex-direction:column}
.search-no-result img{width:50%}
.sr-books-list{list-style:none;padding:40px 0 0 0;display:flex;flex-wrap:wrap;margin-left:-25px;margin-right:-25px;margin-bottom:0}
.sr-books-list>li{flex:0 0 20%;max-width:20%;margin-bottom:100px;padding:0 25px}
.sr-author-list{list-style:none;padding:40px 0 0 0;display:flex;flex-wrap:wrap;margin-left:-25px;margin-right:-25px;margin-bottom:0}
.sr-author-list>li{flex:0 0 20%;max-width:20%;margin-bottom:70px;padding:0 25px}
.author-item{display:flex;flex-direction:column;align-items:center}
.author-item .pic{margin-bottom:20px;width:100%;text-align:center}
.author-item .pic .img{width:11vw;height:11vw;max-width:215px;max-height:215px;margin:0 auto;border-radius:50%;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);background-position:center;background-size:cover;background-repeat:no-repeat;transition:all ease-in-out .15s}
.author-item:hover .pic .img{transform:scale(1.1)}
.author-item p{width:100%;color:#aaa;margin-bottom:0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:5px;height:2.8rem;line-height:1.4rem;font-size:1rem}
.sr-related-list{list-style:none;padding:40px 0 0 0;display:flex;flex-wrap:wrap;margin-left:-35px;margin-right:-35px;margin-bottom:0}
.sr-related-list>li{flex:0 0 33.333333%;max-width:33.333333%;margin-bottom:50px;padding:0 35px}
.sr-events-list{list-style:none;padding:40px 0 0 0;display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;margin-bottom:0}
.sr-events-list>li{flex:0 0 20%;max-width:20%;margin-bottom:50px;padding:0 15px}
/* newbooks */
.page-title{display:flex;justify-content:space-between;padding:40px 0;align-items:flex-start}
.page-title h3{font-size:2.75rem;font-weight:700;margin-bottom:0;line-height:1.5}
.page-title h3 >span{position:relative}
.page-title h3 >span::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#D71418;right:-10px;bottom:0px;z-index:-1}
.page-title .breadcrumb-container{padding-top:2.25rem}
.newbooks-topsale-container{padding:40px 0;overflow:hidden}
.newbooks-topsale-container>.container{position:relative}
.newbooks-topsale-container>.container::before{content:"";position:absolute;z-index:-1;width:350px;height:350px;background-image:url(../img/deco-02.svg);background-size:contain;background-repeat:no-repeat;background-position:center;left:-70px;top:-55px}
.newbooks-topsale-container>.container::after{content:"";position:absolute;z-index:-1;width:600px;height:600px;background-image:url(../img/bg-03.svg);background-size:contain;background-repeat:no-repeat;background-position:center;left:-10px;top:-55px}
.newbooks-topsale-container .rank-first{padding-right:50px}
.newbooks-topsale-container .rank-first .mn-item{position:relative}
.newbooks-topsale-container .rank-first .mn-item::before{content:"";width:100px;height:150px;position:absolute;z-index:1;left:-60px;top:-50px;background-image:url(../img/hotrank-01.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.newbooks-topsale-container .rank-first .mn-item .cover .content{text-align:left;padding:20px 20px}
.newbooks-topsale-container .rank-first .mn-item .cover .content p{text-align:left;font-size:2rem;height:auto;line-height:1.2;-webkit-line-clamp:unset;font-weight:700}
.newbooks-topsale-container .rank-first .mn-item .cover .content .price{justify-content:flex-start}
.newbooks-topsale-container .rank-first .mn-item .cover .content .action{justify-content:flex-start}
.newbooks-topsale-container .rank-first .mn-item .cover .content .action a:first-child{margin-left:0}
.newbooks-topsale-container .rank-first .mn-item .cover .content .describe{line-height:1.8}
.nb-rank-list>li{margin-bottom:80px;position:relative}
.nb-rank-list>li::before{content:"";position:absolute;z-index:1;left:-30px;top:-40px;width:90px;height:90px;background-size:contain;background-position:center;background-repeat:no-repeat}
.norank .nb-rank-list>li:nth-child(n)::before{content:none}
.norank.newbooks-topsale-container .rank-first .mn-item::before{content:none}
.nb-rank-list>li:nth-child(1)::before{background-image:url(../img/hotrank-02.png)}
.nb-rank-list>li:nth-child(2)::before{background-image:url(../img/hotrank-03.png)}
.nb-rank-list>li:nth-child(3)::before{background-image:url(../img/hotrank-04.png)}
.nb-rank-list>li:nth-child(4)::before{background-image:url(../img/hotrank-05.png)}
.nb-rank-list>li:nth-child(5)::before{background-image:url(../img/hotrank-06.png)}
.nb-rank-list>li:nth-child(6)::before{background-image:url(../img/hotrank-07.png)}
.nb-rank-list>li:nth-child(7)::before{background-image:url(../img/hotrank-08.png)}
.nb-rank-list>li:nth-child(8)::before{background-image:url(../img/hotrank-09.png)}
.nb-rank-list>li:nth-child(9)::before{background-image:url(../img/hotrank-10.png)}
.nb-rank-list>li:nth-child(10)::before{background-image:url(../img/hotrank-11.png)}
.nb-rank-list>li:nth-child(11)::before{background-image:url(../img/hotrank-12.png)}
.nb-rank-list>li:nth-child(12)::before{background-image:url(../img/hotrank-13.png)}
.nb-rank-list>li:nth-child(13)::before{background-image:url(../img/hotrank-14.png)}
.nb-rank-list>li:nth-child(14)::before{background-image:url(../img/hotrank-15.png)}
.nb-rank-list>li:nth-child(15)::before{background-image:url(../img/hotrank-16.png)}
.nb-rank-list>li:nth-child(16)::before{background-image:url(../img/hotrank-17.png)}
.nb-rank-list>li:nth-child(17)::before{background-image:url(../img/hotrank-18.png)}
.nb-rank-list>li:nth-child(18)::before{background-image:url(../img/hotrank-19.png)}
.nb-rank-list>li:nth-child(19)::before{background-image:url(../img/hotrank-20.png)}
.nb-rank-list>li:nth-child(20)::before{background-image:url(../img/hotrank-21.png)}
.nb-rank-list>li .mn-item .cover .content .action a{margin:0 8px}
/* books */
.books-detail-container{padding:40px 0 40px}
.bi-author-item{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;margin-right:25px}
.bi-author-item h5{font-weight:700;margin-bottom:0;line-height:1}
.bi-author-item p{color:#333;margin-bottom:0}
.book-detail-info-cointainer{position:relative;padding-left:33.333333%;min-height:640px;margin-bottom:80px}
.book-detail-info-cointainer .page-title{padding:0 0 30px 0}
.book-detail-info-cointainer .page-title h3{font-size:1.5rem}
.book-detail-info-cointainer .page-title .breadcrumb{padding:0}
.book-detail-info-cointainer .cover{position:absolute;left:0;top:0;width:33.333333%;padding-right:50px}
.book-detail-info-cointainer .cover .img{margin-bottom:30px;position:relative}
.book-detail-info-cointainer .cover .img img{width:100%;border-radius:10px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1)}
.book-detail-info-cointainer .cover .btn{width:100%}
.book-detail-info-cointainer .info .title{font-size:3rem;font-weight:bolder;margin-bottom:20px}
.book-detail-info-cointainer .info .title-sub{font-size:1.5rem}
.book-detail-info-cointainer .info .en-name{font-size:1.15rem;letter-spacing:.5px;color:#999;padding-top:10px;margin-bottom:40px}
.book-detail-info-cointainer .info .en-name .line{position:relative}
.book-detail-info-cointainer .info .en-name .line::before{content:"";width:calc(100% - 30px);height:2px;background-color:#D71418;transition:all ease-in-out .25s;position:absolute;left:15px;top:12px}
.book-detail-info-cointainer .info .event .news-list{display:flex}
.book-detail-info-cointainer .info .event .news-list>li{margin-top:0;flex:0 0 50%;max-width:50%}
.book-detail-info-cointainer .info .event .news-list>li:nth-child(even){padding-left:40px}
.books-buying-action{padding:10px 0px}
.bbitem{display:flex}
.books-buying-action .bbitem + .bbitem{margin-top:30px}
.bbitem .text{flex:0 0 55%;max-width:55%;display:flex;padding-left:10px;align-items:flex-end}
.bbitem .text h6{font-weight:700}
.bbitem .text .price{text-align:right;flex:1 1 auto;padding-right:10px}
.bbitem .text .price >span{font-size:2.25rem;line-height:1;font-weight:700}
.bbitem .button{flex:0 0 45%;max-width:45%}
.binfo-area .social-group{padding-top:15px;margin-bottom:40px}
.binfo-area .s-tag>ul{text-align:left}
.social-group{display:flex}
.social-group a{width:40px;height:40px;display:inline-flex;border:1px solid #ccc;border-radius:50%;align-items:center;justify-content:center;font-size:1.5rem}
.social-group a+a{margin-left:15px}
.social-group a .kyicon-facebook-1{color:#3A549F}
.social-group a .kyicon-line-1{color:#00C200}
.social-group a .kyicon-link{color:#1492D5}
.social-group a:hover{background-color:#D71418}
.social-group a:hover i{color:#fff}
.book-about .s-tag>ul{max-width:85%;margin:0 auto}
.book-about .s-tag>ul li{margin:20px 10px}
.sale-link-container{display:flex;border:1px solid #ccc}
.sale-link-container .buy-col{padding:50px 0px}
.sale-link-container .buy-col+.buy-col{border-left:1px solid #ccc}
.sale-link-container .buy-col .buy-inner{border:3px solid #000;margin-left:12.5%;width:50%;position:relative;padding:20px}
.sale-link-container .buy-col .buy-inner::after{content:"";position:absolute;width:90%;height:60px;background-color:#fff;right:-3px;bottom:-3px;z-index:0}
.sale-link-container .buy-col .buy-inner .logo{position:absolute;width:calc(100%/2);right:-50%;top:0;padding-left:20px}
.sale-link-container .buy-col .buy-inner .btn{position:absolute;width:66.666666%;bottom:0;right:-37.5%;z-index:1}
.sale-link-container .buy-col .buy-inner h6{font-weight:700;position:relative;z-index:1}
.sale-link-container .buy-col .buy-inner .s-price{position:relative;z-index:1;color:#D71418}
.sale-link-container .buy-col .buy-inner .s-price span{font-size:2.25rem;font-weight:700;padding-left:10px}
.outer-list>li{flex:0 0 20%;max-width:20%;padding:0 15px;margin-bottom:30px}
.outer-list>li a{display:flex;width:100%;align-items:center;justify-content:center;box-shadow:0 3px 15px 3px rgba(0, 0, 0, .1);padding:20px;height:120px;transition:all ease-in-out .15s}
.outer-list>li a:hover{transform:translateY(-10px) scale(1.05)}
.side-action{position:fixed;right:.75rem;top:190px;z-index:99;width:40px;transition:all ease-in-out .15s}
.side-action.scrolled{top:80px}
.side-action .item h6{text-align:center}
.side-action .item .action{display:flex;flex-direction:column;align-items:center}
.side-action .item+.item{margin-top:40px}
.side-action .item .action::before{content:"";width:1px;height:50px;background-color:#000}
.side-action .item .action a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.4rem;background-color:#fff;border-radius:50%;margin-bottom:5px}
.side-action .item .action a:hover{background-color:#333;color:#fff}
.side-action .item.favorite .action a{background-color:transparent;color:#D71418}
.content-container{padding:40px 0}
.info-tb{display:table;width:100%}
.info-tb .info-row{display:table-row}
.info-tb .info-row .info-th{display:table-cell;padding-right:30px;color:#777;width:100px}
/* related */
.related-detail-content-cointainer{background-color:#fff;margin-top:-50px;position:relative;z-index:2;padding:40px 80px;margin-left:-80px;margin-right:-80px}
.content-text{font-size:1.2rem;line-height:1.8}
.binfo-item{display:flex;margin-bottom:80px}
.binfo-item .cover{flex:0 0 45%;max-width:45%;padding-right:50px}
.binfo-item .cover .img{position:relative}
.binfo-item .cover .img img{width:100%;border-radius:10px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1)}
.binfo-item .info{padding:40px 0 60px 0;position:relative}
.binfo-item .info h2{font-size:2.5rem;line-height:1.5;font-weight:700}
.binfo-item .info h5{margin-bottom:20px}
.binfo-item .info .bi-author-item h5{margin-bottom:0}
.binfo-item .info .en-name{display:flex;font-size:1.15rem;letter-spacing:.5px;color:#999;margin-bottom:10px;position:relative}
.binfo-item .info .en-name .line{position:relative}
.binfo-item .info .en-name .line::before{content:"";width:calc(100% - 30px);height:2px;background-color:#D71418;top:12px;left:15px;transition:all ease-in-out .25s;position:absolute}
.binfo-item .info .btn{position:absolute;bottom:0;right:0;width:100%;box-shadow:0 10px 30px rgba(255, 106, 0, .1)}
.related-tagls .s-tag>ul li{margin-left:0;margin-right:16px}
/* author */
.biography{background-image:url(../img/bg-04.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding:50px 0}
.author-data{display:flex;max-width:800px;margin:0 auto}
.author-data .pic{width:200px;display:flex;justify-content:flex-end}
.author-data .pic .img{width:200px;height:200px;overflow:hidden;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1)}
.author-data .content{flex:0 0 auto;max-width:calc(100% - 200px);padding-left:60px}
.author-data .content .text{line-height:1.8;margin-bottom:30px}
.author-data .content .s-tag ul{text-align:left;margin-left:-10px;margin-right:-10px}
.author-data .content .s-tag>ul li{margin:10px 10px}
.author-sorting{position:absolute;right:0;top:0;z-index:3;display:inline-block;width:auto}
.author-sorting select{display:none}
.author-sorting select.active{display:inline-block}
/* event */
.form-lborder{border-left:3px solid #777777;padding-left:30px}
.notemark-list>li{position:relative;padding-left:20px}
.notemark-list>li+li{margin-top:5px}
.notemark-list>li::before{content:"※";position:absolute;left:0;top:0}
.thistory-item.l2 .th-header .header-info{}
.thistory-item.l2 .th-header .cover img{width:100%;height:100%;object-fit:cover}
.esu-step-container{display:flex;justify-content:center;padding:0 0 50px 0}
.esu-step-container .step-item{display:flex;justify-content:center;width:20%;flex-direction:column;align-items:center;position:relative}
.esu-step-container .step-item:not(:last-child):after{content:"";width:100%;height:4px;background-color:#D9D9D9;position:absolute;top:60px;left:50%}
.esu-step-container .step-item p{color:#999;font-size:1.2rem}
.esu-step-container .step-item .step-mark{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.esu-step-container .step-item .step-mark::before{content:"";width:15px;height:15px;border-radius:50%;background-color:#F5F3F8;border:1px solid #999}
.esu-step-container .step-item.active p{color:#333}
.esu-step-container .step-item.active .step-mark{border:1px solid #333;background-color:#fff}
.esu-step-container .step-item.active .step-mark::before{background-color:#D71418;border-color:#D71418}
.esu-step-container .step-item.completed p{color:#777}
.esu-step-container .step-item.completed:not(:last-child):after{background-color:#595959}
.esu-step-container .step-item.completed .step-mark::before{background-color:#999999;border-color:#333}
.esu-content{margin-bottom:100px}
.esu-content .left .cover{padding-bottom:15px}
.esu-content .left .cover img{width:100%;height:100%;object-fit:cover}
.esu-content .right{padding-top:5px}
.price-text{text-align:right;flex:1 1 auto;padding-right:10px}
.price-text .lg-txt{font-size:2.25rem;line-height:1;font-weight:700}
.esp-action{position:sticky;bottom:40px;display:flex;justify-content:center;padding:10px}
.esp-action .btn{margin:5px;width:200px}
.esu-payment-form{position:relative}
.esu-payment-form::after{content:"";position:absolute;left:0;bottom:-100px;height:100px;width:100%;background-color:#F5F3F8}
.radio-switch-content{display:none}
.radio-switch-content.show{display:block}
/* news */
.ads-banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]{top:50%}
.content-area p{margin-bottom:30px}
.content-area a{color:#0089D2}
.content-area a:hover{color:#D71418}
.slogan-text{text-align:center;padding:20px 100px;margin:30px 0;font-weight:700;position:relative}
.slogan-text::before{content:"";position:absolute;left:70px;top:15px;width:25px;height:15px;background-image:url(../img/deco-03.png);background-size:contain;background-repeat:no-repeat}
.slogan-text::after{content:"";position:absolute;right:70px;bottom:15px;width:25px;height:15px;background-image:url(../img/deco-03.png);background-size:contain;background-repeat:no-repeat;transform:rotate(180deg)}
.order-ch{list-style:none;padding-left:4.75rem;counter-reset:counter1}
.order-ch>li{position:relative}
.order-ch>li::before{content:counter(counter1,simp-chinese-informal) '、';counter-increment:counter1 1;position:absolute;right:100%;top:0}
.hr-dots{background-image:url(../img/h-line-01.png);background-repeat:no-repeat;background-position:center;height:80px;margin-bottom:10px}
/* cookies */
.cookies-notification{position:fixed;z-index:1000;bottom:30px;right:30px;width:300px;background-color:#fff;box-shadow:0 0 5px 3px rgba(0, 0, 0, .1);padding:30px 15px}
/* about */
.text-card{background-color:#F4F4EC;padding:30px 90px 50px 90px;position:relative}
.text-card::before{content:"";position:absolute;width:90px;height:5px;background-color:#D71418;left:-20px;top:40px}
.text-card.about::after{content:"";position:absolute;right:10px;bottom:10px;width:207px;height:45px;background-image:url(../img/deco-04.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.about-slider-container{background:rgb(244,244,236);background:linear-gradient(0deg, rgba(244,244,236,1) 26%, rgba(244,244,236,0) 51%);padding:0px 30px 20px}
.about-book-slider .item{text-align:center}
.about-book-slider .item .cover-pic .img{box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);margin-bottom:15px}
.about-book-slider .item .cover-pic .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.2rem;margin-bottom:.8rem;height:3.0rem;line-height:1.5rem}
.about-slider-container .owl-carousel.owl-theme .owl-nav .owl-prev{left:-80px}
.about-slider-container .owl-carousel.owl-theme .owl-nav .owl-next{right:-80px}
.about-author-slider .owl-stage-outer{padding-top:30px}
/* error page */
.error-page-container{display:flex;flex-direction:column;align-items:center;max-width:540px;margin:70px auto}
.error-page-container h2{font-size:5rem;font-weight:900;margin-bottom:10px}
.error-page-container .error-msg .h4{text-align:center}
.error-page-container .action{max-width:400px}
/* login */
.login-panel{display:flex;flex-wrap:wrap;justify-content:center;padding:70px 0}
.login-panel .lp-item{flex:1 1 auto}
/* member */
.grey-header .page-title{z-index:2;position:relative}
.tab-link-container.tab-nav-swiper.swiper{padding-bottom:0}
.tab-link{flex-wrap:nowrap;align-items:center;margin-bottom:0}
.tab-link >li{width:auto}
.tab-link >li a{padding:8px 50px;white-space:nowrap;display:block}
.tab-link >li.active a{background-color:#fff;font-size:1.2rem}
.page-title .member-name{font-size:2rem}
.editable-data .hidden-edit-container{display:none}
.editable-data.edit .hidden-edit-container{display:block}
.editable-data.edit .main-col{display:none}
.sr-favi-list{list-style:none;padding:40px 0 0 0;display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;margin-bottom:0}
.sr-favi-list>li{flex:0 0 33.333333%;max-width:33.333333%;margin-bottom:30px;padding:0 10px;position:relative}
.sr-favi-list .favi-item .btn-delete{position:absolute;top:5px;right:15px;font-size:.5rem;background-color:#D9D9D9;padding:0;width:20px;height:20px;color:#fff;display:none;justify-content:center;align-items:center;border-radius:50%}
.sr-favi-list .favi-item .btn-delete i{zoom:.6}
.sr-favi-list .favi-item:hover .btn-delete{display:flex}
.sr-favi-list .favi-item{border:1px solid transparent;border-radius:6px;transition:all ease-in-out .15s}
.sr-favi-list .favi-item a{display:flex;flex-direction:row;align-items:center;padding:15px 15px}
.sr-favi-list .favi-item a .name{margin-bottom:20px}
.sr-favi-list .favi-item a .pic{margin-bottom:0px;text-align:center;width:auto}
.sr-favi-list .favi-item a .pic .img{width:11vw;height:11vw;max-width:215px;max-height:215px;margin:0 auto;border-radius:50%;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);background-position:center;background-size:cover;background-repeat:no-repeat;transition:all ease-in-out .15s}
.sr-favi-list .favi-item:hover{border:1px solid #ddd}
.sr-favi-list .favi-item:hover .pic .img{transform:none}
.sr-favi-list .favi-item a .text{padding-left:15px}
.sr-favi-list .favi-item a p{width:100%;color:#aaa;margin-bottom:0;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:5px;height:2.8rem;line-height:1.4rem;font-size:1rem}
.sr-favi-list .favi-item.l2 .pic .img{width:150px;height:auto;border-radius:0}
.sr-favi-list.l2>li{flex:0 0 50%;max-width:50%}
.info-db-item.favi{position:relative;border:1px solid transparent;border-radius:6px;transition:all ease-in-out .15s}
.info-db-item.favi:hover{border:1px solid #ddd}
.info-db-item.favi .btn-delete{position:absolute;top:5px;right:5px;font-size:.5rem;background-color:#D9D9D9;padding:0;width:20px;height:20px;color:#fff;display:none;justify-content:center;align-items:center;border-radius:50%}
.info-db-item.favi .btn-delete i{zoom:.6;width:10px}
.info-db-item.favi:hover .btn-delete{display:flex}
.info-db-item.favi .detail-link{display:flex;padding:15px}
.info-db-item.favi .detail-link .cover{flex:1 1 50%;max-width:50%}
.info-db-item.favi .content{padding:0 0 0 15px;flex:1 1 50%;max-width:50%}
.info-db-item.favi .content h6{padding-top:0}
.info-db-item.favi .source{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.info-db-item.subsc{position:relative;border:1px solid #ddd}
.info-db-item.subsc .content{padding:10px 20px 20px}
.info-db-item.subsc .content p{-webkit-line-clamp:3;height:calc(4.5rem + 10px)}
.info-db-item.subsc .btn-subsc{position:absolute;top:15px;right:15px;font-size:1rem;padding:0;color:#D71418;display:flex;justify-content:center;align-items:center;padding:5px}
.info-db-item.subsc .btn-subsc:hover{background-color:#f2f2f2;border:1px solid #ddd}
.info-db-item.subsc .btn-subsc::before{content:"訂閱";margin-right:5px}
.info-db-item.subsc .btn-subsc i{width:20px;height:20px;background-color:#D71418;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:.9rem}
.info-db-item.subsc .btn-subsc i::before{height:14px;width:14px}
.info-db-item.subsc .btn-subsc.subscribed{color:#000}
.info-db-item.subsc .btn-subsc.subscribed::before{content:"已訂閱"}
.info-db-item.subsc .btn-subsc.subscribed i{background-color:transparent;color:#000;font-size:1.2rem}
.info-db-item.subsc .btn-subsc.subscribed i::before{content:"\ea10";height:auto;width:auto}
.btn-accountset{display:flex;color:#fff;justify-content:center;padding:8px 5px;align-items:center}
.btn-accountset .icon{width:35px;height:35px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;flex:0 0 35px}
.btn-accountset p{margin:0 0 0 10px;font-size:1.15rem}
.btn-accountset:hover{box-shadow:0 0 0 5px rgba(0, 0, 0, .2);color:#fff}
.btn-accountset.btn-google{background-color:#F54337}
.btn-accountset.btn-fb{background-color:#3A549F}
.btn-accountset.btn-line{background-color: #00c200}
.btn-accountset.linked{background-color:#333333!important}
.btn-accountset.linked p::before{content:"取消"}
.captcha-pic{border:1px solid #ddd}
.captcha-group{flex-wrap:nowrap;width:100%}
.captcha-group .captcha-pic img{max-width:100%}
.captcha-group .btn{font-size:1.5rem;padding:0 10px}
.thistory-item{border-bottom:1px solid #ddd;padding-bottom:20px}
.thistory-item .th-header{display:flex;border-bottom:1px solid #ddd;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;font-weight:700}
.thistory-item.l2{border-bottom:none;position:relative}
.order-detail-acc .btn-od-toggle{font-size:.8rem;padding:10px 0;color:#999}
.order-detail-acc .btn-od-toggle::after{content:"\e90d";font-family:"kyicon";display:inline-block;color:#333;font-weight:700;margin-left:5px;transition:all ease-in-out .15s}
.order-detail-acc .btn-od-toggle.collapsed::after{transform:rotate(180deg)}
/* cart */
.table-cart.table>thead>tr>th{color:#999;border-top:none;white-space:nowrap;border-bottom:1px solid #ddd;background:transparent;padding:10px 20px;font-weight:400}
.table-cart.table>*>tr>th:first-child,.table-cart.table>*>tr>td:first-child{padding-left:0}
.table-cart.table>*>tr>th:last-child,.table-cart.table>*>tr>td:last-child{padding-right:0}
.table-cart.table>*>th,.table-cart.table>*>td{padding-left:20px;padding-right:20px}
.table-cart.table>tbody>tr{position:relative}
.table-cart.table>tbody>tr>td.delete{position:relative;padding:0}
.table-cart.table>tbody>tr>td.delete .btn{position:absolute;right:0;bottom:10px;padding:0;border:none;color:#999;padding:5px;font-size:.8rem}
.table-cart.table>tbody>tr>td.delete .btn i{margin-right:5px}
.table-cart.table>tbody>tr>td.delete .btn:hover{background-color:#D71418;color:#fff}
.table-cart.table>tbody>tr:last-child>td{border-bottom:1px solid #ddd}
.book-cart-item{display:flex;max-width:600px}
.book-cart-item .pic{width:65px;max-width:65px;flex:0 0 65px}
.book-cart-item .pic .img{max-width:100%}
.book-cart-item .text{padding-left:15px}
.book-cart-item .text h5{font-size:1.35rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:4.05rem;line-height:2.025rem;margin-bottom:15px}
.book-cart-item .text p{color:#999;margin-bottom:0}
.number-input{display:flex}
.number-input button{width:20px;height:20px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff}
.number-input input{background-color:transparent;border:none;text-align:center;width:60px;border-radius:0}
.number-input input:focus{box-shadow:none;outline:none;border-bottom:2px solid #ddd}
.number-input.inline{display:inline-flex}
.card-container{border:1px solid #ddd;padding:20px 15px}
.two-col-content > div{border-left:1px solid #ddd}
.two-col-content > div:first-child{border-left:none}
.form-checkout .form-col{word-break:break-all}
.group-purchase {margin-top: 20px;}
.group-purchase a {color: #d71418;text-decoration: underline;font-weight: bold;font-size: 15px;}