@charset "utf-8";
:root {
--theme:rgba(4,79,154,1);
--subtheme: #ed0b00;
--theme_cur: #ed0b00;
--themes-color: #333;
--swiper-navigation-size:42px;
}

::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track {background: #d7d7d7;border-radius: 6px;}
::-webkit-scrollbar-thumb{background: #a59e9e;border-radius: 6px;}
::-webkit-scrollbar-thumb:hover{background: #555;}
.chatroom-username{color: #768387;font-size:11px;}


body {overflow-x:hidden;}
::-webkit-scrollbar-track {background: #d7d7d7;border-radius: 6px;}
::-webkit-scrollbar-thumb{background: #a59e9e;border-radius: 6px;}
::-webkit-scrollbar-thumb:hover{background: #555;}
.chatroom-username{color: #768387;font-size:11px;}





.list_li{animation-name:fadeInUp;animation-duration:1.2s;animation-delay:0s;animation-fill-mode:both;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.list_li2{animation-delay:0.2s;}
.list_li3{animation-delay:0.4s;}
.list_li4{animation-delay:0.6s;}
.list_li5{animation-delay:0.8s;}
.list_li6{animation-delay:1s;}
.list_li7{animation-delay:1.2s;}
.list_li8{animation-delay:1.4s;}
.list_li9{animation-delay:1.6s;}
.list_li10{animation-delay:1.8s;}
.list_li11{animation-delay:1.9s;}
.list_li12{animation-delay:2s;}
.list_li13{animation-delay:2.1s;}
.list_li14{animation-delay:2.2s;}
.list_li15{animation-delay:2.3s;}
.list_li16{animation-delay:2.4s;}
.list_li17{animation-delay:2.5s;}
.list_li:hover{transform: translate(0,-5px);margin-top:-3px !important;}







/* web link*/
a:link {color:;text-decoration:none;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
a > div{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
a *{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
a div div{transition:all 0s;-webkit-transition: all 0s;-moz-transition:all 0s;-o-transition: all 0s;}
a:visited {color:;text-decoration:none;transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
a:hover {color:#0062b6;text-decoration:none;transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
a:active{color:#0062b6;text-decoration:none;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
html .s_img{padding: 0 0 75%;position:relative;display:block;height: auto;overflow: hidden;}
html .s_img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);/* max-height: 100%;*/transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;max-height: 112%;}
html .s_img:hover img{transform:translate(-50%,-50%) scale(1.06);}
#zoom1,#zoom{border: 1px solid #EEE;}
.MagicZoomPup{display:none;}

@font-face {font-family: 'Conv_DINCondensedC';src: url('../fonts/DINCondensedC.eot');src: local('zfontº'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');font-weight: normal;font-style: normal;}
body{font-family:"zfont",Helvetica Neue,sans-serif,Arial;height:100%;position:relative;backgroun:#fff;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:var(--theme);}
::-moz-selection {color:#fff;background:var(--theme);}
::selection {color:#fff;background:var(--theme);}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#6E6E6E;text-decoration:none}
a:focus,a:hover {color:var(--theme);transition:none}
a.text-gray:hover{color:#6E6E6E}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.fixed {z-index:9999;}
.bg-gray{background: #ededed;margin: 0px 0 0px 0;background: rgba(4,79,154,0.08);overflow: hidden;}
.bg-sub{background:#6e6e6e}
.tag{display:inline-block;transition:.5s}
.tag.padding{padding:5px 12px}
.tags{color: var(--theme)!important;border: 1px solid var(--theme)!important;background-color: unset;}
.Conv_DINCondensedC{font-family: "Conv_DINCondensedC";}
html .tags:hover{background:var(--theme);color: #fff !important;}
.mb5{margin-bottom: 5px;}
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height: auto;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height: auto;line-height: 32px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}