@charset "utf-8";
/*CSS Document*/

/*variables*/
:root{
	--CPT-THM:dodgerblue;/*theme color*/

	--CPT-FF:'Google sans','Roboto','Arial',sans-serif;/*component font-family*/
	--CPT-CLR:rgba(0,0,0,.75);/*component color*/
	--CPT-BD:rgba(0,0,0,.25) 1px solid;/*component border-color*/
	--CPT-BDR:.25em;/*component border-radius*/
	--CPT-INPTBG:#fff;/*component input-bg-color*/
	--CPT-INPTCL:#000;/*component input-color*/
	--CPT-INPTPH:rgba(0,0,0,.25);/*component input-placeholder-color*/
	--CPT-FBDCL:rgba(0,0,0,.25);/*component forbidden-color*/
	--CPT-FBDBG:#f8f8f8;/*component forbidden-bg-color*/
	--CPT-TST:all ease .2s;/*component transition*/

	/*button color*/
	--BTW-Blue:dodgerblue;
	--BTW-Green:yellowgreen;
	--BTW-Yellow:gold;
	--BTW-Orange:darkorange;
	--BTW-Red:red;
	--BTW-Purple:rebeccapurple;
}

/*iconfont*/
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(../iconfont/MaterialIcons-Regular.woff2) format('woff2'),url(../iconfont/MaterialIcons-Regular.woff) format('woff');}
.calendar_wrp .calendar .part:before,
.checkbox_wrp span:before,
.switcher_wrp span:before,
.radio_wrp span:before,
.btw span[icon]:before,
.btw span[icon-only]:before,
[icon]:before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;vertical-align:middle;width:1em;height:1em;line-height:1;overflow:hidden;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;/*Support for all WebKit browsers.*/-webkit-font-smoothing:antialiased;/*Support for Safari and Chrome.*/text-rendering:optimizeLegibility;/*Support for Firefox.*/-moz-osx-font-smoothing:grayscale;/*Support for IE.*/font-feature-settings:'liga';}

