html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.divider,.divider-vertical{clear:both;zoom:1}.divider:before,.divider-vertical:before,.divider:after,.divider-vertical:after{content:"";display:table}.divider:after,.divider-vertical:after{clear:both}.row{margin-left:-15px;margin-right:-15px;clear:both;zoom:1}.row:before,.row:after{content:"";display:table}.row:after{clear:both}.row>div{box-sizing:border-box}.container{position:relative;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;clear:both;zoom:1}.container:before,.container:after{content:"";display:table}.container:after{clear:both}html{font-size:100%;line-height:1em}.vertical_rhythm{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(187,187,187,0.4)),color-stop(5%, rgba(187,187,187,0)));background-image:-moz-linear-gradient(bottom, rgba(187,187,187,0.4) 5%,rgba(187,187,187,0) 5%);background-image:-webkit-linear-gradient(bottom, rgba(187,187,187,0.4) 5%,rgba(187,187,187,0) 5%);background-image:linear-gradient(to top, rgba(187,187,187,0.4) 5%,rgba(187,187,187,0) 5%);-moz-background-size:100% 2em;-o-background-size:100% 2em;-webkit-background-size:100% 2em;background-size:100% 2em;background-position:left top}.vertical_rhythm img{float:left;margin:0 16px 0 0}.cp{font-size:1em;line-height:2em}.cp h1{font-size:2em;line-height:1.5em;padding-top:0em;margin-bottom:.5em}.cp h2{font-size:1.5em;line-height:1.33333em;padding-top:0em;margin-bottom:0em}.cp h3{font-size:1.25em;line-height:1.6em;padding-top:0em;margin-bottom:0em}.cp h4{font-size:1.25em;line-height:1.6em;padding-top:0em;margin-bottom:0em}.cp h5{font-size:1.25em;line-height:1.6em;margin-top:0em;margin-bottom:0em}.cp h6{font-size:1em;line-height:2em;margin-top:0em;margin-bottom:0em}.cp p{font-size:1em;line-height:2em;margin-top:0em;margin-bottom:2em}.cp ul,.cp ol{font-size:1em;line-height:2em;margin-top:0em;margin-bottom:2em}.cp dd,.cp th,.cp td figure{font-size:1em;line-height:2em}.cp blockquote{background:#f2f2f2;font-style:normal;display:block;font-size:1em;line-height:2em;border-left:5px solid #047cc3;padding:32px;box-sizing:border-box;margin-left:.5em;margin-right:.5em;margin-top:0em;margin-bottom:2em;clear:both}.cp img{max-width:100%}@media screen and (max-width: 767px){.cp img{max-width:100%;width:auto;clear:both}}body{font-size:1em;font-weight:normal;color:#222;line-height:1.45em;font-family:Lato,"PingFang TC","Helvetica Neue",Helvetica,微軟正黑體,Arial,sans-serif;-webkit-text-size-adjust:none}a{color:#00bbeb;text-decoration:none}a:hover,a:focus{color:#5cdeff;cursor:pointer}.col-12-full,.full{margin-left:-15px;margin-right:-15px;overflow:hidden;*zoom:1}.col-12-full .container,.full .container{max-width:100% !important}.col-6-6 .col{float:left;width:100%}@media (min-width: 768px){.col-6-6 .col{float:left;width:50%}}@media (min-width: 992px){.col-6-6 .col{float:left;width:50%}}@media (min-width: 1400px){.col-6-6 .col{float:left;width:50%}}.col-4-4-4 .col{float:left;width:100%}@media (min-width: 768px){.col-4-4-4 .col{float:left;width:33.33333%}}@media (min-width: 992px){.col-4-4-4 .col{float:left;width:33.33333%}}@media (min-width: 1400px){.col-4-4-4 .col{float:left;width:33.33333%}}.col-3-3-3-3 .col{float:left;width:100%}@media (min-width: 768px){.col-3-3-3-3 .col{float:left;width:50%}}@media (min-width: 992px){.col-3-3-3-3 .col{float:left;width:25%}}@media (min-width: 1400px){.col-3-3-3-3 .col{float:left;width:25%}}.col-8-4 .col:nth-child(2n+1){float:left;width:100%}@media (min-width: 768px){.col-8-4 .col:nth-child(2n+1){float:left;width:66.66667%}}@media (min-width: 992px){.col-8-4 .col:nth-child(2n+1){float:left;width:66.66667%}}@media (min-width: 1400px){.col-8-4 .col:nth-child(2n+1){float:left;width:66.66667%}}.col-8-4 .col{float:left;width:100%}@media (min-width: 768px){.col-8-4 .col{float:left;width:33.33333%}}@media (min-width: 992px){.col-8-4 .col{float:left;width:33.33333%}}@media (min-width: 1400px){.col-8-4 .col{float:left;width:33.33333%}}.col-4-8 .col:nth-child(2n){float:left;width:100%}@media (min-width: 768px){.col-4-8 .col:nth-child(2n){float:left;width:66.66667%}}@media (min-width: 992px){.col-4-8 .col:nth-child(2n){float:left;width:66.66667%}}@media (min-width: 1400px){.col-4-8 .col:nth-child(2n){float:left;width:66.66667%}}.col-4-8 .col{float:left;width:100%}@media (min-width: 768px){.col-4-8 .col{float:left;width:33.33333%}}@media (min-width: 992px){.col-4-8 .col{float:left;width:33.33333%}}@media (min-width: 1400px){.col-4-8 .col{float:left;width:33.33333%}}.divider,.divider-vertical{text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-size:.813em;color:grey;text-shadow:0 1px 1px #fff;display:block}.divider{display:table;line-height:1;margin:20px 0}.divider:after,.divider:before{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat;background-image:url("../images/basic/divider.jpg")}.divider:before{background-position:right 1em top 50%}.divider:after{background-position:left 1em top 50%}.divider-vertical{position:absolute;z-index:2;top:50%;left:50%;width:auto;height:50%;line-height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.divider-vertical:after,.divider-vertical:before{content:'';position:absolute;left:50%;z-index:3;width:0;height:calc(100% - 1.2rem);border-left:1px solid #CFCFCF;border-right:1px solid rgba(255,255,255,0.05)}.divider-vertical:before{top:-100%}.divider-vertical:after{bottom:0}.btn_grp{text-align:center;padding:1em 0}.btn_grp .btn{min-width:5em;margin:.25em .1em;width:auto}.btn_grp a.more{display:inline-block}.btn,.btn-green,.btn-blue,.btn-yellow,.btn-orange,.btn-red,.btn-purple,.btn-reset,button,input[type="button"],input[type="submit"],input[type="reset"],.upload_grp .upload_btn{font-size:1em;touch-action:manipulation;background-image:none;display:inline-block;text-align:center;vertical-align:middle;text-decoration:none;white-space:nowrap;line-height:normal;width:auto;padding:0.5em 2em;min-width:4em;margin:.25em .1em}.btn i,.btn-green i,.btn-blue i,.btn-yellow i,.btn-orange i,.btn-red i,.btn-purple i,.btn-reset i,button i,input[type="button"] i,input[type="submit"] i,input[type="reset"] i,.upload_grp .upload_btn i{margin-right:.3em;margin-left:.3em}.btn{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#EEE;border:1px solid #e1e1e1;color:#222;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#f1f1f1;background:-webkit-linear-gradient(top, #f1f1f1, #e1e1e1);background:linear-gradient(to bottom, #f1f1f1,#e1e1e1);text-shadow:none}.btn:hover,.btn:focus{background-color:#e6e6e6;border:1px solid #e6e6e6 !important;cursor:pointer;color:#FFF;outline:none;background:#fbfbfb;background:-webkit-linear-gradient(top, #fbfbfb, #e6e6e6);background:linear-gradient(to bottom, #fbfbfb,#e6e6e6)}.btn.active{background:#dadada;cursor:pointer}.btn:hover,.btn:focus{color:#222;outline:none}.btn-green{background-color:#5CB85C;border:1px solid #4cae4c;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#60ba60;background:-webkit-linear-gradient(top, #60ba60, #4cae4c);background:linear-gradient(to bottom, #60ba60,#4cae4c)}.btn-green:hover,.btn-green:focus{background-color:#51b351;border:1px solid #51b351 !important;cursor:pointer;color:#FFF;outline:none;background:#6ec06e;background:-webkit-linear-gradient(top, #6ec06e, #51b351);background:linear-gradient(to bottom, #6ec06e,#51b351)}.btn-green.active{background:#47a447;cursor:pointer}.btn-blue{background-color:#21BAFF;border:1px solid #08b2ff;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#26bcff;background:-webkit-linear-gradient(top, #26bcff, #08b2ff);background:linear-gradient(to bottom, #26bcff,#08b2ff)}.btn-blue:hover,.btn-blue:focus{background-color:#12b5ff;border:1px solid #12b5ff !important;cursor:pointer;color:#FFF;outline:none;background:#3bc2ff;background:-webkit-linear-gradient(top, #3bc2ff, #12b5ff);background:linear-gradient(to bottom, #3bc2ff,#12b5ff)}.btn-blue.active{background:#00aaf7;cursor:pointer}.btn-yellow{background-color:#FCC211;border:1px solid #f0b603;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#fcc316;background:-webkit-linear-gradient(top, #fcc316, #f0b603);background:linear-gradient(to bottom, #fcc316,#f0b603)}.btn-yellow:hover,.btn-yellow:focus{background-color:#fbbd03;border:1px solid #fbbd03 !important;cursor:pointer;color:#FFF;outline:none;background:#fcc82a;background:-webkit-linear-gradient(top, #fcc82a, #fbbd03);background:linear-gradient(to bottom, #fcc82a,#fbbd03)}.btn-yellow.active{background:#e1aa03;cursor:pointer}.btn-orange{background-color:#F77810;border:1px solid #e66c08;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#f77b15;background:-webkit-linear-gradient(top, #f77b15, #e66c08);background:linear-gradient(to bottom, #f77b15,#e66c08)}.btn-orange:hover,.btn-orange:focus{background-color:#f07008;border:1px solid #f07008 !important;cursor:pointer;color:#FFF;outline:none;background:#f88629;background:-webkit-linear-gradient(top, #f88629, #f07008);background:linear-gradient(to bottom, #f88629,#f07008)}.btn-orange.active{background:#d76507;cursor:pointer}.btn-red{background-color:#FF3E4D;border:1px solid #ff2535;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#ff4352;background:-webkit-linear-gradient(top, #ff4352, #ff2535);background:linear-gradient(to bottom, #ff4352,#ff2535)}.btn-red:hover,.btn-red:focus{background-color:#ff2f3f;border:1px solid #ff2f3f !important;cursor:pointer;color:#FFF;outline:none;background:#ff5865;background:-webkit-linear-gradient(top, #ff5865, #ff2f3f);background:linear-gradient(to bottom, #ff5865,#ff2f3f)}.btn-red.active{background:#ff1527;cursor:pointer}.btn-purple{background-color:#AA5AC5;border:1px solid #a047be;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#ac5ec6;background:-webkit-linear-gradient(top, #ac5ec6, #a047be);background:linear-gradient(to bottom, #ac5ec6,#a047be)}.btn-purple:hover,.btn-purple:focus{background-color:#a44fc1;border:1px solid #a44fc1 !important;cursor:pointer;color:#FFF;outline:none;background:#b46dcc;background:-webkit-linear-gradient(top, #b46dcc, #a44fc1);background:linear-gradient(to bottom, #b46dcc,#a44fc1)}.btn-purple.active{background:#9840b6;cursor:pointer}.btn-reset{color:#484848}.btn-primary{background-color:#059cf5;border:1px solid #058cdc;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#059ffa;background:-webkit-linear-gradient(top, #059ffa, #058cdc);background:linear-gradient(to bottom, #059ffa,#058cdc)}.btn-primary:hover,.btn-primary:focus{background-color:#0592e6;border:1px solid #0592e6 !important;cursor:pointer;color:#FFF;outline:none;background:#19a7fa;background:-webkit-linear-gradient(top, #19a7fa, #0592e6);background:linear-gradient(to bottom, #19a7fa,#0592e6)}.btn-primary.active{background:#0482cd;cursor:pointer}.btn-xl{font-size:1.5em}.btn-lg{font-size:1.25em}.btn-sm{font-size:.938em}.btn-xs{font-size:.75em}img.img_rounded{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}img.img_circle{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}img.loaded{animation:img_fade .5s ease-out}@keyframes img_fade{from{opacity:0}to{opacity:100}}.imgOuter{position:relative}.img-container{width:100%;position:relative}.img-container a{display:block;height:100%;width:100%;position:absolute;top:0;left:0}.img-container a .caption{position:absolute;width:100%;height:3em;line-height:3em;background:rgba(0,0,0,0.45);padding:0 1em;font-size:1.25em;color:#FFF;margin:0;bottom:0;z-index:2;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 767px){.img-container a .caption{height:2em;line-height:2em;width:100%;left:0;padding:0 1em}}.img-container a:focus:before{content:"";position:absolute;z-index:9;width:100%;height:100%;top:0;left:0;bottom:0;right:0;box-shadow:0 0px 0px 2px #059cf5 inset}.img-container img{position:absolute;width:100% !important;height:100% !important;top:0;left:0;right:0;bottom:0}.img-container iframe{position:absolute;width:100% !important;height:100% !important;top:0;left:0;right:0;bottom:0}.ie-object-none,.ie-object-cover,.ie-object-fill,.ie-object-contain{position:relative;background-position:center center;background-repeat:no-repeat}.ie-object-none img,.ie-object-cover img,.ie-object-fill img,.ie-object-contain img{opacity:0;width:0px;height:0px}.ie-object-none{background-size:auto}.ie-object-cover{background-size:cover}.ie-object-fill{background-size:100% 100%}.ie-object-contain{background-size:contain}.fill{object-fit:fill}.contain{object-fit:contain}.cover{object-fit:cover}.none{object-fit:none}.scale-down{object-fit:scale-down}.grid3x3 .img-container,.grid2x2 .img-container,.grid4x4 .img-container{background:#E1E1E1 !important}.grid3x3 img.fill,.grid2x2 img.fill,.grid4x4 img.fill{object-fit:fill !important}.grid3x3 img.contain,.grid2x2 img.contain,.grid4x4 img.contain{object-fit:contain !important}.grid3x3 img.cover,.grid2x2 img.cover,.grid4x4 img.cover{object-fit:cover !important}.grid3x3 img.none,.grid2x2 img.none,.grid4x4 img.none{object-fit:none !important}.grid3x3 img.scale-down,.grid2x2 img.scale-down,.grid4x4 img.scale-down{object-fit:scale-down !important}table{width:100%;border-collapse:collapse;background:#FFF}@media screen and (max-width: 575px){table{width:100%}}table th,table td{padding:.5em;text-align:left}table td{border:#ddd 1px solid;border-left:none;border-right:none;word-break:break-all}table td a{word-break:break-all}table th{background-color:#F3F3F3;color:#333;border:#DDD 1px solid;text-align:center;white-space:nowrap;border-left:none;border-right:none}table.table_hover tr:hover{background:#F3F3F3}table.table_sprite tr:nth-child(even){background:#F5F5F5}table thead{border-bottom:2px solid #AAA}@media screen and (max-width: 767px){table thead{border:none}}@media screen and (max-width: 575px){.table_list{background-color:transparent !important}.table_list thead,.table_list tbody,.table_list th,.table_list td,.table_list tr{display:block}.table_list thead tr{position:absolute;top:-9999px;left:-9999px}.table_list tr{border:1px solid #ccc;margin-bottom:10px;border-bottom:2px solid #AAA}.table_list td{border:none !important;border-bottom:1px solid #eee !important;position:relative;white-space:normal;text-align:left;padding-top:1.4em;padding-bottom:.5em}.table_list td:before{content:attr(data-title);position:absolute;top:0em;left:.5em;width:100%;font-size:.75em;padding-right:10px;text-align:left;color:#999}}.fix_th_table{margin:1em 0}@media screen and (max-width: 767px){.fix_th_table{position:relative;width:100%;overflow:hidden !important}}@media screen and (max-width: 767px){.fix_th_table table{display:block;width:100%;overflow-x:scroll;padding-bottom:1em}}.fix_th_table th,.fix_th_table td{width:10em;padding:.8em 0;text-align:center;line-height:1.2}@media screen and (max-width: 767px){.fix_th_table th,.fix_th_table td{display:inline-block;margin-right:-6px;margin-left:0;margin-top:-1px}}.fix_th_table th:first-child{width:8em;white-space:normal}@media screen and (max-width: 767px){.fix_th_table th:first-child{position:absolute !important;left:0;top:auto}}@media screen and (max-width: 767px){.fix_th_table tr{display:block;clear:both;white-space:nowrap;width:auto;padding-left:8em}.fix_th_table tr:first-child{border-top:#ddd 1px solid}}@media screen and (max-width: 767px){.table_wrapper{width:100%;display:block;overflow:hidden;*zoom:1;overflow:hidden;overflow-x:auto;padding-bottom:1em;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}.table_wrapper table{width:100%;min-width:545px}}select::-ms-expand{display:none}.form_grid{margin:.5em}.form_grid .form_grp{border-bottom:1px solid #DDD;overflow:hidden;padding:.5em 0}.form_grid .form_title{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:5px}@media (min-width: 768px){.form_grid .form_title{float:left;width:25%}}@media (min-width: 992px){.form_grid .form_title{float:left;width:25%}}@media (min-width: 1400px){.form_grid .form_title{float:left;width:25%}}.form_grid .form_content{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 768px){.form_grid .form_content{float:left;width:75%}}@media (min-width: 992px){.form_grid .form_content{float:left;width:75%}}@media (min-width: 1400px){.form_grid .form_content{float:left;width:75%}}.check_grp label,.radio_grp label{display:block}@media screen and (max-width: 767px){.check_grp label,.radio_grp label{display:inline-block;margin:.2em .5em 0 0}}.check_grp.form_inline label,.radio_grp.form_inline label{display:inline-block;margin:.2em .5em 0 0}form .form_grp,form .check_grp,form .radio_grp,form .btn_grp,form .upload_grp{margin-bottom:.2em}form .form_grp.form_inline label,form .upload_grp.form_inline label{display:inline-block;margin-right:.5em}form .form_grp.form_inline input,form .form_grp.form_inline textarea,form .form_grp.form_inline select,form .upload_grp.form_inline input,form .upload_grp.form_inline textarea,form .upload_grp.form_inline select{width:auto}form.form_inline label{display:inline-block;vertical-align:middle;margin-right:.5em}form.form_inline label ~ input,form.form_inline label ~ textarea{display:inline-block;width:auto;vertical-align:middle}form.form_inline input[type="text"],form.form_inline input[type="password"],form.form_inline select,form.form_inline textarea{width:auto;display:inline-block}form.form_inline .form_grp,form.form_inline .check_grp,form.form_inline .radio_grp,form.form_inline .btn_grp,form.form_inline .upload_grp{display:inline-block;margin-right:.5em}form.form_inline .btn_grp .btn,form.form_inline .btn_grp input[type="submit"],form.form_inline .btn_grp input[type="reset"],form.form_inline .btn_grp input[type="button"],form.form_inline .btn_grp input[type="search"]{margin-top:-3px;padding:.45em 1em}form.form_inline select,form.form_inline textarea{width:auto}label,legend{display:inline-block;margin:0 0 .5em 0}@media screen and (max-width: 575px){label,legend{display:block}}label.inline input,label.inline select,label.inline textarea,legend.inline input,legend.inline select,legend.inline textarea{width:auto}fieldset{border:none;padding:0;margin:0}input,textarea,select,button{color:#222;font-size:1em;border:1px solid #CCC;padding:.5em;background:#fff;vertical-align:middle;margin-bottom:.3em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:border,.2s,ease-out;-o-transition:border,.2s,ease-out;-webkit-transition:border,.2s,ease-out;transition:border,.2s,ease-out;-moz-transition:box-shadow,.2s,ease-out;-o-transition:box-shadow,.2s,ease-out;-webkit-transition:box-shadow,.2s,ease-out;transition:box-shadow,.2s,ease-out}input,select,textarea{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="file"]::-webkit-input-placeholder{color:#a6a6a6}input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="file"]::-moz-placeholder{color:#a6a6a6}input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="file"]:-ms-input-placeholder{color:#a6a6a6}input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,input[type="file"]:-moz-placeholder{color:#a6a6a6}button,input[type="button"]{background-color:#21baff;border:1px solid #08b2ff;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#26bcff;background:-webkit-linear-gradient(top, #26bcff, #08b2ff);background:linear-gradient(to bottom, #26bcff,#08b2ff)}button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus{background-color:#12b5ff;border:1px solid #12b5ff !important;cursor:pointer;color:#FFF;outline:none;background:#3bc2ff;background:-webkit-linear-gradient(top, #3bc2ff, #12b5ff);background:linear-gradient(to bottom, #3bc2ff,#12b5ff)}button.active,input[type="button"].active{background:#00aaf7;cursor:pointer}input[type="submit"]{background-color:#21baff;border:1px solid #08b2ff;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#26bcff;background:-webkit-linear-gradient(top, #26bcff, #08b2ff);background:linear-gradient(to bottom, #26bcff,#08b2ff)}input[type="submit"]:hover,input[type="submit"]:focus{background-color:#12b5ff;border:1px solid #12b5ff !important;cursor:pointer;color:#FFF;outline:none;background:#3bc2ff;background:-webkit-linear-gradient(top, #3bc2ff, #12b5ff);background:linear-gradient(to bottom, #3bc2ff,#12b5ff)}input[type="submit"].active{background:#00aaf7;cursor:pointer}textarea{color:#222;font-size:1em;border:1px solid #CCC;padding:.5em;background:#fff;vertical-align:middle;margin-bottom:.3em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:border,.2s,ease-out;-o-transition:border,.2s,ease-out;-webkit-transition:border,.2s,ease-out;transition:border,.2s,ease-out;-moz-transition:box-shadow,.2s,ease-out;-o-transition:box-shadow,.2s,ease-out;-webkit-transition:box-shadow,.2s,ease-out;transition:box-shadow,.2s,ease-out;height:5em;overflow-y:scroll}@media screen and (max-width: 575px){textarea{width:100%}}input[type="text"]:focus,input[type="reset"]:focus,input[type="file"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid #87daff;-moz-box-shadow:0px 0px 0px 2px #87daff;-webkit-box-shadow:0px 0px 0px 2px #87daff;box-shadow:0px 0px 0px 2px #87daff;outline:none}select{line-height:2.4em;height:2.4em;padding:0 24px 0 .5em;border:1px solid #CCC;background:#fff url(../images/basic/icon_select_arrow.svg) no-repeat right center;background-size:20px}select option{outline:none;border:none}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}input[type="reset"]{background-color:#999;border:1px solid #8c8c8c;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#9c9c9c;background:-webkit-linear-gradient(top, #9c9c9c, #8c8c8c);background:linear-gradient(to bottom, #9c9c9c,#8c8c8c);text-shadow:none}input[type="reset"]:hover,input[type="reset"]:focus{background-color:#919191;border:1px solid #919191 !important;cursor:pointer;color:#FFF;outline:none;background:#a6a6a6;background:-webkit-linear-gradient(top, #a6a6a6, #919191);background:linear-gradient(to bottom, #a6a6a6,#919191)}input[type="reset"].active{background:#858585;cursor:pointer}input[type="checkbox"],input[type="radio"]{font-size:1em;margin:-4px .2em 0 0;width:1em;height:1em;background-color:#f7f6ee;border:2px solid #CCC;outline:none;box-shadow:none}input[type="radio"]{border-radius:50%}input[type="checkbox"]:checked,input[type="radio"]:checked{border-color:#21baff;background-color:#21baff;outline:none}input[type="checkbox"]:checked{background-image:url(../images/basic/icon_checked.svg);background-repeat:no-repeat;background-position:center center;background-size:98%;box-shadow:#21baff 0 0 0 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}input[type="radio"]:checked{box-shadow:#fff 0 0 0 3px inset,#21baff 0 0 0 1px}input[readonly],input[disable]{background:#f2f2f2;color:#b3b3b3;border-color:#b3b3b3}input[readonly] ~ label,input[disable] ~ label{color:#b3b3b3}input[readonly]:hover,input[readonly]:focus,input[disable]:hover,input[disable]:focus{border-color:#b3b3b3;box-shadow:none}.upload_grp{position:relative}.upload_grp input[readonly],.upload_grp input[disable]{background:transparent;color:#666}.upload_grp .upload_btn{position:absolute;overflow:hidden;top:1px;right:3px;background-color:#21baff;border:1px solid #08b2ff;color:#FFF;text-shadow:1px 1px 1px RGBA(0, 0, 0, 0.3);-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background:#26bcff;background:-webkit-linear-gradient(top, #26bcff, #08b2ff);background:linear-gradient(to bottom, #26bcff,#08b2ff);padding:.2em 1em !important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.upload_grp .upload_btn:hover,.upload_grp .upload_btn:focus{background-color:#12b5ff;border:1px solid #12b5ff !important;cursor:pointer;color:#FFF;outline:none;background:#3bc2ff;background:-webkit-linear-gradient(top, #3bc2ff, #12b5ff);background:linear-gradient(to bottom, #3bc2ff,#12b5ff)}.upload_grp .upload_btn.active{background:#00aaf7;cursor:pointer}.upload_grp .upload_btn:hover,.upload_grp .upload_btn:focus{cursor:pointer !important}input[type="file"]{position:absolute;top:0;right:0;margin:0;padding:0;font-size:1.25em;cursor:pointer;opacity:0;filter:alpha(opacity=0)}img.captcha{display:inline-block;vertical-align:middle;max-height:2.4em;margin-bottom:.5em}img.captcha+input{display:inline-block;width:auto;vertical-align:middle}img.captcha ~ img{display:inline-block;vertical-align:middle;max-height:2.4em;margin-bottom:.5em}abbr[title]{border-bottom:none;text-decoration:none}.tel input[type="text"]:first-child,.tel input[type="text"]:nth-child(2),.tel select:first-child{width:20% !important;max-width:60px}@media screen and (max-width: 575px){.tel input[type="text"]:first-child,.tel input[type="text"]:nth-child(2),.tel select:first-child{width:15% !important}}.tel input[type="text"]:last-child{width:50%}@media screen and (max-width: 575px){.tel input[type="text"]:last-child{width:49%}}.upload_area{min-height:100px;border:1px solid #CCC;border-radius:5px;padding:3.5em .5em 3em;position:relative}.upload_area.working{border:1px solid #87daff;box-shadow:0px 0px 0px 2px #87daff inset}.upload_area p{position:absolute;bottom:.2em;left:1em;font-size:.813em;color:#BBB;margin:0;line-height:1.35em}.upload_area p.upload_notice{top:.5em;color:#555;font-size:.938em}.upload_area p.upload_notice a{margin:0 .2em}.upload_area .file{display:block;margin:0px 0 .5em;border-radius:4px;padding:.5em 140px .5em 3.5em;background:#F1F1F1;position:relative}.upload_area .file>span{font-size:.938em}.upload_area .file>span em{color:#AAA;font-size:12px;font-style:normal;margin-left:.5em}.upload_area .file .pic{width:40px;height:30px;margin:0px .5em 0 0;position:absolute;top:.3em;left:.3em;border-radius:4px}.upload_area .file .pic img{width:100%;height:100%;object-fit:cover;border-radius:4px}.upload_area .file.notice_error{background:#FFD2D2;border-left:none}.upload_area .file.notice_error .pic img{display:none}.upload_area .file.notice_error .progress_bar{display:none}.upload_area .file.notice_error span{color:#555}.upload_area .file.notice_error span em{color:red}.upload_area .file .delete{position:absolute;font-size:.75em;right:10px;top:50%;margin-top:-12px;opacity:.3}.upload_area .file .delete:hover,.upload_area .file .delete:focus{opacity:1}.upload_area .file .progress_bar{position:absolute;bottom:.2em;background:#DDD;border-radius:3px;height:6px;width:100px;right:30px;top:50%;margin-top:-2px}.upload_area .file .progress_bar span{position:absolute;height:100%;border-radius:3px;background:#21BAFF;background-image:linear-gradient(45deg, rgba(255,255,255,0.25) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.25) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}[class^="i_"]:before{content:"";display:inline-block;height:1em;width:1em;vertical-align:middle;speak:none}.invert:before{-webkit-filter:invert(100%);filter:invert(100%)}.i_apple:before{background-image:url(../images/icon/icon_apple.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_arrow_left:before{background-image:url(../images/icon/icon_arrow_left.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_arrow_right:before{background-image:url(../images/icon/icon_arrow_right.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_bookmark:before{background-image:url(../images/icon/icon_bookmark.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_chat:before{background-image:url(../images/icon/icon_chat.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_check:before{background-image:url(../images/icon/icon_check.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_clock:before{background-image:url(../images/icon/icon_clock.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_close:before{background-image:url(../images/icon/icon_close.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_edit:before{background-image:url(../images/icon/icon_edit.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_facebook:before{background-image:url(../images/icon/icon_facebook.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_googleplus:before{background-image:url(../images/icon/icon_googleplus.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_grid:before{background-image:url(../images/icon/icon_grid.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_heart_false:before{background-image:url(../images/icon/icon_heart.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_heart:before{background-image:url(../images/icon/icon_heart_added.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_home:before{background-image:url(../images/icon/icon_home.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_info:before{background-image:url(../images/icon/icon_info.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_link:before{background-image:url(../images/icon/icon_link.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_linkedin:before{background-image:url(../images/icon/icon_linkedin.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_lock:before{background-image:url(../images/icon/icon_lock.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_mail:before{background-image:url(../images/icon/icon_mail.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_rss:before{background-image:url(../images/icon/icon_rss.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_setting:before{background-image:url(../images/icon/icon_setting.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_star:before{background-image:url(../images/icon/icon_star.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_twitter:before{background-image:url(../images/icon/icon_twitter.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_video:before{background-image:url(../images/icon/icon_video.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_vimeo:before{background-image:url(../images/icon/icon_vimeo.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_youtube:before{background-image:url(../images/icon/icon_youtube.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_global:before{background-image:url(../images/icon/icon_global.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_trash:before{background-image:url(../images/icon/icon_trash.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_sort:before{background-image:url(../images/icon/icon_sort.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_move:before{background-image:url(../images/icon/icon_move.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_layout:before{background-image:url(../images/icon/icon_layout.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_copy:before{background-image:url(../images/icon/icon_copy.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_download:before{background-image:url(../images/icon/icon_download.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_search:before{background-image:url(../images/icon/icon_search.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_photo:before{background-image:url(../images/icon/icon_photo.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_grid_view:before{background-image:url(../images/icon/icon_grid_view.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_line_view:before{background-image:url(../images/icon/icon_line_view.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_list_view:before{background-image:url(../images/icon/icon_list_view.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_table_view:before{background-image:url(../images/icon/icon_table_view.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_star:before{background-image:url(../images/icon/icon_star_yellow.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_star_false:before{background-image:url(../images/icon/icon_star_gray.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_collect:before{background-image:url(../images/icon/icon_folder_green.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_collect_false:before{background-image:url(../images/icon/icon_folder_gray.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_question:before{background-image:url(../images/icon/icon_question.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_building:before{background-image:url(../images/icon/icon_building.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_location:before{background-image:url(../images/icon/icon_location.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_box:before{background-image:url(../images/icon/icon_box.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_book:before{background-image:url(../images/icon/icon_book.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_man:before{background-image:url(../images/icon/icon_man.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_add:before{background-image:url(../images/icon/icon_add.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_minus:before{background-image:url(../images/icon/icon_minus.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_calendar:before{background-image:url(../images/icon/icon_calendar.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_filter:before{background-image:url(../images/icon/icon_filter.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_reload:before{background-image:url(../images/icon/icon_reload.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_award:before{background-image:url(../images/icon/icon_award.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_barcode:before{background-image:url(../images/icon/icon_barcode.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_product:before{background-image:url(../images/icon/icon_product.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_company:before{background-image:url(../images/icon/icon_company.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_360:before{background-image:url(../images/icon/icon_360.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_720:before{background-image:url(../images/icon/icon_720.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_delete:before{background-image:url(../images/icon/icon_delete.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_information:before{background-image:url(../images/icon/icon_information.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_read:before{background-image:url(../images/icon/icon_read.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.i_videotalk:before{background-image:url(../images/icon/icon_videotalk.svg);background-size:cover;margin-top:-0.1em;margin-bottom:.1em;margin-left:-4px}.chat_body{margin:0;padding:0;position:relative;height:100%}.chat_body.color_blue{background:#047cc3}.chat_body.color_blue .chat_inside{background:#047cc3}.chat_body.color_blue .chat_inside .chat_welcome{background:#96d7fd;background:-webkit-linear-gradient(top, #96d7fd, #FFF);background:linear-gradient(to bottom, #96d7fd,#ffffff)}.chat_body.color_blue .chat_inside .chat_content{background:#036caa}.chat_body.color_blue .chat_inside .chat_list .chat_search{background:#047cc3}.chat_body.color_blue .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_blue .chat_inside .chat_list .list ul li .window ul li a:focus{color:#047cc3}.chat_body.color_red{background:#bc2769}.chat_body.color_red .chat_inside{background:#bc2769}.chat_body.color_red .chat_inside .chat_welcome{background:#f1bed5;background:-webkit-linear-gradient(top, #f1bed5, #FFF);background:linear-gradient(to bottom, #f1bed5,#ffffff)}.chat_body.color_red .chat_inside .chat_content{background:#a7235d}.chat_body.color_red .chat_inside .chat_list .chat_search{background:#bc2769}.chat_body.color_red .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_red .chat_inside .chat_list .list ul li .window ul li a:focus{color:#bc2769}.chat_body.color_brown{background:#853512}.chat_body.color_brown .chat_inside{background:#853512}.chat_body.color_brown .chat_inside .chat_welcome{background:#ed9a76;background:-webkit-linear-gradient(top, #ed9a76, #FFF);background:linear-gradient(to bottom, #ed9a76,#ffffff)}.chat_body.color_brown .chat_inside .chat_content{background:#6f2c0f}.chat_body.color_brown .chat_inside .chat_list .chat_search{background:#853512}.chat_body.color_brown .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_brown .chat_inside .chat_list .list ul li .window ul li a:focus{color:#853512}.chat_body.color_yellow{background:#f8920f}.chat_body.color_yellow .chat_inside{background:#f8920f}.chat_body.color_yellow .chat_inside .chat_welcome{background:#feecd5;background:-webkit-linear-gradient(top, #feecd5, #FFF);background:linear-gradient(to bottom, #feecd5,#ffffff)}.chat_body.color_yellow .chat_inside .chat_content{background:#e78507}.chat_body.color_yellow .chat_inside .chat_list .chat_search{background:#f8920f}.chat_body.color_yellow .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_yellow .chat_inside .chat_list .list ul li .window ul li a:focus{color:#f8920f}.chat_body.color_green{background:#36810e}.chat_body.color_green .chat_inside{background:#36810e}.chat_body.color_green .chat_inside .chat_welcome{background:#9aef6c;background:-webkit-linear-gradient(top, #9aef6c, #FFF);background:linear-gradient(to bottom, #9aef6c,#ffffff)}.chat_body.color_green .chat_inside .chat_content{background:#2c6a0c}.chat_body.color_green .chat_inside .chat_list .chat_search{background:#36810e}.chat_body.color_green .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_green .chat_inside .chat_list .list ul li .window ul li a:focus{color:#36810e}.chat_body.color_cyanblue{background:#008699}.chat_body.color_cyanblue .chat_inside{background:#008699}.chat_body.color_cyanblue .chat_inside .chat_welcome{background:#66ecff;background:-webkit-linear-gradient(top, #66ecff, #FFF);background:linear-gradient(to bottom, #66ecff,#ffffff)}.chat_body.color_cyanblue .chat_inside .chat_content{background:#007080}.chat_body.color_cyanblue .chat_inside .chat_list .chat_search{background:#008699}.chat_body.color_cyanblue .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_cyanblue .chat_inside .chat_list .list ul li .window ul li a:focus{color:#008699}.chat_body.color_purple{background:#7f50b4}.chat_body.color_purple .chat_inside{background:#7f50b4}.chat_body.color_purple .chat_inside .chat_welcome{background:#e7dff1;background:-webkit-linear-gradient(top, #e7dff1, #FFF);background:linear-gradient(to bottom, #e7dff1,#ffffff)}.chat_body.color_purple .chat_inside .chat_content{background:#7246a4}.chat_body.color_purple .chat_inside .chat_list .chat_search{background:#7f50b4}.chat_body.color_purple .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_purple .chat_inside .chat_list .list ul li .window ul li a:focus{color:#7f50b4}.chat_body.color_gray{background:#444}.chat_body.color_gray .chat_inside{background:#444}.chat_body.color_gray .chat_inside .chat_welcome{background:#aaa;background:-webkit-linear-gradient(top, #aaa, #FFF);background:linear-gradient(to bottom, #aaaaaa,#ffffff)}.chat_body.color_gray .chat_inside .chat_content{background:#373737}.chat_body.color_gray .chat_inside .chat_list .chat_search{background:#444}.chat_body.color_gray .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_gray .chat_inside .chat_list .list ul li .window ul li a:focus{color:#444}.chat_body.color_redyellow{background:#99001d}.chat_body.color_redyellow .chat_inside{background:#99001d}.chat_body.color_redyellow .chat_inside .chat_welcome{background:#ff6683;background:-webkit-linear-gradient(top, #ff6683, #FFF);background:linear-gradient(to bottom, #ff6683,#ffffff)}.chat_body.color_redyellow .chat_inside .chat_content{background:#800018}.chat_body.color_redyellow .chat_inside .chat_list .chat_search{background:#99001d}.chat_body.color_redyellow .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_redyellow .chat_inside .chat_list .list ul li .window ul li a:focus{color:#99001d}.chat_body.color_pink{background:#d74261}.chat_body.color_pink .chat_inside{background:#d74261}.chat_body.color_pink .chat_inside .chat_welcome{background:#fbeaee;background:-webkit-linear-gradient(top, #fbeaee, #FFF);background:linear-gradient(to bottom, #fbeaee,#ffffff)}.chat_body.color_pink .chat_inside .chat_content{background:#d32d4f}.chat_body.color_pink .chat_inside .chat_list .chat_search{background:#d74261}.chat_body.color_pink .chat_inside .chat_list .list ul li .window ul li a:hover,.chat_body.color_pink .chat_inside .chat_list .list ul li .window ul li a:focus{color:#d74261}.chat_window.color_blue{background:#047cc3}.chat_window.color_blue .chat_function{background:#035c91}.chat_window.color_red{background:#bc2769}.chat_window.color_red .chat_function{background:#921e51}.chat_window.color_brown{background:#853512}.chat_window.color_brown .chat_function{background:#58230c}.chat_window.color_yellow{background:#f8920f}.chat_window.color_yellow .chat_function{background:#ce7606}.chat_window.color_green{background:#36810e}.chat_window.color_green .chat_function{background:#235309}.chat_window.color_cyanblue{background:#008699}.chat_window.color_cyanblue .chat_function{background:#005966}.chat_window.color_purple{background:#7f50b4}.chat_window.color_purple .chat_function{background:#663f92}.chat_window.color_gray{background:#444}.chat_window.color_gray .chat_function{background:#2b2b2b}.chat_window.color_redyellow{background:#99001d}.chat_window.color_redyellow .chat_function{background:#660013}.chat_window.color_pink{background:#d74261}.chat_window.color_pink .chat_function{background:#be2847}.open_chat{width:50px;height:50px;border-radius:50%;background:url(../images/icon/icon_chat_white.svg) no-repeat center center #5CB85C;background-size:50%;text-align:center;color:#FFF;line-height:60px;text-decoration:none;position:fixed;transform:translateZ(0);bottom:70px;right:10px;z-index:100001}@media screen and (max-width: 767px){.open_chat{bottom:130px}}.open_chat span{border-radius:.25em;background:#FF3E4D;display:block;position:absolute;top:-.5em;right:-.5em;color:#FFF;font-size:.75rem;font-weight:bold;height:1.5em;line-height:1.5em;padding:0 .5em}@media screen and (max-width: 767px){.open_chat.has_bottom{bottom:4em}}.open_chat:hover,.open_chat:focus{background:url(../images/icon/icon_chat_white.svg) no-repeat center center #5CB85C;background-size:50%;box-shadow:none}.chat_window{position:fixed;width:720px;height:70%;min-height:480px;right:0;bottom:0;z-index:999999;overflow:hidden;background:#FFF;box-shadow:-5px -5px 30px -5px rgba(0,0,0,0.25);transform:translateX(100%)}.chat_window.half{width:360px}.chat_window.half .chat_welcome{display:none}.chat_window.half .chat_content{width:100%;left:0;transform:translateX(0%);display:none}.chat_window.half .chat_content.show{display:block;z-index:9999}@media screen and (max-width: 565px){.chat_window.half{width:100%}}.chat_window.half .chat_list{left:0;width:100%}.chat_window iframe{width:100%;height:100%;left:0}@media screen and (max-width: 565px){.chat_window{width:100%;height:calc(100% - 60px)}}.chat_function{position:relative;height:2rem;width:100%;z-index:99}.chat_function .messenger{color:#FFF;padding:.3em .25em .2em}.chat_function .messenger span{display:inline-block;font-size:.875rem;margin-left:.5em}.chat_function a.close{width:1em;height:1.5em;display:block;float:left;position:relative;margin:.25em 0 0 .5em;margin-right:.5em}.chat_function a.close:hover:before{background:#fff}.chat_function a.close:before{position:absolute;top:.65em;left:0em;width:100%;height:3px;background:rgba(255,255,255,0.5);content:""}.chat_function a.minimize{width:1em;height:1.5em;display:block;position:absolute;right:.5em;top:.35em}@media screen and (max-width: 565px){.chat_function a.minimize{display:none}}.chat_function a.minimize:hover:before{border:2px solid #fff;border-left:none;border-bottom:none}.chat_function a.minimize:before{position:absolute;top:.35em;left:.25em;width:10px;height:10px;border:2px solid rgba(255,255,255,0.25);border-left:none;border-bottom:none;transform:rotate(45deg);content:""}.chat_function a.minimize.inverse:before{left:.5em;border:2px solid rgba(255,255,255,0.25);border-right:none;border-top:none}.chat_function a.minimize.inverse:hover:before,.chat_function a.minimize.inverse:focus:before{border:2px solid #fff;border-right:none;border-top:none}.chat_inside{max-width:720px;min-height:480px;height:100%;background:#047cc3;margin:0;padding:0;position:relative}@media screen and (max-width: 565px){.chat_inside{width:100%;height:100%}}.chat_body{background:#047cc3}.chat_list{position:absolute;width:50%;height:100%;top:0;left:360px;box-shadow:0px 0px 10px rgba(0,0,0,0.75);z-index:15}@media screen and (max-width: 545px){.chat_list{width:100%;height:100%;z-index:13;left:0}}.chat_list .chat_search{display:flex;flex:1;padding:.5em;align-items:center;background:#047cc3}.chat_list .chat_search .form_grp{flex:1 1 50%;margin-right:1em;position:relative}.chat_list .chat_search .form_grp:before{position:absolute;width:1em;height:1em;content:"";background:url(../images/basic/icon_search_white.png) no-repeat center center;background-size:16px;z-index:2;top:.5em;left:.5em;opacity:.5}.chat_list .chat_search .form_grp input{width:100%;height:2.5em;padding-left:2.5em;font-size:.813rem}.chat_list .chat_search .form_grp input[type="text"]{background:rgba(0,0,0,0.25);color:#FFF;border:1px solid transparent}.chat_list .chat_search .form_grp input[type="text"]::-webkit-input-placeholder{color:#DDD}.chat_list .chat_search .form_grp input[type="text"]::-moz-placeholder{color:#DDD}.chat_list .chat_search .form_grp input[type="text"]:-ms-input-placeholder{color:#DDD}.chat_list .chat_search .form_grp input[type="text"]:-moz-placeholder{color:#DDD}.chat_list .chat_search .form_grp input[type="text"]:focus{border:1px solid transparent;box-shadow:none;background:rgba(0,0,0,0.5)}.chat_list .chat_search select{flex:0 1 25%;width:25%;height:2.5em;font-size:.813rem;border:1px solid transparent;background:rgba(0,0,0,0.25) url(../images/basic/icon_select_arrow_white.svg) no-repeat right center;background-size:16px;color:#FFF}.chat_list .chat_search select:focus{border:1px solid transparent;box-shadow:none;background:rgba(0,0,0,0.5) url(../images/basic/icon_select_arrow_white.svg) no-repeat right center;background-size:16px}.chat_list .list{position:absolute;width:100%;height:calc(100% - 3.1em);bottom:0;background:#FFF;overflow-x:hidden !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}.chat_list .list .annoucement{background:#fddc76;padding:1em 1.5em 1em 1em}.chat_list .list .annoucement span{font-size:.813rem;display:block;line-height:1.25em;color:#666}.chat_list .list .annoucement a.close_no_script{position:absolute;top:.25em;right:.45em;width:.75em;height:.75em;opacity:.25}.chat_list .list .annoucement a.close_no_script i{transform:scale(5%)}.chat_list .list .annoucement a.close_no_script:hover{opacity:.5}.chat_list .list ul{margin:0;padding:0;list-style:none;padding-bottom:4em}.chat_list .list ul li{border-bottom:1px solid #CECECE;position:relative;padding-bottom:20px;background:#F1F1F1;position:relative}.chat_list .list ul li:hover,.chat_list .list ul li:focus{background:transparent}.chat_list .list ul li:last-child .more_function .window{top:-80px;bottom:auto}.chat_list .list ul li .more_function{position:absolute;right:0;top:auto;bottom:5px;width:50%;height:10px}.chat_list .list ul li .more_function a.dot{width:80px;padding:0;display:block;height:15px;margin:0 0 0 auto;background:url(../images/icon/icon_dotree.svg) no-repeat center center;background-size:40px}.chat_list .list ul li .more_function .window{position:absolute;top:5px;right:1em;background:#FFF;border-radius:.35em;box-shadow:0px 5px 15px -5px rgba(0,0,0,0.85);padding:.75em;min-width:6em;display:none}.chat_list .list ul li .more_function .window.open{display:block;z-index:999999}.chat_list .list ul li .more_function .window ul{margin:0;padding:0;list-style:none;background:#FFF;padding-bottom:0em}.chat_list .list ul li .more_function .window ul li{display:block;border-bottom:1px dashed #DEDEDE;padding:.25em;font-size:.813rem;margin-bottom:.25em;background:#FFF}.chat_list .list ul li .more_function .window ul li:hover{background:none}.chat_list .list ul li .more_function .window ul li a{padding:0;color:#555;background:#FFF}.chat_list .list ul li .more_function .window ul li a i{opacity:.5;margin-right:.5em}.chat_list .list ul li .more_function .window ul li a:hover,.chat_list .list ul li .more_function .window ul li a:focus{color:#059cf5;background:#FFF}.chat_list .list ul li .more_function .window ul li a:hover i,.chat_list .list ul li .more_function .window ul li a:focus i{opacity:.75}.chat_list .list ul li a{display:flex;padding:.75em 1em .5em .5em}.chat_list .list ul li a.bookmark:after{position:absolute;background:url(../images/icon/icon_bookmark_red.svg) no-repeat center center;background-size:contain;width:20px;height:30px;content:"";right:3em;top:.5em}.chat_list .list ul li a:hover .summary .name,.chat_list .list ul li a:focus .summary .name{color:#333}.chat_list .list ul li a:hover .pic .status,.chat_list .list ul li a:focus .pic .status{border:2px solid #FFF}.chat_list .list ul li a.online .pic .status{background:#5aff00}.chat_list .list ul li a.offline .pic .status{background:#AAA}.chat_list .list ul li a .pic{flex-basis:50px;flex:0 0 50px;width:50px;height:50px;margin:0 1em 0 0;border-radius:.25rem;position:relative}.chat_list .list ul li a .pic img{width:100%;height:100%;border-radius:.5rem;object-fit:cover}.chat_list .list ul li a .pic .status{position:absolute;top:-0.45em;right:-0.45em;border-radius:50%;width:1em;height:1em;background:#AAA;border:2px solid #F1F1F1}.chat_list .list ul li a .chat_summary{flex-basis:50px;flex:1 1 50px;position:relative;display:flex;flex:1;flex-flow:row wrap;overflow:hidden}.chat_list .list ul li a .chat_summary .name{color:#555;width:80%;flex-basis:80%;flex:0 1 80%;margin:0;font-weight:bold;margin-bottom:.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat_list .list ul li a .chat_summary .new_message{border-radius:50%;background:rgba(0,0,0,0.55);color:white;position:absolute;top:0;right:.25em;text-align:center;line-height:2em;width:2em;font-weight:bold;font-size:.813rem}.chat_list .list ul li a .chat_summary .new_message.add_message{background:#FF3E4D}.chat_list .list ul li a .chat_summary .summary{font-size:.813rem;color:#666;flex-basis:70%;flex:0 0 70%;width:70%;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat_list .list ul li a .chat_summary time{flex-basis:25%;flex:1 0 25%;color:#717171;font-size:.75rem;text-align:right;white-space:nowrap}.chat_welcome{position:absolute;width:50%;height:100%;left:0px;top:0;background:#d0dada;z-index:9999;background:#96d7fd;background:-webkit-linear-gradient(top, #96d7fd, #FFF);background:linear-gradient(to bottom, #96d7fd,#ffffff);pointer-events:none}.chat_welcome.show{opacity:1}.chat_welcome.hide{opacity:0;display:block;pointer-events:none}@media screen and (max-width: 565px){.chat_welcome{display:none}}.chat_welcome .message{content:"";width:150px;height:300px;position:absolute;left:50%;margin-left:-75px;top:10%;background:url(../images/welcome.svg) no-repeat center top;background-size:100px;text-align:center;padding-top:200px}.chat_content{position:absolute;width:50%;height:100%;left:0px;top:0;background:#036caa;z-index:9;transform:translateX(50%);box-shadow:2px 0px 5px rgba(0,0,0,0.5)}@media screen and (max-width: 565px){.chat_content{z-index:12;width:100%;height:100%;transform:translateX(100%)}}.chat_content.show{transform:translateX(0%);opacity:1}@media screen and (max-width: 565px){.chat_content.show{transform:translateX(0%);z-index:20}}.chat_content.hide{transform:translateX(100%);opacity:0}.chat_content a.information{width:1.5em;height:1.5em;position:absolute;left:.75em;top:.9em;opacity:.65}.chat_content a.information:hover,.chat_content a.information:focus{opacity:1}.chat_content a.video{width:1.5em;height:1.5em;position:absolute;right:2.5em;top:.9em;width:4rem;padding:.25em;height:1.75rem;background:rgba(0,0,0,0.5);border-radius:.25em;opacity:.65;color:#FFF;font-size:.75rem;text-align:center}.chat_content a.video i{margin-right:.25em}.chat_content a.video:hover,.chat_content a.video:focus{opacity:1}.chat_content a.back{width:1.5em;height:1.5em;position:absolute;right:.25em;top:.5em}.chat_content a.back:before{width:8px;height:8px;border:3px solid #FFF;border-left:none;border-top:none;transform:rotate(-45deg);content:"";position:absolute;top:.75em;left:0.25em;opacity:.5}.chat_content a.back:hover:before{opacity:1}.chat_content .title{padding:1em .75em .25em 2em;height:3.1rem;white-space:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:65%;font-size:.875rem;color:#FFF;font-weight:bold}.chat_content .type_area{position:absolute;bottom:2.8em;left:0;height:4.5em;display:flex;flex:1;padding:.5em;width:100%;z-index:99}.chat_content .type_area .form_grp{flex:2 1 70%;flex-basis:75%;margin-right:.25em}.chat_content .type_area .form_grp input[type="text"],.chat_content .type_area .form_grp textarea{height:4.25rem;padding:.25rem;background:rgba(255,255,255,0.85);border:1px solid transparent;color:#444;line-height:1.2em;font-size:.813rem;white-space:nowrap;max-width:100%;white-space:pre-wrap}.chat_content .type_area .form_grp input[type="text"]:focus,.chat_content .type_area .form_grp textarea:focus{box-shadow:none;border:1px solid transparent;color:#222;background:#fff}.chat_content .type_area .btn_grp{flex:1 1 20%;flex-basis:20%;padding:0;margin:0;display:flex;flex-flow:row wrap}.chat_content .type_area .btn_grp button{height:2rem;padding:.15rem;margin:0 .25em .3em;font-size:.813rem !important;border:1px solid transparent}.chat_content .type_area .btn_grp button:active{transform:scale(0.95)}.chat_content .txt_content{position:absolute;height:calc(100% - 3.1em);bottom:0;width:100%;left:0}.chat_content .txt_content .txt_area{position:absolute;width:100%;height:calc(100% - 7.5em);background:#ebebeb;padding:0em 1em 1em .5em;overflow-x:hidden !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}.chat_content .txt_content .txt_area .divider{font-size:.75rem;color:#999}.chat_content .txt_content .txt_area .txt{position:relative;width:90%;margin-bottom:1em;padding:0em .5em;clear:both;overflow:hidden}.chat_content .txt_content .txt_area .txt.left{padding-left:2.5em}.chat_content .txt_content .txt_area .txt.left .bubble{text-shadow:none;background:#ffffff;box-shadow:0px 3px 3px rgba(0,0,0,0.15);color:#666}.chat_content .txt_content .txt_area .txt.left .bubble a{color:#21BAFF}.chat_content .txt_content .txt_area .txt.left .bubble a:hover,.chat_content .txt_content .txt_area .txt.left .bubble a:focus{color:#00a3ed}.chat_content .txt_content .txt_area .txt.left .bubble:after{position:absolute;left:-6px;top:10px;content:"";width:0;height:0;border-style:solid;border-width:4px 8px 4px 0;border-color:transparent #ffffff transparent transparent}.chat_content .txt_content .txt_area .txt.right{padding-right:2.5em;margin:0 0 1em auto}.chat_content .txt_content .txt_area .txt.right .pic{right:0;left:auto}.chat_content .txt_content .txt_area .txt.right .bubble{float:right}.chat_content .txt_content .txt_area .txt.right time{text-align:right;transform-origin:right center}.chat_content .txt_content .txt_area .txt .pic{position:absolute;width:2em;height:2em;top:0;left:0;border-radius:.5em}.chat_content .txt_content .txt_area .txt .pic img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:.25em;object-fit:cover}.chat_content .txt_content .txt_area .txt .bubble{background:#0fba52;padding:.25em .75em;color:#FFF;font-size:.875rem;border-radius:.75em;box-shadow:0px 3px 3px rgba(0,0,0,0.15);float:left;width:auto;position:relative}.chat_content .txt_content .txt_area .txt .bubble a{word-break:break-all;color:#FFF;display:block;text-decoration:underline}.chat_content .txt_content .txt_area .txt .bubble a:hover,.chat_content .txt_content .txt_area .txt .bubble a:focus{color:#fddc76}.chat_content .txt_content .txt_area .txt .bubble .chat_link_info img{width:50px;height:50px;border-radius:.25em;margin-bottom:.5em;display:block}.chat_content .txt_content .txt_area .txt .bubble:after{position:absolute;right:-6px;top:10px;content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 8px;border-color:transparent transparent transparent #0fba52}.chat_content .txt_content .txt_area .txt time{font-size:.75rem;color:#7d7d7d;white-space:nowrap;display:block;clear:both;opacity:.75;transform:scale(0.8);transform-origin:left center}.chat_content .video_content{position:absolute;height:100%;top:0;width:100%;left:0;z-index:99;background:rgba(0,0,0,0.85);display:none;opacity:0}.chat_content .video_content.shrink{position:absolute;top:60px;right:10px;left:auto;width:100px;height:160px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);border-radius:.25em}.chat_content .video_content.shrink .camera_area{height:100%;border-radius:.25rem}.chat_content .video_content.shrink .camera_area a.enlarge{display:block}.chat_content .video_content.shrink .camera_area:hover a.enlarge{display:block}.chat_content .video_content.shrink .camera_area img,.chat_content .video_content.shrink .camera_area video{border-radius:.25rem}.chat_content .video_content.shrink .camera_area .my_camera{display:none}.chat_content .video_content.shrink .camera_function{display:none}.chat_content .video_content.show{display:block;opacity:1}.chat_content .video_content .start_video{position:absolute;width:100%;height:100%;background:#555;top:0;left:0;z-index:9;position:relative;padding-top:30%}.chat_content .video_content .start_video span{text-align:center;display:block;width:90%;margin:0 auto 1em;font-size:1.25rem;font-weight:bold;color:#FFF}.chat_content .video_content .start_video a{width:200px;padding:.5em;border-radius:.25em;border:1px solid #CCC;text-align:center;color:#FFF;font-size:.938rem;display:block;margin:0 auto 1em}.chat_content .video_content .start_video a:hover,.chat_content .video_content .start_video a:focus{background:#333}.chat_content .video_content .start_video.hide{display:none}.chat_content .video_content .camera_area{position:absolute;width:100%;height:70%;left:0;top:0}.chat_content .video_content .camera_area a.enlarge{position:absolute;right:5%;top:auto;bottom:.25rem;width:90%;height:1.25em;border:1px solid rgba(255,255,255,0.5);background:url(../images/icon_enlarge.svg) no-repeat center center rgba(0,0,0,0.45);background-size:contain;border-radius:.25em;z-index:9;display:none}.chat_content .video_content .camera_area a.enlarge:hover{background:url(../images/icon_enlarge.svg) no-repeat center center rgba(0,0,0,0.8);background-size:contain}.chat_content .video_content .camera_area .my_camera{position:absolute;width:80px;height:120px;top:.5em;right:.5em;border:2px solid rgba(255,255,255,0.75);border-radius:.5em;box-shadow:0px 0px 15px -5px rgba(0,0,0,0.75);display:block}.chat_content .video_content .camera_area .my_camera img,.chat_content .video_content .camera_area .my_camera video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.chat_content .video_content .camera_area img,.chat_content .video_content .camera_area video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.chat_content .video_content .camera_function{position:absolute;width:100%;height:30%;left:0;top:auto;bottom:0;display:block}.chat_content .video_content .camera_function a.end_talk{position:absolute;top:3em;left:50%;margin-left:-2em;width:4em;height:4em;background:url(../images/end.svg) no-repeat center center}.chat_content .video_content .camera_function a.end_video{position:absolute;left:3em;top:3.5em;width:3em;height:3em;border:1px solid rgba(255,255,255,0.5);background:url(../images/end_vidoe.svg) no-repeat center center;background-size:50%;border-radius:50%}.chat_content .video_content .camera_function a.end_video:hover{background:url(../images/end_vidoe.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.chat_content .video_content .camera_function a.end_video.open_video{background:url(../images/start_vidoe.svg) no-repeat center center;background-size:50%}.chat_content .video_content .camera_function a.end_video.open_video:hover{background:url(../images/start_vidoe.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.chat_content .video_content .camera_function a.end_audio{position:absolute;right:3em;top:3.5em;width:3em;height:3em;border:1px solid rgba(255,255,255,0.5);background:url(../images/end_audio.svg) no-repeat center center;background-size:50%;border-radius:50%}.chat_content .video_content .camera_function a.end_audio:hover{background:url(../images/end_audio.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.chat_content .video_content .camera_function a.end_audio.open_audio{background:url(../images/start_audio.svg) no-repeat center center;background-size:50%}.chat_content .video_content .camera_function a.end_audio.open_audio:hover{background:url(../images/start_audio.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.chat_content .video_content .camera_function a.reverse{position:absolute;right:.5em;top:.5em;width:3em;height:1.25em;border:1px solid rgba(255,255,255,0.5);background:url(../images/icon_reverse.svg) no-repeat center center rgba(0,0,0,0.25);background-size:contain;border-radius:.25em;z-index:2}.chat_content .video_content .camera_function a.reverse:hover{background:url(../images/icon_reverse.svg) no-repeat center center rgba(0,0,0,0.7);background-size:contain}.chat_content .video_content .camera_function a.shrink{position:absolute;right:4em;top:.5em;width:3em;height:1.25em;border:1px solid rgba(255,255,255,0.5);background:url(../images/icon_shrink.svg) no-repeat center center rgba(0,0,0,0.25);background-size:contain;border-radius:.25em;z-index:2}.chat_content .video_content .camera_function a.shrink:hover{background:url(../images/icon_shrink.svg) no-repeat center center rgba(0,0,0,0.7);background-size:contain}.video_content{position:fixed;top:60px;width:550px;height:550px;right:60px;z-index:99999999;background:rgba(0,0,0,0.85);display:none;opacity:0}@media screen and (max-width: 767px){.video_content{width:100%;height:calc(100% - 60px);top:60px;right:0}}.video_content.shrink{position:absolute;top:60px;right:60px;left:auto;width:550px;height:550px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);border-radius:.25em}@media screen and (max-width: 767px){.video_content.shrink{width:100%;height:calc(100% - 60px);right:0}}.video_content.shrink .camera_area{height:80%;border-radius:0}.video_content.shrink .camera_area a.enlarge{display:none}.video_content.shrink .camera_area:hover a.enlarge{display:none}.video_content.shrink .camera_area img,.video_content.shrink .camera_area video{border-radius:.25rem}.video_content.shrink .camera_area .my_camera{display:block}.video_content.shrink .camera_function{display:block}.video_content.show{display:block;opacity:1}.video_content .start_video{position:absolute;width:100%;height:100%;background:#555;top:0;left:0;z-index:9;position:relative;padding-top:30%}.video_content .start_video span{text-align:center;display:block;width:90%;margin:0 auto 1em;font-size:1.25rem;font-weight:bold;color:#FFF}.video_content .start_video a{width:200px;padding:.5em;border-radius:.25em;border:1px solid #CCC;text-align:center;color:#FFF;font-size:.938rem;display:block;margin:0 auto 1em}.video_content .start_video a:hover,.video_content .start_video a:focus{background:#333}.video_content .start_video.hide{display:none}.video_content .camera_area{position:absolute;width:100%;height:80%;left:0;top:0}.video_content .camera_area a.enlarge{position:absolute;right:5%;top:auto;bottom:.25rem;width:90%;height:1.25em;border:1px solid rgba(255,255,255,0.5);background:url(../images/icon_enlarge.svg) no-repeat center center rgba(0,0,0,0.45);background-size:contain;border-radius:.25em;z-index:9;display:none}.video_content .camera_area a.enlarge:hover{background:url(../images/icon_enlarge.svg) no-repeat center center rgba(0,0,0,0.8);background-size:contain}.video_content .camera_area .my_camera{position:absolute;width:80px;height:120px;top:.5em;right:.5em;border:2px solid rgba(255,255,255,0.75);border-radius:.5em;box-shadow:0px 0px 15px -5px rgba(0,0,0,0.75);display:block}.video_content .camera_area .my_camera img,.video_content .camera_area .my_camera video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video_content .camera_area img,.video_content .camera_area video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video_content .camera_function{position:absolute;width:100%;height:25%;left:0;top:auto;bottom:0;display:block;background:#111;border-radius:0 0 .25em .25em}.video_content .camera_function a.end_talk{position:absolute;top:3em;left:50%;margin-left:-2em;width:4em;height:4em;background:url(../images/end.svg) no-repeat center center}.video_content .camera_function a.end_video{position:absolute;left:3em;top:3.5em;width:3em;height:3em;border:1px solid rgba(255,255,255,0.5);background:url(../images/end_vidoe.svg) no-repeat center center;background-size:50%;border-radius:50%}.video_content .camera_function a.end_video:hover{background:url(../images/end_vidoe.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.video_content .camera_function a.end_video.open_video{background:url(../images/start_vidoe.svg) no-repeat center center;background-size:50%}.video_content .camera_function a.end_video.open_video:hover{background:url(../images/start_vidoe.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.video_content .camera_function a.end_audio{position:absolute;right:3em;top:3.5em;width:3em;height:3em;border:1px solid rgba(255,255,255,0.5);background:url(../images/end_audio.svg) no-repeat center center;background-size:50%;border-radius:50%}.video_content .camera_function a.end_audio:hover{background:url(../images/end_audio.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.video_content .camera_function a.end_audio.open_audio{background:url(../images/start_audio.svg) no-repeat center center;background-size:50%}.video_content .camera_function a.end_audio.open_audio:hover{background:url(../images/start_audio.svg) no-repeat center center rgba(0,0,0,0.7);background-size:50%}.video_content .camera_function a.reverse{position:absolute;right:.5em;top:.5em;width:3em;height:1.25em;border:1px solid rgba(255,255,255,0.5);background:url(../images/icon_reverse.svg) no-repeat center center rgba(0,0,0,0.25);background-size:contain;border-radius:.25em;z-index:2}.video_content .camera_function a.reverse:hover{background:url(../images/icon_reverse.svg) no-repeat center center rgba(0,0,0,0.7);background-size:contain}.video_content .camera_function a.shrink{position:absolute;right:4em;top:.5em;width:3em;height:1.25em;border:1px solid rgba(255,255,255,0.5);background:url(../images/icon_shrink.svg) no-repeat center center rgba(0,0,0,0.25);background-size:contain;border-radius:.25em;z-index:2}.video_content .camera_function a.shrink:hover{background:url(../images/icon_shrink.svg) no-repeat center center rgba(0,0,0,0.7);background-size:contain}.trans{position:fixed;width:360px;height:535px;box-shadow:0px 0px 5em rgba(0,0,0,0.75);top:60px;left:60px;z-index:999999999;background:#FFF;padding:0;display:flex;overflow:hidden}@media screen and (max-width: 767px){.trans{width:100%;height:100%;top:0;left:0;position:relative}}.trans .messenger{padding:.25em}.trans .trans_function{width:100%;height:32px;background:#555;color:#FFF;display:flex}.trans .trans_function a{margin:.25em .25em 0 .5em;color:#AAA}.trans .trans_function a:hover,.trans .trans_function a:focus{color:#FFF}.trans .trans_inside{padding:0.5em;flex-flow:column wrap}.trans .trans_tool{clear:both;overflow:hidden;margin-bottom:.5em}.trans .trans_tool a{display:block;float:left;background:#EEE;border-radius:.25em;padding:.25em 1em;font-size:.75rem;line-height:1.25em;color:#777;min-width:6em;text-align:center}.trans .trans_tool a:hover,.trans .trans_tool a:focus{background:#BBB;color:#FFF}.trans .trans_tool a:nth-child(2){float:right}.trans .trans_lang{display:flex;margin-bottom:.5em;clear:both}.trans .trans_lang select{flex-basis:auto;flex-grow:1;flex-shrink:1;margin:0}.trans .trans_lang button{margin:0;flex-basis:40px;flex-grow:0;flex-shrink:1;padding:.15em;margin:0 .25em 0em;min-width:2em;border:1px solid #DDD;background:transparent}.trans .trans_lang button i{color:#888;font-size:.5em;font-weight:bold;text-shadow:none}.trans .src-text,.trans .trans-text{clear:both;border-radius:.25em;border:2px solid #DDD;padding:.5em;font-size:.813rem;line-height:1.35em;margin-bottom:.5em;height:185px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0);white-space:pre-wrap}
/*# sourceMappingURL=chat.css.map */