@font-face {font-family: 'Open Sans';font-style: normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(font/os/300.woff) format('woff');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans'), url(font/os/400.woff) format('woff');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'), local('OpenSans-Semibold'), url(font/os/600.woff) format('woff');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(font/os/700.woff) format('woff');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(font/os/800.woff) format('woff');}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background-color:#EFF1F3;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,.3)}
*{word-wrap:break-word;outline:none;}
html,body,div,span,h1,h2,h3,h4,p,a,
dl,dt,dd,ol,ul,li,fieldset,legend,label,form,input,select,option,textarea,button,
table,tr,th,td{margin:0;padding:0;vertical-align:baseline;color:#333;font-weight:400;font-size:15px;line-height:160%;
font-family:'Open Sans','Helvetica Neue', 'Helvetica', 'PingFang SC', 'Microsoft Yahei', 'Arial', sans-serif;}
@media screen and (max-width:640px) {
html,body,div,span,h1,h2,h3,h4,p,a,
dl,dt,dd,ol,ul,li,fieldset,legend,label,form,input,select,option,textarea,button,
table,tr,th,td{font-size:16px;}
}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
img{border:0;vertical-align:middle;max-width:100%}
p{margin:12px 0;}
h1, h2, h3, h4{font-size:30px;line-height:normal;margin:0 0 16px 0;font-weight:700;}
h2{font-size:26px} h3{font-size:22px;} h4{font-size:17px;}
ul,li{list-style:none;}
a{color:#333;text-decoration:none;} a:hover{color:#00a0e9;text-decoration:underline}
.clear{clear:both;width:100%;height:0;overflow:hidden;}
.hide{display:none;}
.center{text-align:center;} .right{text-align:right;}
.fleft{float:left;} .fright{float:right;}
.remark{color:#999;font-size:11px;} .red{color:#F00;} .blue{color:#06F;} .yellow{color:#FF0;} .checked, .green{color:#13C4A5;}
.cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
del{color:#999;font-size:11px;}
.pd20{padding:20px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;}
.fs16{font-size:16px;} .fs18{font-size:18px;} .fs24{font-size:24px;}

/** badge **/
.row1, .row2{overflow:auto;}
.row1 li, .row2 li{list-style:none;overflow:hidden;white-space:nowrap;cursor:pointer;margin:2px 0;}
.row1 li{display:inline-block;padding:2px 5px;margin-right:5px;}
.row1 li.checked{background-color:#13C4A5;color:#fff;}

.badge, .badge-green, .badge-gray, .badge-cyan, .badge-red{display:inline-block;height:16px;line-height:16px;padding:0 5px;color:#FFF;font-size:10px;background-color:#FF5722;white-space:nowrap;font-weight:400 !important;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.badge-green{background-color:#13C4A5;}
.badge-cyan{background-color:#2F4056 !important;}
.badge-gray{background-color:#EEE;color:#666 !important;}
.badge-red{background-color:#ED5565;}

/** btn **/
select{-webkit-appearance:none;background:url("../images/arrow-down.png") #FFF right center no-repeat;background-size:10px auto;
background-position-x: -moz-calc(100% - 10px);background-position-x: -webkit-calc(100% - 10px);background-position-x: calc(100% - 10px);}
.input-wrapper, .input-group{margin-bottom:30px;}
.input-wrapper .label{margin-bottom:10px;}
.input-wrapper .inp{position:relative;background-color:#F2F2F2;}
.input-wrapper input, .input-wrapper textarea{background-color:transparent;border:none;color:#333;padding:0 12px;
width: -moz-calc(100% - 24px);width: -webkit-calc(100% - 24px);width: calc(100% - 24px);}
.input-wrapper input, .input-wrapper select{height:52px;line-height:52px;}
.input-wrapper select{width:100%;border:none;padding-left:10px;}
.input-wrapper input[type="checkbox"], .input-wrapper input[type="radio"]{width:20px;height:20px;line-height:20px;padding:0;vertical-align:middle;}
.input-wrapper textarea{padding:10px;height:100px;}
.input-wrapper .inp:hover{transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;outline:0;
border-color:rgba(0,0,0, .35);box-shadow:0 0 8px rgba(0,0,0, .35);-moz-box-shadow:0 0 8px rgba(0,0,0, .35);-webkit-box-shadow:0 0 8px rgba(0,0,0, .35)}
.input-wrapper .inp .msg{display:none;position:absolute;width:100%;height:22px;left:-1px;bottom:-22px;}
.input-wrapper .inp .msg.warn{background-color:#ffebec;border:1px solid #ffbdbf;}
.input-wrapper .inp .msg.load{background-color:#d8f8a8;border:1px solid #92c843;}
.input-wrapper .inp .msg span{display:inline-block;padding:0 10px;font-size:11px;line-height:22px;}
.input-wrapper .inp .msg .fa{line-height:22px;}
.input-wrapper .inp .msg.warn span{color:#e6393d;}
.input-wrapper .inp .msg.load span{color:#568610;}
.input-col-two li{float:left;width:50%;}
.input-col-two .col-b{padding-right:25px;}
.input-group{border:1px solid #DFDFDF;height:40px;clear:both;}
.input-group .icon{display:block;float:left;height:40px;line-height:40px;width:40px;text-align:center;background-color:#F7F7F7;}
.input-group .icon .fa{line-height:40px;font-size:16px;}
.input-group input{float:left;border:none;background-color:#FFF;color:#039;padding:0 10px;height:40px;width: -moz-calc(100% - 60px);width: -webkit-calc(100% - 60px);width: calc(100% - 60px);}

.btn-submit, .btn-submit-s, .btn-gray, .btn-gray-s, .btn-warm, .btn-alert
{display:inline-block;border:none;padding:16px 30px;cursor:pointer;background-color:#00a0e9;color:#FFF;}
.btn-submit:hover, .btn-submit-s:hover{background-color:#078dca;text-decoration:none;color:#FFF;}
.btn-submit-s, .btn-gray-s{padding:8px 22px;}
.btn-submit .fa-long-arrow-right{margin-left:8px;}
.btn-gray, .btn-gray-s{background-color:#CCC;color:#FFF;}
.btn-gray:hover, .btn-gray-s:hover{background-color:#999;color:#FFF;text-decoration:none;}
.btn, .list-more button{display:inline-block;background-color:#F1F1F1;border:1px solid #DDD;padding:8px 20px;text-align:center;color:#333;cursor:pointer;}
.btn:hover, .list-more button:hover{background-color:#FAFAFA;border:1px solid #666;color:#333;text-decoration:none;}
.btn-alert, .btn-warm{padding:5px 10px;font-size:12px;}
.btn-alert {background-color:#FF5722;}
.btn-alert:hover, .btn-warm:hover{background-color:#DB4B1F;color:#FFF;text-decoration:none;}
.btn-warm {background-color:#FFB800;}
.btn-warm:hover{background-color:#D69A0A;}
.btn-radius{display:inline-block;border:1px solid #777;color:#333 !important;height:48px;line-height:48px;padding:0 50px;background-color:#FFF;cursor:pointer;text-align:center;
border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;}
.btn-radius:hover{background-color:#00a0e9;border-color:#00a0e9;color:#FFF !important;text-decoration:none;}
.btn-submit .icon, .btn-radius .icon{font-size:12px;}

/** toastr **/
.toast-title{font-weight:700}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word;color:#FFF;}
.toast-message label{color:#FFF}
.toast-message a{font-size:100%;}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.toast-top-center{top:0;right:0;width:100%}
.toast-bottom-center{bottom:0;right:0;width:100%}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:9999999999;pointer-events:none}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51A351}
.toast-error{background-color:#BD362F}
.toast-info{background-color:#2F96B4}
.toast-warning{background-color:#F89406}
.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}
}

.dialog-tips{color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);}
.dialog-tips .content{padding:10px 20px;color:#FFF;}
.dialog-tips .fa{margin-right:8px;}
.dialog-tips-warn{background-color:#36012d;}
.dialog-tips-error{background-color:#ec6060;}

.dialog-confirm{background-color:#FFF;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;}
.dialog-confirm .bar{display:none;}
.dialog-confirm .msg{padding:30px;font-size:18px;line-height:145%;}
.dialog-confirm .bt{text-align:right;padding:0 30px 30px 30px;}
.dialog-confirm .bt-cancel, .dialog-confirm .bt-ok, .dialog .bt-cancel, .dialog .bt-ok
{display:inline-block;height:32px;line-height:32px;padding:0 15px;border:1px solid #DDD;background-color:#F2F2F2;cursor:pointer;}
.dialog-confirm .bt-ok{background-color:#e13719;border-color:#e13719;color:#FFF;margin-left:4px;}
.dialog-confirm .bt-ok:hover{background-color:#b02b13;border-color:#b02b13;}
.dialog-confirm .bt-cancel:hover, .dialog .bt-cancel:hover{background-color:#DDD;}
.dialog .bt-ok, .dialog .bt-cancel{height:40px;line-height:40px;padding:0 20px;}
.dialog .bt-ok{background-color:#00a0e9;border-color:#00a0e9;color:#FFF;margin-left:4px;}
.dialog .bt-ok:hover{background-color:#078dca;border-color:#078dca;}

.dialog, .dialog-iframe, .dialog-login, .dialog-video{position:relative;background-color:#FFF;-moz-box-shadow: 0 1px 50px rgba(0,0,0,0.6);-webkit-box-shadow: 0 1px 50px rgba(0,0,0,0.6);box-shadow: 0 1px 50px rgba(0,0,0,0.6);}
.dialog, .dialog .content, .dialog-login, .dialog-login .content{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.dialog .content{background-color:#FFF;padding:25px;}
.dialog-login .content{padding:30px;}
.dialog .close, .dialog-image .close, .dialog-iframe .close, .dialog-login .close, .dialog-video .close
{position:absolute;display:block;top:0;right:20px;cursor:pointer;font-size:16px;}
.dialog .close .fa, .dialog-image .close .fa, .dialog-login .close .fa, .dialog-video .close .fa{line-height:50px;color:#999;}
.dialog .close:hover .fa, .dialog-image .close:hover .fa, .dialog-login .close:hover .fa{color:#000;}
.dialog .bar h1{height:53px;line-height:53px;margin:0;padding:0 25px;font-weight:400;font-size:18px;border-bottom:1px solid #DDD;}
.dialog .bt{position:absolute;width:100%;border-top:1px solid #DDD;bottom:0;left:0;overflow:hidden;background-color:#FFF;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.dialog .bt-b{height:60px;line-height:60px;padding:0 25px;text-align:right;}
.dialog-iframe .close, .dialog-image .close{background-color:#FFF;width:22px;height:22px;right:-10px;top:-12px;text-align:center;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;
-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.dialog-iframe .close .fa, .dialog-image .close .fa{line-height:22px;font-size:14px;}
.dialog-login .btn-submit{width:100%;padding:15px 0;text-align:center;}
.dialog-subscribe .close{display:none;}

.tabs{border-bottom:1px solid #00a0e9;margin-bottom:25px;}
.tabs li{float:left;padding:10px 25px;margin-right:10px;background-color:#F2F2F2;cursor:pointer;}
.tabs li:hover{background-color:#E2E2E2;}
.tabs li.on{background-color:#00a0e9;color:#FFF;}
.tabs li a{color:#FFF;} .tabs li a:hover{text-decoration:none;}

.video-title{background-color:#252525;padding:12px 15px;font-size:18px;font-weight:300;color:#FFF;}k

/** message **/
.message-status-icon{display:inline-block;width:12px;height:12px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.message-unread{font-weight:bolder;}
.message-unread .fa-envelope{color:#f18718;}
.message-read{color:#999;}
.message-list li{margin-bottom:15px;}
.message-list .content{margin:8px 0 8px 16px;}
.message-list .reply{background-color:#F2F2F2;margin-top:5px;padding:8px;margin-left:16px;position:relative;}
.message-list .reply .arrow{position:absolute;width:8px;height:8px;background-color:#F2F2F2;top:-4px;left:6px;
transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/** layout **/
.floor{margin:0 auto;width:1230px;}
#top{position:relative;;width:100%;height:110px;background-color:#030303;}
#top .floor{position:relative;}

#logo{float:left;overflow:hidden;}
#logo img{height:80px;margin:15px 0;float:left;}

#language-toggle{position:absolute;top:5px;right:0;z-index:1;border:1px solid #444;color:#999;font-size:9px;height:16px;line-height:16px;padding:0 5px;cursor:pointer;}
#language-toggle:hover{color:#CCC;border-color:#999;}
#language-toggle img{height:8px;}
#language-toggle .arrow{font-size:10px;vertical-align:middle;}
#language-toggle-menu{display:none;position:absolute;top:18px;right:0;overflow:hidden;min-width:100px;}
#language-toggle-menu li{white-space:nowrap;padding:6px 15px;cursor:pointer;font-size:14px;}
#language-toggle-menu li:hover{background-color:#F2F2F2;}
#language-toggle-menu img{height:12px;}

#top-search{float:right;overflow:hidden;background-color:#333;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;}
#top-search input, #top-search button{float:left;width:80px;height:32px;line-height:32px;border:none;background-color:transparent;padding:0 15px;color:#DDD;font-size:13px;}
#top-search button{float:right;width:40px;cursor:pointer;padding:0;}
#top-search button .icon{font-size:15px;}
#top-search button:hover{color:#FFF;}

#nav{float:right;margin-top:38px;}
#nav-menu{float:right;padding:0;list-style:none;margin:0 20px 0 0;max-width:800px;}
#nav-menu li.n{float:left;position:relative;}
#nav-menu a.p{position:relative;display:inline-block;line-height:34px;color:#FFF;text-transform:uppercase;margin:0 16px;}
#nav-menu a.p:after{position:absolute;content:'';margin:auto;width:0;bottom:0;left:0;right:0;height:1px;background-color:#00a0e9;overflow:hidden;}
#nav-menu a.p:hover:after, #nav li.on a.p:after{width:100%;}
#nav-menu a.p:hover, #nav li.on a.p{text-decoration:none;color:#00a0e9;}
#nav-menu .arrow{color:#FFF;font-size:10px;}
#nav-menu a.p:hover .arrow, #nav li.on .arrow{color:#00a0e9;}
.nav-sub{position:absolute;top:36px;left:0;z-index:999;height:0;overflow:hidden;
opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);}
#nav-menu li.n:hover .nav-sub{top:34px;height:auto;padding:8px 0;overflow:visible;
opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);}
.nav-sub .sub{position:absolute;z-index:2;display:none;}
.nav-sub a{display:block;white-space:nowrap;color:#CCC;padding:6px 15px;position: relative;}
.nav-sub a:hover{text-decoration:none;color:#00a0e9;}
.nav-sub a.sp{padding-right:50px !important;}
.nav-sub .s-arrow{position:absolute;right:12px;top:8px;font-size:10px;}
#nav-toggle, #nav-close{display:none;}

#main{margin-bottom:120px;}
.main-left{float:left;width:23%;}
.main-right{float:right;width:70%;}

/** footer **/
#footer{background-color:#111;overflow:hidden;}

.footer-subscription{text-align:center;padding:80px 0;}
.footer-subscription h4{color:#FFF;font-size:38px;margin:0 0 15px 0;}
.footer-subscription p{color:#CCC;margin:0 0 25px 0;}
.footer-subscription form{background-color:#FFF;margin:0 auto;width:600px;height:50px;overflow:hidden;
border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.footer-subscription button, .footer-subscription input{float:left;height:50px;line-height:50px;border:none;}
.footer-subscription button{float:right;width:130px;text-align:center;background-color:#00a0e9;color:#FFF;cursor: pointer;}
.footer-subscription button:hover{background-color:#078dca;}
.footer-subscription input{padding:0 20px;width: -moz-calc(100% - 170px);width: -webkit-calc(100% - 170px);width: calc(100% - 170px);}

.footer-column{border-top:1px solid #222;padding-top:60px}
.footer-column .i-column{float:left;width:33.33%;}
.footer-column h4{color:#FFF;font-size:22px;margin-bottom:35px;}
.footer-link li{list-style:square;color:#BBB;margin:0 0 8px 14px;padding-left:8px;}
.footer-link a{color:#BBB;}
.footer-contact .i-icon, .footer-contact .i-text{float:left;width:50px;color:#BBB;}
.footer-contact .i-text{width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: calc(100% - 50px);}
.footer-contact li{margin-bottom:8px;}
.copyright{text-align:center;color:#999;padding:60px 0;}
.footer-sns, .footer-link{margin-left:50px;}

.footer-sns .icon, .share .icon{display:inline-block;height:38px;width:38px;line-height:38px;text-align:center;
border:1px solid #777;background-color:transparent;color:#777;}
.share .icon{height:28px;width:28px;line-height:28px;border:none;}
.footer-sns a, .share a{display:inline-block;margin:0 8px 8px 0;}
.footer-sns a .icon{font-size:18px;}
.footer-sns a:hover .icon, .share a:hover .icon{color:#FFF;}
a.a-facebook:hover .icon{border-color:#3b5998;background-color:#3b5998;}
a.a-youtube:hover .icon{border-color:#ff3132;background-color:#ff3132;}
a.a-google:hover .icon{border-color:#00b85a;background-color:#00b85a;}
a.a-instagram:hover .icon{border-color:#517fa4;background-color:#517fa4;}
a.a-twitter:hover .icon{border-color:#2daae1;background-color:#2daae1;}
a.a-blog:hover .icon{border-color:#f2861d;background-color:#f2861d;}
a.a-pinterest:hover .icon{border-color:#cb2027;background-color:#cb2027;}
a.a-linkedin:hover .icon{border-color:#0073b2;background-color:#0073b2;}

/** pos **/
#pos{height:280px;position:relative;background-color:#222;}
#pos .i-bg{position:absolute;width:100%;height:100%;top:0;left:0;}
#pos .i-bg:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
#pos h1{position:absolute;top:0;left:0;width:100%;text-align:center;color:#FFF;z-index:3;line-height:280px;font-size:58px;font-weight:300;margin:0;}
#pos-nav{height:60px;line-height:60px;border-bottom:1px solid #EEE;color:#666;margin-bottom:60px;}
#pos-nav a{color:#666;font-size:13px;}
#pos-nav a:hover{text-decoration:none;}
#pos-nav .arrow{font-size:9px;margin:0 8px;}
#pos-nav .icon-home{margin-right:8px;font-size:14px;}

/** page **/
.page{text-align:center;margin:40px 0;}
.page a, .page span{display:inline-block;background-color:#EEE;margin:5px;padding:2px 16px;color:#333;line-height:33px;vertical-align:middle}
.page a:hover, .page span.on{background-color:#00a0e9;text-decoration:none;color:#FFF;}
.page a i, .page span i{line-height:33px;}
.page span.off{color:#999;}

/** share **/
.share li{float:left;}
.share li.h{line-height:28px;color:#999;margin-right:20px;text-transform:uppercase;}

/** title **/
.bar-h1 .i-top{color:#00a0e9;text-transform:uppercase;margin-bottom:20px;font-size:13px;}
.bar-h1 .i-top i{display:inline-block;margin-right:15px;vertical-align:middle;}
.bar-h1 h2{font-size:35px;letter-spacing:-1.2px;line-height:125%;margin-bottom:26px;font-weight:700;}
.bar-h1 h2 b{font-weight:700;color:#00a0e9;}
.bar-h1 .i-line-bottom, .bar-h1 .i-top i{width:52px;height:2px;background-color:#00a0e9;}

.bar-header{position: relative;margin-bottom:110px;text-align:center;}
.bar-header:after{position: absolute;content:'';width:100%;height:1px;background-color:#DDD;left:0;top:50%;z-index:-1;}
.bar-header .i-title{display:inline-block;max-width:600px;background-color:#FFF;padding:0 25px;}
.bar-header h2{font-size:35px;margin:0 0 15px 0;}
.bar-header p{margin:0;color:#666;font-size:16px;}

/** totop **/
#totop{position:fixed;display:none;width:45px;height:45px;background-color:#000;opacity:0.6;cursor:pointer;bottom:60px;right:0;text-align:center;z-index:10;}
#totop .icon{line-height:42px;font-size:24px;color:#FFF;}
#totop:hover{opacity:1;}
#contact-fixed{position:fixed;z-index:99;right:0;bottom:105px;width:45px;}
#contact-fixed .i-h{height:45px;text-align:center;background-color:#00a0e9;color:#FFF;cursor:pointer;}
#contact-fixed .i-h:hover{background-color:#078dca;}
#contact-fixed .i-h .icon{line-height:45px;font-size:22px;}
#contact-fixed .i-items{display:none;position:absolute;right:45px;bottom:0;}
#contact-fixed .i-items .b{padding:10px 0;}
#contact-fixed .i-items a{display:block;white-space:nowrap;padding:10px 20px;color:#444;}
#contact-fixed .i-items a .icon{font-size:16px;margin-right:8px;}
#contact-fixed .i-items a:hover{color:#078dca;text-decoration:none;}

/** ---------------- desc ---------------- **/
.content-desc{line-height:185%;font-size:18px;}
.content-desc p{margin:25px auto;}
.content-desc a{color:#069;text-decoration:underline;}
.content-desc a:hover{text-decoration:none;}
.content-desc h1 {margin:20px 0;}
.content-desc h2 {margin:15px 0;}
.content-desc h3 {margin:10px 0;}
.content-desc ul{padding:0 25px;list-style:disc;}
.content-desc ul li{list-style:disc;}
.content-desc ol{padding:0 25px;list-style:decimal;}
.content-desc ol li{list-style:decimal;}
.content-desc table{margin-bottom:20px;border-collapse:collapse;display:table;}
.content-desc td,.content-desc th{padding: 5px 10px;}
.content-desc th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.content-desc td p{margin:0;padding:0;}
.content-desc span, .content-desc td, .content-desc p, .content-desc li
{font-family:inherit;font-size:17px;color:inherit;line-height:185%;}
.content-desc .lazyload{min-height:50px;}
.content-desc a.btn-submit{color:#FFF;text-decoration:none;}

/** editor **/
.selectTdClass{background-color:#edf5fa !important}
table.noBorderTable td, table.noBorderTable th, table.noBorderTable caption{border:1px dashed #ddd !important}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
table tr.firstRow th{border-top-width:2px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc; }
.ue-table-interlace-color-double{ background-color: #f7faff; }
.list-paddingleft-1{padding-left:0}
.list-paddingleft-2{padding-left:30px}
.list-paddingleft-3{padding-left:60px}


/** ---------------- common ------------------ **/
.btn-submit, .btn-submit-s, .btn, .btn-gray, .btn-gray-s, .btn-radius,
.dialog-confirm .bt-cancel, .dialog-confirm .bt-ok, .dialog .bt-cancel, .dialog .bt-ok,
.btn-warm, .btn-alert, 
.footer-sns .icon, .share .icon, .footer-subscription button, .tabs li,
#top-search button, #nav-menu a.p, #nav-menu a.p:after,  .nav-sub, .nav-sub a.s,
.page a, #totop, #language-toggle, #language-toggle-menu, #contact-fixed .i-h,
.footer-link a, .footer-subscription button
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}

/** radius **/
.br-3, .dialog-tips, .dialog-confirm, .dialog-confirm .bt-cancel, .dialog-confirm .bt-ok, .dialog .bt-cancel, .dialog .bt-ok,
.input-wrapper .inp, .btn-submit, .btn-submit-s, .btn, .btn-gray, .btn-gray-s,
.input-wrapper input, .input-wrapper textarea, .input-wrapper select, .row1 li, .input-group,
.btn-warm, .btn-alert, .list-more button, .btn-icon, a.btn-icon,
#language-toggle, #nav-menu a.p
{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.br-all, .footer-sns .icon, .share .icon
{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}

/** shadow **/
.nav-sub, .nav-sub .sub, #language-toggle-menu, #contact-fixed .i-items
{background-color:#FFF;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.nav-sub, .nav-sub .sub{background-color:rgba(0,0,0,0.8);}

/** ---------------- media ------------------ **/
@media screen and (max-width:1230px){
.floor{width:auto;padding-left:15px;padding-right:15px;}
#top{height:60px;}
.top-fixed{position:fixed !important;z-index:99;}
#logo img{height:22px;margin:19px 0;}
#language-toggle{right:55px;top:21px;}

#top-search{float:inherit;width:258px;margin:40px 20px 20px 20px;background-color:#FFF;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;}
#top-search input{width: -moz-calc(100% - 70px);width: -webkit-calc(100% - 70px);width: calc(100% - 70px);}
#top-search input, #top-search button{height:42px;line-height:42px;color:#333;}

#nav-toggle{position:absolute;display:block;cursor:pointer;right:15px;top:0;z-index:2;}
#nav-toggle .icon{color:#DEDEDE;font-size:22px;line-height:60px;}
#nav{position:fixed;top:0;left:0;margin:0;padding:0;overflow-y:scroll;overflow-x:hidden;width:0;height:100%;background-color:#252525;z-index:9999;
-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.4);box-shadow: 0 8px 15px rgba(0,0,0,0.4);}
#nav-close{display:block;position:absolute;right:10px;top:10px;cursor:pointer;font-size:16px;color:#FFF;}
#nav-menu{float:inherit;width:100%;margin:0;}
#nav-menu li.n{float:inherit;clear:both;width:100%;margin:0;border-bottom:1px solid #444;}
#nav-menu a.p{display:block;color:#FFF;padding:0 20px;margin:0;font-size:16px;}
#nav-menu .arrow{position:absolute;right:20px;top:0;}
#nav-menu a.p, #nav-menu .arrow{height:52px;line-height:52px;}
.nav-sub{display:none;position:static;top:auto;left:auto;z-index:inherit;height:auto;padding:8px 0;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);}
#nav-menu li.n:hover .nav-sub{display:none;}
.nav-sub a{padding:8px 20px;}
.nav-sub .sub{position: static;background-color:#222;padding:8px 10px;}

.bar-header{margin-bottom:80px;}

#pos-nav{margin-bottom:25px;}
}

@media screen and (max-width:890px) {
.footer-column .i-column{width:100%;margin-bottom:50px;}
.footer-link, .footer-sns{margin:0;}
.copyright{padding-top:30px;}

#pos{height:200px;}
#pos h1{line-height:200px;font-size:48px;}

.main-left, .main-right{width:100%;float:inherit;clear:both;}
.main-left{margin-bottom:20px;}
}

@media screen and (max-width:640px) {
#contact-fixed{display:none;}
#totop{right:15px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}

.footer-subscription form{width:auto;height:auto;background-color:transparent;}
.footer-subscription button, .footer-subscription input{float:inherit;
width:100%;padding-left:0;padding-right:0;text-align:center;
border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.footer-subscription input{background-color:#FFF;margin-bottom:10px;}

.footer-column{padding:0;border:none;}
.footer-column .i-column{margin-bottom:35px;}
.footer-column h4{margin-bottom:25px;}
.copyright{padding:15px 0 50px 0;font-size:13px;}

#pos{height:120px;}
#pos h1{line-height:120px;font-size:30px;}
#pos-nav{height:50px;line-height:50px;}
#pos-nav a{font-size:12px;}
#pos-nav .arrow{margin:0 5px;}

.bar-header{margin-bottom:40px;}
.bar-header .i-title{margin:0 20px;}
.bar-header h2{font-size:28px;}
.bar-header p{font-size:14px;}

.bar-h1 h2{font-size:29px;}

}