/*btw*/
.btw{display:inline-block;vertical-align:middle;font-size:1em;font-family:var(--CPT-FF);font-weight:bold;color:var(--CPT-CLR);background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);text-transform:capitalize;text-decoration:none;text-shadow:none;white-space:nowrap;cursor:pointer;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;transition:var(--CPT-TST);}
.btw>span{display:flex;justify-content:center;align-items:center;line-height:2;padding:.5em 2em;margin:-1px;text-align:center;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btw>span[icon]:before{content:attr(icon);flex:none;display:block;font-size:2em;margin:0 .25em 0 -.125em;}
.btw>span[icon-only]{flex-direction:column;justify-content:flex-start;width:3em;height:3em;padding:.5em;}
.btw>span[icon-only]:before{content:attr(icon-only);flex:none;display:block;font-size:2em;}
.btw input,
.btw button{position:absolute;bottom:100%;right:100%;opacity:0;}
.btw:hover,
.btw:active,
.btw:focus,
.btw:focus-within{text-decoration:none;outline:none;color:var(--CPT-THM);border-color:var(--CPT-THM);box-shadow:var(--CPT-THM) 0 0 .25em;}
.btw:active{transform:scale(.95);opacity:.75;box-shadow:none !important;}
.btw[color]{border-color:transparent;}
.btw[color]:hover,
.btw[color]:focus,
.btw[color]:focus-within{box-shadow:var(--BTW-FCBSC) 0 0 .5em;}
.btw[color=red]{background-color:var(--BTW-Red);color:#fff;--BTW-FCBSC:var(--BTW-Red);}
.btw[color=orange]{background-color:var(--BTW-Orange);color:#fff;--BTW-FCBSC:var(--BTW-Orange);}
.btw[color=yellow]{background-color:var(--BTW-Yellow);color:#000;--BTW-FCBSC:var(--BTW-Yellow);}
.btw[color=green]{background-color:var(--BTW-Green);color:#fff;--BTW-FCBSC:var(--BTW-Green);}
.btw[color=blue]{background-color:var(--BTW-Blue);color:#fff;--BTW-FCBSC:var(--BTW-Blue);}
.btw[color=purple]{background-color:var(--BTW-Purple);color:#fff;--BTW-FCBSC:var(--BTW-Purple);}
.btw[color=black]{background-color:#000;color:#fff;--BTW-FCBSC:#000;}
.btw[color=transparent]{background-color:transparent;color:currentColor;--BTW-FCBSC:rgba(0,0,0,.25);}
.btw[color=theme]{background-color:var(--CPT-THM);color:#fff;--BTW-FCBSC:var(--CPT-THM);}
.btw.disabled,
.btw.btwloading{cursor:not-allowed;pointer-events:none;background:var(--CPT-FBDBG);color:var(--CPT-FBDCL);border-color:rgba(0,0,0,.1);box-shadow:none !important;}
.btw.btwloading>span:after{content:""!important;display:block;width:1.5em;height:1.5em;border:.166667em rgba(0,0,0,.1) solid;border-top-color:rgba(0,0,0,.25);border-radius:100%;margin:0 -.75em 0 .5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-animation:btwloading 1s infinite;-moz-animation:btwloading 1s infinite;animation:btwloading 1s infinite;}
@-webkit-keyframes btwloading{100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes btwloading{100%{-moz-transform:rotate(360deg)}}
@keyframes btwloading{100%{transform:rotate(360deg)}}

/*input reset*/
.text_wrp>input,
.textarea_wrp>textarea,
.select_wrp>select,
.search_wrp>input[type=search],
.search_wrp>input[type=text]{font:1em/1.5 var(--CPT-FF);font-weight:500;color:var(--CPT-INPTCL);}

/*input text*/
.text_wrp{display:flex;align-items:center;position:relative;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:var(--CPT-TST);}
.text_wrp:focus-within{border-color:var(--CPT-THM);box-shadow:var(--CPT-THM) 0 0 .25em;}
/*.text_wrp:focus-within>input:required:invalid{background:red;}
.text_wrp:focus-within>input:required:valid{background:green;}*/
.text_wrp>input{flex:auto;position:relative;background:none;border:none;border-radius:0;width:100%;min-width:5em;height:3em;margin:-1px 0;padding:0 1em;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.text_wrp>input::-webkit-input-placeholder{color:var(--CPT-INPTPH);font-weight:normal;}
.text_wrp>input[type=number]{text-align:center;-moz-appearance:textfield;}
.text_wrp>input[type=number]::-webkit-outer-spin-button,
.text_wrp>input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}
.text_wrp>input[readonly]{background:var(--CPT-FBDBG);cursor:not-allowed;}
.text_wrp>input:disabled{color:var(--CPT-FBDCL);background:var(--CPT-FBDBG);cursor:not-allowed;}
.text_wrp>span{flex:none;padding:0 1em;line-height:1.5;color:var(--CPT-INPTPH);white-space:nowrap;box-shadow:rgba(0,0,0,.1) 1px 0 0,rgba(0,0,0,.1) -1px 0 0;}
.text_wrp>span[icon]{width:1.5em;height:1.5em;line-height:99;overflow:hidden;}
.text_wrp>span[icon]:before{content:attr(icon);font-size:1.5em;display:block;}

/*select*/
.select_wrp{display:flex;align-items:center;position:relative;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:var(--CPT-TST);}
.select_wrp:focus-within{border-color:var(--CPT-THM);box-shadow:var(--CPT-THM) 0 0 .25em;}
.select_wrp:after{content:"";display:block;width:0;height:0;position:absolute;top:50%;right:0;margin:-.166667em .75em;border:.333334em transparent solid;border-top-color:currentColor;opacity:.5;pointer-events:none;}
.select_wrp>select{flex:auto;position:relative;background:none;border:none;border-radius:0;width:100%;min-width:5em;height:3em;margin:-1px 0;padding:0 2em 0 1em;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select_wrp>select:disabled{color:var(--CPT-FBDCL);background:var(--CPT-FBDBG);cursor:not-allowed;}
.select_wrp>span{flex:none;padding:0 1em;line-height:1.5;color:var(--CPT-INPTPH);white-space:nowrap;box-shadow:rgba(0,0,0,.1) 1px 0 0,rgba(0,0,0,.1) -1px 0 0;}
.select_wrp>span[icon]{width:1.5em;height:1.5em;line-height:99;overflow:hidden;}
.select_wrp>span[icon]:before{content:attr(icon);font-size:1.5em;display:block;}

/*input search*/
.search_wrp{display:flex;align-items:center;position:relative;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:var(--CPT-TST);}
.search_wrp:focus-within{border-color:var(--CPT-THM);box-shadow:var(--CPT-THM) 0 0 .25em;}
.search_wrp>input[type=search],
.search_wrp>input[type=text]{flex:auto;position:relative;background:none;border:none;border-radius:0;width:100%;min-width:5em;height:3em;margin:-1px 0;padding:0 1em;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;/*-moz-appearance:none;appearance:none;*/}
.search_wrp>input::-webkit-input-placeholder{color:var(--CPT-INPTPH);font-weight:normal;}
.search_wrp>.btw{flex:none;margin:-1px;box-shadow:none !important;}
.search_wrp>.btw>span{padding:.5em 1em;}
.search_wrp>span{flex:none;padding:0 1em;line-height:1.5;color:var(--CPT-INPTPH);white-space:nowrap;box-shadow:rgba(0,0,0,.1) 1px 0 0,rgba(0,0,0,.1) -1px 0 0;}
.search_wrp>span:first-child{box-shadow:rgba(0,0,0,.1) 1px 0 0;}
.search_wrp>span:last-child{box-shadow:rgba(0,0,0,.1) -1px 0 0;}
.search_wrp>ul{display:none;position:absolute;top:100%;left:0;z-index:1;margin:0 -1px;max-height:15em;min-width:calc(100% + 2px);overflow:hidden;overflow-y:auto;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);box-shadow:rgba(0,0,0,.1) 0 .5em .5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.search_wrp>ul.show{display:block;}
.search_wrp>ul>li{}
.search_wrp>ul>li>a{display:block;padding:.75em 1em;color:currentColor;text-decoration:none;cursor:pointer;white-space:nowrap;}
.search_wrp>ul>li>a:hover{background:rgba(0,0,0,.05);}
.search_wrp>ul>li.search_loading{}
.search_wrp>ul>li.search_loading>span{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;color:rgba(0,0,0,.25);font-weight:bold;}
.search_wrp>ul>li.search_loading>span:after{content:"";display:block;width:1.5em;height:1.5em;margin:0 -.25em 0 1em;border:.166667em rgba(0,0,0,.1) solid;border-top-color:rgba(0,0,0,.25);border-radius:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-animation:search_loading 1s infinite;-moz-animation:search_loading 1s infinite;animation:search_loading 1s infinite;}
@-webkit-keyframes search_loading{100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes search_loading{100%{-moz-transform:rotate(360deg)}}
@keyframes search_loading{100%{transform:rotate(360deg)}}

/*textarea*/
.textarea_wrp{display:flex;flex-direction:column;position:relative;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:var(--CPT-TST);}
.textarea_wrp:focus-within{border-color:var(--CPT-THM);box-shadow:var(--CPT-THM) 0 0 .25em;}
.textarea_wrp>textarea{display:block;width:100%;line-height:1.5;min-height:6em;padding:.75em 1em;margin:-1px 0;background:none;border:none;outline:none;resize:vertical;transition:var(--CPT-TST);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.textarea_wrp[expandable]>textarea:focus{min-height:12em;}
.textarea_wrp>textarea::-webkit-input-placeholder{color:var(--CPT-INPTPH);font-weight:normal;}
.textarea_wrp>span{flex:none;margin:0 1em;padding:.75em 0;color:var(--CPT-INPTPH);box-shadow:rgba(0,0,0,.1) 0 -1px 0,rgba(0,0,0,.1) 0 1px 0;}

/*input combine*/
.combine_wrp{display:flex;align-items:center;position:relative;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);/*overflow:hidden;*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:var(--CPT-TST);}
.combine_wrp:focus-within{border-color:var(--CPT-THM);box-shadow:var(--CPT-THM) 0 0 .25em;}
.combine_wrp>label[class*="_wrp"]{flex:auto;border:none;border-radius:0;background:none;outline:none;box-shadow:none;}
.combine_wrp>label[class*="_wrp"]+label[class*="_wrp"]{box-shadow:rgba(0,0,0,.1) -1px 0 0;}
.combine_wrp>span{flex:none;padding:0 1em;line-height:1.5;color:var(--CPT-INPTPH);white-space:nowrap;box-shadow:rgba(0,0,0,.1) 1px 0 0,rgba(0,0,0,.1) -1px 0 0;}
.combine_wrp>span[icon]{width:1.5em;height:1.5em;line-height:99;overflow:hidden;}
.combine_wrp>span[icon]:before{content:attr(icon);font-size:1.5em;display:block;}
.combine_wrp>.btw{margin:-1px;flex:none;}

/*input radio*/
.radio_wrp{display:inline-block;vertical-align:middle;position:relative;overflow:hidden;}
.radio_wrp>input[type=radio]{position:absolute;bottom:100%;right:100%;}
.radio_wrp>span{display:flex;align-items:center;white-space:nowrap;cursor:pointer;color:var(--CPT-CLR);}
.radio_wrp>span:before{content:"radio_button_unchecked";display:block;font-size:1.5em;margin:0 .333334em;transition:var(--CPT-TST);}
.radio_wrp>input[type=radio]:checked~span:before{content:"radio_button_checked";color:var(--CPT-THM);}
.radio_wrp>input[type=radio]:disabled~span{cursor:not-allowed;}
.radio_wrp>input[type=radio]:disabled~span:before{color:var(--CPT-FBDCL);}
.radio_wrp>input[type=radio]:checked:disabled~span:before{color:var(--CPT-THM);opacity:.5;}

/*input checkbox*/
.checkbox_wrp{display:inline-block;vertical-align:middle;position:relative;overflow:hidden;}
.checkbox_wrp>input[type=checkbox]{position:absolute;bottom:100%;right:100%;}
.checkbox_wrp>span{display:flex;align-items:center;white-space:nowrap;cursor:pointer;color:var(--CPT-CLR);}
.checkbox_wrp>span:before{content:"check_box_outline_blank";display:block;font-size:1.5em;margin:0 .333334em;transition:var(--CPT-TST);}
.checkbox_wrp>input[type=checkbox]:checked~span:before{content:"check_box_checked";color:var(--CPT-THM);}
.checkbox_wrp>input[type=checkbox]:disabled~span{cursor:not-allowed;}
.checkbox_wrp>input[type=checkbox]:disabled~span:before{color:var(--CPT-FBDCL);}
.checkbox_wrp>input[type=checkbox]:checked:disabled~span:before{color:var(--CPT-THM);opacity:.5;}

/*input switcher*/
.switcher_wrp{display:block;position:relative;overflow:hidden;position:relative;overflow:hidden;}
.switcher_wrp>span{display:flex;align-items:center;white-space:nowrap;cursor:pointer;color:var(--CPT-CLR);}
.switcher_wrp>input[type=checkbox]{position:absolute;bottom:100%;right:100%;}
.switcher_wrp>span:before{content:"toggle_off";flex:none;order:2;display:block;font-size:3em;}
.switcher_wrp>span:after{content:attr(data-off);flex:auto;order:1;margin:0 1em;text-align:right;font-family:var(--CPT-FF);font-weight:700;}
.switcher_wrp>input[type=checkbox]:checked~span:before{content:"toggle_on";color:var(--CPT-THM);}
.switcher_wrp>input[type=checkbox]:checked~span:after{content:attr(data-on);}
.switcher_wrp>input[type=checkbox]:disabled~span{cursor:not-allowed;}
.switcher_wrp>input[type=checkbox]:disabled~span:before,
.switcher_wrp>input[type=checkbox]:disabled~span:after{color:var(--CPT-FBDCL);}
.switcher_wrp>input[type=checkbox]:checked:disabled~span:before{color:var(--CPT-THM);opacity:.5;}

/*input range*/
.range_wrp{display:flex;align-items:center;color:var(--CPT-CLR);}
.range_wrp>span{flex:none;order:-2;white-space:nowrap;}
.range_wrp[data-value]:after{content:attr(data-value);flex:auto;order:-1;margin:0 1em;text-align:right;font-family:var(--CPT-FF);font-weight:700;}
.range_wrp>input[type=range]{flex:none;order:99;display:block;width:50%;max-width:15em;height:3em;margin:0;padding:0;cursor:ew-resize;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.range_wrp>input[type=range]::-webkit-slider-thumb{width:1.5em;height:1.5em;margin:-.5em 0;background:var(--CPT-INPTBG);border-radius:100%;box-shadow:rgba(0,0,0,.5) 0 0 .25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.range_wrp>input[type=range]::-webkit-slider-runnable-track{width:100%;height:.5em;background:var(--CPT-THM);border-radius:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.range_wrp>input[type=range]:focus{}
.range_wrp>input[type=range]:disabled{cursor:not-allowed;}
.range_wrp>input[type=range]:disabled::-webkit-slider-thumb{}
.range_wrp>input[type=range]:disabled::-webkit-slider-runnable-track{background:var(--CPT-FBDCL);}
.range_wrp>input[type=range]:hover{}
.range_wrp>input[type=range]:hover::-webkit-slider-thumb{}
.range_wrp>input[type=range]:hover::-webkit-slider-runnable-track{}



















/*calendar date picker*/
.calendar_wrp{display:inline-flex;vertical-align:top;align-items:center;position:relative;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);}
.calendar_wrp>span{flex:none;padding:0 1em;line-height:1.5;color:rgba(0,0,0,.5);white-space:nowrap;box-shadow:rgba(0,0,0,.1) 1px 0 0,rgba(0,0,0,.1) -1px 0 0;}
.calendar_wrp>span:first-child{box-shadow:rgba(0,0,0,.1) 1px 0 0;}
.calendar_wrp>span:last-child{box-shadow:rgba(0,0,0,.1) -1px 0 0;}
.calendar_wrp>span[icon]{width:1.5em;height:1.5em;line-height:99;overflow:hidden;color:rgba(0,0,0,.25);}
.calendar_wrp>span[icon]:before{content:attr(icon);font-size:1.5em;display:block;}
.calendar_wrp>input{background:none;border:none;border-radius:0;width:15em;height:3em;margin:-1px 0;padding:0;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:auto;}
.calendar_wrp>input.full{width:23em;}
.calendar_wrp>input.date-time{width:13em;}
.calendar_wrp>input.date-only{width:9em;}
.calendar_wrp.dropdown_right .calendar{left:inherit;right:0;}
.calendar_wrp .calendar{display:flex;position:absolute;top:100%;left:0;z-index:100;margin:.5em -1px;background:var(--CPT-INPTBG);border:var(--CPT-BD);border-radius:var(--CPT-BDR);box-shadow:rgba(0,0,0,.1) 0 0 2em;}
.calendar_wrp .calendar .part{padding:1.5em;flex:1;position:relative;display:flex;flex-direction:column;}
.calendar_wrp .calendar .part~.part{box-shadow:inset rgba(0,0,0,.1) 1px 0 0;}
.calendar_wrp .calendar .part~.part:before{content:"arrow_forward";display:block;font-size:1.5em;width:2em;height:2em;line-height:2;position:absolute;left:0;top:0;margin:1em -1em;text-align:center;background:var(--CPT-INPTBG);color:rgba(0,0,0,.5);}
.calendar_wrp .calendar .year_month{display:flex;align-items:center;justify-content:center;margin:0 -.5em;}
.calendar_wrp .calendar .year_month>*{margin:0 .5em;flex:auto;}
.calendar_wrp .calendar .year_month .select_wrp select{min-width:inherit;width:100%;}
.calendar_wrp .calendar .daylist{display:flex;flex-wrap:wrap;margin:1.5em auto 0;width:21em;flex:auto;align-content:flex-start;}
.calendar_wrp .calendar .daylist.head{opacity:.25;font-style:italic;flex:0 0 1.5em;}
.calendar_wrp .calendar .daylist li{width:14.286%;text-align:center;}
.calendar_wrp .calendar .daylist a{display:block;color:currentColor;height:3em;line-height:3;border-radius:2em;transition:var(--CPT-TST);text-decoration:none;}
.calendar_wrp .calendar .daylist li.current a{color:#fff;background:dodgerblue;}
.calendar_wrp .calendar .daylist a:hover,
.calendar_wrp .calendar .daylist li.current a:hover{background:rgba(0,0,0,.25);}
.calendar_wrp .calendar .time{display:flex;align-items:center;justify-content:flex-end;margin:1em -.5em 0;}
.calendar_wrp .calendar .time>*{margin:0 .5em;flex:1;}
.calendar_wrp .calendar .time .select_wrp select{min-width:inherit;width:100%;}
.calendar_wrp .calendar .time .text_wrp input{min-width:inherit;width:100%;}
.calendar_wrp .calendar .time .btw{flex:none;}