@charset "UTF-8";

/* GNU & Common ------------------------------------------------------ */
.btn-wset, .hidden-img, .alazy { display: none; }
.page-wrap img { max-width: 100%; display: block; margin: 0 auto;}
.page-wrap p { padding: 0px; margin: 0px; }
.hash-tag { font-weight: bold; }
.member, .guest { color: rgb(51, 51, 51); }
#nameContextMenu { background: #000; color: #fff; padding: 0 !important; z-index: 9999; padding: 6px 0 !important; }
#nameContextMenu a { color: #fff; font-size: 12px; line-height: 20px; display: block; padding: 0 8px; }
#nameContextMenu a:hover { color: #ff0000; }
#nameContextMenu td { padding: 0 !important; border: 0 !important; }
#autosave_pop ul { padding: 0px !important; list-style: none !important; }
#autosave_pop li { display: block; }
#viewModalLoading { position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -90px; display: none; }
#viewModal .modal-body { -webkit-overflow-scrolling: touch; }

/* Exif -------------------------------------------------------- */
.img-tag { max-width: 100%; border: 0; }
.img-exif { margin: 0px auto 30px; max-width: 100%; }
.img-exif img { display: block; margin: 0px auto !important; max-width: 100%; }
.img-exif .exif-data { padding: 15px; margin-top: 15px; background: #fafafa; border: 1px solid #eee; line-height: 20px; color: #333; overflow: hidden; }
.img-exif ul.iptc-list { padding: 0px 5px 6px; margin: 0px 0px 15px; border-bottom: 1px dotted #bbb; list-style: none; }
.img-exif ul.iptc-list li { margin-bottom: 4px; }
.img-exif ul.exif-list { padding: 0px; padding-left: 20px; margin: 0px; }
.img-exif ul.exif-list:after { display: block; visibility: hidden; clear: both; content: ""; }
.img-exif ul.exif-list li { float: left; padding-right: 20px; width: 33.333%; }
@media all and (max-width:767px) {
  .responsive .img-exif ul.exif-list li { width: 50%; }
}
@media all and (max-width:420px) {
  .responsive .img-exif ul.exif-list li { width: 100%; }
}

/* Iframe ------------------------------------------------------ */
.div-iframe { margin: 0 auto; max-width: 100% }
.div-iframe .iframe-wrap { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin: 0; }
.div-iframe .iframe-wrap iframe, .div-iframe .iframe-wrap video, .div-iframe .iframe-wrap object, .div-iframe .iframe-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Panel : Accordions ------------------------------------------------------ */
.div-panel.panel-group { margin-bottom: 30px; }
.div-panel.panel-group.no-bottom { margin-bottom: 0px; }
.div-panel.panel-group .panel { border: 0; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; }
.div-panel.panel-group .panel + .panel { margin-top: 0px; border: 0; }
.div-panel.panel-group .panel-heading { padding: 0; position: relative; background: none; }
.div-panel.panel-group .panel-heading::after { content: ""; }
.div-panel.panel-group .panel-heading { padding: 0; border-radius: 0; }
.div-panel.panel-group .panel-heading .rank-icon { margin-top: 3px; }
.div-panel.panel-group .panel-heading a { outline: none; display: block; padding: 10px 15px; padding-right: 0px; padding-left: 0; border-radius: 0; border-top: 1px solid rgb(235, 235, 235); }
.div-panel.panel-group .panel:first-child .panel-heading a { border-top: 0px; }
.div-panel.panel-group .panel:last-child .panel-heading a { border-bottom: 1px solid rgb(235, 235, 235); }
.div-panel.panel-group .panel-heading a .panel-icon::after { font-family: dotum; text-align: center; line-height: 18px; font-size: 14px; display: inline-block; width: 18px; height: 18px; margin-right: 2px; background: #333; color: #fff; content: "+"; }
.div-panel.panel-group .panel-heading a.active { color: rgb(233, 27, 35); border-bottom: 1px solid rgb(55, 55, 55) !important; }
.div-panel.panel-group .panel-heading a.active .panel-icon::after { background: rgb(233, 27, 35); color: #fff; content: "-"; }
.div-panel.panel-group .panel-body { margin: 0; border: 0 !important; border-radius: 0; padding-left: 25px; }
.div-panel.panel-group .list-group { margin: 0; border: 0; border-radius: 0; }
.div-panel.panel-group .list-group .list-group-item { margin-bottom: 0; border: 0; border-radius: 0; padding: 4px 15px; padding-right: 0px; padding-left: 25px; word-break: break-all; }
.div-panel.panel-group .list-group .list-group-item .rank-icon { margin-top: 3px; }
.div-panel.panel-group a.active.list-group-item, .div-panel.panel-group a.active.list-group-item:hover, .div-panel.panel-group a.active.list-group-item:focus { background-color: rgb(245, 245, 245); color: crimson; border-color: none; font-weight: bold; }

/* Tabs ------------------------------------------------------ */
.tabs li a { cursor: pointer !important; }
.div-tab.tabs, .div-tab-top.tabs, .div-tab-bottom.tabs, .div-tab-btn.tabs { margin-bottom: 0; }
.div-tab.tabs::before, .div-tab-top.tabs::before, .div-tab-bottom.tabs::before, .div-tab-btn.tabs::before { display: table; content: " "; }
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after { display: table; content: " "; }
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after { clear: both; }
.div-tab.tabs ul.nav-tabs, .div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs { margin: 0; }
.div-tab.tabs div.tab-content { border-width: 0px 1px 1px; border-style: solid; border-color: rgb(221, 221, 221); padding: 15px; }
.div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content { border: 0; padding: 15px 0; }
.div-tab.tabs div.tab-content, .div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content { border-radius: 0; border-image: none; box-shadow: none; background-color: #fff; -webkit-box-shadow: 0; -moz-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: 0; }
.div-tab.tabs ul.nav-tabs li { background: rgb(247, 247, 247); border-image: none; color: #333; margin-right: 0; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(230, 230, 230); border-image: none; line-height: 14px !important; }
.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus { border: 0; border-top: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(230, 230, 230); border-image: none; }
.div-tab.tabs ul.nav-tabs li:first-child { border-left: 1px solid rgb(221, 221, 221); margin-left: 0px; }
.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover { border-right: 1px solid rgb(221, 221, 221); }
.div-tab.tabs ul.nav-tabs li.active { background: #fff; border-top: 1px solid #333; }
.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover, .div-tab.tabs ul.nav-tabs li a:focus, .div-tab.tabs ul.nav-tabs li:first-child a, .div-tab.tabs ul.nav-tabs li:first-child a:hover, .div-tab.tabs ul.nav-tabs li:first-child a:focus, .div-tab.tabs ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child a:hover, .div-tab.tabs ul.nav-tabs li:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 1px solid transparent; border-bottom: 1px solid rgb(221, 221, 221); margin: 0; line-height: 14px !important; }
.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus, .div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus, .div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 1px solid #333; border-bottom: 1px solid transparent; margin: 0; line-height: 14px !important; }
.div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs { background: none; border-image: none; color: #333; margin: 0; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-image: none; line-height: 18px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); }
.div-tab-top.tabs ul.nav-tabs li, .div-tab-bottom.tabs ul.nav-tabs li { border: 0; margin: 0; line-height: 14px !important; }
.div-tab-top.tabs ul.nav-tabs li a, .div-tab-top.tabs ul.nav-tabs li a:hover, .div-tab-top.tabs ul.nav-tabs li a:focus, .div-tab-top.tabs ul.nav-tabs li:first-child a, .div-tab-top.tabs ul.nav-tabs li:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li:first-child a:focus, .div-tab-top.tabs ul.nav-tabs li:last-child a, .div-tab-top.tabs ul.nav-tabs li:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 2px solid transparent; border-bottom: 0; padding: 12px 12px 10px; margin-top: -1px; line-height: 14px !important; }
.div-tab-top.tabs ul.nav-tabs li.active a, .div-tab-top.tabs ul.nav-tabs li.active a:hover, .div-tab-top.tabs ul.nav-tabs li.active a:focus, .div-tab-top.tabs ul.nav-tabs li.active:first-child a, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus, .div-tab-top.tabs ul.nav-tabs li.active:last-child a, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 2px solid #333; border-bottom: 0; padding: 12px 12px 10px; line-height: 14px !important; }
.div-tab-bottom.tabs ul.nav-tabs li a, .div-tab-bottom.tabs ul.nav-tabs li a:hover, .div-tab-bottom.tabs ul.nav-tabs li a:focus, .div-tab-bottom.tabs ul.nav-tabs li:first-child a, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus, .div-tab-bottom.tabs ul.nav-tabs li:last-child a, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-bottom: 2px solid transparent; border-top: 0; padding: 12px 12px 10px; margin-bottom: -1px; line-height: 14px !important; }
.div-tab-bottom.tabs ul.nav-tabs li.active a, .div-tab-bottom.tabs ul.nav-tabs li.active a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active a:focus, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-bottom: 2px solid #333; border-top: 0; padding: 12px 12px 10px; line-height: 14px !important; }
.div-tab-line.tabs ul.nav-tabs li a, .div-tab-line.tabs ul.nav-tabs li a:hover, .div-tab-line.tabs ul.nav-tabs li a:focus, .div-tab-line.tabs ul.nav-tabs li:first-child a, .div-tab-line.tabs ul.nav-tabs li:first-child a:hover, .div-tab-line.tabs ul.nav-tabs li:first-child a:focus, .div-tab-line.tabs ul.nav-tabs li:last-child a, .div-tab-line.tabs ul.nav-tabs li:last-child a:hover, .div-tab-line.tabs ul.nav-tabs li:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-top: 0; padding: 12px 12px 10px; margin: -1px 0px; line-height: 14px !important; }
.div-tab-line.tabs ul.nav-tabs li.active a, .div-tab-line.tabs ul.nav-tabs li.active a:hover, .div-tab-line.tabs ul.nav-tabs li.active a:focus, .div-tab-line.tabs ul.nav-tabs li.active:first-child a, .div-tab-line.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-line.tabs ul.nav-tabs li.active:first-child a:focus, .div-tab-line.tabs ul.nav-tabs li.active:last-child a, .div-tab-line.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-line.tabs ul.nav-tabs li.active:last-child a:focus { color: #333; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 12px 12px 10px; line-height: 14px !important; }
.div-tab-box.tabs ul.nav-tabs { margin: 0px; padding: 0px; border: 0px; border-left: 1px solid #ddd; }
.div-tab-box.tabs ul.nav-tabs li a { padding: 10px 15px; background: rgb(247, 247, 247); color: #333; margin-right: 0px; border-radius: 0px; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #ddd; }
.div-tab-box.tabs ul.nav-tabs li.active a { background: #333; color: #fff; font-weight: bold; border: 1px solid #333; cursor: pointer; }
.div-tab-btn.tabs { border: 0px; padding: 0px; }
.div-tab-btn.tabs ul.nav-tabs { border: 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0px; }
.div-tab-btn.tabs ul.nav-tabs li { border: 0px; margin: 5px 0px; padding: 0; }
.div-tab-btn.tabs ul.nav-tabs li a { padding: 7px 15px !important; background: none; border: 0px !important; margin: 0px; font-weight: normal; }
.div-tab-btn.tabs ul.nav-tabs li.active a { border: 0px; color: #fff; font-weight: normal; background: #333; cursor: pointer; }

/* Tabs Color */
.tabs-color-top.tabs ul.nav-tabs li.active, .tabs-color-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(51, 51, 51) !important; }
.tabs-darkred-top.tabs ul.nav-tabs li.active, .tabs-darkred-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(170, 60, 63) !important; }
.tabs-crimson-top.tabs ul.nav-tabs li.active, .tabs-crimson-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(220, 20, 60) !important; }
.tabs-red-top.tabs ul.nav-tabs li.active, .tabs-red-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(233, 27, 35) !important; }
.tabs-orangered-top.tabs ul.nav-tabs li.active, .tabs-orangered-top.tabs ul.nav-tabs li.active a { border-top-color: orangered !important; }
.tabs-orange-top.tabs ul.nav-tabs li.active, .tabs-orange-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(240, 150, 20) !important; }
.tabs-green-top.tabs ul.nav-tabs li.active, .tabs-green-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(140, 195, 70) !important; }
.tabs-lightgreen-top.tabs ul.nav-tabs li.active, .tabs-lightgreen-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(160, 200, 80) !important; }
.tabs-deepblue-top.tabs ul.nav-tabs li.active, .tabs-deepblue-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(0, 125, 180) !important; }
.tabs-skyblue-top.tabs ul.nav-tabs li.active, .tabs-skyblue-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(100, 195, 245) !important; }
.tabs-blue-top.tabs ul.nav-tabs li.active, .tabs-blue-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(52, 152, 219) !important; }
.tabs-navy-top.tabs ul.nav-tabs li.active, .tabs-navy-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(50, 60, 70) !important; }
.tabs-violet-top.tabs ul.nav-tabs li.active, .tabs-violet-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(85, 60, 125) !important; }
.tabs-yellow-top.tabs ul.nav-tabs li.active, .tabs-yellow-top.tabs ul.nav-tabs li.active a { border-top-color: rgb(241, 196, 15) !important; }
.tabs-darkgray-top.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-top.tabs ul.nav-tabs li.active a { border-top-color: #666 !important; }
.tabs-gray-top.tabs ul.nav-tabs li.active, .tabs-gray-top.tabs ul.nav-tabs li.active a { border-top-color: #888 !important; }
.tabs-lightgray-top.tabs ul.nav-tabs li.active, .tabs-lightgray-top.tabs ul.nav-tabs li.active a { border-top-color: #ddd !important; }
.tabs-black-top.tabs ul.nav-tabs li.active, .tabs-black-top.tabs ul.nav-tabs li.active a { border-top-color: #333 !important; }
.tabs-white-top.tabs ul.nav-tabs li.active, .tabs-white-top.tabs ul.nav-tabs li.active a { border-top-color: #fff !important; }
.tabs-color-bottom.tabs ul.nav-tabs li.active, .tabs-color-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(51, 51, 51) !important; }
.tabs-darkred-bottom.tabs ul.nav-tabs li.active, .tabs-darkred-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(170, 60, 63) !important; }
.tabs-crimson-bottom.tabs ul.nav-tabs li.active, .tabs-crimson-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(220, 20, 60) !important; }
.tabs-red-bottom.tabs ul.nav-tabs li.active, .tabs-red-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(233, 27, 35) !important; }
.tabs-orangered-bottom.tabs ul.nav-tabs li.active, .tabs-orangered-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: orangered !important; }
.tabs-orange-bottom.tabs ul.nav-tabs li.active, .tabs-orange-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(240, 150, 20) !important; }
.tabs-green-bottom.tabs ul.nav-tabs li.active, .tabs-green-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(140, 195, 70) !important; }
.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active, .tabs-lightgreen-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(160, 200, 80) !important; }
.tabs-deepblue-bottom.tabs ul.nav-tabs li.active, .tabs-deepblue-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(0, 125, 180) !important; }
.tabs-skyblue-bottom.tabs ul.nav-tabs li.active, .tabs-skyblue-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(100, 195, 245) !important; }
.tabs-blue-bottom.tabs ul.nav-tabs li.active, .tabs-blue-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(52, 152, 219) !important; }
.tabs-navy-bottom.tabs ul.nav-tabs li.active, .tabs-navy-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(50, 60, 70) !important; }
.tabs-violet-bottom.tabs ul.nav-tabs li.active, .tabs-violet-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(85, 60, 125) !important; }
.tabs-yellow-bottom.tabs ul.nav-tabs li.active, .tabs-yellow-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: rgb(241, 196, 15) !important; }
.tabs-darkgray-bottom.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: #666 !important; }
.tabs-gray-bottom.tabs ul.nav-tabs li.active, .tabs-gray-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: #888 !important; }
.tabs-lightgray-bottom.tabs ul.nav-tabs li.active, .tabs-lightgray-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: #ddd !important; }
.tabs-black-bottom.tabs ul.nav-tabs li.active, .tabs-black-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: #333 !important; }
.tabs-white-bottom.tabs ul.nav-tabs li.active, .tabs-white-bottom.tabs ul.nav-tabs li.active a { border-bottom-color: #fff !important; }
.tabs-color-bg.tabs ul.nav-tabs li.active, .tabs-color-bg.tabs ul.nav-tabs li.active a { border-color: rgb(51, 51, 51) !important; background: rgb(51, 51, 51) !important; }
.tabs-darkred-bg.tabs ul.nav-tabs li.active, .tabs-darkred-bg.tabs ul.nav-tabs li.active a { border-color: rgb(170, 60, 63) !important; background: rgb(170, 60, 63) !important; }
.tabs-crimson-bg.tabs ul.nav-tabs li.active, .tabs-crimson-bg.tabs ul.nav-tabs li.active a { border-color: rgb(220, 20, 60) !important; background: rgb(220, 20, 60) !important; }
.tabs-red-bg.tabs ul.nav-tabs li.active, .tabs-red-bg.tabs ul.nav-tabs li.active a { border-color: rgb(233, 27, 35) !important; background: rgb(233, 27, 35) !important; }
.tabs-orangered-bg.tabs ul.nav-tabs li.active, .tabs-orangered-bg.tabs ul.nav-tabs li.active a { border-color: orangered !important; background: orangered !important; }
.tabs-orange-bg.tabs ul.nav-tabs li.active, .tabs-orange-bg.tabs ul.nav-tabs li.active a { border-color: rgb(240, 150, 20) !important; background: rgb(240, 150, 20) !important; }
.tabs-green-bg.tabs ul.nav-tabs li.active, .tabs-green-bg.tabs ul.nav-tabs li.active a { border-color: rgb(140, 195, 70) !important; background: rgb(140, 195, 70) !important; }
.tabs-lightgreen-bg.tabs ul.nav-tabs li.active, .tabs-lightgreen-bg.tabs ul.nav-tabs li.active a { border-color: rgb(160, 200, 80) !important; background: rgb(160, 200, 80) !important; }
.tabs-deepblue-bg.tabs ul.nav-tabs li.active, .tabs-deepblue-bg.tabs ul.nav-tabs li.active a { border-color: rgb(0, 125, 180) !important; background: rgb(0, 125, 180) !important; }
.tabs-skyblue-bg.tabs ul.nav-tabs li.active, .tabs-skyblue-bg.tabs ul.nav-tabs li.active a { border-color: rgb(100, 195, 245) !important; background: rgb(100, 195, 245) !important; }
.tabs-blue-bg.tabs ul.nav-tabs li.active, .tabs-blue-bg.tabs ul.nav-tabs li.active a { border-color: rgb(52, 152, 219) !important; background: rgb(52, 152, 219) !important; }
.tabs-navy-bg.tabs ul.nav-tabs li.active, .tabs-navy-bg.tabs ul.nav-tabs li.active a { border-color: rgb(50, 60, 70) !important; background: rgb(50, 60, 70) !important; }
.tabs-violet-bg.tabs ul.nav-tabs li.active, .tabs-violet-bg.tabs ul.nav-tabs li.active a { border-color: rgb(85, 60, 125) !important; background: rgb(85, 60, 125) !important; }
.tabs-yellow-bg.tabs ul.nav-tabs li.active, .tabs-yellow-bg.tabs ul.nav-tabs li.active a { border-color: rgb(241, 196, 15) !important; background: rgb(241, 196, 15) !important; }
.tabs-darkgray-bg.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-bg.tabs ul.nav-tabs li.active a { border-color: #666 !important; background: #666 !important; }
.tabs-gray-bg.tabs ul.nav-tabs li.active, .tabs-gray-bg.tabs ul.nav-tabs li.active a { border-color: #888 !important; background: #888 !important; }
.tabs-lightgray-bg.tabs ul.nav-tabs li.active, .tabs-lightgray-bg.tabs ul.nav-tabs li.active a { color: #333 !important; border-color: #ddd !important; background: #ddd !important; }
.tabs-black-bg.tabs ul.nav-tabs li.active, .tabs-black-bg.tabs ul.nav-tabs li.active a { border-color: #333 !important; background: #333 !important; }
.tabs-white-bg.tabs ul.nav-tabs li.active, .tabs-white-bg.tabs ul.nav-tabs li.active a { color: #333 !important; border-color: #ddd !important; background: #fff !important; }
.div-tab.tabs.trans-top ul.nav-tabs li.active { border-top-color: rgb(221, 221, 221) !important; }
.div-tab.tabs.trans-top ul.nav-tabs li.active a { color: crimson !important; border-top-color: transparent !important; }
.div-tab-box.tabs ul.nav-tabs li a { border-left: 0px !important; }

/* Table ------------------------------------------------------ */
.div-table.table > thead > tr > th { vertical-align: middle; }
.div-table.table > tbody > tr > th { vertical-align: middle; }
.div-table.table > tfoot > tr > th { vertical-align: middle; }
.div-table.table > thead > tr > td { vertical-align: middle; }
.div-table.table > tbody > tr > td { vertical-align: middle; }
.div-table.table > tfoot > tr > td { vertical-align: middle; }
.div-table.table-no-border.table > thead > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.div-table.table-no-border.table > tbody > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.div-table.table-no-border.table > tfoot > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.div-table.table-no-border.table > thead > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.div-table.table-no-border.table > tbody > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.div-table.table-no-border.table > tfoot > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.div-table.table > thead > tr > th { border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; }
.div-table.table > thead > tr { background: rgb(243, 243, 243); }

/* Progress Bars ------------------------------------------------------ */
.active.progress-bar .progress { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.div-progress.progress { position: relative; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.div-progress.progress .sr-only { font-family: tahoma, sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.div-progress .sr-score { font-family: tahoma, sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right: 8px; }

/* Syntaxhighlighter ------------------------------------------------------ */
.syntaxhighlighter .line { font-size: 13px !important; line-height: 20px !important; }

/* Shadow Lines ------------------------------------------------------ */
.shadow-line { display: block; padding: 0; margin: 0; max-width: 100%; overflow: hidden !important; text-align: center; vertical-align: top; }
.shadow-line img { display: block; border: 0; max-width: 100% !important; height: auto !important; margin: 0 auto; }

/* Person ------------------------------------------------------ */
.person { margin-bottom: 15px; }
.person .person-desc { margin-top: 18px; }
.person .person-desc .person-author { display: table; width: 100%; }
.person .person-desc .person-author .person-author-wrapper { min-width: 50%; }
.person .person-desc .person-author .person-name { display: block; line-height: 20px; }
.person .person-desc .person-author .person-title { display: block; line-height: 20px; color: #747474; }
.person .person-desc .person-author .person-social { max-width: 50%; text-align: right; display: table-cell; vertical-align: middle; float: none; }
.person .person-social a { margin-left: 12px; }
.person .person-content { margin-top: 8px; color: #747474; }

/* Image ------------------------------------------------------ */
.img-wrap { display: block; position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; }
.img-wrap.img-fix { margin-bottom: -1px; }
.img-wrap .img-item { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.img-wrap .img-item.img-fix { margin-top: -1px -1px 0px; }
.img-wrap .img-item img { display: block; border: 0; width: 100.5%; height: auto; margin: 0px auto; }
.img-wrap .img-item.img-full img { width: 100%; height: 100%; }
.img-wrap .img-item.img-height img { width: auto; height: 100%; }
.img-wrap .img-item.img-auto img { width: auto; height: auto; }
.img-ratio { display: block; position: relative; overflow: hidden; }
.img-ratio .img-item { position: relative; overflow: hidden; }
.img-ratio .img-item img { display: block; border: 0; width: 100%; height: auto; margin: 0px auto; }
.in-shadow { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.in-subject { position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 6px 8px; margin: 0; line-height: 20px; }
.in-caption { position: absolute; bottom: 20%; padding: 6px 8px; margin: 0; line-height: 20px; }
.in-title { position: absolute; bottom: 20%; padding: 10px 15px; margin: 0; font-size: 18px; line-height: 24px; }
.in-left { position: absolute; top: 0px; left: 0px; }
.in-left-b { position: absolute; bottom: 0px; left: 0px; }
.in-right { position: absolute; top: 0px; right: 0px; }
.in-right-b { position: absolute; top: 0px; right: 0px; }

/* Image & Box Frames ------------------------------------------------------ */
.boxframe { margin: 0px auto; z-index: 0; position: relative; }
.boxframe iframe, .boxframe embed, .boxframe object { display: block; }
.imgframe { display: block; z-index: 0; position: relative; }
.imgframe.img-border, .boxframe.box-border { border: 6px solid #f6f6f6; }
.imgframe.img-grow, .boxframe.box-grow { border: 6px solid #f6f6f6; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }
.imgframe.img-shadow, .boxframe.box-shadow { -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3); -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3); box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); }
.imgframe.img-bottomshadow, .boxframe.box-bottomshadow { margin: 0; }
.imgframe.img-bottomshadow::before, .imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::before, .boxframe.box-bottomshadow::after { position: absolute; bottom: 15px; left: 10px; z-index: -1; height: 20%; max-height: 100px; max-width: 460px; width: 60%; content: ""; opacity: 0.7; -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
.imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::after { left: auto; right: 10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }

/* Date Boxes ------------------------------------------------------ */
.date-box { width: 82px; text-align: center; }
.date-box .date-item { padding: 8px 0 5px 0; }
.date-box .date-item .date { display: block; line-height: 29px; font-size: 29px; font-weight: bold; }
.date-box .date-icon { margin-top: 3px; background-color: #eef0f2; }
.date-box .date-icon i { display: block; line-height: 55px; font-size: 30px; }

/* Background Boxes ------------------------------------------------------ */
.div-bg-box { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.div-bg-box.bg-fixed { background-attachment: fixed; }
.div-bg-box.bg-top { background-position: center top; }

/* UL List ------------------------------------------------------ */
.div-ul { padding: 0px; margin: 0px; list-style: none; }
.div-ul li { line-height: 26px; }

/* Flip Boxes ------------------------------------------------------ */
.flip-container { position: relative; z-index: 1; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flip-container:hover .flip-back, .flip-container.hover .flip-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flip-container:hover .flip-front, .flip-container.hover .flip-front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flip-horizontal { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; }
.flip-front, .flip-back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 214px; -webkit-perspective: 600px; -moz-perspective: 600px; -ms-perspective: 600px; perspective: 600px; padding: 27px 20px 27px 20px; text-align: center; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important; -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important; -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important; transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important; }
.flip-front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: lightgreen; z-index: 2; }
.flip-back { background: lightblue; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.flip-vertical .flip-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-vertical.flip-container .flip-box { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px; }
.flip-vertical.flip-container:hover .flip-back, .flip-vertical.flip-container.hover .flip-back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); }
.flip-vertical.flip-container:hover .flip-front, .flip-vertical.flip-container.hover .flip-front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-box { position: relative; min-height: 214px; margin-bottom: 15px; }
.flip-box .flip-circle { height: 64px; width: 64px; border: 1px solid; border-radius: 50%; }
.flip-box .flip-circle i { display: table-cell; vertical-align: middle; font-size: 24px; }
.flip-box .no-circle { font-size: 60px; }
.flip-box .flip-grafix { display: table; margin: 0 auto; margin-bottom: 10px; }
.flip-box .flip-heading { font-size: 18px; line-height: 27px; margin-bottom: 15px; }
.flip-box .flip-heading-back { margin-bottom: 15px; margin-top: 0px; font-size: 14px; text-transform: uppercase; }
.flip-box .flip-img { display: block; position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; }
.flip-box .flip-img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; border: 0px; }

/* Content-Boxes & FA ------------------------------------------------------ */
i.large, img.large, .fix-icon.large i, .fix-icon.large img { width: 65px; height: 65px; line-height: 65px; font-size: 24px; }
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img { height: 50px; width: 50px; line-height: 50px; font-size: 22px; }
i.medium, img.medium, .fix-icon.medium i, .fix-icon.medium img { height: 40px; width: 40px; line-height: 40px; font-size: 20px; }
i.tiny, img.tiny, .fix-icon.tiny i, .fix-icon.tiny img { width: 18px; height: 18px; line-height: 18px; font-size: 10px; margin-right: 3px; }
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: inherit; -webkit-background-clip: inherit; background-clip: inherit; text-align: center; margin-top: 0px; vertical-align: middle; }
i.dark-circle, img.dark-circle, .fix-icon.dark-circle i, .fix-icon.dark-circle img { border-width: 1px; border-style: solid; background-color: #333; color: #fff; }
i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img { border-width: 0px; border-style: solid; background-color: #eee; color: #333; }
.content-box { margin: 0 0 15px; line-height: 20px; }
.content-box .heading:hover i { background-color: rgb(233, 27, 35); color: rgb(255, 255, 255); border-color: rgb(233, 27, 35); }
.content-box .text { color: #747474; margin: 0 0 10px; }
.content-box .more a { font-size: 11px; font-weight: normal; color: #888; letter-spacing: -1px; }
.content-box .more i.fa { margin: 0 4px; }
.content-box-bg { height: auto; overflow: visible; background-color: rgb(246, 246, 246); padding: 35px 12px 12px; text-align: center; }
.content-box-bg .heading { overflow: visible; position: relative; text-align: center; }
.content-box-bg .heading i.fa.large { display: block; position: absolute; left: 50%; float: none; margin-left: -32px; top: -80px; }

/* Text Boxes ------------------------------------------------------ */
.div-box { position: relative; padding: 28px 28px 27px 31px; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230); background-color: rgb(255, 255, 255); }
.div-box-shadow { z-index: 1; position: relative; }
.div-box-shadow .div-box::before, .div-box-shadow .div-box::after { opacity: 0.7; position: absolute; bottom: 15px; left: 10px; z-index: -1; height: 20%; max-height: 100px; max-width: 460px; width: 60%; content: ""; opacity: 0.7; -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
.div-box-shadow .div-box::after { left: auto; right: 10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }
.div-box-dark { margin: 0px; padding: 15px; color: rgb(255, 255, 255); background-color: rgb(55, 55, 55); border-left: 5px solid rgb(0, 0, 0); }
.div-box-dark a, .div-box-dark a:hover, .div-box-dark a:focus { color: rgb(255, 255, 255); }
.div-box-light { margin: 0px; padding: 15px; color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-left: 5px solid rgb(0, 0, 0); }

/* Dividers ------------------------------------------------------ */
.div-title-block-thin, .div-title-block-bold { position: relative; margin-bottom: 20px; }
.div-title-block-thin::before, .div-title-block-bold::before { content: ""; display: block; width: 100%; position: absolute; top: 50%; z-index: 1; }
.div-title-block-thin::before { height: 1px; margin-top: -1px; background: #e7e6e6; }
.div-title-block-bold::before { height: 6px; background: rgb(240, 240, 240); margin-top: -4px; }
.div-title-block-thin span, .div-title-block-bold span { background: #fff; padding: 0 12px; margin: 0 15px; position: relative; z-index: 2; }
.div-title-line-thin, .div-title-line-bold { width: 100%; padding: 12px 0px 6px; margin: 0 0 20px; }
.div-title-line-thin { border-bottom: 1px solid #e7e6e6; }
.div-title-line-bold { border-bottom: 6px solid rgb(240, 240, 240); }
.div-title-underline-thin, .div-title-underline-bold { margin: 0px 0px 15px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; display: inline-block; position: relative; }
.div-title-underline-thin { border-bottom: 1px solid rgb(51, 51, 51); }
.div-title-underline-bold { border-bottom: 3px solid rgb(51, 51, 51); }
.div-title-underbar { padding: 0; margin: 0; border-bottom: 1px solid #cccccc; }
.div-title-underbar span { display: inline-block; padding-bottom: 8px; margin-bottom: -1px; }
.div-title-underbar-thin { border-bottom: 1px solid #333333; }
.div-title-underbar-bold { border-bottom: 2px solid #333333; }
.div-title-wrap { display: table; margin: 0 0 20px; overflow: hidden; }
.div-title { float: left; display: table-cell; margin: 0; padding: 0 12px 0 0; line-height: normal; white-space: nowrap; }
.div-sep-wrap { position: relative; display: table-cell; vertical-align: middle; height: 6px; width: 100%; }
.div-sep { position: relative; display: block; width: 100%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; }
.sep-thin.div-sep { height: 1px; margin-top: -1px; background: #e7e6e6; }
.sep-bold.div-sep { height: 6px; margin-top: -3px; background: rgb(240, 240, 240); }
.div-separator { margin: 30px auto 0; border: 0 solid #e7e6e6; clear: both; position: relative; z-index: 1; }
.div-sep-icon { position: absolute; left: 50%; top: 50%; margin: -13px 0 0 -13px; height: 26px; width: 26px; font-size: 14px; color: rgb(205, 205, 205); background: none repeat scroll 0 0 #FFF; border: 1px solid rgb(205, 205, 205); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; line-height: 26px !important; }
.div-sep-icon i { margin: 0 auto; }
.div-sep-line { clear: both; height: 40px; border-top: 1px solid #e7e6e6; }
.sep-shadow.div-separator::after { display: block; margin-top: 10px; height: 6px; width: 100%; content: ""; background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%); background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%); background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%); }
.sep-shadow.div-separator { margin: 20px 0px; height: 1px; overflow: visible; border: none; background: none; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0))); background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%); background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%); background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%); background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%); background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); }
.div-sep-arrow-top, .div-sep-arrow-bottom { position: relative; }
.sep-arrow { z-index: 2; position: absolute; left: 50%; margin-left: -29px; height: 0px; width: 0px; border-style: solid; }
.div-sep-arrow-bottom .sep-arrow { border-width: 29px 29px 0 29px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.div-sep-arrow-top .sep-arrow { top: -29px; border-width: 0 29px 29px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; }
.div-sep-bar, .div-sep-bar-thin, .div-sep-bar-bold { position: relative; margin: 0px auto; width: 100px; background: rgb(240, 240, 240); }
.div-sep-bar { height: 6px; }
.div-sep-bar-thin { height: 1px; }
.div-sep-bar-bold { height: 2px; }
ul.div-ring { text-align: center; padding: 10px 8px; margin: 0px; overflow: hidden; }
ul.div-ring li { width: 186px; height: 186px; background: rgba(210, 210, 210, 0.3); border-radius: 50%; padding: 20px; margin: -10px -8px; overflow: hidden; }
ul.div-ring .ring-item { display: inline-block; border-radius: 50%; width: 100%; height: 100%; padding: 32px 10px 0px; line-height: 1px !important; }
ul.div-ring h4 { line-height: 26px; margin: 0px; }
ul.div-ring p { margin: 10px 0px 0px; padding: 0px; letter-spacing: -1px; line-height: 20px; }

/* Carousel Fade Effect ------------------------------------------------------ */
.carousel.at-fade .item { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.carousel.at-fade .active.left, .carousel.at-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.carousel.at-fade .next, .carousel.at-fade .prev { left: 0; z-index: 1; }
.carousel.at-fade .carousel-control { z-index: 3; }
.carousel.at-vertical .carousel-inner { height: 100%; }
.carousel.at-vertical .item { transition: all 0.6s ease-in-out; left: 0; }
.carousel.at-vertical.up .active, .carousel.at-vertical.up .next.left, .carousel.at-vertical.up .prev.right { top: 0; left: 0; }
.carousel.at-vertical.up .next, .carousel.at-vertical.up .active.right { top: 100%; left: 0; }
.carousel.at-vertical.up .prev, .carousel.at-vertical.up .active.left { top: -100%; left: 0 }
.carousel.at-vertical.down .active, .carousel.at-vertical.down .next.left, .carousel.at-vertical.down .prev.right { bottom: 0; left: 0; }
.carousel.at-vertical.down .next, .carousel.at-vertical.down .active.right { bottom: 100%; left: 0; }
.carousel.at-vertical.down .prev, .carousel.at-vertical.down .active.left { bottom: -100%; left: 0 }
.carousel.div-carousel .carousel-control { display: none; background-color: rgba(0, 0, 0, 0.5); width: 30px; height: 30px; margin-top: -15px; text-align: center; line-height: 30px !important; font-size: 11px; color: rgba(255, 255, 255, 0.5); }
.carousel.div-carousel:hover .carousel-control { display: block; z-index: 1; }
.carousel.div-carousel:hover .carousel-control:hover { font-size: 11px !important; color: rgba(255, 255, 255, 0.8); text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3); }
.carousel.div-carousel .carousel-control.left { left: 0px; top: 50%; }
.carousel.div-carousel .carousel-control.right { right: 0px; top: 50%; }
.carousel.div-carousel .carousel-indicators { z-index: 2; bottom: 10px; margin-bottom: 0px; padding: 0px; }
.carousel.div-carousel .carousel-indicators li { border: 0; background: #666; background: rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.carousel.div-carousel .carousel-indicators .active { background: #333; background: rgba(0, 0, 0, 0.7); }
.carousel.div-carousel .slide-title { position: absolute; bottom: 20%; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 10px 15px; margin: 0; }

/* Talk Boxs ------------------------------------------------------ */
.talk-box-wrap { margin: 0 0 20px; }
.talk-box { margin: 0; }
.talk-box.talk-left { margin-right: 70px; }
.talk-box.talk-right { margin-left: 70px; }
.talk-bubble { position: relative; background: #f5f5f5; border: 1px solid #eee; padding: 3%; border-radius: 4px; }
.talk-bubble:after, .talk-bubble:before { margin: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.talk-bubble:after { border-color: rgba(245, 245, 245, 0); border-width: 12px; }
.talk-bubble:before { border-color: rgba(238, 238, 238, 0); border-width: 13px; }
.talk-top .talk-bubble { margin: 0 0 20px; }
.talk-bottom .talk-bubble { margin: 20px 0 0; }
.talk-left .talk-bubble, .talk-right .talk-bulle { min-height: 50px; }
.talk-bottom .talk-bubble:after, .talk-bottom .talk-bubble:before { bottom: 100%; left: 25px; }
.talk-bottom .talk-bubble:after { border-bottom-color: #f5f5f5; margin-left: -12px; }
.talk-bottom .talk-bubble:before { border-bottom-color: #eee; margin-left: -13px; }
.talk-left .talk-bubble:after, .talk-left .talk-bubble:before { left: 100%; top: 25px; }
.talk-left .talk-bubble:after { border-left-color: #f5f5f5; margin-top: -12px; }
.talk-left .talk-bubble:before { border-left-color: #eee; margin-top: -13px; }
.talk-top .talk-bubble:after, .talk-top .talk-bubble:before { top: 100%; left: 25px; }
.talk-top .talk-bubble:after { border-top-color: #f5f5f5; margin-left: -12px; }
.talk-top .talk-bubble:before { border-top-color: #eee; margin-left: -13px; }
.talk-right .talk-bubble:after, .talk-right .talk-bubble:before { right: 100%; top: 25px; }
.talk-right .talk-bubble:after { border-right-color: #f5f5f5; margin-top: -12px; }
.talk-right .talk-bubble:before { border-right-color: #eee; margin-top: -13px; }
.talker-one { height: 50px; line-height: 48px; color: #747474; }
.talker-two { height: 50px; line-height: 24px; color: #747474; }
.talker-photo, .talker-photo i, .talker-photo img, i.talker-photo { display: inline-block !important; width: 50px !important; height: 50px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; line-height: 50px; font-size: 24px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background-color: rgb(240, 240, 240); color: #fff; }
.talker-photo i, .talker-photo img { float: left; }
.talker-one .talker-info i { margin-left: 12px; }
.talker-two .talker-info span { margin-right: 12px; }

/* Form Box ------------------------------------------------------ */
.form-box { margin: 0px 0px 15px; border: 1px solid rgb(231, 231, 231); transition: 0.3s linear; border-image: none; overflow: hidden; position: relative; cursor: default; -webkit-transition: all 0.3s linear; background: rgb(252, 252, 252); border-top: 1px solid rgb(231, 231, 231); border-bottom: 1px solid rgb(231, 231, 231); }
.form-box::before { display: table; content: ""; }
.form-box::after { display: table; content: ""; }
.form-box::after { clear: both; }
.form-box label.checkbox, .form-box label.radio { line-height: 12px; font-size: 12px; font-weight: normal; cursor: pointer; }
.form-box .form-icon { margin: 25px auto; border-radius: 80px; width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 40px; display: block; }
.form-box .form-header { padding: 15px; border-bottom-color: rgb(243, 243, 243); border-bottom-width: 1px; border-bottom-style: solid; }
.form-box .form-header h2, .form-box .form-heading { margin: 0px; padding: 0px !important; font-size: 18px; font-weight: 500; }
.form-box .form-body { background: rgb(255, 255, 255); padding: 15px; }
.form-box .form-body p { padding-left: 0px; margin-bottom: 10px; }
.form-box .form-body .condition { margin: 10px 0px; height: 200px; overflow: auto; background: #fff; border: 1px solid #ddd; padding: 15px; }
.form-box .form-footer { padding: 6px 0px; border-top-color: rgb(243, 243, 243); border-top-width: 1px; border-top-style: solid; }
.form-box .form-footer::before { display: table; content: ""; }
.form-box .form-footer::after { display: table; content: ""; clear: both; }
.form-box .form-footer p { margin: 6px 15px; }
.form-box .form-footer a { margin: 0px 15px; }

/* Labels ------------------------------------------------------ */
.label-tack { left: 0px; top: 10px; z-index: 1; position: absolute; font-weight: normal; }
.label-band { z-index: 2; font-family: tahoma; top: 5px; letter-spacing: 1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; font-weight: normal; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.label-cap { z-index: 2; font-family: tahoma; top: -11px; letter-spacing: 1px; width: 140px; padding: 20px 0px 3px; right: -60px; font-size: 11px; position: absolute; text-align: center; font-weight: normal; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

/* Icons ------------------------------------------------------ */
.rank-icon { display: inline-block; padding: 0px 6px; font-size: 11px; letter-spacing: -1px; line-height: 16px; font-weight: normal; margin-right: 2px; min-width: 22px; text-align: center; }
.tack-icon { display: inline-block; padding: 4px 6px 2px; font-family: dotum; font-size: 11px; letter-spacing: -1px; line-height: 11px; font-weight: normal; }
.social-icon a { margin: 0px; font-size: 18px; color: rgb(190, 189, 189); display: inline-block; text-align: center; }
.boxed-icon.social-icon a { min-width: 40px; line-height: 24px; padding: 8px; background-color: #46494a; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-background-clip: inherit; -webkit-background-clip: inherit; background-clip: inherit; border: 1px solid #46494a; color: #fff; }
.boxed-icon.social-icon a i { vertical-align: middle; }

/* Button ------------------------------------------------------ */
.btn.btn-color { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(213, 200, 183); background-color: rgb(213, 200, 183); }
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active { background-color: rgb(231, 177, 106); }
.btn.btn-dark { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid #000; background-color: #333; }
.btn.active.btn-dark, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active { border-color: rgb(213, 7, 15); background-color: rgb(213, 7, 15); }
.btn.btn-black { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid #111; background-color: #333; }
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { background-color: #111; }
.btn.btn-white { color: #333 !important; border-image: none !important; background-image: none !important; border: 1px solid #ddd; background-color: #fff; }
.btn.active.btn-white, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active { background-color: #f5f5f5; }
.btn.btn-gray { color: #333 !important; border-image: none !important; background-image: none !important; border: 1px solid #ccc; background-color: #eee; }
.btn.active.btn-gray, .btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active { background-color: #f5f5f5; }
.btn.btn-lightgray { color: #333 !important; border-image: none !important; background-image: none !important; border: 1px solid #ddd; background-color: #fafafa; }
.btn.active.btn-lightgray, .btn.btn-lightgray:hover, .btn.btn-lightgray:focus, .btn.btn-lightgray:active { background-color: #efefef; }
.btn.btn-darkgray { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid #444; background-color: #666; }
.btn.active.btn-darkgray, .btn.btn-darkgray:hover, .btn.btn-darkgray:focus, .btn.btn-darkgray:active { background-color: #444; }
.btn.btn-red { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(213, 7, 15); background-color: rgb(233, 27, 35); }
.btn.active.btn-red, .btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active { background-color: rgb(213, 7, 15); }
.btn.btn-darkred { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(150, 25, 30); background-color: rgb(170, 60, 63); }
.btn.active.btn-darkred, .btn.btn-darkred:hover, .btn.btn-darkred:focus, .btn.btn-darkred:active { background-color: rgb(150, 25, 30); }
.btn.btn-crimson { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(190, 20, 50); background-color: rgb(220, 20, 60); }
.btn.active.btn-crimson, .btn.btn-crimson:hover, .btn.btn-crimson:focus, .btn.btn-crimson:active { background-color: rgb(190, 20, 50); }
.btn.btn-orangered { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(240, 0, 0); background-color: orangered; }
.btn.active.btn-orangered, .btn.btn-orangered:hover, .btn.btn-orangered:focus, .btn.btn-orangered:active { background-color: rgb(240, 0, 0); }
.btn.btn-orange { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(240, 130, 0); background-color: rgb(240, 150, 20); }
.btn.active.btn-orange, .btn.btn-orange:hover, .btn.btn-orange:focus, .btn.btn-orange:active { background-color: rgb(240, 130, 0); }
.btn.btn-green { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(110, 180, 20); background-color: rgb(140, 195, 70); }
.btn.active.btn-green, .btn.btn-green:hover, .btn.btn-green:focus, .btn.btn-green:active { background-color: rgb(110, 180, 20); }
.btn.btn-lightgreen { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(130, 190, 60); background-color: rgb(160, 200, 80); }
.btn.active.btn-lightgreen, .btn.btn-lightgreen:hover, .btn.btn-lightgreen:focus, .btn.btn-lightgreen:active { background-color: rgb(130, 190, 60); }
.btn.btn-deepblue { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(0, 110, 160); background-color: rgb(0, 125, 180); }
.btn.active.btn-deepblue, .btn.btn-deepblue:hover, .btn.btn-deepblue:focus, .btn.btn-deepblue:active { background-color: rgb(0, 110, 160); }
.btn.btn-skyblue { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(60, 180, 245); background-color: rgb(100, 195, 245); }
.btn.active.btn-skyblue, .btn.btn-skyblue:hover, .btn.btn-skyblue:focus, .btn.btn-skyblue:active { background-color: rgb(60, 180, 245); }
.btn.btn-blue { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(40, 130, 190); background-color: rgb(52, 152, 219); }
.btn.active.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active { background-color: rgb(40, 130, 190); }
.btn.btn-navy { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(40, 40, 50); background-color: rgb(50, 60, 70); }
.btn.active.btn-navy, .btn.btn-navy:hover, .btn.btn-navy:focus, .btn.btn-navy:active { background-color: rgb(40, 40, 50); }
.btn.btn-violet { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(65, 50, 100); background-color: rgb(85, 60, 125); }
.btn.active.btn-violet, .btn.btn-violet:hover, .btn.btn-violet:focus, .btn.btn-violet:active { background-color: rgb(65, 50, 100); }
.btn.btn-yellow { color: #fff !important; border-image: none !important; background-image: none !important; border: 1px solid rgb(230, 180, 0); background-color: rgb(240, 195, 15); }
.btn.active.btn-yellow, .btn.btn-yellow:hover, .btn.btn-yellow:focus, .btn.btn-yellow:active { background-color: rgb(230, 180, 0); }
.btn.btn-trans { color: #fff !important; border-image: none !important; background: none; border: 2px solid #fff; }
.btn.active.btn-trans, .btn.btn-trans:hover, .btn.btn-trans:focus, .btn.btn-trans:active { color: rgb(213, 7, 15) !important; background-color: #fff; background-image: none; }

/* ====================================================================================================================
 * Font, Color 등 설정은 제일 하단에 위치시킴
 * ====================================================================================================================*/

/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red { background-color: rgb(233, 27, 35); color: #fff; }
.bg-darkred, i.bg-darkred, .badge.bg-darkred { background-color: rgb(170, 60, 63); color: #fff; }
.bg-crimson, i.bg-crimson, .badge.bg-crimson { background-color: rgb(220, 20, 60); color: #fff; }
.bg-orangered, i.bg-orangered, .badge.bg-orangered { background-color: orangered; color: #fff; }
.bg-orange, i.bg-orange, .badge.bg-orange { background-color: rgb(240, 150, 20); color: #fff; }
.bg-green, i.bg-green, .badge.bg-green { background-color: rgb(140, 195, 70); color: #fff; }
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen { background-color: rgb(160, 200, 80); color: #fff; }
.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue { background-color: rgb(0, 125, 180); color: #fff; }
.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue { background-color: rgb(100, 195, 245); color: #fff; }
.bg-blue, i.bg-blue, .badge.bg-blue { background-color: rgb(52, 152, 219); color: #fff; }
.bg-navy, i.bg-navy, .badge.bg-navy { background-color: rgb(50, 60, 70); color: #fff; }
.bg-violet, i.bg-violet, .badge.bg-violet { background-color: rgb(85, 60, 125); color: #fff; }
.bg-yellow, i.bg-yellow, .badge.bg-yellow { background-color: rgb(241, 196, 15); color: #fff; }
.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray { background-color: #666; color: #fff; }
.bg-gray, i.bg-gray, .badge.bg-gray { background-color: #888; color: #fff; }
.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray { background-color: #ddd; color: #fff; }
.bg-white, i.bg-white, .badge.bg-white { background-color: #fff; color: #333; }
.bg-light, i.bg-light, .badge.bg-light { color: #333; background-color: #f5f5f5; }
.bg-light-border, i.bg-light-border, .badge.bg-light-border { color: #333; background-color: #fafafa; border-bottom: 1px solid #ddd; }
.bg-black, i.bg-black, .badge.bg-black { background-color: #333; color: #fff; }
.bg-color, i.bg-color, .badge.bg-color { background-color: rgb(233, 27, 35); color: #fff; }

/* Border Color ------------------------------------------------------ */
.border-red, i.border-red, img.border-red { border-color: rgb(233, 27, 35); }
.border-darkred, i.border-darkred, img.border-darkred { border-color: rgb(170, 60, 63); }
.border-crimson, i.border-crimson, img.border-crimson { border-color: rgb(220, 20, 60); }
.border-orangered, i.border-orangered, img.border-orangered { border-color: orangered; }
.border-orange, i.border-orange, img.border-orange { border-color: rgb(240, 150, 20); }
.border-green, i.border-green, img.border-green { border-color: rgb(140, 195, 70); }
.border-lightgreen, i.border-lightgreen, img.border-lightgreen { border-color: rgb(160, 200, 80); }
.border-deepblue, i.border-deepblue, img.border-deepblue { border-color: rgb(0, 125, 180); }
.border-skyblue, i.border-skyblue, img.border-skyblue { border-color: rgb(100, 195, 245); }
.border-blue, i.border-blue, img.border-blue { border-color: rgb(52, 152, 219); }
.border-navy, i.border-navy, img.border-navy { border-color: rgb(50, 60, 70); }
.border-violet, i.border-violet, img.border-violet { border-color: rgb(85, 60, 125); }
.border-yellow, i.border-yellow, img.border-yellow { border-color: rgb(241, 196, 15); }
.border-darkgray, i.border-darkgray, img.border-darkgray { border-color: #666; }
.border-gray, i.border-gray, img.border-gray { border-color: #888; }
.border-lightgray, i.border-lightgray, img.border-lightgray { border-color: #ddd; }
.border-white, i.border-white, img.border-white { border-color: #fff; }
.border-light, i.border-light, img.border-light { border-color: #f5f5f5; }
.border-black, i.border-black, img.border-black { border-color: #333; }
.border-color, i.border-color, img.border-color { border-color: rgb(233, 27, 35); }

/* Hover Color ------------------------------------------------------ */
.hover-red:hover { background-color: rgb(233, 27, 35); color: #fff; }
.hover-darkred:hover { background-color: rgb(170, 60, 63); color: #fff; }
.hover-crimson:hover { background-color: rgb(220, 20, 60); color: #fff; }
.hover-orangered:hover { background-color: orangered; color: #fff; }
.hover-orange:hover { background-color: rgb(240, 150, 20); color: #fff; }
.hover-green:hover:hover { background-color: rgb(140, 195, 70); color: #fff; }
.hover-lightgreen:hover { background-color: rgb(160, 200, 80); color: #fff; }
.hover-deepblue:hover { background-color: rgb(0, 125, 180); color: #fff; }
.hover-skyblue:hover { background-color: rgb(100, 195, 245); color: #fff; }
.hover-blue:hover { background-color: rgb(52, 152, 219); color: #fff; }
.hover-navy:hover { background-color: rgb(50, 60, 70); color: #fff; }
.hover-violet:hover { background-color: rgb(85, 60, 125); color: #fff; }
.hover-yellow:hover { background-color: rgb(241, 196, 15); color: #fff; }
.hover-darkgray:hover { background-color: #666; color: #fff; }
.hover-gray:hover { background-color: #888; color: #fff; }
.hover-lightgray:hover { background-color: #ddd; color: #fff; }
.hover-white:hover { background-color: #fff; color: #333; }
.hover-black:hover { background-color: #333; color: #fff; }
.hover-color:hover { background-color: rgb(233, 27, 35); color: #fff; }

/* Trans Background Color ------------------------------------------------------ */
.trans-bg-red { background-color: rgba(233, 27, 35, 0.75) !important; color: #fff !important; }
.trans-bg-darkred { background-color: rgba(170, 60, 63, 0.75) !important; color: #fff !important; }
.trans-bg-crimson { background-color: rgba(220, 20, 60, 0.75) !important; color: #fff !important; }
.trans-bg-orangered { background-color: rgba(255, 70, 0, 0.75) !important; color: #fff !important; }
.trans-bg-orange { background-color: rgba(240, 150, 20, 0.75) !important; color: #fff !important; }
.trans-bg-green { background-color: rgba(140, 195, 70, 0.75) !important; color: #fff !important; }
.trans-bg-lightgreen { background-color: rgba(160, 200, 80, 0.75) !important; color: #fff !important; }
.trans-bg-deepblue { background-color: rgba(0, 125, 180, 0.75) !important; color: #fff !important; }
.trans-bg-skyblue { background-color: rgba(100, 195, 245, 0.75) !important; color: #fff !important; }
.trans-bg-blue { background-color: rgba(52, 152, 219, 0.75) !important; color: #fff !important; }
.trans-bg-navy { background-color: rgba(50, 60, 70, 0.75) !important; color: #fff !important; }
.trans-bg-violet { background-color: rgba(85, 60, 125, 0.75) !important; color: #fff !important; }
.trans-bg-yellow { background-color: rgba(241, 196, 15, 0.75) !important; color: #fff !important; }
.trans-bg-darkgray { background-color: rgba(102, 98, 98, 0.75) !important; color: #fff !important; }
.trans-bg-gray { background-color: rgba(102, 102, 102, 0.75) !important; color: #fff !important; }
.trans-bg-lightgray { background-color: rgba(208, 208, 208, 0.75) !important; color: #fff !important; }
.trans-bg-white { background-color: rgba(255, 255, 255, 0.75) !important; color: #333 !important; }
.trans-bg-black { background-color: rgba(0, 0, 0, 0.75) !important; color: #fff !important; }
.trans-bg-color { background-color: rgba(233, 27, 35, 0.75) !important; color: #fff !important; }
.trans-bg-full { width: 100%; height: 100%; overflow: hidden; padding: 8% !important; text-overflow: clip; white-space: normal; }

/* Font ------------------------------------------------------ */
.font-normal { font-weight: normal; }
.font-8, i.font-8 { font-size: 8px; }
.font-9, i.font-9 { font-size: 9px; }
.font-10, i.font-10 { font-size: 10px; }
.font-11, i.font-11 { font-size: 11px; }
.font-12, i.font-12 { font-size: 12px; }
.font-13, i.font-13 { font-size: 13px; }
.font-14, i.font-14 { font-size: 14px; }
.font-16, i.font-16 { font-size: 16px; }
.font-18, i.font-18 { font-size: 18px; }
.font-20, i.font-20 { font-size: 20px; }
.font-22, i.font-22 { font-size: 22px; }
.font-24, i.font-24 { font-size: 24px; }

/* Style ------------------------------------------------------ */
.cursor { cursor: pointer; }
.count { font-size: 10px; font-weight: bold; font-family: verdana; letter-spacing: -1px; line-height: 16px; padding-right: 1px; }
.block { display: block; }
.break-word { word-wrap: break-word; }
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.no-border { border: 0 !important; }
.no-margin { margin: 0 !important; }
.no-animation .collapsing { -webkit-transition: none; transition: none; }
.no-scrollbar { -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { width: 0; display: none; }
.btn-wset { display: none; }

/* Height ------------------------------------------------------ */
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.p10 { padding: 10px 0px; }
.p15 { padding: 15px 0px; }
.m10 { margin: 10px 0px; }
.m15 { margin: 15px 0px; }

/* Color ------------------------------------------------------ */
.red, i.red { color: rgb(233, 27, 35); }
.darkred, i.darkred { color: rgb(170, 60, 63); }
.crimson, i.crimson { color: rgb(220, 20, 60); }
.orangered, i.orangered { color: orangered; }
.orange, i.orange { color: rgb(240, 150, 20); }
.green, i.green { color: rgb(140, 195, 70); }
.lightgreen, i.lightgreen { color: rgb(160, 200, 80); }
.deepblue, i.deepblue { color: rgb(0, 125, 180); }
.skyblue, i.skyblue { color: rgb(100, 195, 245); }
.blue, i.blue { color: rgb(52, 152, 219); }
.navy, i.navy { color: rgb(50, 60, 70); }
.violet, i.violet { color: rgb(85, 60, 125); }
.yellow, i.yellow { color: rgb(241, 196, 15); }
.darkgray, i.darkgray { color: #666; }
.gray, i.gray { color: #888; }
.lightgray, i.lightgray { color: #ddd; }
.white, i.white { color: #fff; }
.light, i.light { color: #f5f5f5; }
.black, i.black { color: #333; }
.color, i.color { color: rgb(233, 27, 35); }

/* List Head */
.div-head { display: table; width: 100%; table-layout: fixed; padding: 15px 0; border-top-width: 2px; border-top-style: solid; border-bottom: 1px solid #c3c3c3; border-collapse: separate; }
.div-head > span { display: table-cell; text-align: center; vertical-align: middle; border-right: 1px solid #ddd; font-weight: bold; line-height: 1; }
.div-head > span:last-child { border-right: 0; }
.div-head.list-head > span { border: 0; }
.tr-head { border-top-width: 2px !important; border-top-style: solid !important; border-bottom: 1px solid #c3c3c3 !important; text-align: center !important; }
.tr-head > th { padding: 15px 0 !important; text-align: center !important; border: 0 !important; }
.tr-head > th > span { display: block !important; min-width: 40px !important; padding: 0px 10px !important; text-align: center !important; vertical-align: middle !important; border-right: 1px solid #ddd !important; font-weight: bold !important; line-height: 1 !important; }
.tr-head > th > span.last { border-right: 0 !important; }
.tr-line > td { border-top: 0 !important }

/* Row & Col Space */
.row-10 { margin-left: -5px !important; margin-right: -5px !important; }
.col-10 { padding-left: 5px !important; padding-right: 5px !important; }
.row-15 { margin-left: -8px !important; margin-right: -8px !important; }
.col-15 { padding-left: 8px !important; padding-right: 8px !important; }
.row-20 { margin-left: -10px !important; margin-right: -10px !important; }
.col-20 { padding-left: 10px !important; padding-right: 10px !important; }

/* Auto Size */
.apms-autowrap { margin: 0 auto 15px; }
.apms-autosize { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin: 0; }
.apms-autosize iframe, .apms-autosize object, .apms-autosize embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Print Media Query */
@media print {
  a:after { content: "" !important; /* disable URL display */ }
}

/* CHEditor */
.cheditor-popup-cframe { height: auto !important; }