body {background-color: #fefdfd; color: #030303; width:100%;} /*FFFDF2 fefdfd*/

li {list-style: none;}

/* common */


.clear {clear: both;}

.underline  {text-decoration: underline !important; color: #333;} 
a.underline  {text-decoration: none; color: #333;} 
a.underline:hover  {text-decoration: underline; } 
.underline a {text-decoration: none; color: #333;}
.underline a:hover {text-decoration: underline; }

hr.solid {background-color: #ddd;}

.hr_solid {background-color: #ddd; height: 1px;}

.dot_line {background-color: transparent; border-top: 1px #ccc dashed; margin-bottom: 10px;}

.full_divide {height: 1px; border-top:1px solid #ccc;}


.margin {height:10px;}
.margin2 {height:20px;}
.margin3 {height:30px;}
.margin4 {height:40px;}
.margin5 {height:50px;}
.margin6 {height:60px;}
.margin7 {height:70px;}
.margin8 {height:80px;}
.margin9 {height:90px;}
.margin10 {height:100px;}

.content_top_padding {padding-top: 76px;}

h3.subtitle {font-size: 1.1em; margin-bottom: 0px; font-weight: bold;}

.fontsize_12 {font-size: 1.2em;}


.control-group .hint, .control-group .note {font-size: 0.85em; color: #777;}

.error, .errorMessage { color: #B94A48; border-color: #B94A48; }
.errorMessage {font-size: 0.85em;  }
.red { color: #ff0000 !important;}
.blue { color: #0033ff !important;}

.left {float:left;}
.right{float:right;}
.right2 {text-align:right;}
.center { margin: 0 auto; }
.center2 { text-align:center; }
.middle {vertical-align:middle;}
.pointer {cursor:pointer;}
.inline {  display: inline-block; }

.btn_wide1 {width: 100px;}

.relative {position: relative;}

.off {opacity: 0.7;}

.italic {font-style: italic;}

.imgres {max-width: 100%; height: auto;}
.imgfull {width: 100% !important; height: 100% !important;}
.imgwrap {overflow: hidden; background-size: cover; background-position: center center;}
.imgwrap .space {width: 100%; height: 100%;}

.strong {font-weight: 700;}
/*.radio-inline  { float: left; margin-right:15px;}*/


.container img {max-width: 100%; height: auto;}



/* over */

/*.label {border-radius: 4px;}*/

.fa-heart {color: #FF4000 !important;}

.no_underline {text-decoration: none !important;}

.tag:hover {text-decoration: underline !important;}

.btn {border-radius: 3px; -webkit-border-radius: 3px; }

.btn-pink {color: #fff; background-color: #e4018e; border-color: #FFF; }
.btn-pink2 {color: #fff; background-color: #e4018e; border-color: #e4018e; }



.btn-white-border {color: #fff; background-color: transparent; border-color: #fff; }


.badge1 {font-size: 0.7em; padding: 6px 8px; border-radius: 2px;}
.badge1-red {background-color: #edbfa5;}
.badge1-blue {background-color: #a1bbd2;}
.badge1-yellow {background-color: #f8bf1e;}

.dropdown-menu li a:hover{
	background-color: #f9a01b;
	color:#fff;
}

.btn-info:hover {color: #FFF !important;}
.btn-default:hover {color: #000 !important;}


.dropdown-toggle {color:#240B3B !important;}

.btn-info2 {   background-color: #53c2b9; border-color: #53c2b9; }
.btn-info2:hover, .btn-info2:focus, .btn-info2.focus, .btn-info2:active, .btn-info2.active, .open > .dropdown-toggle.btn-info2 { background-color: #1ac0b3; border-color: #1ac0b3; }


.btn-danger2 {   background-color: #d81920; border-color: #d81920; color: #FFF; }
.btn-danger2:hover, .btn-danger2:focus, .btn-danger2.focus, .btn-danger2:active, .btn-danger2.active, .open > .dropdown-toggle.btn-danger2 { background-color: #c70007; border-color: #c70007; }

.btn-danger3 {   background-color: #cf69a8; border-color: #cf69a8; color: #FFF; }
.btn-danger3:hover, .btn-danger3:focus, .btn-danger3.focus, .btn-danger3:active, .btn-danger3.active, .open > .dropdown-toggle.btn-danger3 { background-color: #c1378c; border-color: #c1378c; }

.btn-danger4 {background-color: #d71920;}
.btn-danger5 {background-color: #dd99c3; color: #fff;}
.btn-danger6 {background-color: #ff3c63; color: #fff !important;}

.btn-primary2 {color: #fff; background-color: #7401DF; border-color: #FBEFF5; height: 30px;}

.btn-primary3 {   background-color: #3a4e80; border-color: #3a4e80; color: #FFF; }
.btn-primary3:hover, .btn-primary3:focus, .btn-primary3.focus, .btn-primary3:active, .btn-primary3.active, .open > .dropdown-toggle.btn-primary3 { background-color: #1e3575; border-color: #1e3575; }


.btn-orange {   background-color: #fe8d6c; border-color: #fe8d6c; color: #FFF;}
.btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active, .open > .dropdown-toggle.btn-orange { background-color: #fe7a54; border-color: #fe7a54; color: #FFF !important; }

.btn-yellow {   background-color: #f8bf1e; border-color: #f8bf1e; color: #FFF !important;}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow.focus, .btn-yellow:active, .btn-yellow.active, .open > .dropdown-toggle.btn-yellow { background-color: #ffbc00; border-color: #f8bf1e; color: #FFF !important; }

.btn-yellow2 {background-color: #ffc000; }

.btn-warning {background-color: #7401DF; }
.btn-warning:hover {color:#FFF !important;}
.btn-danger:hover {color:#FFF !important;}

.btn-warning3 {background-color: #FACC2E; }
.btn-warning3:hover {color:#FFF !important;}
.btn-danger3:hover {color:#FFF !important;}

.btn-warning2 {background-color: #7401DF; border-color: #ffd88d; color: #FFF; }
.btn-warning2:hover, .btn-warning2:focus, .btn-warning2.focus, .btn-warning2:active, .btn-warning2.active, .open > .dropdown-toggle.btn-warning2 { background-color: #e8b34e; border-color: #e8b34e; color: #FFF !important;  }


.btn-red {   background-color: #fa2051; border-color: #fa2051; color: #FFF; }


.btn-purple {   background-color: #7030a0; border-color: #7030a0; color: #FFF;}
.btn-purple:hover, .btn-purple:focus, .btn-purple.focus, .btn-purple:active, .btn-purple.active, .open > .dropdown-toggle.btn-purple { background-color: #59138d; border-color: #59138d; color: #FFF !important; }


.btn-purple2 {   background-color: #cdc0da; border-color: #cdc0da; color: #FFF;}
.btn-purple2:hover, .btn-purple2:focus, .btn-purple2.focus, .btn-purple2:active, .btn-purple2.active, .open > .dropdown-toggle.btn-purple2 { background-color: #9873bd; border-color: #9873bd; }

.btn-default2 {   background-color: transparent; border-color: #f9a01b; color: #fa2051;}
.btn-default2:hover, .btn-default2:focus, .btn-default2.focus, .btn-default2:active, .btn-default2.active, .open > .dropdown-toggle.btn-default2 { background-color: transparent; border-color: #f9a01b; color: #fa2051; }

.btn-default3 {   background-color: #b2b2b2; border-color: #b2b2b2; color: #FFF;}
.btn-default3:hover, .btn-default3:focus, .btn-default3.focus, .btn-default3:active, .btn-default3.active, .open > .dropdown-toggle.btn-default3 { background-color: #999; border-color: #999; }



.btn-default4 { color: #053d61 !important;}


.btn-default5 {   background-color: transparent; border-color: #f9a01b !important; } 

.btn-light-green.active {color: #0431B4 !important;}


.label-warning {background-color: #f9a01b; }

/* * Circle Buttons */ 
.btn-circle {width: 30px; height: 30px; text-align: center; padding: 6px; font-size: 12px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } 
.btn-circle.btn-lg {width: 50px; height: 50px; padding: 10px 15px; font-size: 18px; line-height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } 
.btn-circle.btn-xl {width: 70px; height: 70px; padding: 10px 15px; font-size: 24px; line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

.btn-wide {width: 100px;}
.btn-nocursor {cursor: default;}

.modal-header {min-height: 50px;}

.tabs .nav-tabs li a {font-weight: 620; }
.tabs .nav-tabs li.active a {background: #FFFDF2; font-weight: 710; }

select.form-control { color: #333; font-weight: 700; }

.form-horizontal .control-label {padding-top: 4px;}

.control-label .hint {line-height: 15px; text-align: right;}

.form-horizontal .radio-inline {margin-right: 10px; padding-top: 4px;}
.form-horizontal .radio-inline input {margin-top: 5px;}


.alert {padding-top: 8px;padding-bottom: 8px;} 

.panel-default>.panel-heading {border-color: #ccc !important; }


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #fff !important;
	text-decoration: none;
	outline: 0;
	background-color: #f9a01b;
}


.flag-kr {background-size: cover; background-image: url('../img/flags/flags-mini/kr.png'); background-position: 0px 0px !important; border:1px solid #aaa;}
.flag-us_uk {background-size: cover; background-image: url('../img/flags/flags-mini/us_gb.png') !important; background-position: 0px 0px !important; border:1px solid #aaa;}


.icon_kakao {background-size: cover; background-image: url('../img/kakao_symbol_64.png'); background-position: 0px 0px !important; width: 18px; height: 18px; margin-top: 4px; margin-left: 2px; }

.icon_kakao2 {background-size: cover; background-image: url('../img/kakao_symbol_64.png'); background-position: 0px 0px !important; width: 14px; height: 14px; margin-top: 2px; margin-left: 2px; }

.icon_naver {background-size: cover; background-image: url('../img/icon-naver.png'); background-position: 0px 0px !important; width: 18px; height: 18px; margin-top: 3px; margin-left: 2px; }

.icon_naver2 {background-size: cover; background-image: url('../img/icon-naver.png'); background-position: 0px 0px !important; width: 14px; height: 14px; margin-top: 2px; margin-left: 2px; }

.icon_kakaostory {background-size: cover; background-image: url('../img/icon-kakao.jpg'); background-position: 0px 0px !important; width: 18px; height: 18px; margin-top: 2px; margin-left: 2px; }
.icon_kakaostory2 {background-size: cover; background-image: url('../img/icon-kakao.jpg'); background-position: 0px 0px !important; width: 14px; height: 14px; margin-top: 2px; margin-left: 2px; }



/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-dot span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 5px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-dot.active span,
.owl-theme .owl-controls.clickable .owl-dot:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-dot span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}


/*
 * jQuery UI CSS Framework 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 *
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}
.ui-widget .ui-widget {
	font-size: 13px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #404040;
}
.ui-widget-header {
	font-weight: bold;
	background-color: #F5F5F5;
	border-color: #DDDDDD;
	color: #333333;
}
.ui-widget-header a {
	color: #222222;
}
/*
 * jQuery UI Datepicker 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */
 .ui-datepicker {width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header {position: relative; padding: .2em 0; border: 0; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {/*top: 1px;*/ } .ui-datepicker .ui-datepicker-prev {left: 2px; } .ui-datepicker .ui-datepicker-next {right: 2px; } .ui-datepicker .ui-datepicker-prev-hover {/*left:1px;*/ } .ui-datepicker .ui-datepicker-next-hover {/*right:1px;*/ } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select {font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td {border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi {width: auto; } .ui-datepicker-multi .ui-datepicker-group {float: left; } .ui-datepicker-multi .ui-datepicker-group table {width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group {width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group {width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane {clear: left; } .ui-datepicker-row-break {clear: both; width: 100%; font-size: 0em; } /* RTL support */ .ui-datepicker-rtl {direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float: right; } .ui-datepicker-rtl .ui-datepicker-group {float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover {display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; } .ui-datepicker th {font-weight: bold; color: gray; } .ui-datepicker-today a:hover {background-color: #808080; color: #ffffff; } .ui-datepicker-today a {background-color: #BFBFBF; cursor: pointer; padding: 0 4px; margin-bottom: 0; } .ui-datepicker td a {margin-bottom: 0; border: 0; } .ui-datepicker td:hover {color: #ffffff; } .ui-datepicker td .ui-state-default {border: 0; background: none; margin-bottom: 0; padding: 5px; color: gray; text-align: center; filter: none; } .ui-datepicker td .ui-state-highlight {color: #ffffff; background-color: #A90329; border-color: #46b8da; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 0px; /* Safari 4 */ -moz-border-radius: 0px; /* Firefox 3.6 */ border-radius: 0px; } .ui-datepicker td .ui-state-active {color: #333333; background-color: #ebebeb; border-color: #adadad; margin-bottom: 0; font-size: normal; text-shadow: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 0px; /* Safari 4 */ -moz-border-radius: 0px; /* Firefox 3.6 */ border-radius: 0px; } .ui-datepicker td .ui-state-hover {color: #ffffff; background: #428bca; background-color: #428bca; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #357ebd; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 0px; /* Safari 4 */ -moz-border-radius: 0px; /* Firefox 3.6 */ border-radius: 0px; }

.bootstrap-timepicker{position:relative}.modal-open .bootstrap-timepicker-widget.dropdown-menu.open{z-index:1051!important}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px}.bootstrap-timepicker .add-on{cursor:pointer}.bootstrap-timepicker .add-on i{display:inline-block;width:16px;height:16px}.bootstrap-timepicker-widget.dropdown-menu{padding:4px}.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block}.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0,0,0,.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #FFF;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.timepicker-orient-left:before{left:6px}.bootstrap-timepicker-widget.timepicker-orient-left:after{left:7px}.bootstrap-timepicker-widget.timepicker-orient-right:before{right:6px}.bootstrap-timepicker-widget.timepicker-orient-right:after{right:7px}.bootstrap-timepicker-widget.timepicker-orient-top:before{top:-7px}.bootstrap-timepicker-widget.timepicker-orient-top:after{top:-6px}.bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{border-radius:4px}.bootstrap-timepicker-widget table{width:100%;margin:0}.bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px}.bootstrap-timepicker-widget table td:not(.separator){min-width:30px}.bootstrap-timepicker-widget table td span{width:100%}.bootstrap-timepicker-widget table td a{border:1px transparent solid;width:100%;display:inline-block;margin:0;padding:8px 0;outline:0;color:#333}.bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd}.bootstrap-timepicker-widget table td a i{margin-top:2px;font-size:18px}.bootstrap-timepicker-widget table td input{width:25px;margin:0;text-align:center}.bootstrap-timepicker-widget .modal-content{padding:4px}@media (min-width:767px){.bootstrap-timepicker-widget.modal{width:200px;margin-left:-100px}}@media (max-width:767px){.bootstrap-timepicker,.bootstrap-timepicker .dropdown-menu{width:100%}}.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}[class^=col-]>.form-control+.form-control-feedback{right:13px}.has-feedback.has-success .radio-inline+.form-control-feedback{display:none!important}#buttonGroupForm .btn-group .form-control-feedback{top:0;right:-30px}#productForm .inputGroupContainer .form-control-feedback,#productForm .selectContainer .form-control-feedback{top:0;right:-15px}span.css-emoticon{font-family:"Trebuchet MS";font-size:.8em;font-weight:700;color:#000;display:inline-block;overflow:hidden;vertical-align:middle;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);width:1.54em;height:1.54em;text-align:center;padding:0;line-height:1.34em;-moz-border-radius:1.54em;-webkit-border-radius:1.54em;border-radius:1.54em;-moz-box-shadow:1px -1px 2px rgba(0,0,0,.2);-webkit-box-shadow:1px -1px 2px rgba(0,0,0,.2);box-shadow:1px -1px 2px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.25);background-color:#fc0;background-image:-webkit-gradient(linear,right top,left top,color-stop(0.41,#ffb800),color-stop(0.56,#fd5),color-stop(1,#fea));background-image:-moz-linear-gradient(center right,#ffb800 41%,#fd5 56%,#fea 100%);-webkit-transition-property:color,background,transform;-webkit-transition-duration:1s,1s;-webkit-transition-timing-function:linear,ease-in;margin-top:-.4em}span.css-emoticon.spaced-emoticon{padding-left:.2em;width:1.34em}@media screen and (-webkit-min-device-pixel-ratio:0){span.css-emoticon.spaced-emoticon{width:1.4em}}span.css-emoticon.small-emoticon{font-size:.7em;width:1.82em;height:1.82em;line-height:1.72em;-moz-border-radius:1.82em;-webkit-border-radius:1.82em;border-radius:1.82em}span.css-emoticon.small-emoticon.spaced-emoticon{padding-left:0;width:1.82em;letter-spacing:.1em}span.css-emoticon.red-emoticon{background-color:#eb0542;background-image:-webkit-gradient(linear,right top,left top,color-stop(0.41,#ff7c7c),color-stop(0.56,#e79494),color-stop(1,#e78ba5));background-image:-moz-linear-gradient(center right,#ff7c7c 41%,#e79494 56%,#e78ba5 100%)}span.css-emoticon.pink-emoticon{background-color:#ff8fd4;background-image:-webkit-gradient(linear,right top,left top,color-stop(0.41,#ff8fd4),color-stop(0.56,#ff99d8),color-stop(1,#ffade1));background-image:-moz-linear-gradient(center right,#ff8fd4 41%,#ff99d8 56%,#ffade1 100%)}span.css-emoticon.no-rotate{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.45em;width:2.2em;height:2.2em;line-height:1.9em;-moz-border-radius:2.2em;-webkit-border-radius:2.2em;border-radius:2.2em;background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.41,#fc0),color-stop(0.56,#fd5),color-stop(1,#fea));background-image:-moz-linear-gradient(center bottom,#fc0 41%,#fd5 56%,#fea 100%)}span.css-emoticon.no-rotate.red-emoticon{background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.41,#eb0542),color-stop(0.56,#eb265a),color-stop(1,#fa376e));background-image:-moz-linear-gradient(center bottom,#eb0542 41%,#eb265a 56%,#fa376e 100%)}span.css-emoticon.no-rotate.pink-emoticon{background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.41,#ff8fd4),color-stop(0.56,#ff99d8),color-stop(1,#ffade1));background-image:-moz-linear-gradient(center bottom,#ff8fd4 41%,#ff99d8 56%,#ffade1 100%)}span.css-emoticon.counter-rotated{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-box-shadow:-1px 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.5);box-shadow:-1px 1px 2px rgba(0,0,0,.5);background-image:-webkit-gradient(linear,left top,right top,color-stop(0.41,#fc0),color-stop(0.56,#fd5),color-stop(1,#fea));background-image:-moz-linear-gradient(center left,#fc0 41%,#fd5 56%,#fea 100%)}span.css-emoticon.counter-rotated.red-emoticon{background-image:-webkit-gradient(linear,left top,right top,color-stop(0.41,#eb0542),color-stop(0.56,#eb265a),color-stop(1,#fa376e));background-image:-moz-linear-gradient(center left,#eb0542 41%,#eb265a 56%,#fa376e 100%)}span.css-emoticon.counter-rotated.pink-emoticon{background-image:-webkit-gradient(linear,left top,right top,color-stop(0.41,#ff8fd4),color-stop(0.56,#ff99d8),color-stop(1,#ffade1));background-image:-moz-linear-gradient(center left,#ff8fd4 41%,#ff99d8 56%,#ffade1 100%)}span.css-emoticon.animated-emoticon:hover,span.css-emoticon.un-transformed-emoticon{letter-spacing:inherit;color:inherit;overflow:visible;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);background:0 0;background-image:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-color:transparent}span.css-emoticon.nintendo-controller{font-size:.8em;height:1.2em;line-height:1em;width:2.7em;vertical-align:bottom;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(0.09,#74798c),color-stop(0.55,#a5aabd));background:-moz-linear-gradient(center bottom,#74798c 9%,#a5aabd 55%)}/*!

/* main */

.navbar .container {height:41px;}
.navbar-brand {height: 41px;}
.navbar-brand img{width:150px; height: auto;}
.navbar-default {padding-top: 27px; height: 99px; margin-top: -27px;}
.navbar-default .navbar-brand { padding: 3px 15px 0px 15px; }

.navbar-nav>li>a {padding: 10px 10px;}

.top-bar form .form-control {width:350px; background: #000; border-color: #999; color:#FFF; padding: 3px; height: 24px; border-radius: 0px; -webkit-border-radius:  0px; margin-top: 4px;}
.top-bar form .form-control:hover {width:500px; background:#A9F5D0; border-color: #999; color:#FFF; padding: 3px; height: 24px; border-radius: 0px; -webkit-border-radius:  0px; margin-top: 4px;}

.top-bar button { }
.top-bar a {margin-right: 0px;}

#postboard {color:white; font-size:10px; font-weight:bold; padding:3px; background-color:rgba(211, 211, 211, 0.2);}
.top-mark {margin-left: 0px; line-height: 34px;}
.top-mark2 {margin-left: 0px; line-height: 34px;}
.top-mark img {height: 24px; width: auto;}
.top-mark .open img {opacity: 0.3;}

@media only screen and (max-width:920px){

.top-mark {margin-left: 0px;  line-height: 0px; height:0px;}
.top-mark2 {margin-left: 0px;  line-height: 0px; height:0px !important;}
#dropdropmenu{margin-left:-10px; margin-top:35px !important;}

}

@media only screen and (min-width:921px){

#dropdropmenu{ animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

}



.header2 {background: #231F20; height: 38px; border-bottom:solid 5px  #ffd004; width: 100%; }

.header2 .navbar-nav {margin-top: 0px;}
.header2 .navbar-nav>li {float: left !important;}
.header2 .navbar-nav>li>a {
	color: #FFF;
	font-weight:500;
	font-size: 11px;
	text-transform: initial;
	font-family: 'Open Sans', sans-serif;
	padding: 6px 15px;
	position: relative;
}

.header2 .navbar-nav>li>a i {position: absolute; left: 50%; bottom: -12px; font-size: 26px; margin-left: -7px;color: #fbd21e; display: none; }
.header2 .navbar-nav>li>a:hover i {display: block;  }
.header2 .navbar-nav>li.active>a i {display: block;}
.header2 .navbar-nav {margin-left: -13px;}
.header2 .navbar-nav>li>a:hover { color: #fbd21e; } 


.header3 {background-color: #fa2051; display: block;}
.header3 .container {height: 32px;}
.header3 .sub {color: #FFF;}
.header3 .sub a {color: #FFF; font-weight: bold; font-size: 1.0em; display: inline-block; padding: 0px 10px 0 0; }
.header3 .sub a.active {color: #f9a01b;   }
.header3 .sub_collection { margin-left: -10px; padding-top: 3px; }
.header3 .sub a.btn {margin-left: 0px; margin-top: -2px; padding: 0px 10px;}


.header4 {background-color: #333; border-bottom: none;}
.header4 .sub {color: #ccc;}
.header4 .sub a {color: #ccc; font-weight: bold; font-size: 1.0em; display: inline-block; padding: 2px 10px;}

.header4 .sub_collection { }

.breadcrumbs {color: #FFF;}
.breadcrumbs a {color: #FFF;}
.breadcrumbs span {color: #FFF;}
.breadcrumbs .separator {margin-left: 10px; margin-right: 10px;}

.tooltip-inner {max-width: 300px !important; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 5px 7px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/* Important part */ 
.ratio_box{display: inline-block; position:  relative; width: 100%; margin-right: 0px; float: left; font-size: 12px; }
.ratio_box:hover{-webkit-filter: contrast(150%); -webkit-filter: saturate(2.5);
display: inline-block; position:  relative; margin: 0; float: left; font-size: 12px; }
.ratio_box:before{content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ }

.ratio_box1{display: inline-block; position:  relative; height:0%; width: 100%; margin-right: 0px; float: left; font-size: 12px; }
.ratio_box1:hover{-webkit-filter: contrast(150%); -webkit-filter: saturate(2.5);
display: inline-block; position:  relative; margin: 0; float: left; font-size: 12px; }
.ratio_box1:before{content: ""; display: block; padding-top: 0%; /* initial ratio of 1:1*/ }

.ratio_box2{overflow: hidden;display: inline-block; position:  relative; width: 103%; margin-right: 0px; float: left; font-size: 12px; }
.ratio_box2:hover{-webkit-filter: contrast(150%); -webkit-filter: saturate(2.5);
display: inline-block; position:  relative; margin: 0; float: left; font-size: 12px; }
.ratio_box2:before{overflow: hidden;content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ }


.ratio33_1:before{padding-top: 30%; }
.ratio16_7:before{padding-top: 43.75%; }
.ratio2_1:before{padding-top: 50%; }
.ratio16_9:before{padding-top: 56.25%; }
.ratio32_21:before{padding-top: 62.625%; }
.ratio4_3:before{padding-top: 71.8%; }
.ratio1_2:before{padding-top: 200%; }

.ratio5_3:before{padding-top: 15%; }

.ratio_content{position:  absolute; top: 0; left: 0; bottom: 0; right: 0; }



.crop_thumbnail {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0px;
}
.crop_thumbnail2 {
	position: relative;
	width: 120%;
	height: 100%;
	overflow: hidden;
}
.crop_thumbnail img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.crop_thumbnail img.portrait {
	width: 100%;
	height: auto;
}
.crop_thumbnail2 img {
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.crop_thumbnail2 img.portrait {
	width: 100%;
	height: auto;
}




/*pages*/

.main-section h2 {font-size: 1.4em; margin-bottom: 1em; }

.main-section-1 .ms1-banner-boxed {height: 200px;}

.main-section-1 h2 { margin-bottom: 0px; } 

#today_choise { overflow: hidden; } 
#today_choise .owl-controls {position: absolute; bottom: -5px; right: 5px;}
#today_choise .owl-item > div {margin: 0px !important; }
#today_choise .owl-dot span {background-color: #FFF !important; width: 10px; height: 10px;  margin: 5px 3px; opacity: 0.8; }
#today_choise .owl-dot.active span {background-color: #f9a01b !important;}

.form_text {line-height: 30px;}

.inner2 {min-height: 150px;}

.tag_select {margin-bottom: 2px;}

.box_login {margin-top: 38px !important; right: 15px !important; background-color: rgba(255,252,227,1.0)!important;  box-shadow: 0 6px 12px rgba(0,0,0,0); min-height: 300px;   }

.box_login .sns i {color: #333030; font-size: 24px; margin-right: 2px;}

.box_login .area_btn { margin-bottom: 10px; }

.box_login .area_btn .row { margin-left: -2px; margin-right: -2px;  }
.box_login .area_btn .col-xs-6 { padding-left: 2px; padding-right: 2px;   }
.box_login .area_btn .btn {margin-top: 2px;}
.box_login .form-control {margin-top: 5px; margin-bottom: 2px;}
.box_login .center2 {color: #999; padding-top: 4px;}
.box_login .submenu {color: #000; font-size: 0.9em; }
.box_login .form-group .errorMessage {height: 15px; padding: 0; margin: 0 0 0 3px; line-height: 15px;}

.box_login .checkbox {position: relative; margin-bottom: 0px;}
.box_login .checkbox input[type="checkbox"] {left: 20px; top:1px;}

.box_login_page {background-color: rgba(255,252,227,0.7)!important; }

.user_login_page .box_login {height: auto;}

.box_signup {margin-top: 38px !important; right: 15px !important; background-color: #fffce3 !important;  box-shadow: 0 6px 12px rgba(0,0,0,0);   overflow: visible; }

.box_signup .sns i {color: #333030; font-size: 24px; margin-right: 2px;}

.box_signup .area_btn { margin-bottom: 20px; }

.box_signup .area_btn .row { margin-left: -2px; margin-right: -2px;  }
.box_signup .area_btn .col-xs-6 { padding-left: 2px; padding-right: 2px;   }
.box_signup .area_btn .btn {margin-top: 2px;}
.box_signup .form-group {margin-bottom: 0px;}
.box_signup .form-control {margin-bottom: 2px;}
.box_signup .checkbox {margin: 0; font-size: 0.75em;}
.box_signup .checkbox label {font-size: 1.0em;}
.box_signup .submenu {color: #000; font-size: 0.9em; }



.box_mypage {margin-top: 38px !important; right: 15px !important; background-color: #fffce3 !important;  box-shadow: 0 6px 12px rgba(0,0,0,0); min-height: 310px; overflow: hidden; }

.box_mypage .sns i {color: #333030; font-size: 24px; margin-right: 2px;}

.box_mypage .area_btn { margin-bottom: 5px; }

.box_mypage .area_btn .row { margin-left: -2px; margin-right: -2px;  }
.box_mypage .area_btn .col-xs-6 { padding-left: 2px; padding-right: 2px;   }
.box_mypage .area_btn .btn {margin-top: 2px;}
.box_mypage .area_user { } 
.box_mypage .area_user .user_img {display: inline-block; float: left; border: 1px solid #343233; width: 45px; height: 45px;}
.box_mypage .area_user .user_img img {width: 100%; height: 100%;}
.box_mypage .area_user .myspace {background-color: #7f82ad; height: 45px; margin-left: 5px; text-align: center; padding-top: 9px; color: #FFF; font-weight: 600; width: 175px; display: inline-block; }

.box_mypage .area_user .myspace_edit {background-color: #ff3c63; height: 45px; margin-left: 0px; text-align: center; padding-top: 9px; color: #FFF; font-weight: 600; width: 40px;  display: inline-block;  }



.box_mypage .area_user .info1 {clear: both; padding:5px 0 5px 3px;}
.box_mypage .area_user .info1 li{font-size: 0.9em; text-align: left; margin-left: 0px; margin-bottom: 0px; line-height: 17px; color: #262624; list-style:disc; list-style-position: inside;}
.box_mypage .area_user .info1 li a {font-size: 0.9em; background: none; padding: 0; text-decoration: underline; color: #262624;}
.box_mypage .area_user .info2 {clear: both; padding:5px 0;}
.box_mypage .area_user .info2 li{font-size: 0.9em; text-align: left; margin-left: 0px; margin-bottom: 0px; line-height: 17px; color: #262624; list-style:none; background: #da9695; width: 67px; height: 67px; float: left; overflow: hidden; }
.box_mypage .area_user .info2 li:nth-child(even) {background: #b9cde5;}
.box_mypage .area_user .info2 li a {display: block; width: 67px; height: 67px; background: none; padding: 0px;}
.box_mypage .area_user .info2 li a img {width: 100%; height: 100%;}

.box_mypage .area_user .info3 {clear: both; padding:5px 0 10px 0;}
.box_mypage .area_user .info3 li{font-size: 0.9em; text-align: left; margin-left: 0px; margin-bottom: 0px; line-height: 17px; color: #262624; list-style:none; width: 50%; float: left;}
.box_mypage .area_user .info3 li a {font-size: 0.9em; font-weight: bold; background: none; padding: 0; text-decoration: underline; color: #262624;}


.btn-black {background-color: #000; color: #fff; }

.btn-black:hover {background-color: #222; }


.btn-gray{border-color: #bdbdbd ; color: #fff ; background-color: #bdbdbd ; } 
.btn-gray:hover{background-color: #9c9c9c; border-color: #9c9c9c ; color: #FFF !important; }



.btn-trans{ border:none; color: #555 ; background-color: transparent; } 
.btn-trans:hover{background-color: transparent; color: #555 !important; }

.navbar-default {box-shadow: none !important;}
.navbar-default .main_menu1 {background-color: #fff; margin-bottom: 0;}
.navbar-default .main_menu1>li>a  {color: #a0a098; font-size: 12px;}
.navbar-default .main_menu1 .active {}

.badge-red {background-color: #FF0000;}
.badge_yellow {background-color: #ffd004;}
.badge_green {background-color: #4BB6AD;}


.main-top-issue-1>div {margin-left: -5px; margin-right: -5px; margin-top: -5px;}
.main-top-issue-1 .divide {height: 4px;}
.main-top-issue-1 .btn-primary2 {margin-top: 10px; padding:1px 13px;}



#main-top-issue-1 .item-img-overlay span {background: url(../img/plus.png) no-repeat center center rgba(255, 115, 2, 0.5); }
#main-top-issue-1 .desc{width: 100%; padding: 10px 10px; background: #FFF; border-top: none; position: relative; }  
#main-top-issue-1 .desc h3{margin: 0; padding: 0; font-size: 13px; font-weight: bold; display: inline-block; height: 16px; overflow: hidden; line-height: 14px; word-break: break-all; }  
#main-top-issue-1 .desc span{font-weight: 600; font-style: normal; text-transform: lowercase; font-size: 11px; color: #777;  }



#main-top-issue-2 .item-img-overlay span {background: url(../img/plus.png) no-repeat center center rgba(255, 115, 2, 0.5); }
#main-top-issue-2 .desc{width: 100%; padding: 10px 10px; background: #FFF; border-top: none; position: relative; }  
#main-top-issue-2 .desc h3{margin: 0; padding: 0; font-size: 13px; font-weight: bold; display: inline-block; height: 16px; overflow: hidden; line-height: 14px; word-break: break-all; }  
#main-top-issue-2 .desc span{font-weight: 600; font-style: normal; text-transform: lowercase; font-size: 11px; color: #777;  }



.main-carousel-2>div {margin-left: 0px; margin-right: 0px;}
#main-carousel-2 .item-img-overlay span {background: url(../img/plus.png) no-repeat center center rgba(255, 115, 2, 0.5); }
#main-carousel-2 .desc{width: 100%; padding: 10px 0px;   border-top: none; position: relative; }  
#main-carousel-2 .desc h3{margin: 0; padding: 0; font-size: 13px; font-weight: bold; display: block; height: 16px; overflow: hidden; line-height: 14px; word-break: break-all;  }  
#main-carousel-2 .desc span{font-weight: 600; font-style: normal; text-transform: lowercase; font-size: 11px; color: #777;  }



.main-carousel-3>div {margin-left:0px; margin-right: 0px;}
#main-carousel-3 .item-img-overlay span {background: url(../img/plus.png) no-repeat center center rgba(255, 115, 2, 0.5); }
#main-carousel-3 .desc{width: 100%; padding: 10px 45px 10px 85px;   border-top: none; position: absolute; bottom:0px; left: 0; background-color: rgba(255,255,255,0.7); height: 50px; }  
#main-carousel-3 .desc h3{margin: 0; padding: 0; font-size: 13px; font-weight: bold; display: block; height: 14px; overflow: hidden; line-height: 12px; word-break: break-all; margin-bottom: 0px; }  
#main-carousel-3 .desc h3 a {color: #547b9c; }  
#main-carousel-3 .desc span{font-weight: 600; font-style: normal; text-transform: lowercase; font-size: 11px; color: #777;  }
#main-carousel-3 .desc .user_img { position: absolute; top:-16px; left: 7px; width: 70px; height: 70px; background-color: #FFF; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; border: 3px solid #FFFDF2; }
#main-carousel-3 .desc .user_img img { border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
#main-carousel-3 .desc .btn_plus {padding-top: 1px; display: block; margin-left: 12px; position: absolute; top:17px; right: 10px; color: #777; }
#main-carousel-3 .desc .btn_plus img {width: 25px !important;height: 25px !important;}
#main-carousel-3 .desc .btn_plus i {font-size: 24px !important;}




.main-section-2 .filter {text-align: left;}
.main-section-2 .filter li {padding: 0 2px;}
.main-section-2 .filter li a {display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 2px; border: none; border-radius: 4px; -webkit-border-radius: 4px; }


.main-section-2 .filter2 {text-align: left;}
.main-section-2 .filter2 li {padding: 0 2px;}
.main-section-2 .filter2 li a { color: #555; display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 8px;   border-radius: 4px; -webkit-border-radius: 4px; }
.main-section-2 .filter2 li a.active { color: #f9a01b;}




.list_sorting li {padding: 0 2px;}
.list_sorting li a {display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 8px;   border-radius: 4px; -webkit-border-radius: 4px; color: #888;}
.list_sorting li a.active { color: #f9a01b;}

.main-section-2 .list-inline-1 {margin-bottom: 3px;}
.main-section-2 .list-inline-2 {margin-bottom: 0px; margin-left: 0;}
.main-section-2 .list-inline-3 {margin-bottom: 0px; text-align: right;}

.main-section-2 h2 {margin-bottom: 0px;}

.main-section-2 .title_right_btn { position: absolute; right: 17px; top:5px;}
.main-section-2 .title_right_btn2 { position: absolute; right: 192px; top:5px;}
.main-section-2 .title_right_btn .btn-danger2 span {color: #ffd006;}




.state_ready {color: #ffd006 !important;}
.state_in_progress, .state_process {color: #6cc8c3 !important;}      
.state_close {color: #ff0000 !important;}      
.state_often, .state_regular {color: #009f1e !important;}   

.onoff_online {color: #FA58D0 !important;}   
.onoff_offline {color: #2ECCFA !important;}   



.ratio1 {width: 100% !important; height: auto !important;}
.ratio2 { height: 100% !important; width: auto !important; max-width: none;}

.Collage{
	/*This is where you set the padding you want between the images*/
	padding:10px;
	
}
.Collage img{
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:bottom;
	opacity:1; 
	/*This is where you set the border you want for the image*/
	border:0; 
    border-radius: 0px;

}


/* In this example, this is the main item being resized */
.Image_Wrapper{
	position: relative;
	/* to get the fade in effect, set opacity to 0 on the first element within the gallery area */
	opacity:1;
	/*    -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
		box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);*/
	/*    -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;*/

	padding-bottom: 185px;
	overflow: visible !important;
}
  

.Caption{
	font-size:14px;
	font-weight:normal;
	font-family:arial;
}
.Caption_Content{
	/* padding:10px; */
	color:#FFF;
	padding:20px;
}


.play_button1 {position: absolute; top: 46%; left: 48%; z-index: 1; font-size: 90px; color: #81F7F3; margin-top: -35px; margin-left: -30px; opacity: 0.8;}


.artworks_row {position: relative; padding-bottom: 170px;}
.artworks_row:hover {position: relative; padding-bottom: 170px;-webkit-filter: contrast(120%); -webkit-filter: saturate(3);
}
.artworks_row .count_file {position: absolute; top: 10px; left: 10px; z-index: 99;}
.artworks_row .play_button {position: absolute; top: 33%; left: 50%; z-index: 99; font-size: 70px; color: #81F7F3; margin-top: -35px; margin-left: -30px; opacity: 0.8;}


.artworks_row .desc .info2 {height: 30px; line-height: 24px;}
.artworks_row .desc .info2 .user .user_img {display: inline-block; width: 22px; height: 22px; background-size: cover;}
.artworks_row .desc .info2 .user .area_name {top: 4px; left: 30px;}
.artworks_row .desc .info2 .user .btn_plus {margin-left: 5px;}

.artworks_row .desc .desc3 {font-size: 11px;   height: 40px; overflow: hidden; } 


.event_post .play_button {position: absolute; top: 48%; left: 50%; z-index: 99; font-size: 80px; color: #81F7F3; margin-top: -70px; margin-left: -30px; opacity: 0.8;}


.main-post1 {  }

.row_a {display: block; position: relative;}

.main-post1 .desc{width: 100%; padding: 10px 0px;  border-top: none; position: relative; line-height: 20px; color: #333;   }  

.project-post .desc {height: 130px;}

.main-post1 .desc h3{ margin: 0; padding: 0;  display: inline-block;  overflow: hidden; line-height: 14px; height: 15px; word-break: break-all; font-size: 13px; font-weight: normal; }
.main-post1 .desc h3 .label {font-size: 10px; padding: 0 4px 1px 4px;}


.main-post1 .desc h3 .title {   font-family: 'Times New Roman','Times','serif'; font-style: italic; font-weight: bold; font-size: 13.5px; }
.main-post1 .desc h3 .title i {font-size: 15px !important;}


.project_index_post .desc h3 .title {   font-family: 'Times New Roman','Times','serif'; font-style: normal; font-size: 13.5px;}


.project_index_post .play_button {position: absolute; top: 47%; left: 48%; z-index: 99; font-size: 80px; color: #81F7F3; margin-top: -35px; margin-left: -30px; opacity: 0.8;}

.project_index .project_index_post .crop_thumbnail img  {width: 100%; height: auto;} 
.project_index .project_index_post .crop_thumbnail:hover img  {width: 100%; height: auto;opacity:0.9;} 


.project_index_table .crop_thumbnail img  {width: auto; height: 100%;}
.project_index_table .crop_thumbnail img.portrait {width: 100%; height: auto;}


.main-post1 .desc h3 a{color:#000;}  
.main-post1 .desc span{  }

.main-post1 .desc .desc2 {height: 21px; overflow: hidden; }
.main-post1 .desc .desc2 .state {font-weight: bold;  }
.main-post1 .desc .desc2 .date {font-size: 0.9em; font-style: normal; }
.main-post1 .desc .desc2 .online { font-weight: bold; color: #334d98; }
.main-post1 .desc .desc2 .remain {font-size: 0.9em; font-weight: bold; color: #FF0000; }
.main-post1 .desc .desc3 {font-size: 11px;/*   height: 40px; overflow: hidden;*/ } 
.main-post1 .desc .desc_option {font-size: 10px;}


.main-post1 .desc>.user {font-size: 13px;  height: 20px; overflow: hidden; font-family: 'Times New Roman','Times','serif'; font-weight: 800;}
.main-post1 .desc>.user a {color: #333; text-decoration: none;}

.main-post1 .desc .desc3 a {color: #333; text-decoration: none;}
.main-post1 .desc .desc4 {margin-top: 0px; font-size: 1.0em; line-height: 20px; height: 60px; max-height: 60px; overflow: hidden; }
.main-post1 .desc .desc4.online {height: 24px;}
.main-post1 .desc .desc4.offline {max-height: 20px;}
.main-post1 .desc .desc5 {margin-top: 10px; height: 34px; overflow: hidden; }
.main-post1 .desc .desc5 .title { margin-right: 10px; }
.main-post1 .desc .desc5 .btn_join {width: 100px; }

.main-post1 .info {height: 130px; position: relative;}
.main-post1 .info1 {margin-top: 10px; margin-right: 0px; position: relative;}
.main-post1 .info2 { position: relative;}
.main-post1 .info2 .btn_join {width: 100px; }


.mypage #artworks1 .main-post1 .info {height: 130px;}
.mypage #artworks1 .Image_Wrapper {padding-bottom: 140px;}

.main-post1 .area_icon {margin-top: 0px; position: absolute; top:2px; right: 0px; z-index: 999; }
.main-post1 .area_icon .icon>i {width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid; background-color: transparent; border-radius: 50%; -webkit-border-radius: 50%; font-size: 12px; }
.main-post1 .area_icon .count {font-size: 0.7em;}
.main-post1 .area_icon .dropdown>a, .main-post1 .area_icon>a {color: #555; margin-left: 3px;}
.main-post1 .area_icon .dropdown>a:hover, .main-post1 .area_icon>a:hover {color: #000;}


.main-post1 .user {position: relative;}
.main-post1 .user .user_img {display: inline-block; width: 34px; height: 34px; background-size: cover;}

.main-post1 .user .user_field { position: absolute; bottom: 0px; left: 38px; font-size: 0.85em; color: #99998f; line-height: 0.8em; }

.main-post1 .count_member {position: absolute; top: 10px; left: 0px; font-weight: 600; font-size: 14px; color: #FFF; background-color: rgba(0,0,0,0.3); padding: 7px 7px 7px 10px;}

.main-post1 .count_member span {display: inline-block; width: 35px; height: 35px; background-color: rgba(255,255,255,0); border-radius: 50%; text-align: center; line-height: 30px;border: 2px solid #FFF; font-weight: 800; font-size: 13px; color: #FFF; }

.main-post1 .count_file {position: absolute; top: 10px; left: 0px; background-color: rgba(0,0,0,0.3); padding: 5px 5px 0px 5px;}


.more_contents {padding: 70px 15px 0 15px;}


#footer {margin-bottom:-150px; background: #FBF5EF; font-size: 1.0em; padding: 30px 0; position: relative; clear: both; border-top: 1px solid #ccc; margin-top: 50px;}
#footer .info {line-height: 20px; margin-top: 5px; }
#footer .footer_sns {line-height: 50px; float: right;}
#footer .footer_sns a {color: #FFF;  }
#footer .footer_sns a i {width: 26px; height: 26px; line-height: 26px; text-align: center; border: 1px solid;  border-radius: 50%; -webkit-border-radius: 50%; font-size: 14px; background-color: #8a8a8a; }
#footer .footer_sns a i:hover { background-color: #333; }
#footer .btn_question {margin-top: 5px; background: #FACC2E;}


#footer .footer_logo {max-width: 240px;}
#footer .footer_menu a {display: inline-block; padding: 0 10px;}
#footer .footer_menu a:first-child {padding-left: 0px;}



.main-post2 .desc .desc2 span {font-size: 1.3em; font-family: 'EB Garamond','Times New Roman','Times','serif'; font-style: italic; }



.user a {color: #adb4ba; vertical-align: middle;}
.user a:hover {color: #777;}
.user .user_img {display: inline-block; }
.user .user_img img {width: 45px; height: 45px;}

.user .btn_plus {padding-top: 0px; display: inline-block; margin-left: 12px; }
.user .btn_plus i {font-size: 20px !important;padding-top: 2px;}

.user .name { margin-left: 0px;  }
.user .name>a {font-size: 12px;}

.user .area_name {position: absolute; top:-2px; left: 36px; line-height: 10px; }

/*.iso-call2 .main-post1 {float: left;}*/



.main_notice {height: 30px; display:inline; position:relative; margin-right: 0px; overflow: hidden; text-align:right !important;}    
.main_notice .notice_roll {margin-bottom: 0px; overflow: hidden; text-align:right !important;}  
.main_notice .notice_roll ul { padding-right: 0px; text-align:right !important;}  
.main_notice .notice_roll li {text-align: right; text-align:right !important;}
.main_notice .notice_roll a {color: #000; font-weight: bold; font-size: 0.85em; padding-right: 0px; text-align:right !important;}
.main_notice .notice_roll .tp-bannertimer {display: none; text-align:right !important;}


.main_notice .tparrows.hidearrows {display: none !important;}

.main_notice .tp-leftarrow.round {display: none !important;}
.main_notice .tp-rightarrow.round {display: none !important;}
.main_notice .tp-rightarrow:hover {display: none !important;}



.main_project_study {margin-top: 30px;}
.main_project_study h2 span {margin-left: 10px;}


#artworks-mv .owl-stage-outer{height: 400px !important;}

.artworks-section-2 .filter {text-align: left;}
.artworks-section-2 .filter li {padding: 0 2px;}
.artworks-section-2 .filter li a {display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 2px; border: none; border-radius: 4px; -webkit-border-radius: 4px; }



.artworks-section-2 .filter2 {text-align: left;}
.artworks-section-2 .filter2 li {padding: 0 2px;}
.artworks-section-2 .filter2 li a { color: #555; display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 8px;   border-radius: 4px; -webkit-border-radius: 4px; }
.artworks-section-2 .filter2 li a.active { color: #f9a01b;}



.artworks-section-2 .list-inline-1 {margin-bottom: 3px;}
.artworks-section-2 .list-inline-2 {margin-bottom: 20px;}
.artworks-section-2 .list-inline-3 {margin-bottom: 0px; text-align: right;}

.artworks-section-2 h2 {margin-bottom: 0px;}

.artworks-section-2 .title_right_btn {padding-top: 6px;}
.artworks-section-2 .title_right_btn .btn-danger2 span {color: #ffd006;}



.artworks-keyword-fixed {position: fixed; top: 78px; z-index: 9999; width: 100%; opacity: 0.8; height: 32px;}
.collection-keyword-fixed {position: fixed; top: 111px; z-index: 9999; width: 100%; opacity: 0.8;}
.collection-keyword-fixed2 {position: fixed; top: 42px; z-index: 9999; width: 100%; opacity: 0.8;}



.artworks-keyword1 .alert {margin-right:0%; padding: 3px 10px; margin-left:0%; background: #F2F2F2; border-color: #fff88d; font-size: 1.0em; color: #111; margin-bottom: 0px;}
.collection-section-5 .collection_top_key {margin-right:1%; margin-left: -1%; padding: 0px; border-top: 4px solid #000; border-bottom: 2px solid #ccc; }

.collection-section-5 {background-color: #FFF;}
.collection-section-5 h2 {font-size: 1.0em; margin-bottom: 0px; font-weight: 800; }
.collection-section-5 a .label {background-color: #000; margin: 0 7px; font-size: 10px;}
.collection-section-5 a .label:hover {background-color: rgba(0,0,0,0.7);}
.collection-section-5 .devide_bar {border-top: 2px solid #ccc;}



.artworks-keyword .alert {padding: 3px 10px; background: #F2F2F2; border-color: #fff88d; font-size: 1.0em; color: #111; margin-bottom: 0px;}

.artworks-keyword .alert .label {background-color: #000; margin: 0 7px;}
.artworks-keyword .alert .label:hover {background-color: rgba(0,0,0,0.7); color:#f9a01b;}

.artworks-banner .banner_left img {display: inline-block !important; height: 300px; width: auto; margin: 0 5px; }


.project_study .top_btn { text-align: left; margin-bottom: 5px; padding-bottom: 5px;}

.project_study .top2 {margin-top: 0px;}


.project_study .feature1 { margin-bottom: 5px; }
.project_study .feature2>.title {margin-left: 0px; margin-bottom: 5px; cursor: default;}
.project_study .feature2>.title2 {margin-top: 27px;}
.project_study .feature2 .owl_box {padding: 0px 0 0  0px; border-radius: 0px;}

.project_study .feature2 .owl_box .owl-item {}






.collection_index .feature1_title { padding-top: 140px; }
.collection_index .feature1_title h2 {font-size: 27px; font-weight: bold; margin-bottom: 0;}
.collection_index .feature1_title p {color: #000;  margin-bottom: 0;}


.collection_index .feature1_title .info2 {margin-top:20px;}
.collection_index .feature1_title .info2 h4 {font-size: 1.0em; margin-bottom: 5px;}
.collection_index .feature1_title .info2 .inner {float: left; margin-right: 5px;}
.collection_index .feature1_title .info2 .sns {   padding-top: 2px; }
.collection_index .feature1_title .info2 .sns a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.collection_index .feature1_title .info2 .sns i {color: #333030; font-size: 18px; margin-right: 2px; line-height: 26px;}



.collection_index .main-post1  {padding-bottom: 190px;}
.collection_index .main-post1:hover  {padding-bottom: 190px;-webkit-filter: contrast(120%); -webkit-filter: saturate(3);}
.collection_index .main-post1 .info {height: 120px;}










#collection_mv1 > div {text-align: center;}
#collection_mv1 .img-responsive { display: inline-block !important; width: 100%; }




.collection-section-2 h2 {font-size: 1.2em; margin-bottom: 5px; }


.collection_items {margin: 0 0 0 -5px;}
.collection_items .ratio_content .desc {background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; left: 0; width: 100%; height: 70px; color: #ccc; padding: 10px 7px; line-height: 16px; }

.collection_items .ratio_content .desc .title {font-size: 1.1em; font-weight: bold; text-align: right; padding-right: 40px; line-height: 35px;} 
.collection_items .ratio_content .desc .from {font-size: 1.0em; text-align: right; clear: both; } 



.collection-section-3 {background-color: #FFF;}
.collection-section-3 h2 {font-size: 1.0em; margin-bottom: 0px; font-weight: 800; }
.collection-section-3 a .label {background-color: #000; margin: 0 5px; font-size: 10px;}
.collection-section-3 a .label:hover {background-color: rgba(0,0,0,0.7);}

.collection-section-3 .devide_bar {border-top: 2px solid #ccc;}

.collection-section-3 .collection_top_key { padding: 5px 0; border-top: 4px solid #000; border-bottom: 2px solid #ccc; }








.sample_index {font-size: 1.5em; line-height: 1.5em; font-weight: bold; }
.sample_index>ul>li {margin-top: 30px;}
.sample_index>ul>li>a {font-size: 1.3em;}
.sample_index a { color: #111;}
.sample_index .done { color: blue;}









.artworks_view .artworks_info {color: #000;}

.artworks_view .artworks_info .user {position: relative;}
.artworks_view .artworks_info .user .info {position: absolute; bottom: 0px; left: 60px; font-size: 0.9em;color: #99998f; line-height: 1em;}
.artworks_view .artworks_info .user .title {  position: absolute; top: 0px; left: 60px;  }
.artworks_view .artworks_info .user .name {font-weight: 600; }

.artworks_view .artworks_info .user a {color: #222021; vertical-align: middle;}
.artworks_view .artworks_info .user a:hover {color: #777;}
.artworks_view .artworks_info .user .user_img {display: inline-block; margin-right: 10px;}
.artworks_view .artworks_info .user .user_img img {width: 50px; height: 50px;}

.artworks_view .artworks_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 6px; }
.artworks_view .artworks_info .user .btn_plus i {font-size: 24px !important; color: #adb4ba;}






.artworks_view .artworks_info .info1 {}
.artworks_view .artworks_info .info1 ul { padding: 0; font-size: 1.0em; margin-top: 20px; margin-left: 5px;}
.artworks_view .artworks_info .info1 ul li{ list-style: none; list-style-position: outside; margin-top: 5px; margin-bottom: 5px; }
.artworks_view .artworks_info .info1 ul li .btn-xs {font-size: 10px; }
.artworks_view .artworks_info .info1 ul li.br{ border-top:1px solid #ccc;}
.artworks_view .artworks_info .info1 ul .content {margin-bottom: 30px;}

.artworks_view .artworks_info .info2 {margin-top: 20px;}
.artworks_view .artworks_info .info2 h4 {font-size: 1.0em; margin-bottom: 5px;}
.artworks_view .artworks_info .info2 .inner {float: left; margin-right: 5px;}
.artworks_view .artworks_info .info2 .sns {   padding-top: 2px; margin-top: 40px; }
.artworks_view .artworks_info .info2 .sns>a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.artworks_view .artworks_info .info2 .sns .btn_pinterest {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.artworks_view .artworks_info .info2 .sns .btn_pinterest span {margin-top: 4px;}
.artworks_view .artworks_info .info2 .sns i {color: #333030; font-size: 18px; margin-right: 1px; line-height: 26px;}

.artworks_view .artworks_info .info3 {margin:10px 0;}


.artworks_view .artworks_info .color {   margin: 20px 0 0 0; padding: 10px 5px 5px 5px;}
.artworks_view .artworks_info .color h5 { font-size: 1em; color: #000; font-weight: bold; margin-bottom: 5px; line-height: 1em;} 



.artworks_view .artworks_info2  {}
.artworks_view .artworks_info2  #artworks_view_image .owl-item>div {text-align: center;}
.artworks_view .artworks_info2  #artworks_view_image .owl-item>div img {display: inline-block;}
.artworks_view .artworks_info2 .tab-content {padding: 10px 0px; margin-top: 20px;}
.artworks_view .artworks_info2 .tab-content hr {margin: 15px 0 1px 0;}
.artworks_view .artworks_info2 .tab-content .area {font-size: 1.0em; }
.artworks_view .artworks_info2 .tab-content .area a { text-decoration: underline; color: #333;}


.artworks_view .artworks_info2 .artworks_info {display: none;}

.pre_work_in_progress {position: relative;     }
.pre_work_in_progress .btn_work_in_progress_left {position: absolute; top: 32px; left: -20px; font-size: 25px;}
.pre_work_in_progress .btn_work_in_progress_right {position: absolute; top: 32px; right: 40px; font-size: 25px; z-index: 99;}



@media only screen and (min-width:1900px){

.pre_work_in_progress .inner {width: 100%; height: 100px; overflow: hidden;}
.work_in_progress {width: 100%; overflow-y:hidden; overflow-x:auto; }
.pre_work_in_progress .btn_work_in_progress_right {position: absolute; top: 32px; right: 60px; font-size: 25px; z-index: 99;}

}

.pre_work_in_progress .inner {width: 95%; height: 100px; overflow: hidden;}
.work_in_progress {width: 95%; overflow-y:hidden; overflow-x:auto; }
.work_in_progress ul {margin: 0px; padding: 0px; width: 300%;}
.work_in_progress ul li {list-style: none; float: left; width: 80px; height: 80px; border-radius: 10px; margin: 5px; margin-bottom: 20px; position: relative; cursor: pointer;   }
.work_in_progress ul li img {border-radius: 10px;}
.work_in_progress ul li .over { width: 80px; height: 80px; position: absolute; background-color: #000;  border-radius: 10px; opacity: 0.5; display: none; }
.work_in_progress ul li .image { width: 80px; height: 80px; border-radius: 10px; overflow: hidden; }
.work_in_progress ul li:hover .over  { display: block; }
.work_in_progress ul li.title {background-color: #FFD276; color: #FFF; font-weight: 600; padding: 15px 5px; font-size: 12px;}
.work_in_progress ul li .no { width: 30px; height: 30px; border-radius: 50%; background-color: #FFF; padding: 3px;  position: absolute; bottom:-14px; left: 50%; margin-left: -15px; }
.work_in_progress ul li .no .inner {width: 24px; height: 24px; border-radius: 50%; background-color: #f0f0f0; line-height: 22px; color: #333; font-size: 11px; font-style: italic; font-weight: 600; text-align: center; border:1px solid #ddd; }
.work_in_progress ul li.active .no .inner {background-color: #FF8400; color: #FFF} 

/*
.related_area .related_header {padding-left: 0px;}
.related_area .related_header .tab_menu {float: right; margin-bottom: 3px; margin-right: -15px;}
.related_area .related_header .tab_menu ul li a {  padding: 2px 5px; border-radius: 2px; margin-left: 10px; margin-right: 0px;}
.related_area .related_header .tab_menu ul li a:hover, .related_area .related_header .tab_menu ul li a.active { color: #011f7f;} 
.related_area .related_header h3 {font-size: 1.1em; margin-bottom: 0px; font-weight: bold; margin-left: 0px;}


.related_area .related_header .tab_menu ul li .btn-yellow {background-color: #d0d0d0; border-color: #ccc;}
.related_area .related_header .tab_menu ul li .btn-yellow.active, .related_area .related_header .tab_menu ul li .btn-yellow:hover {background-color: #f8bf1e; border-color: #f8bf1e;}


.related_area .related_header .tab_menu ul li.active .btn-yellow {background-color: #f8bf1e; border-color: #f8bf1e;}
*/


.collection_view .collection_info {color: #000;}

.collection_view .collection_info .user {position: relative;}
.collection_view .collection_info .user .info {position: absolute; bottom: 0px; left: 60px; font-size: 0.9em;color: #99998f; line-height: 1em; width: 200px;}
.collection_view .collection_info .user .title {  position: absolute; top: 0px; left: 60px;  }
.collection_view .collection_info .user .name {font-weight: 600; }

.collection_view .collection_info .user a {color: #222021; vertical-align: middle;}
.collection_view .collection_info .user a:hover {color: #777;}
.collection_view .collection_info .user .user_img {display: inline-block; margin-right: 10px;}
.collection_view .collection_info .user .user_img img {width: 50px; height: 50px;}

.collection_view .collection_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 5px; }
.collection_view .collection_info .user .btn_plus i {font-size: 24px !important; color: #adb4ba;}

.collection_view .collection_info .subject {border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin: 8px 0 0 0; padding: 15px 3px 10px 3px;}

.collection_view .collection_info .subject p {margin-bottom: 0px;}
.collection_view .collection_info .subject h2{ font-size: 1em; color: #000; font-weight: bold; margin-bottom: 0; line-height: 1em;}
.collection_view .collection_info .subject .desc {font-size: 1.0em; color: #aaa; line-height: 1em;}


.collection_view .collection_info .order {border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin: 8px 0 0 0; padding: 10px 5px;}

.collection_view .collection_info .order a.btn {float: right; width: 100px;}
.collection_view .collection_info .order .stock {margin-right: 110px; display:  block; line-height: 32px; text-align: center; font-weight: bold; color: #d41a1f;}


.collection_view .collection_info .color { border-bottom: 0px solid #ccc; margin: 8px 0 0 0; padding: 10px 5px 25px 5px;}
.collection_view .collection_info .color h5 { font-size: 1em; color: #000; font-weight: bold; margin-bottom: 5px; line-height: 1em;} 



.collection_view .collection_info .view_price {color: #ff0000; text-decoration: underline; font-weight: normal;}

.color .color_sheet { padding: 0; font-size: 1.0em; margin: 0 0px;}
.color .color_sheet .color_icon { list-style: none; list-style-position: outside; float: left; display: block;  width: 26px; height: 26px; margin:2.5px; border-radius: 30%; position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); }
.color .color_sheet .color_icon a {display: block; width: 26px; height: 26px;}
.color .color_sheet .color_icon a:hover:after {content: " "; position: absolute; bottom:-10px; left: 0px;  width: 26px; height: 5px; background-color: #FF0080;}
.color .color_sheet .color_icon a.active:after {content: " "; position: absolute; bottom:-10px; left: 0px;  width: 26px; height: 5px; background-color: #FF0080;}

.color .color_sheet .color_icon.color_wb {background-image: url('../img/color_wb.png'); background-size: cover; }
.color .color_sheet .color_icon.color_all {background-image: url('../img/color_all.png'); background-size: cover; }

.collection_view .collection_info .info1 {}
.collection_view .collection_info .info1 ul { padding: 0; font-size: 1.0em; margin-top: 20px; margin-left: 5px; }
.collection_view .collection_info .info1 ul li{ list-style: none; list-style-position: outside; margin-top: 5px; margin-bottom: 20px; line-height: 22px;  }
.collection_view .collection_info .info1 ul li:hover { }
.collection_view .collection_info .info1 ul li>div {clear: both; padding: 1px 0;}
.collection_view .collection_info .info1 ul li>div.price {font-weight: 700;}
.collection_view .collection_info .info1 ul li>.type {height: 36px;position: relative;}
.collection_view .collection_info .info1 ul li>.type .btn {position: absolute; top: 0px; right: 0px;}
.collection_view .collection_info .info1 ul li>.btn_type {width: 150px;height: 26px; line-height: 22px; margin-left: 20px;}
.collection_view .collection_info .info1 ul li>.option {position: relative; }
.collection_view .collection_info .info1 ul li>.option>span {width: 140px; font-size: 11px; display: inline-block;}
.collection_view .collection_info .info1 ul li>.option:hover {background-color: #f0f0f0;}
.collection_view .collection_info .info1 ul li>.option>strong{margin-left: 10px;}
.collection_view .collection_info .info1 ul li>.option>.btn {position: absolute; top: 0px; right: 0px; padding: 1px 12px;}



.collection_view .collection_info .info1 ul .content {margin-bottom: 30px;}

.collection_view .collection_info .info1 ul li .label {display:  block; font-size: 12px; min-width: 140px;height: 26px; line-height: 22px; float: left; margin-right: 5px;}
.collection_view .collection_info .info1 ul li .info {display:  block; width: 20px; float: left; font-size: 20px; padding-top: 2px;  }


.collection_view .collection_info .info2 {margin-top: 0px; padding-top: 20px; border-top: 1px solid #ccc;}
.collection_view .collection_info .info2 h4 {font-size: 1.0em; margin-bottom: 5px;}  
.collection_view .collection_info .info2 .inner {float: left; margin-right: 5px;}
.collection_view .collection_info .info2 .sns {   padding-top: 2px; }
.collection_view .collection_info .info2 .sns a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.collection_view .collection_info .info2 .sns i {color: #333030; font-size: 18px; margin-right: 2px; line-height: 26px;}







.collection_view .collection_info2  {}
.collection_view .collection_info2 .tabs {margin-top: 20px;}
.collection_view .collection_info2  #artworks_view_image .owl-item>div {text-align: center;}
.collection_view .collection_info2  #artworks_view_image .owl-item>div img {display: inline-block;}
.collection_view .collection_info2 .tab-content {padding: 10px; margin-top: 20px;}
.collection_view .collection_info2 .tab-content hr {margin: 15px 0 1px 0;}
.collection_view .collection_info2 .tab-content .area {font-size: 1.0em; }
.collection_view .collection_info2 .tab-content .area a { text-decoration: underline; color: #333;}



.collection_view .order_area .area_header .pull-right {font-size:1.5em; }
.collection_view .order_area .area_header .pull-right a {color: #333; } 
.collection_view .order_area .area_header h3 {font-size: 1.1em; margin-bottom: 0px; font-weight: bold;}
.collection_view .order_area .content {padding: 30px 10px;}





@media only screen and (min-width:900px){

.study_view {margin-top: -6% !important;}

}

@media only screen and (max-width:1450px){

.study_view {margin-top: -3% !important;}

}

@media only screen and (min-width:1451px){

.study_view {margin-top: -2% !important;}

}


.study_view {}

.study_view .study_image {} 

.study_view .study_image .ratio_content .desc {background: rgba(234,236,214,0.9); position: absolute; bottom: 0px; left: 0; width: 100%; height: 55px; color: #000; padding: 3px 7px; line-height: 16px; }

.study_view .study_image .ratio_content .desc .title {font-size: 0.95em; font-weight: bold;}
.study_view .study_image .ratio_content .desc .subtitle {font-size: 0.9em; }
.study_view .study_image .ratio_content .desc span {font-size: 0.9em;}
.study_view .study_image .ratio_content .desc .state {color: #5dc5bc;}
.study_view .study_image .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.study_view .study_image .ratio_content .desc .date {text-decoration: underline;}



.study_view .study_info1 {}
.study_view .study_info1 h1 {font-size: 1.3em; margin-bottom: 10px;}
.study_view .study_info1 .info1 {background: #d9ead5; position: relative; min-height: 175px; padding-right: 175px;}
.study_view .study_info1 .info1 p {color:#000; line-height: 1.4em; margin-bottom: 7px; }
.study_view .study_info1 .info1 p.deadline {color:#cb1f2c; font-size: 1.0em;}
.study_view .study_info1 .info1 .s1 {background: #dddccc; padding: 10px;  }
.study_view .study_info1 .info1 .s2 { padding: 10px; font-size: 1.0em;}
.study_view .study_info1 .info1 .map {width: 175px; height: 175px; background: #FFF; position: absolute; top:0; right: 0;}
.study_view .study_info1 .info2 {padding: 3px 0; color: #000;}
.study_view .study_info1 .info2 .btn { width: 100px;}


.study_view .study_info1 .info3 .inner {float: left; margin-right: 5px;}


.study_view .study_info1 .info3 .sns {   padding-top: 2px; }
.study_view .study_info1 .info3 .sns a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.study_view .study_info1 .info3 .sns i {color: #333030; font-size: 18px; margin-right: 2px; line-height: 26px;}




.study_view .study_info2 .content {padding: 20px 0;}

.study_view .study_info3 .user {position: relative;}
.study_view .study_info3 .user .info {position: absolute; bottom: 0px; left: 73px; font-size: 1.0em;color: #99998f; line-height: 1em;}

.study_view .study_info3 .user a {color: #222021; vertical-align: middle;}
.study_view .study_info3 .user a:hover {color: #777;}
.study_view .study_info3 .user .user_img {display: inline-block; margin-right: 10px;}
.study_view .study_info3 .user .user_img img {width: 60px; height: 60px;}

.study_view .study_info3 .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 5px; }
.study_view .study_info3 .user .btn_plus i {font-size: 20px !important; color: #adb4ba;}

.study_view .study_info3 .contact_info {padding-top: 65px;}

.study_view .study_info4 ul {overflow: auto; padding: 0; font-size: 1.0em; margin: 0 -10px;}
.study_view .study_info4 ul li{ list-style: none; list-style-position: outside; float: left; display: block; background-color: transparent; width: 50px; height: 50px; margin:10px;   }
.study_view .study_info4 ul li img {width: 100%;height: 100%;}

.study_view .study_info5 .btn {}







.study_view_online {}
.study_view_online .study_image {} 

.study_view_online .study_image .ratio_content .desc {background: rgba(234,236,214,0.9); position: absolute; bottom: 0px; left: 0; width: 100%; height: 55px; color: #000; padding: 3px 7px; line-height: 16px; }

.study_view_online .study_image .ratio_content .desc .title {font-size: 0.95em; font-weight: bold;}
.study_view_online .study_image .ratio_content .desc .subtitle {font-size: 0.9em; }
.study_view_online .study_image .ratio_content .desc span {font-size: 0.9em;}
.study_view_online .study_image .ratio_content .desc .state {color: #5dc5bc;}
.study_view_online .study_image .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.study_view_online .study_image .ratio_content .desc .date {text-decoration: underline;}



.study_view_online .study_info1 {}
.study_view_online .study_info1 h1 {font-size: 1.3em; margin-bottom: 10px; line-height: 1.2em;}
.study_view_online .study_info1 h2 {font-size: 1.1em; margin-bottom: 10px; line-height: 1em;}
.study_view_online .study_info1 .area_btn {display: block; text-align: left; margin-bottom: 10px;}
.study_view_online .study_info1 .info1 { position: relative;  border:1px solid #ccc;  }
.study_view_online .study_info1 .info1 p {color:#000; line-height: 2.0em; margin-bottom: 7px; }
.study_view_online .study_info1 .info1 p.address {color:#888;  }
.study_view_online .study_info1 .info1 p.deadline {color:#cb1f2c; font-size: 1.0em;}



.study_view_online .study_info1 .info1 .s1 {  padding: 10px 10px 3px 10px;  }
.study_view_online .study_info1 .info1 .s2 { padding: 10px; font-size: 1.0em;}

.study_view_online .study_info1 .info1 .map {width: 175px; height: 175px; background: #FFF; position: absolute; top:0; right: 0;}

.study_view_online .study_info1 .info2 {padding: 3px 0; color: #000;}

.study_view_online .study_info1 .info2 .btn { width: 100px;}



.study_view_online .study_info1 .info3 {}
.study_view_online .study_info1 .info3 .inner {float: left; margin-right: 5px;}
.study_view_online .study_info1 .info3 .sns {   padding-top: 2px; }
.study_view_online .study_info1 .info3 .sns a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.study_view_online .study_info1 .info3 .sns i {color: #333030; font-size: 18px; margin-right: 2px; line-height: 26px; 
    vertical-align: middle;}



.study_view_online .study_info2 .content {padding: 20px 0;}

 

.study_view_online .study_info3 {margin-top: 20px;}
.study_view_online .study_info3 .user {position: relative;}
.study_view_online .study_info3 .user .info {position: absolute; bottom: 0px; left: 64px; font-size: 0.9em;color: #99998f; line-height: 1em;}
.study_view_online .study_info3 .user .title {  position: absolute; top: 0px; left: 64px;  }
.study_view_online .study_info3 .user .name {font-weight: 600; }

.study_view_online .study_info3 .user a {color: #222021; vertical-align: middle;}
.study_view_online .study_info3 .user a:hover {color: #777;}
.study_view_online .study_info3 .user .user_img {display: inline-block; margin-right: 10px;}
.study_view_online .study_info3 .user .user_img img {width: 50px; height: 50px;}

.study_view_online .study_info3 .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 5px; }
.study_view_online .study_info3 .user .btn_plus i {font-size: 24px !important; color: #adb4ba;}





.study_view_online .study_info4 ul {overflow: auto; padding: 0; font-size: 1.0em; margin: 0 -10px;}
.study_view_online .study_info4 ul li{ list-style: none; list-style-position: outside; float: left; display: block; background-color: #ccc; width: 80px; height: 80px; margin:10px;   }
.study_view_online .study_info4 ul li img {width: 100%;height: 100%;}


.study_view_online .study_info5 .btn {width: 100px;}




.study_view_online .content_step .info { }
.study_view_online .content_step .info .btn-pink.title{ padding: 10px; font-size: 17px; font-weight: bold; }

.study_view_online .content_step .options {padding: 0; margin: 0;}
.study_view_online .content_step .options li {list-style: none; padding: 20px 0 80px 0; position: relative; }
.study_view_online .content_step .options li .image {width: 200px; position: absolute; bottom: 120px; right: 0px;}
.study_view_online .content_step .options li .type {display: inline-block; margin-left: 7px;}
.study_view_online .content_step .options li h4 {margin-top: 20px; font-weight: bold;}
.study_view_online .content_step .options li p {min-height: 60px; margin-right: 220px;}
.study_view_online .content_step .options li .ref {border-top: 1px solid #ccc; color: #888;}
.study_view_online .content_step .options li .no {position: relative;}
.study_view_online .content_step .options li .no .fa-check {position:absolute; top: -25px; left: 0px; font-size: 36px; color: #ffd658;}
 
.study_view_online .tabs .nav  {float: right;}

.study_view_online .tab-content {margin-top: 10px;}
.study_view_online #step h3 {margin-bottom: 5px; font-weight: 600;}



@media only screen and (min-width:700px){

.study_view .project_info {margin-top:2%;}


}


@media only screen and (min-width:900px){

.study_view .project_info {margin-left:-12%; margin-top:2%;}


}


@media only screen and (max-width:799px){

.study_view .project_info {margin-top:0.8%;}


}


.study_view .project_info h1 {font-size: 20px; font-weight: 800; margin-bottom: 0px; line-height: 25px;}

.study_view .project_info h1 a {font-size: 16px;}

.study_view .project_info .info3 {margin-top: 5px; padding-top: 10px; border-top:1px solid #ccc;}
.study_view .project_info .info3 .inner {float: left; margin-right: 5px;}
.study_view .project_info .info3 .sns {   padding-top: 2px; }
.study_view .project_info .info3 .sns a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.study_view .project_info .info3 .sns i {color: #333030; font-size: 18px; margin-right: 2px; line-height: 26px;}


.study_view .project_info .info1 {position: relative; }
.study_view .project_info .info1 .s1 .state {font-weight: 800;}
.study_view .project_info .info1 .s1 p {margin-bottom: 3px;}
.study_view .project_info .info1 .s1 .register {font-weight: 600; color: #FF0040;}


.study_view .project_info .info2 {position: relative; padding-right: 0px;}
.study_view .project_info .info2 .s1 p {margin-bottom: 5px;}
.study_view .project_info .info2 .s1 p.address a {text-decoration: underline;}
.study_view .project_info .info2 .s1 .state {font-weight: 800;}
.study_view .project_info .info2 .s1 .register {color: #FF0000;}
.study_view .project_info .info2 .s1 .work_space {padding-bottom: 5px;}
.study_view .project_info .info2 .s1 .work_space p {margin-bottom: 0px;}

.study_view .project_info .info4 .s2 ul { margin: 0; padding: 0;}
.study_view .project_info .info4 .s2 ul li {list-style: none; position: relative; padding: 5px 0; border-top: solid #ccc 1px }
.study_view .project_info .info4 .s2 ul li h4 {font-size: 13px; font-weight: 700; margin-bottom: 0px; }
.study_view .project_info .info4 .s2 ul li p {margin-bottom: 0px; }

.study_view .project_info .info4 .s2 ul li .area_join {position: absolute; bottom: 2px; right: 0px;  }
.study_view .project_info .info4 .s2 ul li .area_join .btn { height: 28px; padding-top: 4px; }
.study_view .project_info .info4 .s2 ul li .area_join .btn_new_window {/*width: 80px;*/}



.study_view .project_info .info2 .area_map {position: absolute; top:10px; right:  0px;}

.study_view .project_info .info2 .area_map .back {position: absolute; width: 130px; height: 130px; z-index: 99;}
.study_view .project_info .info2 .area_map .back .inner{
	position:relative;
	width:130px; height:130px;
	margin:0px;
	overflow:hidden;
}
.study_view .project_info .info2 .area_map .back .inner:after{
	content:'';
	position:absolute;
	left:0px; top:0px;
	border-radius:100%;
	width:130px; height:130px;
	box-shadow: 0px 0px 0px 2000px #FFF;
}

.gmnoprint {display: none;}


.user_login_page { margin:0px; }
.user_login_page .container {position: relative; height: 100%;}
.user_login_page .area_loginpage { width: 320px; margin: 80px auto; }
.user_login_page .area_loginpage .box_login { padding: 20px; }
.user_login_page .area_loginpage .box_login h4 {font-size: 1.3em; font-weight: 600; margin-bottom: 10px;}


.user_login_page .container .background_info {position: absolute; right: 20px; bottom: 20px; font-size: 0.9em; padding: 10px; background-color: rgba(255,255,255,0.5);}

.user_login_page .info_box {padding: 20px; border:1px solid #f0f0f0; margin: 20px 0; background-color: #FFF;}


.artworks_create {padding-top: 50px;}

.artworks_create .artworks_info {color: #000;}

.artworks_create .artworks_info .user {position: relative;}
.artworks_create .artworks_info .user .info {position: absolute; bottom:  0px; left: 95px; font-size: 1.0em;color: #a6907b; line-height: 1em;}

.artworks_create .artworks_info .user a {color: #222021; vertical-align: middle;}
.artworks_create .artworks_info .user a:hover {color: #777;}
.artworks_create .artworks_info .user .user_img {display: inline-block; margin-right: 10px;}
.artworks_create .artworks_info .user .user_img img {width: 80px; height: 80px;}

.artworks_create .artworks_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 12px; }
.artworks_create .artworks_info .user .btn_plus i {font-size: 30px !important; color: #adb4ba;}

.artworks_create .area_step .note {margin:10px 0 10px 0;}
.artworks_create .area_step ul {padding: 0; }
.artworks_create .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.artworks_create .area_step ul li .btn {border-radius: 5px; width: 100px;}

.artworks_create .area_step .icon_next {padding-top: 2px;}



.artworks_create .form {}
.artworks_create .form .form_keyword label {text-align: left; } 
.artworks_create .form .form_keyword .tagit { padding-right: 50px; } 
.artworks_create .form .form_keyword .relation .hint {position: absolute; top: 4px; right: 24px;}




.membership_for_collection {padding-top: 50px;}

.membership_for_collection .artworks_info {color: #000;}

.membership_for_collection .artworks_info .user {position: relative;}
.membership_for_collection .artworks_info .user .info {position: absolute; bottom: 0px; left: 95px; font-size: 1.0em;color: #a6907b; line-height: 1em;}

.membership_for_collection .artworks_info .user a {color: #222021; vertical-align: middle;}
.membership_for_collection .artworks_info .user a:hover {color: #777;}
.membership_for_collection .artworks_info .user .user_img {display: inline-block; margin-right: 10px;}
.membership_for_collection .artworks_info .user .user_img img {width: 80px; height: 80px;}

.membership_for_collection .artworks_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 12px; }
.membership_for_collection .artworks_info .user .btn_plus i {font-size: 30px !important; color: #adb4ba;}

.membership_for_collection .area_step .note {margin:10px 0 10px 0;}
.membership_for_collection .area_step ul {padding: 0; }
.membership_for_collection .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.membership_for_collection .area_step ul li .btn {border-radius: 5px;  width: 100px;}
.membership_for_collection .area_step ul li .btn


.artworks_create .area_step ul {padding: 0; }
.artworks_create .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.artworks_create .area_step ul li .btn {border-radius: 5px; width: 100px;}

.artworks_create .area_step .icon_next {padding-top: 2px;}



.membership_for_collection .container .info { } 
.membership_for_collection .container .info_title {border-bottom: 1px solid #ccc;} 
.membership_for_collection .info h2 {font-size: 30px;font-weight: 600; color: #8a8a8a; margin-bottom: 0px; } 
.membership_for_collection .info h2 small {font-style: italic;} 

.membership_for_collection .info .member {border-top:1px solid #bbc2bd; padding: 0; margin-top: 30px;}
.membership_for_collection .info .member li {list-style: none;  padding: 50px 20px; border-bottom:1px solid #bbc2bd; border-left:1px solid #bbc2bd; border-right:1px solid #bbc2bd; position: relative; line-height: 20px; min-height: 140px;}
.membership_for_collection .info .member li h3 {margin-bottom: 0; display: inline; margin-left: 30px; color: #555; font-weight: 600;}
.membership_for_collection .info .member li h3 i {font-size: 35px; margin-right: 25px;}
.membership_for_collection .info .member li h3 small {margin-left: 40px;}

.membership_for_collection .info .member li .badge {border-radius: 0px; width: 120px; height: 34px; line-height: 34px; padding: 0; position: absolute; top: 0px; left: 0px;}
.membership_for_collection .info .member li .area_btn { position: absolute; top: 55px; right: 10px;}
.membership_for_collection .info .member li .area_btn .free {width: 100px; cursor: default;}
.membership_for_collection .info .member li .area_btn .btn {width: 100px;}


.membership_for_collection .info_done dl { margin-top: 50px; }
.membership_for_collection .info_done dl dt {float: left; width: 100px;}

.form-group-black {background: #1a1718; padding: 5px; color: #fff; border-radius: 5px;}
.form-group-black .form-group {margin-bottom: 0px;}
.form-group-black .control-label {padding-top: 4px; padding-left: 25px;}


.upload_images {}

.fileupload_image p{width: 100px; float: left;}


@media (min-width: 0px) and (max-width: 580px){

ul.tagit li.tagit-choice {
	background-color: #5858FA;
	border: 1px solid #111;
	font-size: 12px;
	margin: 2px;
	padding: 0 5px 2px 4px;
	list-style: none;
	color:#FFF;
	width: 45%;
}

}


@media (min-width: 581px) and (max-width: 1380px){

ul.tagit li.tagit-choice {
	background-color: #5858FA;
	border: 1px solid #111;
	font-size: 12px;
	margin: 2px;
	padding: 0 5px 2px 4px;
	list-style: none;
	color:#FFF;
	width: 26%;
}

}


@media (min-width: 1381px) {

    ul.tagit li.tagit-choice {
	background-color: #5858FA;
	border: 1px solid #111;
	font-size: 12px;
	margin: 2px;
	padding: 0 5px 2px 4px;
	list-style: none;
	color:#FFF;
	width: 22%;
}
}

ul.tagit {
	border-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
	overflow:auto;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    border-radius: 5px;
}
ul.tagit li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	display: block;
	float: left;
	margin:0 5px 0 0;
    list-style: none;
}
ul.tagit li.tagit-choice:hover {
	background-color:#777;
	border-color:#111;
}
ul.tagit li.tagit-new {
	padding:2px 4px 3px;	
}

ul.tagit li.tagit-choice input {
	display:block;
	float:left;
	margin:2px 5px 2px 0;

}
ul.tagit li.tagit-choice a.close-tag {
	color:#ccc;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	outline:medium none;
	padding:2px 0 2px 3px;
	text-decoration:none;

}
ul.tagit input[type="text"] {
	-moz-box-sizing:border-box;
	border:none;
	margin:0;
	padding:0;
	width:inherit;
	border-color:#C6C6C6;
	background:transparent;
	color:#333333;
    height:27px;
}


.tag_recommend {color:#4baec3;   margin-right: 7px; }
.tag_recommend:hover {color:#137489;  }



.ui-autocomplete {
	background-color: #eee;
	position: absolute;
	cursor: default;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-autocomplete .ui-menu-item {
}
.ui-autocomplete  .ui-menu-item a {
	display:block;
	padding:8px;
	text-decoration:none;
	line-height:12px;
    color: #031c24;
    font-size: 13px;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover,
.ui-autocomplete .ui-menu-item a.ui-state-active {
	background-color:#78959D;
	color:#fff;
	margin:0;
}
.ui-autocomplete-loading {
	background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
}


.inbox-download-list {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}
.inbox-download-list li {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: top;
}
.inbox-download-list li > :first-child {
	margin-bottom: 0;
	width: 150px;
	overflow: hidden;
}
.inbox-download-list li > :first-child:hover {
	background: #ffffff;
	border-color: #C0C0C0;
}
.inbox-download-list li > :first-child > :first-child {
	text-align: center;
	display: block;
	color: #D6D6D6;
}
.inbox-download-list li > :first-child > :first-child > .fa {
	font-size: 150px;
}
.inbox-download-list li > :first-child > :first-child > img {
	max-width: 120px;
}

.inbox-download-list li>div>span { margin-bottom: 5px; }
.inbox-download-list li>div>.info2>textarea { height: 60px; }



.form_attachment strong {word-wrap: break-word;}
.form_attachment  li {position: relative; margin-bottom: 6px;}
.form_attachment  li .check_use {  position: absolute; top:-6px; right: -6px; z-index: 99;  padding: 2px; }
.form_attachment  li .check_use2 a { font-weight: bold; font-size: 1.1em;  }
.form_attachment  li > :first-child > :first-child { /*max-height: 150px;*/ overflow: hidden;}
.form_attachment  li > :first-child > :first-child img {width: 100%; max-width: 100%; height: auto;}
.form_attachment  li > :first-child > :first-child > a > i {font-size: 110px; } 
.form_attachment  li .zoom {margin-top: 7px;}
.form_attachment  li .delete_recent_file {  position: absolute; bottom:0px; right: 3px; z-index: 99; }
.form_attachment  li .delete_recent_file a{  color: #FF0000;  }
.form_attachment  li .delete_recent_file a i{ font-size: 18px; }
.form_attachment  li .info2 textarea {width: 100%;}


.form_attachment .well {max-width: 300px; word-wrap: break-word; background: #FFF; font-size: 1.0em; line-height: 1.4em;} 




.file_view_modal {text-align: center;}
.file_view_modal .file_view_modal_img {max-width: 100%;}




.project_create {padding-top: 50px;}

.project_create .project_info {color: #000;}

.project_create .project_info .user {position: relative;}
.project_create .project_info .user .info {position: absolute; bottom: 0px; left: 95px; font-size: 1.0em;color: #a6907b; line-height: 1em;}

.project_create .project_info .user a {color: #222021; vertical-align: middle;}
.project_create .project_info .user a:hover {color: #777;}
.project_create .project_info .user .user_img {display: inline-block; margin-right: 10px;}
.project_create .project_info .user .user_img img {width: 80px; height: 80px;}

.project_create .project_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 12px; }
.project_create .project_info .user .btn_plus i {font-size: 30px !important; color: #adb4ba;}

.project_create .area_step .note {margin:10px 0 10px 0;}
.project_create .area_step ul {padding: 0; }
.project_create .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.project_create .area_step ul li .btn {border-radius: 5px; width: 100px;}
.project_create .area_step ul li .btn


.project_create .form {}
.project_create .form-group-black #tags_category {margin-bottom: 4px;}

.project_create .nav-tabs {padding: 0  0px;}
.project_create .nav-tabs li {background: #eee;}
.project_create .nav-tabs li a {color: #999; font-weight: bold;  border-color: #ddd;}
.project_create .nav-tabs li.active {}
.project_create .nav-tabs li.active a {color: #f9a01b;}


.project_create .form {}
.project_create .form .form_keyword label {text-align: left; } 
.project_create .form .form_keyword .tagit { padding-right: 50px; } 
.project_create .form .form_keyword .relation .hint {position: absolute; top: 4px; right: 24px;}


.left_padding {margin-left: 10px;}
.right_padding {margin-right: 10px;}

.projectoption_sub {margin-left: 0px; padding-left: 0px;}
.projectoption_sub li {list-style: none; border: 1px solid #ccc;width:100%;padding:5px;margin-bottom: 10px;background: #f9f9f9; }
.projectoption_sub li .form-group {margin-bottom: 5px;}




.collectionoption_sub {margin-left: 0px; padding-left: 0px;}
.collectionoption_sub li {list-style: none; border: 1px solid #ccc;width:100%;padding:10px;margin-bottom: 10px;background: #f9f9f9; }
.collectionoption_sub li .form-group {margin-bottom: 2px;}


 
.collection_thumb>div {width: 30px;}
.collection_thumb>div img {width: 100%;height: auto; border-radius: 0px;}
.collection_thumb>div .fa {font-size: 26px; line-height: 32px;}


.area_getimage h1 {font-size: 20px; text-align: center;}


.getimage > ul{ margin-left: -10px; }
.getimage > ul > li{  float: left; width: 240px; height: 240px; margin: 5px 0 5px 10px;
	border-radius: 0px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	background: #ffffff;
	overflow: hidden;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.getimage > ul > li > .preimage {display: inline-block; width: auto; height: auto;}
.getimage > ul > li > .dimension {position: absolute; bottom: 0;left: 0;width: 240px; height: 18px; text-align: center;}
.getimage > ul > li > .dimension > span {font-size: 9px; background: #FFF; padding: 0 3px; display: inline-block;}

.getimage > ul > li .btn_pic_image {width: 100px; display: none; position: absolute; top:50%; left: 50%; margin-top: -15px; margin-left: -50px;}
.getimage > ul > li:hover .btn_pic_image {display: block;}

.empty_text {display: none; padding: 100px;}

.area_option {display: none;}

.projectoption_li .option_content {min-height: 100px;}
.projectoption_li .label_index {font-size: 16px;}
.projectoption_li .area_label {width: 34px; padding-top: 5px;}



.check_area_option .area_hint > div {padding-top: 3px;}







.mypage {padding-top: 50px;}

.mypage .mypage_info {color: #000;}

.mypage .mypage_info .user {position: relative;  }
.mypage .mypage_info .user .area_name {position: absolute; top: 15px; left: 80px; line-height: 10px; } 
.mypage .mypage_info .user .url {position: absolute; bottom: 2px; left: 80px; font-size: 0.9em;color: #797979; line-height: 1em;} 
.mypage .mypage_info .user .url a {color: #797979;}
.mypage .mypage_info .user a.membership {color: #fff; position: absolute; top: 20px; left: 300px;}

.mypage .mypage_info .user a {color: #222021; vertical-align: middle;}
.mypage .mypage_info .user a:hover {color: #777;}
.mypage .mypage_info .user .user_img {display: inline-block; margin-right: 10px;}
.mypage .mypage_info .user .user_img img {width: 60px; height: 60px;}

.mypage .mypage_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 5px; }
.mypage .mypage_info .user .btn_plus i {font-size: 20px !important; color: #adb4ba;}

.mypage .area_btn .sns_std a {width: 22px; height: 22px;}
.mypage .area_btn .sns_std a i {font-size: 15px; line-height: 22px;}


.mypage .area_step .note {margin:10px 0 10px 0;}
.mypage .area_step ul {padding: 0; }
.mypage .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.mypage .area_step ul li .btn {border-radius: 0px; width: 100px;}
.mypage .area_step ul li .btn


.mypage .form {}
.mypage .form-group-black #tags_category {margin-bottom: 4px;}

.mypage .nav-tabs {padding: 0  0px;}
.mypage .nav-tabs li {background: #eee; }
.mypage .nav-tabs li a {color: #6E6E6E; font-weight: bold;  border-color: #ddd; text-transform: none;  padding-left: 5px; padding-right: 10px; min-height: 34px;  font-size: 13px; padding-top: 7px;}
.mypage .nav-tabs li.active {}
.mypage .nav-tabs li.active a {color: #FE642E;}

.mypage .nav-tabs li .badge { position: absolute; top: 14px; right: 7px; font-size: 8px; padding: 3px 3px; min-width: 17px; background-color: #f9a01b; }



.mypage .area_count {margin-top: 50px;}
.mypage .area_count ul { padding: 0; }
.mypage .area_count ul li {list-style: none; float: left; margin-right: 10px; }
.mypage .area_count ul li .label {}

.mypage .area_count ul li .btn {padding: 3px 10px; border: 0; color: #333}
.mypage .area_count ul li .btn .badge {color: #FFF; margin-left: 3px; background-color: #59138d;   }

.mypage .area_btn {margin-top: 10px; position: relative;}
.mypage .area_btn .btn {min-width: 80px;}

.mypage .area_btn .sns {position: absolute; top: 2px; left: 0px; padding-left: 0px;}

.mypage .area_btn .sns .btn-edit-mypage {border-color: #ff3c63; margin-top: 0px; width: 70px; margin-left: 10px; background-color: #ff3c63; font-weight: 600; color: #FFF !important; padding-top: 0px; line-height: 21px;}

.mypage h3 {font-size: 1.1em; font-weight: bold; margin-bottom: 10px;}
.mypage h3 small {margin-left: 20px;}
.mypage .my_categories .label { font-size: 1.0em; }









#mypage_right { overflow: hidden; width:105%; } 
#mypage_right .owl-controls {position: absolute; bottom: -5px; right: 5px;}
#mypage_right .owl-item > div {margin: 0px !important; }
#mypage_right .owl-dot span {background-color: #FFF !important; width: 10px; height: 10px;  margin: 5px 3px; opacity: 0.8; }
#mypage_right .owl-dot.active span {background-color: #f9a01b !important;}


.owl_box {position: relative; border-radius: 0px;}

.owl_box .btn_owl {position: absolute; top: 50%; right: 7px; margin-top: -18px; width:36px; z-index: 99;}
.owl_box .btn_owl {color: rgba(255,255,255,0.5); padding: 0; display:  block;}
.owl_box .btn_owl:hover {color: rgba(255,255,255,0.9);}
.owl_box .btn_owl i {margin-right: 0;}
.owl_box .owl-theme .owl-controls .owl-dot span {background-color: #fbd295; width: 10px; height: 10px;  margin: 5px 3px; opacity: 0.7; }
.owl_box .owl-theme .owl-controls .owl-dot.active span {background-color: #f9a01b; opacity: 1;}

.owl_box .btn_prev { right: none; left: 7px;  }
.owl_box .btn_prev2 { right: none; left: 7px; position: absolute; top: 40%; }
.owl_box .btn_next2 { right: 7px; left: none; position: absolute; top: 40%; }

.btn_next3 { margin-right: 9%; }

@media only screen and (max-width:900px){

.btn_next3 { margin-right: 0%; }

}


.owl_box2 .btn_owl { margin-top: -37px;  }

.owl_box_artworks_index {margin-top: 8px;}
.owl_box_artworks_index .btn_owl {top: initial; bottom: 0px; color: rgba(200,200,200,0.5);}


.mypage_menu_container {position: relative;}
.mypage_menu_container_fixed {position: fixed; top: 78px; z-index: 99;}
.mypage_menu li {}
.mypage_menu li .badge {margin-left:  0px;} 


.main_menu1 .user_img {display: inline-block; margin-right:  0px;}
.main_menu1 .user_img img {width: 17px; height: 17px; margin-right: 5px;}

.user_info {position: relative; margin-top: 30px;}
.user_info .name {height: 50px;}
.user_info h2 {font-size: 1.1em; font-weight: bold;}


.user_info label {display: block; font-weight: bold;}
.user_info p {margin: 0px 0 20px 0;}

.user_info .map {width: 120px; height: 120px;   margin-top: 0px; position: absolute; top: 0; right: 15px; }

.user_info .text {max-height: 72px; overflow: hidden;}
.user_info .text_view {max-height: inherit; overflow: visible;}
.check_main {position: absolute; top:5px; right: 5px; font-size: 30px; }
.check_main a {color: #FFF; }



.form_userinfo .user_img {display: inline-block; width: 30px; height: 30px;  }

.form_userinfo .user_img img{width: 100%; height: 100%;}
.form_userinfo .form_user_img input{width: 160px; display: inline-block;}



.bottom_loading { margin-top: 20px; margin-bottom: 20px; text-align: center;}






.owl_box { overflow: hidden; } 
#owl_type1 .owl-controls {position: absolute; top: 0px; left: 15px; width: 100%; text-align: left;}
#owl_type1 .owl-item > div {/*margin: 0px !important; */}
#owl_type1 .owl-item .img-responsive { width: 100%; height: auto; }
#owl_type1 .owl-dot span {background-color: #FFF !important; width: 10px; height: 10px;  margin: 5px 3px; opacity: 0.8; }
#owl_type1 .owl-dot.active span {background-color: #f9a01b !important;}

#owl_type2 .owl-controls {position: absolute; top: 0px; left: 0px; width: 100%; text-align: left;}
#owl_type2 .owl-item > div {/*margin: 0px !important; */}
#owl_type2 .owl-item .img-responsive { width: 100%; height: auto; }
#owl_type2 .owl-dot span {background-color: #FFF !important; width: 0px; height: 0px;  margin: 0px 0px; opacity: 0.0; }
#owl_type2 .owl-dot.active span {background-color: #FFF !important;}


.project_study_mv {margin: 0px 0;}

.project_study_mv .ratio_content .desc {background: rgba(0,0,0,0.6); position: absolute; bottom: 0px; left: 0; width: 100%;  color: #FFF; padding: 3px 7px; line-height: 14px; }

.project_study_mv .ratio_content .desc .title {font-size: 0.95em; font-weight: bold;}

.project_study_mv .ratio_content .desc .subtitle {font-size: 0.9em; }
.project_study_mv .ratio_content .desc span {font-size: 0.9em;}
.project_study_mv .ratio_content .desc .state {color: #5dc5bc;}
.project_study_mv .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.project_study_mv .ratio_content .desc .date {text-decoration: underline; word-break:break-all;}
.project_study_mv .ratio_content .desc .onoff_online {font-weight: 700;}


.project_study_mv .owl-controls {position: absolute; bottom: -10px; left: 5px; width: 100%; display: none;} 






.collection-section-4 .filter {text-align: left;}
.collection-section-4 .filter li {padding: 0 2px;}
.collection-section-4 .filter li a {display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 2px; border: none; border-radius: 4px; -webkit-border-radius: 4px; }




.collection-section-4 .filter2 {text-align: left;}
.collection-section-4 .filter2 li {padding: 0 2px;}
.collection-section-4 .filter2 li a { color: #555; display: inline-block; margin: 3px 0px; text-transform: none; font-size: 12px; font-style: normal; font-weight: 700; padding: 4px 8px;   border-radius: 4px; -webkit-border-radius: 4px; }
.collection-section-4 .filter2 li a.active { color: #f9a01b;}




.collection-section-4 .list-inline-1 {margin-bottom: 3px;}
.collection-section-4 .list-inline-2 {margin-bottom: 20px;}
.collection-section-4 .list-inline-3 {margin-bottom: 0px; text-align: right;}

.collection-section-4 h2 {margin-bottom: 0px;}

.collection-section-4 .title_right_btn {padding-top: 6px;}
.collection-section-4 .title_right_btn .btn-danger2 span {color: #ffd006;}



.collection_filter {border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding: 5px 0 5px 0; min-height: 55px; }
.collection_filter h3 {font-size: 14px; font-weight: 700; margin-bottom: 0; padding-top: 8px; float: left; margin-right: 0px;}

.collection_filter .color { }
.collection_filter .area2 { padding-top: 3px; }


.collection_filter2 {padding-right: 0px;}
.collection_filter2 select.form-control {width: 100px; font-size: 11px; font-weight: 1500;}



.collection_category_pic {margin: -5px 0;}

.collection_category_pic .ratio_content .desc {background: rgba(255,255,255,0.6); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0 10px 0;  color: #000;   text-align: center; margin-top: 0px; }

.collection_category_pic .ratio_content .desc .title {font-size: 1.2em; font-weight: bold;}
.collection_category_pic .ratio_content .desc .subtitle {font-size: 0.9em; line-height: 20px; }
.collection_category_pic .ratio_content .desc span {font-size: 0.9em;}
.collection_category_pic .ratio_content .desc .state {color: #5dc5bc;}
.collection_category_pic .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.collection_category_pic .ratio_content .desc .date {text-decoration: underline;}


.collection_category_pic .owl-controls { display: none; position: absolute; bottom: -5px; left: 5px; width: 100%;} 

.collection_category_pic .active>.ratio_content>.image_overlay { opacity: 0.5;}




.project_main_v1 .ratio_content .desc {background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; width: 100%; min-height: 40px; color: #FFF;   line-height: 40px; text-align: center; margin-top: 0px; }

.project_main_v1 .ratio_content .desc .title {font-size: 1.2em; font-weight: bold; line-height: 24px;}
.project_main_v1 .ratio_content .desc .title .description {font-size: 11px; padding: 2px;}
.project_main_v1 .ratio_content .desc .subtitle {font-size: 0.9em; }
.project_main_v1 .ratio_content .desc span {font-size: 0.9em;}
.project_main_v1 .ratio_content .desc .state {color: #5dc5bc;}
.project_main_v1 .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.project_main_v1 .ratio_content .desc .date {text-decoration: underline;}


.project_main_v1 .owl-controls {   position: absolute; top: -5px; left: 5px; width: 100%; text-align: left;} 
 
.main_today_choise_v1 .ratio_content .desc {background: rgba(255,255,255,0.6); position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; color: #000;   line-height: 40px; text-align: center; margin-top: 0px; }

.main_today_choise_v1 .ratio_content .desc .title {font-size: 1.2em; font-weight: bold;}
.main_today_choise_v1 .ratio_content .desc .subtitle {font-size: 0.9em; }
.main_today_choise_v1 .ratio_content .desc span {font-size: 0.9em;}
.main_today_choise_v1 .ratio_content .desc .state {color: #5dc5bc;}
.main_today_choise_v1 .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.main_today_choise_v1 .ratio_content .desc .date {text-decoration: underline;}


.main_today_choise_v1 .owl-controls {   position: absolute; top: -5px; left: 5px; width: 100%; text-align: left;} 
 




.membership_for_collection .terms_box {width: 100%; height: 150px; overflow: auto; border:1px solid #ccc; padding: 10px; margin-top: 10px; }




.request {padding-top:20px;}
.request h2 {font-size: 12px; margin-bottom: 5px; line-height: 18px; font-weight: 600; background-color: #000; color: #FFF; display: inline-block; padding: 3px 10px;}


.request .form_request fieldset {border:solid 1px #ccc; padding: 15px;}
.request .form_request fieldset .hint {font-size: 12px; color: #999;}

.request .form_request .form-group label { font-weight: 600; }

.request .form_request .refer_area {border:1px solid #ccc; padding: 20px 20px; background-color: #f9f9f9; }
.request .form_request .refer_area .form-group {margin-bottom: 0px; }
.request .form_request .refer_area .form-group label {padding-top: 3px;}


.request .refer_image {padding-top: 30px; margin-bottom: 10px;}

.select2-container--default .select2-selection--multiple { border-color:#ddd !important; }

 

.request_order h2 {font-size: 12px; margin-bottom: 5px; line-height: 18px; font-weight: 600; background-color: #000; color: #FFF; display: inline-block; padding: 3px 10px;}


.request_order .area_step ul {padding: 0; }
.request_order .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.request_order .area_step ul li .btn {border-radius: 5px; min-width: 70px;} 

.request_order .box1 {border: 1px solid #ccc; padding: 15px; height: 100px; overflow: auto; width: 100%; background-color: #fff;}

.request_order .form-group {margin-bottom: 5px;}
.request_order .form-group .form_text {padding-top: 2px;}

.request_order .subtitle {font-size: 13px; font-weight: bold; display: block; border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-top: 20px;}

.dropdown-menu>li>a:hover {color: #FFF !important; }


@media only screen and (max-width:350px){

.dropdown  {font-size:9px !important; }

}


.dropdown  {margin-left:0px;}


.movie_image img {height: 34px; margin-left: -20px;}



@media only screen and (min-width:0px){

.movie3 iframe {width:100%; height:320px; margin-top:50px; margin-bottom:-125px !important;}

}


@media only screen and (min-width:360px){

.movie3 iframe {width:100%; height:320px; margin-top:0px; margin-bottom:-150px !important;}

}

@media only screen and (min-width:600px){

.movie3 iframe {width:100%; height:320px; margin-top:0px; margin-bottom:-80px !important;}

}

@media only screen and (min-width:700px){

.movie3 iframe {width:100%; height:320px; margin-top:0px; margin-bottom:-50px !important;}

}


@media only screen and (min-width:800px){

.movie3 iframe {width:100%; height:320px; margin-top:0px; margin-bottom:-50px !important;}

}


@media only screen and (min-width:900px){

.movie3 iframe {width:100%; height:320px; margin-top:-120px; margin-bottom: 0px !important;}

}

@media only screen and (min-width:960px){

.movie3 iframe {width:100%; height:320px; margin-top:-80px; margin-bottom: 0px !important;}

}

@media only screen and (min-width:1000px){

.movie3 iframe {width:100%; height:320px; margin-top:-120px; margin-bottom:-100px !important;}

}

@media only screen and (min-width:1200px){

.movie3 iframe {width:100%; height:320px; margin-top:-120px; margin-bottom:-70px !important;}

}

@media only screen and (min-width:1400px){

.movie3 iframe {width:100%; height:320px; margin-top:-100px; margin-bottom: 0px !important;}

}

@media only screen and (min-width:1700px){

.movie3 iframe {width:100%; height:320px; margin-top:-40px; margin-bottom: 0px !important;}

}

@media only screen and (max-width:599px){

.movie2 iframe {margin-top:-170px; margin-bottom:-170px;}

}

@media only screen and (min-width:600px){

.movie2 iframe {margin-top:-100px; margin-bottom:-80px;}

}

@media only screen and (min-width:970px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-160px; margin-bottom:-130px;}

}

@media only screen and (min-width:1024px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-145px; margin-bottom:-115px;}

}

@media only screen and (min-width:1280px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-115px; margin-bottom:-90px;}

}

@media only screen and (min-width:1366px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-100px; margin-bottom:-85px;}

}

@media only screen and (min-width:1440px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-90px; margin-bottom:-75px;}

}

@media only screen and (min-width:1600px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-70px; margin-bottom:-60px;}

}

@media only screen and (min-width:1920px){

.movie2 iframe {height: 34px; margin-left: -20px; margin-top:-30px;}

}




@media only screen and (min-width: 0px) and (max-width:400px){

.movie4 iframe {margin-bottom:-100px !important; padding-top:85px !important;}

}

@media only screen and (min-width: 401px) and (max-width:900px){

.movie4 iframe {margin-bottom:-100px !important; padding-top:85px !important;}

}

@media only screen and (min-width: 901px) and (max-width:999px){

.movie4 iframe {margin-bottom:-40px !important; padding-top:95px !important;}

}

@media only screen and (min-width: 999px) and (max-width:1025px){

.movie4 iframe {margin-bottom:-40px !important; padding-top:30px !important;}

}

@media only screen and (min-width:1026px){

.movie4 iframe {margin-bottom:10px !important; padding-top:20px !important;}

}

@media only screen and (min-width:1800px){

.movie4 iframe {margin-bottom:30px !important; margin-top:-30px !important;}

}



.area_filter_btn {display: none;}
.area_filter_btn_sub { display: block;}


.header_language {margin-top: 9px;}
.header_language {}

.sns_std {   padding-top: 2px; }
.sns_std a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center;}
.sns_std i {color: #000; font-size: 18px; margin-right: 2px; line-height: 26px;}
.sns_std i.fa-facebook {color: #2d4486;}
.sns_std i.fa-twitter {color: #3c8dee;}
.sns_std i.fa-linkedin {color: #2a61a6;}
.sns_std .btn_pinterest {display: inline-block; border:1px solid #000; width: 22px; height: 22px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: text-bottom; margin-bottom: 3px;}
.sns_std .btn_pinterest span {margin-top: 2px;}





.mypage .sns  {padding-top: 10px; padding-left: 96px;}

.mypage .sns {display: inline-block; padding-top: 0px; padding-left: 20px;}

.owl-auto-width .item img {height: 420px; width: auto;}
.owl-auto-width .item:hover img {-webkit-filter: contrast(120%); -webkit-filter: saturate(3);}


.header_noti>a {position: relative;}
.header_noti>a>.badge {position: absolute; top: 7px; right: 0px; font-size: 10px; padding: 3px 5px;}


.alert_header ol{padding: 0px; } 
.alert_header ol li{margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; } 
.alert_header ol li:last-child{border-bottom: 0px; margin-bottom: 0px; } 
.alert_header ol a{margin-top: 0px !important; } 
.alert_header ol li img{width:70px; height: auto; float: left; }



#focusbox{border-style:solid; border-width:1px; border-color:#D8D8D8; border-radius: 5px; width:100%; height:100%;}

.main_focus_on {padding: 0 5px; margin-top:2px;}
.main_focus_on .sub { width: 50%; float: left; margin-top: 3px; margin-bottom: 3px; }
.main_focus_on .sub .ratio_box {width: 41.5%;}
.main_focus_on .sub h3 {font-size: 1.02em; margin-left: 42.7%; margin-top: 2px; font-weight: 700; margin-bottom: 2px;}
.main_focus_on .sub p {font-size: 1.02em; margin-left: 42.7%; margin-top: -8px; color: #777;  }
#focuson1 {margin-top:1px;}

.image_overlay {opacity: 1; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear; } 

.image_overlay:hover {opacity: 0.8;}


.main_featured_artists .artwork { position: relative; overflow: hidden; border-radius: 10px; height: 110px;}


.form_checkbox {padding-top: 5px;}





.header_language .flag {width: 21px; height: 15px;}


.collection_view .collection_info {display: none;}
.collection_view .col-sm-4>.collection_info {display: block;}





/*.modal-lg {width: 1100px;}*/

.modal {z-index: 999999;}

.modal-backdrop {z-index: 999990; height: 100%;}

.modal_default2 .modal-header {border-bottom: none;}
.modal_default2 .close {opacity: 0.8; line-height: 25px;}
.modal_default2 .close span {font-size: 40px;}



.modal_default3 {   position: fixed; 
  right: 0; 
  bottom: 0; 
  left: -5px;
  top: 0;
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
  z-index: 999999; background-color: #FFF; 
  overflow-x: hidden; overflow-y: hidden !important;}

.modal_default3 iframe {width:100%; height: 100%;/* overflow-x: hidden; overflow-y: hidden !important;*/ background-color: #FFF;}






.modal_default4 { padding: 0px !important;}
.modal_default4 .modal-dialog {width: 100%; background-color: transparent; margin: 0px;}
.modal_default4 .modal-content {text-align: center; background-color: transparent; box-shadow: none; border:0px; padding-top: 60px;} 
.modal_default4 .modal-body {background-color: transparent;} 
.modal_default4 .modal-body p {margin: 0px;}
.modal_default4 img {max-width: 100%;} 


.modal_default4 .modal-body {width: 980px; margin: 0 auto;}
.area_modal_close {margin-bottom: 2px; text-align: right; }
 

.navbar-fixed-top  {z-index: 99995;}



.label_collection_original {background-color: #e00078;}
.label_collection_limited_edition {background-color: #49B9B1;}
.label_collection_design_product {background-color: #00a8ff;}
.label_collection_open_edition {background-color: #f9a01b;}
.label_collection_digital {background-color: #714C98;}
.label_collection_other {background-color: #f9a01b;}







.popover-title {font-weight: 600;}
.popover-content {font-size: 12px;}



.topbar {height: 60px;  background-color: #f0f0f0;}
.topbar .brand { display: inline-block; width: 170px; padding: 10px 0; } 
.topbar .brand_mobile { position: absolute; top: 17px; left: 5px; width: 32px; opacity: 0.8;} 



.check_view_pw {height: 500px;}
 




.event_main {background-color: transparent; padding: 15px 0; padding-top: 15px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; }
.event_main h2 {color: #333; font-size: 18px; margin-bottom: 0; }

.event_main .notice ul { padding: 0; padding-left: 0px; padding-right: 10px; padding-bottom: 20px; min-height: 250px;}
.event_main .notice ul li {font-size: 15px;height: 26px; overflow: hidden; line-height: 36px; }
.event_main .notice ul li a {color: #333; display: block; width: 100%;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.event_main .notice .upcoming {padding: 20px 10px 20px 0px; max-height: 200px; color: #333; border-top: 1px solid #666; margin: 0 10px 10px 0px; overflow: hidden; }
.event_main .notice .upcoming p {margin-bottom: 0px;}
.event_post {margin-bottom: 20px;}
.event_post .desc{width: 100%; height: 124px; padding: 15px 10px;  border-top: none; position: absolute; bottom: -10px; left: 0; line-height: 20px; color: #333; background-color: rgba(255,255,255,0.95);}  
.event_post .desc h3{ margin: 0; padding: 0; font-size: 14px; font-weight: bold; display: inline-block; height: 20px; overflow: hidden; line-height: 18px; word-break: break-all; }  
.event_post .desc h3 a{color:#000;}  
.event_post .desc span{  }

.event_post .desc .desc2 {height: 21px; overflow: hidden; }
.event_post .desc .desc2 .state {font-weight: bold;  }
.event_post .desc .desc2 .date {font-size: 0.9em; font-style: italic; }
.event_post .desc .desc2 .online { font-weight: bold; color: #334d98; }
.event_post .desc .desc3 {font-size: 0.9em;  height: 20px; overflow: hidden; }
.event_post .desc .desc3 a {color: #333; text-decoration: underline;}
.event_post .desc .desc4 {margin-top: 0px; font-size: 1.0em; line-height: 30px; height: 30px; max-height: 60px; overflow: hidden; }
.event_post .desc .desc4.online {height: 40px;}
.event_post .desc .desc4.offline {max-height: 60px;}
.event_post .desc .desc5 {margin-top: 10px; height: 34px; overflow: hidden; }
.event_post .desc .desc5 .title { margin-right: 10px; }
.event_post .desc .desc5 .btn_join {width: 100px; }

.event_post .info {height: 170px; position: relative;}
.event_post .info1 {margin-top: 10px; margin-right: 0px; position: relative;}
.event_post .info2 { position: relative;}
.event_post .info2 .btn_join {width: 100px; }

.event_post .area_icon {margin-top: 0px; position: absolute; top:2px; right: 0px; z-index: 999; }
.event_post .area_icon .icon>i {width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid; background-color: transparent; border-radius: 50%; -webkit-border-radius: 50%; font-size: 12px; }
.event_post .area_icon .count {font-size: 0.7em;}
.event_post .area_icon .dropdown>a, .event_post .area_icon>a {color: #555; margin-left: 3px;}
.event_post .area_icon .dropdown>a:hover, .event_post .area_icon>a:hover {color: #000;}


.event_post .user {position: relative;}
.event_post .user .user_img {display: inline-block; width: 34px; height: 34px; background-size: cover;}

.event_post .user .user_field { position: absolute; bottom: 0px; left: 40px; font-size: 0.85em; color: #99998f; line-height: 1em; }

.event_post .count_member {position: absolute; top: 10px; left: 10px; font-weight: 600; font-size: 14px; color: #FFF;}

.event_post .count_member span {display: inline-block; width: 40px; height: 40px; background-color: rgba(255,255,255,0); border-radius: 50%; text-align: center; line-height: 36px;border: 2px solid #FFF; font-weight: 800; font-size: 14px; color: #FFF; }

.event_post .count_file {position: absolute; top: 10px; left: 10px;}




.event_view .content {}
.event_view .content .date {font-size: 10px; }
.event_view h1 {font-size: 23px; }
.event_view .content .facebook {display: inline-block; margin-left: 20px;   }
.event_view .content .info {font-size: 14px;}
.event_view .content .sort {font-size: 14px; font-weight: 700;}
.event_view .content .tag_area {}
.event_view .content .tag_area .tag {text-decoration: underline;}
.event_view .content .text {font-size: 1.2em; line-height: 1.8em; margin-top: 20px;}



.sns_box .inner {float: left; margin-right: 5px;}


.sns_box .sns {   padding-top: 2px; }
.sns_box .sns a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom;}
.sns_box .sns i {color: #333030; font-size: 18px; margin-right: 2px; line-height: 26px;}




.main_visual_box {width: 440px; min-height: 220px; margin-top:40px; background-color: rgba(255,255,255,0.7); padding-top: -15px;  margin-left: -15px; padding-left: 15px; padding-right: 15px;  font-size: 20px; font-weight: normal;   white-space: normal; border-radius: 5px; }

.main_visual_box .title {color: #000; font-size: 18px; line-height: 0px; font-weight: 750;  text-transform:none;}
.main_visual_box .title:hover {color: #555;}
.main_visual_box .desc {font-size: 14px; font-weight: normal; line-height: 20px; color: #000; margin-top: 25px;}




.btn_join_online span {color: #f9a01b;}


.flag_img {border: 1px solid #ccc; width: 22px; height: auto;}




.gototop{position:fixed;bottom:10px;right:10px;display:block; z-index:999; opacity: 0.5;}
.gototop2{position:fixed;bottom:10px; margin-left:-28px; float:left; display:block; z-index:999; opacity: 500.0; color: #DF01A5;}
.gototop3{position:fixed;bottom:10px;right:8px;display:block; z-index:999; opacity: 500.0; color: #DF01A5;}
.gototop5{position:fixed;float:left !important;bottom:8px;left:5px;display:block; z-index:999; opacity: 500.0; color: #DF01A5;}
.gototop6{position:fixed;bottom:5px;right:5px;display:block; z-index:999; opacity: 500.0; color: #DF01A5;}



.online_user {padding-top: 35px;}

.participants {padding-top: 35px;}
.participants .count_member {  font-weight: 600; font-size: 14px; color: #999;  padding: 0px;}

.participants .count_member span {display: inline-block; width: 50px; height: 50px;   border-radius: 50%; text-align: center; line-height: 45px;border: 2px solid #999; font-weight: 600; font-size: 18px; color: #999; }


.top_participants {padding-top: 3px;}
.top_participants .title {border-bottom: 1px solid #ccc; font-size: 14px; color: #999; font-weight: 600;} 
.top_participants ul {padding: 5px 0 0 0;}
.top_participants ul li {float: left; width: 33%; padding-left: 5px;}
.top_participants ul li .user .user_img {  border-radius: 50%; overflow: hidden; border:2px solid #ccc;}
.top_participants ul li .user .user_img img{width: 45px !important; height: 45px !important;}




.online_box_arrow {padding-top: 30px; position: relative;}

.online_box_arrow .line {height: 1px; background-color: #ccc;position:absolute; top:71px; left: 0px; width: 1020px; margin-left: 20px; margin-right: 200px;}


.box_arrow { position: relative; font-size: 14px; font-weight: bold; background-color: #e4018e; border: 0; width: 92px; height: 44px; color: #fff; } 
.box_arrow:after {content: ''; position: absolute; top: 0px; left: 92px; width: 0; height: 0; border: 22px solid transparent; border-left: 28px solid #e4018e; } 




.collection-section-1 {margin-top: 15px; margin-bottom: 15px;}


.tab-content {padding: 0;}


#login-top-form1 {padding-top: 15px;}

 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #e64b4b-pink!important;}


.soldout {position: absolute; bottom: 0px; left: 0px; width: 70px; height: 70px; background: url('../img/soldout.png'); background-size: cover; opacity: 0.7;}





.todays_choice {margin: 0px 0;}

.todays_choice .ratio_content .desc {background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; width: 100%; min-height: 40px; color: #FFF;   line-height: 40px; text-align: center; margin-top: 0px; line-height: 15px; padding: 0 5px 10px 5px; }

.todays_choice .ratio_content .desc .title {font-size: 1.2em; font-weight: bold;  line-height: 30px; }
.todays_choice .ratio_content .desc .subtitle {font-size: 0.9em; }
.todays_choice .ratio_content .desc span {font-size: 0.9em;}
.todays_choice .ratio_content .desc .state {color: #5dc5bc;}
.todays_choice .ratio_content .desc .online {color: #0133c8;text-decoration: underline;}
.todays_choice .ratio_content .desc .date {text-decoration: underline;}


.todays_choice .owl-controls { display: none; position: absolute; bottom: -5px; left: 5px; width: 100%;} 

.todays_choice .active>.ratio_content>.image_overlay { opacity: 0.5;}






.portfolio-box {margin-top: -12px;}

.icon_next {padding-top: 2px; }



.event_search {margin-bottom: 10px;}

.event_search .filter2 li .btn {margin-bottom: 5px;}


.pagination_area {margin-top: 30px;}
.pagination_area .previous, .pagination_area .next {display: inline !important;}
.pagination_area .first {display: none;}
.pagination_area .last {display: none;}


.pagination_type2 .page {display: none;}
.pagination_type2 .page.active {display: inline;}



.event_create {padding-top: 50px;}

.event_create .event_info {color: #000;}

.event_create .event_info .user {position: relative;}
.event_create .event_info .user .info {position: absolute; bottom: 0px; left: 95px; font-size: 1.0em;color: #a6907b; line-height: 1em;}

.event_create .event_info .user a {color: #222021; vertical-align: middle;}
.event_create .event_info .user a:hover {color: #777;}
.event_create .event_info .user .user_img {display: inline-block; margin-right: 10px;}
.event_create .event_info .user .user_img img {width: 80px; height: 80px;}

.event_create .event_info .user .btn_plus {padding-top: 1px; display: inline-block; margin-left: 12px; }
.event_create .event_info .user .btn_plus i {font-size: 30px !important; color: #adb4ba;}

.event_create .area_step .note {margin:10px 0 10px 0;}
.event_create .area_step ul {padding: 0; }
.event_create .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.event_create .area_step ul li .btn {border-radius: 5px; width: 100px;}

.event_create .area_step .icon_next {padding-top: 2px;}



.event_create .form {}
.event_create .form .form_keyword label {text-align: left; } 
.event_create .form .form_keyword .tagit { padding-right: 50px; } 
.event_create .form .form_keyword .relation .hint {position: absolute; top: 4px; right: 24px;}

.event_create .area_step h2 {font-size: 20px; margin-top: 25px; margin-bottom: 0px;}
 

.timer {text-align: left; font-weight: bold; font-size: 14px;  margin-top: 8px;}

.timer .title {color: #333;}


.online_top {position: relative; text-align: center;}
.online_top .brand {position: absolute; top: 3px; left: 15px;}

.online_top .navi {padding-top: 10px; font-size: 12px;} 
.online_top .navi .title {display: inline-block; line-height: 17px; height: 34px;} 
.online_top .navi a {display: inline-block;  font-size: 17px; margin-top: -10px;} 
.online_top .sns_box {position: absolute; top: 14px; right: 15px;}
.online_top .sns_box_mobile {position: absolute; top: 14px; right: 15px;}
.online_top .sns_box_mobile>a {margin-left: 8px;}


.btn_external_url {border:0 !important; }
.btn_external_url i {font-size: 24px !important;}

.btn_end {opacity: 0.1;}

.fileinput-button {margin-top: 15px;}


.projectoption_li .btn_online {font-size: 18px; padding: 5px 5px; margin: 0 5px;}


.btn_more_text {font-weight: 600; color: #f9a01b;}

.bgcolor {background-color: #ffd658;}

.area_edit {text-align: left; padding-top: 10px;}


.layer_popup {position:fixed;z-index:9999;background:#8e8e8e;padding:0px 0px 0 0px;border:0;}
.layer_popup .inner {background:#FFFFFF; }

.popup_close2 {text-align: right; padding: 4px 5px;}
.popup_close2 .middle {margin-top: 0px;}
.popup_close2 label {margin-right: 10px;}



.get_image_loading {margin-left: 15px; display: none;}
 

.main_project_table {margin-top: 0px;}

.project_index_table {}
.project_index_table .item {padding: 20px 0; clear: both; border-top: 1px solid #ccc; min-height: 160px; position: relative; word-break:break-all; }
/*.project_index_table .item:first-child {border-top: 0px;}*/
.project_index_table .item .pic {width: 120px; height: 120px; overflow: hidden; float: left;}
.project_index_table .item .area {margin-left: 130px;}  
.project_index_table .item .area .title h3{ margin: 0; padding: 0;  display: inline-block; line-height: 14px; word-break: break-all; font-size: 13px; font-weight: normal; }
.project_index_table .item .area .title h3 .label {font-size: 11px; padding: 0 4px 1px 4px;}
/*.project_index_table .item .area .title h3 .title {   font-family: 'Times New Roman','Times','serif'; font-style: italic; }*/
.project_index_table .item .area .title h3 .title {   font-family: 'Times New Roman','Times','serif'; font-weight: bold;   }

.project_index_table .item .area .title h3 .title i {font-size: 15px !important;}
.project_index_table .item .area .title h3 a{color:#000;}  

.project_index_table .item .area .address {text-decoration: underline;} 

.project_index_table .item .area .desc3 .tag {text-decoration: underline;}

.project_index_table .item .area .desc5 {margin-top: 10px; }
.project_index_table .item .area .desc5 .title { margin-right: 10px; }
.project_index_table .item .area .desc5 .btn_join {width: 100px; }


.project_index_table .item .area .desc5 {margin-top: 3px;}
.project_index_table .item .area .desc5 .btn {padding: 3px 6px; font-size: 11px;}


.area_search .title_area {padding: 30px 0 20px 0;}
.area_search .title_area h2 {margin-bottom: 0px;}

.kword {color: #f9a01b;}



.search_area_mobile {display: none; width: 100%; background-color: #ccc; position: absolute; top: 42px; left: 0px; padding: 2px 5px; height: 50px;}
.search_area_mobile form {position: relative; } 
.search_area_mobile form .form-control {background: #FFF; border-color: #ccc; color:#000; padding: 5px;   border-radius: 2px; -webkit-border-radius:  2px; margin-top: 4px; } 
.search_area_mobile button {position: absolute; width: 35px; height: 35px; top: 0px; right: 2px; border:0px; background-color: transparent; }
.search_area_mobile a {margin-right: 0px;  }



.onlineview_movie {margin: 50px auto; width: 780px;}

.onlineview {margin: 30px auto; width: 600px; height: 270px; background-color: #f5f5f5; border:1px solid #ccc; border-radius: 10px; padding: 30px; text-align: center;}

.onlineview h2 {margin: 20px 0; font-size: 20px;}
.onlineview .link {margin: 20px 0; font-size: 17px; display: inline-block; word-break: break-all;}



.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative; background-image: none; background-color: #fff;	width:10px;	height:10px;  margin-left:4px; margin-right:4px; float:left; margin-top:0px; margin-bottom: 4px; overflow: hidden; border-radius: 50%;}

.tp-bullets.simplebullets.round-old .bullet.selected {background-color: #f9a01b;}

.tp-bullets.simplebullets.round-old .bullet:hover {background-color: #999;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px}


.fancybox-overlay {background-image: none; background-color: rgba(0,0,0,0.9); }

.fancybox-lock .fancybox-overlay {z-index: 999992; }
.fancybox-opened {z-index: 999999; }
#fancybox-thumbs {z-index: 999999; }

.fancybox-skin {padding: 8px !important;}

.recent_view {margin-top: 50px;}
.recent_view h3 {font-size: 1.1em;font-weight: 700; margin-bottom: 0px; padding-bottom: 2px;}

/*.recent_view .owl_box {min-height: 288px;}*/

#recent_view  { }
#recent_view  .owl-controls { }
#recent_view  .owl-stage-outer { max-height: 250px;}
#recent_view  .owl-stage-outer .owl-stage{max-height: 270px;}


.recent_view_w  { }
.recent_view_w  .owl-controls { }
.recent_view_w  .owl-stage-outer { max-height: 250px;}
.recent_view_w  .owl-stage-outer .owl-stage{max-height: 270px; min-width: 100%;}

.owl_box_recent_view .owl-auto-width a img {height: 220px; width: 100%;}



.project_index_feature {padding: 3px 0 0 0;}
.project_index_feature span.label { padding: 0px 2px; font-size: 8px;}


.drag-handle {cursor: move;}



.my_related_post {margin-left: 0; padding-left: 0px;}
.my_related_post li {width: 70px; height: 70px; display: inline-block; overflow: hidden; background-color: #ccc; margin: 5px;}


.check_mypage_banner {position: absolute; top: 0px; right: 0px; z-index: 9999;}
.check_mypage_banner .btn_mypage_banner {color: #FFF;display: block; padding: 5px 10px; background-color: rgba(255,204,204,0.4); }
.check_mypage_banner i {font-size: 30px; font-weight: normal;}

.btn_mypage_banner i {display: none;}
.btn_mypage_banner i.inactive {display: block;}
.btn_mypage_banner.active i.inactive {display: none;}
.btn_mypage_banner.active i.active {display: block;}


.sns_view {   padding-top: 2px; }
.sns_view>a {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom; margin-bottom: 3px;}
.sns_view .btn_pinterest {display: inline-block; border:1px solid #000; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom; margin-bottom: 3px;}
.sns_view .btn_pinterest span {margin-top: 4px;}
.sns_view i {color: #333030; font-size: 18px; margin-right: 1px; line-height: 26px;}


.sns_view1 {   padding-top: 2px; }
.sns_view1>a {display: inline-block; border:1px solid #000; width: 22px; height: 22px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom; margin-bottom: 3px;}
.sns_view1 .btn_pinterest1 {display: inline-block; border:1px solid #000; width: 22px; height: 22px; overflow: hidden; border-radius: 2px; text-align: center; vertical-align: bottom; margin-bottom: 3px;}
.sns_view1 .btn_pinterest1 span {margin-top: 4px;}
.sns_view1 i {color: #333030; font-size: 18px; margin-right: 1px; line-height: 26px;}


.user_img_self img {width: 50px; height: 50px;}

.mypage .user_img_self img {width: 40px; height: 40px;}

.area_mypage_follow {display: inline-block; margin-left:  5px; font-size: 14px;}
.area_mypage_follow a i{font-size: 18px;}
.area_mypage_follow .btn {width: 80px;}

.btn_opacity {opacity: 0.5;}

.area_mypage_project_menu { margin-left: -15px; }

.mypage_project_menu { }
.mypage_project_menu li {font-size: 14px; font-weight: bold; width: 200px;  }
.mypage_project_menu li a { padding-top: 2px; padding-bottom: 2px; }
.mypage_project_menu li.active a {background-color: #ffbc00; padding-top: 2px; padding-bottom: 2px; }

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color: #FE642E; color: #FFF !important; }

 



.mypage_project_index {margin-top: 15px;}

.more_post {text-align: center;}


.area_myjoin_btn {position: absolute; top: 50px; right: 0px;}


.area_myjoin_btn { }


.caption.fullscreenvideo iframe, .caption.fullscreenvideo video	{ display: block !important;}


.videoWrapper {margin-top: -70px;}


.note-editor {margin-bottom: 5px;}

.tp-bullets {z-index: 99; -webkit-transform: translate3d(0,0,0);}

.
.mypage_index_follow .recent_view {margin-top: 20px;}


.margin-left-10 {margin-left: 10px;}


.related_image_box {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related_image_box:hover {-webkit-filter: contrast(120%); -webkit-filter: saturate(3);display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related_image_box p { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }

.related_image_box .area_mypage_follow { padding-top: 5px; }
.related_image_box .area_mypage_follow a {display: block; }


.main_artworks_post {margin-top: 40px;}

.icon_plus {width: 19px !important; height: 19px !important; margin-top: -3px;}

.sns_view .fa-facebook::before {color: #2d4486; }
.sns_view .fa-twitter::before {color: #3c8dee; }
.sns_view .fa-linkedin::before {color: #2a61a6; }
.sns_view .fa-envelope-o::before {color: #c30da4; }


.sns_view1 .fa-facebook::before {color: #2d4486; }
.sns_view1 .fa-twitter::before {color: #3c8dee; }
.sns_view1 .fa-linkedin::before {color: #2a61a6; }
.sns_view1 .fa-envelope-o::before {color: #c30da4; }


.ui-tooltip {display: none !important;}


.icon_new {width: 30px; height: auto;}



.printing_option {margin-top: 20px;}
.printing_option h4 {font-weight: bold; font-size: 14px; border-bottom: 1px solid #333; height: 32px;}
.printing_option a.info3 {display: inline-block; width: 20px;  font-size: 20px; padding-top: 2px; padding-top: 6px;}

.box_default { width: 100%; background-color: transparent; border:1px solid #555; color: #333; text-align: center; padding: 5px; border-radius: 3px; font-size: 13px; font-weight: bold;} 



.printing_option .option_title {font-weight: bold;}
.printing_option .option_title2 {font-size: 14px;}
.printing_option .option_total {font-size: 14px; font-weight: bold;}

.printing_option .popover {width: 200px;}

.caption.title-2 {text-transform: none;}



.area_order_done2 {text-align: center;}
.area_order_done2 .text {font-size: 14px; border-bottom: 1px solid #333; width: 320px; margin: 18px auto; padding-bottom: 15px;}
.area_order_done2 .area_btn a {margin: 0 5px; min-width: 80px;}




.tab_form1 {margin-bottom: 30px;} 
.tab_form1 .nav-tabs li  {margin: 0px !important;  }
.tab_form1 .nav-tabs li a {font-weight: bold; border-bottom: 2px solid #eee; border-left: 0px; border-right: 0px; margin: 0px !important;}

.tab_form1 .nav-tabs li a:after {background: #eee; height: 1px; }

.tab_form1 .nav-tabs li.active a:after {background: #f9a01b; height: 2px; }

.tab_form1 .nav-tabs li a:before {background: #f9a01b; height: 2px; bottom: 0px; }

.tab_form1 .nav-tabs li.active a:before { height: 0px; }

.tab_form1 .nav-tabs li.active a {color: #f9a01b; border-left: 2px solid #f9a01b; border-right: 2px solid #f9a01b; background: #fff; cursor: pointer; border-bottom: 0px !important; }
.tab_form1 .nav-tabs li.active a:hover {color: #f9a01b; border-left: 2px solid #f9a01b; border-right: 2px solid #f9a01b; background: #fff; }

.tab_form1 .nav-tabs li a:hover {background-color: #e5e5e5;}



.order_table {padding-top: 20px;}
.td_project_order {line-height: 18px !important;}


.table1 { border: 0px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; margin-top: 10px; width: 100%;}
.table1 thead th {border-bottom-width: 1px ;}
.table1 th {background-color: #f9f9f9;  /*#e8eee8*/ padding: 0px ; text-align: center; color: #222; line-height: 14px; height: 50px; vertical-align: middle ;  } 
.table1 td { border-bottom: 0px;  padding: 0px 5px ; border-color: #cacaca; background-color: #fff; height: initial ; min-height: 50px ; vertical-align: middle; border-top: 1px solid #ccc;line-height: 14px; }  
.table1 tr > th:first-child, .table1 tr > td:first-child {border-left: 0px ;}
.table1 tr > th:last-child, .table1 tr > td:last-child {border-right: 0px ;}
.table1 td.image {padding: 10px;}
.table1 .small {color: #777;}


.tp-banner {margin-top:-3%;}


.tr_link {cursor: pointer;}
.tr_link:hover td {background-color: #f0f0f0;}


.order_view {padding-top: 30px;} 


.request_order_view h2 {font-size: 22px; line-height: 18px; font-weight: 600; background-color: #FFF; color: #000; display: inline-block; padding: 0px 0px 0 0;}

.request_order_view .area_step ul {padding: 0; }
.request_order_view .area_step ul li {list-style: none; float: left; margin-right: 10px; list-style-position: outside;} 
.request_order_view .area_step ul li .btn {border-radius: 5px; min-width: 70px;} 

.request_order_view .box1 {border: 1px solid #ccc; padding: 15px; height: 100px; overflow: auto; width: 100%; background-color: #fff;}

.request_order_view .form-group {margin-bottom: 5px;}
.request_order_view .form-group .form_text {padding-top: 2px;}

.request_order_view .subtitle {font-size: 13px; font-weight: bold; display: block; border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-top: 20px;}


.request_order_view .refer_image {padding-top: 10px;}

.article_box {border: 1px solid #ccc; padding: 15px; font-size: 12px;}
.article_box2 {font-size: 12px;}


.box_create_file1 {padding-top: 4px;}

.text_only_left {margin-left: 10px; text-decoration: none !important; color:teal;}


#myheart {margin-left:-10px; margin-right:-12px;}


.related_user_name a {display: inline; padding-top: 4px;  }
.related_user_name a img {display: inline-block !important;}




.box_user_mobile {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 5px 0; margin-left: 10px;}
.box_user_mobile ul li{font-size: 0.9em; text-align: left; margin-left: 0px; margin-bottom: 0px; line-height: 17px; color: #262624; list-style:none; background: #da9695; width: 67px; height: 67px; float: left; overflow: hidden; }
.box_user_mobile ul li:nth-child(even) {background: #b9cde5;}
.box_user_mobile ul li a {display: block; width: 67px; height: 67px; background: none; padding: 0px;}
.box_user_mobile ul li a img {width: 100%; height: 100%;}



.archiving_top {padding: 20px 0;}
.archiving_top .logo {width: 320px; height: auto; }

.archiving_top2 {border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.archiving_top2 .archiving_lang {padding-bottom: 5px; font-size: 14px;}
.archiving_top2 .archiving_lang span {margin: 0 3px;}
.archiving_top2 .archiving_lang a {font-size: 14px;}
.archiving_top2 .archiving_lang a.active {color: #14b3ab;}

.archiving_footer {border-top: 1px solid #ccc; padding: 20px 0 50px 0;}

.archiving_footer .text {font-size: 15px; font-weight: bold; color: #777; padding-top: 20px;}
.archiving_footer .logos a img {width: 32%;}

.title11 {color:white;background-color: #151515;opacity:0.6;padding-left:5px;}

i.glyphicon {
  font-size: 12px;
  transition: all 1s linear;
  /* opacity: 0; */
}

i.glyphicon:hover {
  color: red;
  transform: rotate(90deg);
  opacity: 1;
}


.Hide11
{
  display:none;
  border-width: 1px;
  border-style: solid;
  border-color:#D8D8D8;
  padding:2px; 
}
.Show11
{
  border-width: 1px;
  border-style: solid;
  border-color:#D8D8D8;
  padding:2px;    
}

 
 #load {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: rgba( 255, 255, 255, 0.1 );
	z-index: 99;
	text-align: center;
}

#load > img {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 48%;
	z-index: 100;
}



.intro{
  width:50%;
  height:0px;
}
.intro h2{
  font-family:'Oswald', sans-serif;
  letter-spacing:0px;
  font-weight:normal;
  font-size:12px;
  color:#FFFFFF;
  margin-top:0px;
}
.intro a{
  color:#e74c3c;
  font-weight:bold;
  letter-spacing:0;
}
.intro img{
  width:50px;
  height:50px;
  margin-left:5px;
  margin-right:5px;
  position:relative;
  top:111px;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#container{
  width:215px;
  height:230px;
  margin:0px auto;
}
.button-1{
  width:80px;
  height:30px;
  border:2px solid #34495e;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 0 0px 0;
}
.button-1 a{
  font-family:arial;
  font-size:16px;
  color:#FFFFFF;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:1;
  position:relative;
}
.eff-1{
  width:80px;
  height:30px;
  top:-2px;
  right:-140px;
  background:#34495e;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-1:hover .eff-1{
  right:0;
}
.button-1:hover a{
  color:#fff;
}


.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	margin-left: 20px;
	margin-top: 4px;
	height:25.7px;
	line-height:65px;
	width:53px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.01, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 15%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.classname:active {
	position:relative;
	top:1px;

}

.loader{
  position: fixed;
  width:100%;
  height:100%;
  top:0;
  left:0; 
  opacity: 0.5;
  z-index:99;
  width:100%;
  height:100%;
    -webkit-animation-duration: 2.2s;
    -moz-animation-duration: 2.2s;
    -ms-animation-duration: 2.2s;
    animation-duration: 2.2s;
    transition-delay: 2.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.loader.end{
  z-index:-1;
}

#progres {
position: fixed;
z-index: 2147483647;
top: 0px;
left: -6px;
width: 0%;
height: 5px;
background: #A4A4A4;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
transition-delay: 0s;
-moz-transition: width 10ms ease-out,opacity 500ms linear;
-ms-transition: width 10ms ease-out,opacity 500ms linear;
-o-transition: width 10ms ease-out,opacity 500ms linear;
-webkit-transition: width 10ms ease-out,opacity 500ms linear;
transition: width 10ms ease-out,opacity 500ms linear;
}
#progres.done {
opacity: 0
}
#progres dd,#progres dt {
position: absolute;
top: 0;
height: 2px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%
}
#progres dd {
opacity: 1;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px)
}
#progres dt {
opacity: 1;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px)
}
@-moz-keyframes pulse {
30% {
opacity: 1
}
60% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes pulse {
30% {
opacity: .6
}
60% {
opacity: 0
}
100% {
opacity: .6
}
}
@-o-keyframes pulse {
30% {
opacity: 1
}
60% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes pulse {
30% {
opacity: .6
}
60% {
opacity: 0
}
100% {
opacity: .6
}
}
@keyframes pulse {
30% {
opacity: 1
}
60% {
opacity: 0
}
100% {
opacity: 1
}
}
#progres.waiting dd,#progres.waiting dt {
-moz-animation: pulse 0.5s ease-out 0s infinite;
-ms-animation: pulse 0.5s ease-out 0s infinite;
-o-animation: pulse 0.5s ease-out 0s infinite;
-webkit-animation: pulse 0.5s ease-out 0s infinite;
animation: pulse 0.5s ease-out 0s infinite
}


.logoicon {width:50px; height:50px; background:url(images/sprite.png) 0 0px;}




@media only screen and (max-width:700px){


body {
}

.header {
  position: fixed;
  top: 40px;
  z-index: 10;
  width: 100%;
  background-color: #f1f1f1;
}

.header h4 {
  text-align: center;
}

.progress-container1 {
  width: 100%;
  height: 3px;
  background: #ccc;
}

.progress-bar1 {
  height: 4px;
  background: #DF01A5;
  width: 0%;
}

.content {
  padding: 0px 0;
  margin: 0px auto 0 auto;
  width: 100%;
}
}


@media only screen and (min-width:900px){


body {
}

.header {
  position: fixed;
  top: 77px;
  z-index: 10;
  width: 100%;
  background-color: #f1f1f1;
}

.header h4 {
  text-align: center;
}

.progress-container1 {
  width: 100%;
  height: 3px;
  background: #ccc;
}

.progress-bar1 {
  height: 4px;
  background: #DF01A5;
  width: 0%;
}

.content {
  padding: 0px 0;
  margin: 0px auto 0 auto;
  width: 100%;
}
}


@media (min-width: 600px){
.white1 {
    display: none;
    position: absolute;
    top:  5% !important;
    left: 5%;
    width: 14%;
    height: 180px !important;
    padding: 16px;
    border: 5px solid #000000;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.white2 {
    display: none;
    position: absolute;
    top:  20% !important;
    left: 5%;
    width: 22%;
    height: 180px !important;
    padding: 16px;
    border: 5px solid #000000;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.white3 {
    display: none;
    position: absolute;
    top:  0% !important;
    left: 5%;
    width: 22%;
    height: 180px !important;
    padding: 16px;
    border: 5px solid #000000;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.light{
margin-top:0px;	
}
}

@media (max-width: 599px){
.white1 {
    display: none;
    position: absolute;
    top:  10% !important;
    left: 10%;
    width: 52.5%;
    height: 180px !important;
    padding: 16px;
    border: 5px solid #000000;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.white2 {
    display: none;
    position: absolute;
    top:  20% !important;
    left: 10%;
    width: 52.5%;
    height: 180px !important;
    padding: 16px;
    border: 5px solid #000000;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.white3 {
    display: none;
    position: absolute;
    top:  0% !important;
    left: 10%;
    width: 52.5%;
    height: 180px !important;
    padding: 16px;
    border: 5px solid #000000;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.light{
margin-top:0px;	
}
}







.b_comment {margin-top:30px;margin-left:0px;}
.b_comment .title2 {margin-top:15px;height:22px;}



.b_comment .title2 h4 {float:left;font-weight:normal;margin-left:115px;}
.b_comment .title2 p {float:right; margin-right:5px;text-align:right;} 

.b_comment .writer2 {float:left;margin-left:10px;width:80px;margin-right:15px;}  
.b_comment .writer2 .pic {margin-left:14px;width:49px;height:49px;border:#ccc solid 1px;overflow:hidden;}
.b_comment .writer2 .pic2 {width:49px;}

.b_comment .text2 { height:105px;border: 1px solid #d5d5d5;background:#FFF;overflow:hidden;}
.b_comment .text2 textarea {float:left;padding:5px;margin:0px 0 0 5px;width:100%;height:97px;border:0;}
.b_comment .text2 .submit {margin:22px 0 0 28px;}

.b_comment .top_today {padding: 0 20px 40px 20px;border: 3px solid #f3f3f3;background:#FFF;}
.b_comment .top_today .d2-1:nth-child(1) {background:none;}


.b_comment ul { margin: 0; padding: 0; margin-top:30px;}
.b_comment ul li {clear: both;margin-top:10px;padding-top:10px;}
/* .b_comment ul li {clear: both;margin-top:20px;padding-top:20px; background:url('images/bar.gif') repeat-x 0px 0px;}*/


/* .b_comment ul li:first-child {background:none;} */
.b_comment ul li .writer {float:left;margin-left:10px;width:80px;margin-right:15px;}  
.b_comment ul li .writer .pic {margin-left:14px;width:49px;height:49px;border:#ccc solid 1px;overflow:hidden;}
.b_comment ul li .writer .pic2 {width:49px;} 
.b_comment ul li .writer p {font-size:0.9em;color:#9e9e9e;}
.b_comment ul li .chart {float:left; width:180px;}
.b_comment ul li .chart p {font-size:1.2em;font-weight:bold;color:#333;margin-bottom:10px;}
.b_comment ul li .chart .g1  {position: relative;clear:both;height:17px;}
.b_comment ul li .chart .g1 .title {float:left; margin-top:-4px;width:50px;color:#a4a4a4;}
.b_comment ul li .chart .g1 .graph {margin-left:50px;width:110px;height:10px;background:#dadada;overflow:hidden;}
.b_comment ul li .chart .g1 .graph .g2 {height:100%;background:#37cde2;}
.b_comment ul li .chart .g1 .bg {position:absolute; top:-3px; left:50px;}
.b_comment ul li .comment { padding:10px; color:#9e9e9e; border: 1px solid #e5e5e5;background:#fff;overflow:hidden;}
.b_comment ul li .comment .username {font-weight: 600;}
.b_comment ul li .comment .c1 {color:#666666;margin:5px 0 10px 0px; line-height:2em; } 
 
/* .b_comment .d2 .comment .c1 {color:#999;} */

.b_comment ul li .comment .c3 .date {display:block;}
.b_comment ul li .comment .c3 .date .count {color:#9e9e9e;font-size:0.9em;}
.b_comment ul li .comment .c3 .date .username {margin-right:20px;}
.b_comment ul li .comment .c3 .btn_text {display:block;float:right;color:#9e9e9e;font-size:0.9em; position: relative; }
.b_comment ul .d2 {margin-left:80px;}

.b_comment ul .d2 .text2 { height:105px;border: 1px solid #d5d5d5;background:#FFF;overflow:hidden;}
.b_comment ul .d2 .text2 table {width: 100%;}
.b_comment ul .d2 .text2 textarea {float:left;margin-left:0px;width:100%;}

.b_comment .btn_comment {margin-top: 10px;}
  
.b_comment ul .d2 .comment {background:#fff;}

.b_comment ul .d2-1 {position:relative;padding-left:50px;}
.b_comment ul .d2-1 textarea {float:left;width:370px;}
.b_comment ul .d2-1 .no {position:absolute;top:30px;left:15px;}

.b_comment ul .d2-1 .d2 {margin-left:30px;}
 

.entry-desc{
margin-left:  -30px;
margin-right: 30px !important;
width:120%;
}


div.popup {
  background: white;
  display: none;
  height: auto;
  left: 25%;
  margin: 3%;
  padding: 10px;
  position: absolute;
  bottom: 40%;
  width: 67%;
  border-width: 1px;
  border-style: solid;
  z-index: 99;
}


/* close button */

.close_button {
  cursor: pointer;
  float: right;
  margin: 0px;
  z-index: 99;
}


/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
.w3-button {height:54px; border-radius:5px;}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}  
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}


@media only screen and (min-width: 310px) and (max-width:1279px) {
#adBottom {
left:;
position: fixed;
text-align:center;
bottom: -15px;
width:100% !important; 
z-index:99999999999999999999999999999999999999999 !important;
}
}

@media only screen and (min-width: 601px) and (max-width:1279px) {
   #adBottom1 {
display:none !important;
    }
}

@media only screen and (min-width: 1280px) {
   #adBottom1 {
position: fixed;
bottom: 61px;
right:8px;
display:block;
z-index:99999999999999999999999999999999999999999 !important;
animation: fadeIn ease 5s;
-webkit-animation: fadeIn ease 5s;
-moz-animation: fadeIn ease 5s;
-o-animation: fadeIn ease 5s;
-ms-animation: fadeIn ease 5s;
    }
}


#adBottom {
   animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* The style below is just for the appearance of the example div */

@keyframes box
{
from    { opacity:0; filter:alpha(opacity=0);}
to      { opacity:100; filter:alpha(opacity=100);}
}

@-moz-keyframes box /* Firefox */
{
from    { opacity:0; filter:alpha(opacity=0);}
to      { opacity:100; filter:alpha(opacity=100);}
}

@-webkit-keyframes box /* Safari and Chrome */
{
from    { opacity:0; filter:alpha(opacity=0);}
to      { opacity:100; filter:alpha(opacity=100);}
}

@-o-keyframes box /* Opera */
{
from    { opacity:0; filter:alpha(opacity=0);}
to      { opacity:100; filter:alpha(opacity=100);}
}

    
#art11 {
    list-style-type:none;
    margin:20px 0 0 0;
    padding:0;
}

#art12 {
    float:left;
    margin:0 1.041666666667%;
    width:22.916666666667%;
}
    
#art12:last-child {
    margin-right:0;
}

#art12 a {
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    text-align:center;
    margin-bottom:10px;
    margin-top:10px;
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    animation:box 3s;
    -moz-animation:box 3s; /* Firefox */
    -webkit-animation:box 3s; /* Safari and Chrome */
    -o-animation:box 3s; /* Opera */
}

#art12:nth-child(1) a {
    background:#ffffff; 
}

#art12:nth-child(2) a {
    background:#ffffff; 
}

#art12:nth-child(3) a {
    background:#ffffff; 
}

#art12:nth-child(4) a {
    background:#ffffff; 
}

#art12 span {
    display:block;
}

#art12 a {
    color:rgba(0,0,0,0.6);
    text-decoration:none;
    display:block;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border:1px solid rgba(0,0,0,0.3);
}

#art12:nth-child(1) a:hover {
    background:#7A6746;
    border:1px solid #564734;
}

#art12:nth-child(2) a:hover {
    background:#68351E;
    border:1px solid #68351E;
}

#art12:nth-child(3) a:hover {
    background:#364238;
    border:1px solid #364238;
}

#art12:nth-child(4) a:hover {
    background:#003335;
    border:1px solid #003335;
}

#art12 a span.titolo {
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
}

#art12 a:hover span.titolo {
    color:rgba(255,255,255,0.5);
}

/* ============================== */
/* ! Layout for tablet version   */
/* ============================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    #art12 {
        width: 44.791666666667%;
        margin-left: 2.604166666667%;
        margin-right: 2.604166666667%;
        margin-bottom: 1.302083333333%;
    }
  
 #art12 a {
    padding-bottom: 20px;
  }
  
}

/* ============================== */
/* ! Layout for mobile version   */
/* ============================== */

@media only screen and (max-width: 767px) {
   #art12 {
        float: none;
        width: 93.75%;
        margin-left: 3.125%;
        margin-right: 3.125%;
        margin-bottom: 3.125%;
    }
    
    #art12 a {
        margin: 0;
        position: relative;
        padding: 0;
    }
    
    
   #art12 a span.titolo {
        font-size: 18px;
        padding: 10px 0 10px 80px;
        text-align: left;
        line-height: 50px;
    }
}

@media only screen and (min-width: 1921px) {
   #art12 {
        display:none;
    }
    
    #art12 a {
        display:none;
    }
   
   #art12 a span.titolo {
        display:none;
    }
}


.txtBox { border-style: solid; border-width: 0px; margin-bottom:1.2px; padding: 5px; word-break: break-all; } 
.txtBox { border-color: LightGray; background-color:rgba(211, 211, 211, 0.2); }
@media only screen and (min-width: 350px) {
#color10 {
margin-left:0px;
}
}
@media only screen and (max-width: 349px) {
#color10 {
display:none;
}
}


/*!
 * font-awesome-animation - v0.0.6
 * https://github.com/l-lin/font-awesome-animation
 * License: MIT
 */
@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

/* BELL */

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

/* VERTICAL */

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  4% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  8% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  12% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  16% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  20% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  22% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  4% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  8% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  12% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  16% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  20% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  22% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
  -webkit-animation: vertical 2s ease infinite;
  animation: vertical 2s ease infinite;
}

/* HORIZONTAL */

@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes horizontal {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
  -webkit-animation: horizontal 2s ease infinite;
  animation: horizontal 2s ease infinite;
}

/* FLASHING */

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
  -webkit-animation: flash 2s ease infinite;
  animation: flash 2s ease infinite;
}

/* BOUNCE */

@-webkit-keyframes bounce {
  0%, 10%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 10%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

/* SPIN */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

/* FLOAT */

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
  -webkit-animation: float 2s linear infinite;
  animation: float 2s linear infinite;
}

/* PULSE */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}

/* SHAKE */

.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
}

/* TADA */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    -ms-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}

/* PASSING */

@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
  -webkit-animation: passing 3s linear infinite;
  animation: passing 3s linear infinite;
}

/* WAVE */

@-webkit-keyframes burst {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes burst {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
  -webkit-animation: burst 3s infinite linear;
  animation: burst 3s infinite linear;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJhdGVkLmNzcyIsInNvdXJjZXMiOlsic291cmNlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFlOztBQUNmO0VBQ0M7SUFBRyxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDM0I7SUFBRyxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDMUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSwrQkFBc0I7SUFBdEIsdUJBQXNCOzs7O0FBZjNCO0VBQ0M7SUFBRyxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUcsZ0NBQXVCO0lBQXZCLDRCQUF1QjtJQUF2Qix3QkFBdUI7OztFQUMxQjtJQUFJLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzVCO0lBQUksaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7OztFQUM1QjtJQUFJLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIsNEJBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzNCO0lBQUksaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7OztFQUM1QjtJQUFJLGlDQUF3QjtJQUF4Qiw2QkFBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsNEJBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzNCO0lBQUksZ0NBQXVCO0lBQXZCLDRCQUF1QjtJQUF2Qix3QkFBdUI7OztFQUMzQjtJQUFJLGlDQUF3QjtJQUF4Qiw2QkFBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzVCO0lBQUksZ0NBQXVCO0lBQXZCLDRCQUF1QjtJQUF2Qix3QkFBdUI7OztFQUMzQjtJQUFJLCtCQUFzQjtJQUF0QiwyQkFBc0I7SUFBdEIsdUJBQXNCOzs7O0FBRTNCOzs7RUFHQyw0Q0FBb0M7RUFBcEMsb0NBQW9DO0VBQ3BDLHVCQUF1QjtFQUN2Qix1QkFBdUI7RUFDdkIsMkJBQTJCOzs7QUFHNUIsVUFBVTs7QUFDVjtFQUNDO0lBQUcsaUNBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUcsZ0NBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzFCO0lBQUcsaUNBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUcsZ0NBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzFCO0lBQUcsaUNBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUksZ0NBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzNCO0lBQUksaUNBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzVCO0lBQUksZ0NBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzNCO0lBQUksaUNBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzVCO0lBQUksZ0NBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzNCO0lBQUksK0JBQXNCO0lBQXRCLHVCQUFzQjs7OztBQVgzQjtFQUNDO0lBQUcsaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7OztFQUMzQjtJQUFHLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDMUI7SUFBRyxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUcsZ0NBQXVCO0lBQXZCLDRCQUF1QjtJQUF2Qix3QkFBdUI7OztFQUMxQjtJQUFHLGlDQUF3QjtJQUF4Qiw2QkFBd0I7SUFBeEIseUJBQXdCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIsNEJBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzNCO0lBQUksaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7OztFQUM1QjtJQUFJLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzVCO0lBQUksZ0NBQXVCO0lBQXZCLDRCQUF1QjtJQUF2Qix3QkFBdUI7OztFQUMzQjtJQUFJLCtCQUFzQjtJQUF0QiwyQkFBc0I7SUFBdEIsdUJBQXNCOzs7O0FBRTNCOzs7RUFHQyx3Q0FBZ0M7RUFBaEMsZ0NBQWdDO0VBQ2hDLHVCQUF1QjtFQUN2Qix1QkFBdUI7RUFDdkIsMkJBQTJCOzs7QUFHNUIsY0FBYzs7QUFDZDtFQUNDO0lBQUcsb0NBQTJCO0lBQTNCLDRCQUEyQjs7O0VBQzlCO0lBQUcsbUNBQTBCO0lBQTFCLDJCQUEwQjs7O0VBQzdCO0lBQUcsb0NBQTJCO0lBQTNCLDRCQUEyQjs7O0VBQzlCO0lBQUksbUNBQTBCO0lBQTFCLDJCQUEwQjs7O0VBQzlCO0lBQUksb0NBQTJCO0lBQTNCLDRCQUEyQjs7O0VBQy9CO0lBQUksbUNBQTBCO0lBQTFCLDJCQUEwQjs7O0VBQzlCO0lBQUksaUNBQXdCO0lBQXhCLHlCQUF3Qjs7OztBQVA3QjtFQUNDO0lBQUcsb0NBQTJCO0lBQTNCLGdDQUEyQjtJQUEzQiw0QkFBMkI7OztFQUM5QjtJQUFHLG1DQUEwQjtJQUExQiwrQkFBMEI7SUFBMUIsMkJBQTBCOzs7RUFDN0I7SUFBRyxvQ0FBMkI7SUFBM0IsZ0NBQTJCO0lBQTNCLDRCQUEyQjs7O0VBQzlCO0lBQUksbUNBQTBCO0lBQTFCLCtCQUEwQjtJQUExQiwyQkFBMEI7OztFQUM5QjtJQUFJLG9DQUEyQjtJQUEzQixnQ0FBMkI7SUFBM0IsNEJBQTJCOzs7RUFDL0I7SUFBSSxtQ0FBMEI7SUFBMUIsK0JBQTBCO0lBQTFCLDJCQUEwQjs7O0VBQzlCO0lBQUksaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7Ozs7QUFFN0I7OztFQUdDLDRDQUFvQztFQUFwQyxvQ0FBb0M7OztBQUdyQyxnQkFBZ0I7O0FBQ2hCO0VBQ0M7SUFBRyxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDM0I7SUFBRyxtQ0FBMEI7SUFBMUIsMkJBQTBCOzs7RUFDN0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxtQ0FBMEI7SUFBMUIsMkJBQTBCOzs7RUFDOUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxtQ0FBMEI7SUFBMUIsMkJBQTBCOzs7RUFDOUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7O0FBUDdCO0VBQ0M7SUFBRyxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUcsbUNBQTBCO0lBQTFCLCtCQUEwQjtJQUExQiwyQkFBMEI7OztFQUM3QjtJQUFJLGlDQUF3QjtJQUF4Qiw2QkFBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxtQ0FBMEI7SUFBMUIsK0JBQTBCO0lBQTFCLDJCQUEwQjs7O0VBQzlCO0lBQUksaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7OztFQUM1QjtJQUFJLG1DQUEwQjtJQUExQiwrQkFBMEI7SUFBMUIsMkJBQTBCOzs7RUFDOUI7SUFBSSxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7OztBQUU3Qjs7O0VBR0MsOENBQXNDO0VBQXRDLHNDQUFzQzs7O0FBR3ZDLGNBQWM7O0FBQ2Q7RUFDQztJQUFZLFVBQVM7OztFQUNyQjtJQUFRLFVBQVM7Ozs7QUFGbEI7RUFDQztJQUFZLFVBQVM7OztFQUNyQjtJQUFRLFVBQVM7Ozs7QUFFbEI7OztFQUdDLHlDQUFpQztFQUFqQyxpQ0FBaUM7OztBQUdsQyxZQUFZOztBQUNaO0VBQ0M7SUFBbUIsZ0NBQXVCO0lBQXZCLHdCQUF1Qjs7O0VBQzFDO0lBQUksb0NBQTJCO0lBQTNCLDRCQUEyQjs7O0VBQy9CO0lBQUksb0NBQTJCO0lBQTNCLDRCQUEyQjs7OztBQUhoQztFQUNDO0lBQW1CLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDMUM7SUFBSSxvQ0FBMkI7SUFBM0IsZ0NBQTJCO0lBQTNCLDRCQUEyQjs7O0VBQy9CO0lBQUksb0NBQTJCO0lBQTNCLGdDQUEyQjtJQUEzQiw0QkFBMkI7Ozs7QUFFaEM7OztFQUdDLDBDQUFrQztFQUFsQyxrQ0FBa0M7OztBQUduQyxVQUFVOztBQUNWO0VBQ0M7SUFBRywrQkFBc0I7SUFBdEIsdUJBQXNCOzs7RUFDekI7SUFBSyxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7O0FBRjlCO0VBQ0M7SUFBRywrQkFBc0I7SUFBdEIsMkJBQXNCO0lBQXRCLHVCQUFzQjs7O0VBQ3pCO0lBQUssaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7Ozs7QUFFOUI7OztFQUdDLDRDQUFvQztFQUFwQyxvQ0FBb0M7OztBQUdyQyxXQUFXOztBQUNYO0VBQ0M7SUFBRyxnQ0FBd0I7SUFBeEIsd0JBQXdCOzs7RUFDM0I7SUFBSSxtQ0FBMkI7SUFBM0IsMkJBQTJCOzs7RUFDL0I7SUFBSyxnQ0FBd0I7SUFBeEIsd0JBQXdCOzs7O0FBSDlCO0VBQ0M7SUFBRyxnQ0FBd0I7SUFBeEIsNEJBQXdCO0lBQXhCLHdCQUF3Qjs7O0VBQzNCO0lBQUksbUNBQTJCO0lBQTNCLCtCQUEyQjtJQUEzQiwyQkFBMkI7OztFQUMvQjtJQUFLLGdDQUF3QjtJQUF4Qiw0QkFBd0I7SUFBeEIsd0JBQXdCOzs7O0FBRTlCOzs7RUFHQywyQ0FBbUM7RUFBbkMsbUNBQW1DOzs7QUFHcEMsV0FBVzs7QUFDWDtFQUNDO0lBQUksNkJBQXFCO0lBQXJCLHFCQUFxQjs7O0VBQ3hCO0lBQUssNkJBQXFCO0lBQXJCLHFCQUFxQjs7O0VBQzFCO0lBQU0sNkJBQXFCO0lBQXJCLHFCQUFxQjs7OztBQUg3QjtFQUNDO0lBQUksNkJBQXFCO0lBQXJCLHlCQUFxQjtJQUFyQixxQkFBcUI7OztFQUN4QjtJQUFLLDZCQUFxQjtJQUFyQix5QkFBcUI7SUFBckIscUJBQXFCOzs7RUFDMUI7SUFBTSw2QkFBcUI7SUFBckIseUJBQXFCO0lBQXJCLHFCQUFxQjs7OztBQUU3Qjs7O0VBR0MsMkNBQW1DO0VBQW5DLG1DQUFtQzs7O0FBR3BDLFdBQVc7O0FBQ1g7OztFQUdDLDRDQUFvQztFQUFwQyxvQ0FBb0M7OztBQUdyQyxVQUFVOztBQUNWO0VBQ0M7SUFBSSwyQkFBbUI7SUFBbkIsbUJBQW1COzs7RUFDdkI7SUFBUywwQ0FBaUM7SUFBakMsa0NBQWlDOzs7RUFDMUM7SUFBYSwwQ0FBaUM7SUFBakMsa0NBQWlDOzs7RUFDOUM7SUFBUywyQ0FBa0M7SUFBbEMsbUNBQWtDOzs7RUFDM0M7SUFBSyxxQ0FBNEI7SUFBNUIsNkJBQTRCOzs7O0FBTGxDO0VBQ0M7SUFBSSwyQkFBbUI7SUFBbkIsdUJBQW1CO0lBQW5CLG1CQUFtQjs7O0VBQ3ZCO0lBQVMsMENBQWlDO0lBQWpDLHNDQUFpQztJQUFqQyxrQ0FBaUM7OztFQUMxQztJQUFhLDBDQUFpQztJQUFqQyxzQ0FBaUM7SUFBakMsa0NBQWlDOzs7RUFDOUM7SUFBUywyQ0FBa0M7SUFBbEMsdUNBQWtDO0lBQWxDLG1DQUFrQzs7O0VBQzNDO0lBQUsscUNBQTRCO0lBQTVCLGlDQUE0QjtJQUE1Qiw2QkFBNEI7Ozs7QUFHbEM7OztFQUdDLDBDQUFrQztFQUFsQyxrQ0FBa0M7OztBQUduQyxhQUFhOztBQUNiO0VBQ0M7SUFBSSxtQ0FBMEI7SUFBMUIsMkJBQTBCO0lBQUUsVUFBUzs7O0VBQ3pDO0lBQUssaUNBQXdCO0lBQXhCLHlCQUF3QjtJQUFFLFVBQVM7OztFQUN4QztJQUFNLGtDQUF5QjtJQUF6QiwwQkFBeUI7SUFBRSxVQUFTOzs7O0FBSDNDO0VBQ0M7SUFBSSxtQ0FBMEI7SUFBMUIsK0JBQTBCO0lBQTFCLDJCQUEwQjtJQUFFLFVBQVM7OztFQUN6QztJQUFLLGlDQUF3QjtJQUF4Qiw2QkFBd0I7SUFBeEIseUJBQXdCO0lBQUUsVUFBUzs7O0VBQ3hDO0lBQU0sa0NBQXlCO0lBQXpCLDhCQUF5QjtJQUF6QiwwQkFBeUI7SUFBRSxVQUFTOzs7O0FBRzNDOzs7RUFHQyw2Q0FBcUM7RUFBckMscUNBQXFDOzs7QUFHdEMsVUFBVTs7QUFDVjtFQUNDO0lBQUksV0FBVTs7O0VBQ2Q7SUFBSyw2QkFBb0I7SUFBcEIscUJBQW9CO0lBQUMsVUFBUzs7O0VBQ25DO0lBQUssVUFBUzs7OztBQUhmO0VBQ0M7SUFBSSxXQUFVOzs7RUFDZDtJQUFLLDZCQUFvQjtJQUFwQix5QkFBb0I7SUFBcEIscUJBQW9CO0lBQUMsVUFBUzs7O0VBQ25DO0lBQUssVUFBUzs7OztBQUVmOzs7RUFHQywyQ0FDRDtFQURDLG1DQUNEIn0= */


@media only screen and (max-width: 450px) {
   #protop {
        margin-top:-5.3% !important;
    }
}

@media (min-width: 451px) and (max-width: 703px) {
   #protop {
        margin-top:-3% !important;
    }
}

@media (min-width: 704px) and (max-width: 930px) {
   #protop {
        margin-top:-2% !important;
    }
}

@media (min-width: 931px) and (max-width: 1200px) {
   #protop {
        margin-top:-2.5% !important;
    }
}

@media (min-width: 1201px) {
   #protop {
        margin-top:-2.1% !important;
    }
}

@media only screen and (min-width: 601px) {
   #mainadv1 {
        display:none !important;
    }
}


@media only screen and (max-width: 1200px) {
   #projectframe {
        border-style:none; border-width:0px; border-color:#FFFFFF; margin-bottom:0%;
    }
}

@media only screen and (min-width: 1201px) {
   #projectframe {
        border-style:solid; border-width:0.5px; border-color:#D8D8D8; margin-bottom:0px;
    }
}


@media only screen and (max-width: 1279px) {
   #projectcontent {
display:none;
    }
}


@media only screen and (max-width:500px){
#pagearticle{margin-top:-3%; margin-left:2%;}
}


@media only screen and (min-width:1200px){

#focuson{font-size:8.5px; color:gray;}
#focuson1{font-size:12px; font-weight:bold; color:black;}

}

@media only screen and (max-width:1199px){

#focuson{display:none;}
#focuson1{font-size:10px; font-weight:bold; color:black;}

}

.spinner-master * {transition:all 0.5s;-webkit-transition:all 0.5s;box-sizing:border-box;}
.spinner-master {position:relative;margin:0px auto;height:0px;width:30px;}
.spinner-master input[type=checkbox] {display:none;}
.spinner-master label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:9px;left:-17px;}
.spinner-master .spinner {position:absolute;height:5px;width:100%;background-color:#610B38}
.spinner-master .diagonal.part-1 {position:relative;float:left;}
.spinner-master .horizontal {position:relative;float:left;margin-top:6px;}
.spinner-master .diagonal.part-2 {position:relative;float:left;margin-top:6px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {opacity: 0;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {transform:rotate(405deg);-webkit-transform:rotate(405deg);margin-top:10px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);margin-top:-16px;}

#bg1 {text-align:center;  font-size:10px; font-weight:bold; color:white; padding-top:1px; width:100%; height:28px; background-color:#003e76;}
#close11{float:right; padding-right:15px;}


@media only screen and (max-width:700px){
        
body {
    padding-top: 0px;
}

header {
    height: 0px;
    position: fixed;
    top: 0;
    transition: top 0.5s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -50px;
}


@media (min-width: 0px) and (max-width: 899px){

    #mmm { margin-top: 47px; margin-bottom:-15px; }

}
@media (min-width: 900px) and (max-width: 1199px){

    #mmm { margin-top: 42px; margin-bottom:35px; }

}

@media only screen and (max-width: 1023px) {
#screenscreen {
display:none !important;
}
}

.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .yamm-fw{position:static}.yamm .container{position:relative}.yamm .dropdown.yamm-fw .dropdown-menu{left:15px;right:15px};

.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(../fonts/flexslider-icon.eot);src:url(../fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(../fonts/flexslider-icon.woff) format('woff'),url(../fonts/flexslider-icon.ttf) format('truetype'),url(../fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}};


@media only screen and (min-width:501px){

#mainmobile {display:none;}

}