.section {
	position:relative;
}
::selection {
	background-color:rgba(180,150,81,0.2) !important;
	color: rgba(173,143,76,1) !important;
}
.container {
	width:1170px;
	padding-left:20px;
	padding-right:20px;
}
main#main-section > .inside-main,
.pd-content {
	padding-top:80px;
	padding-bottom:80px;
}
.pd-top-content { padding-top:80px; }
.pd-bottom-content { padding-bottom:80px; } 

main#main-section > .inside-main.pd-top-half,
.pd-content.pd-top-half,
.pd-top-content.pd-top-half {
	padding-top:40px;
} 
main#main-section > .inside-main.pd-bottom-half,
.pd-content.pd-bottom-half,
.pd-top-content.pd-bottom-half {
	padding-bottom:40px;
} 

.pd-topic {
	padding-top:60px;
	padding-bottom:60px;
} 
.pd-top-topic { padding-top:60px; }
.pd-bottom-topic { padding-bottom:60px; }
.pd-topic.pd-top-half,
.pd-top-topic.pd-top-half {
	padding-top:30px;
} 
.pd-bottom-topic.pd-bottom-half,
.pd-bottom-topic.pd-bottom-half {
	padding-bottom:30px;
} 

/**/
main#main-section > .inside-main.has-pd-header {
	padding-top:70px !important;
}

/* full height */
.full-height,
.full-height body,
.full-height #page-section,
.full-height #main-section,
.full-height #main-section > .inside-main {
	height:100% !important;
}

form.fade {	
    -webkit-transition: opacity .5s linear;
	-ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

/* ***** BREADCRUMB ***** */

.container .row-breadcrumb-path .container {
	padding-left:0;
	padding-right:0;
}
.row-breadcrumb-path {
	position:relative;
	padding:20px 0;
}
.breadcrumb-path-group {
	position:relative;
	display:table;
}
.breadcrumb-path-group > .label-path,
.breadcrumb-path-group > .path {
	position:relative;
	display:inline-block;
	float:left;
}
.breadcrumb-path-group > .label-path,
.breadcrumb-path .path {
	font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.1px;
	font-weight:700;
}
.breadcrumb-path-group > .label-path {
	padding-right:20px;
}
.breadcrumb-path-group > .label-path:before {
	position:absolute;
	content:":";
	top:0;
	right:0;
	font-size:10px;
	line-height:15px;
	width:20px;
	text-align:center;
}

.breadcrumb-path {
	position:relative;
	/*margin:30px 0;*/
	line-height:0;
}
.breadcrumb-path .path {
	position:relative;
	padding:0;
	margin:0;
	background:none !important;
	/*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    display: inline-block;
	/*text-transform: uppercase;*/
	text-transform: capitalize !important;
}
.breadcrumb-path .path > li {
	position:relative;
    width: auto;
    display: inline-block;
	float:left;
    line-height: 15px !important;
    /*vertical-align: middle;*/
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}
.breadcrumb-path .path > li + li {
    padding-left:22px;
	margin-left:0;
}
.breadcrumb-path .path > li + li:before {
    position: absolute;
	width:10px;
	height:15px;
	text-align:center;
	padding:1px 0 0 0 !important;
	top: -2px;
	left:7px;
    color: rgba(0,0,0,0.2);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal !important;
	content: "\f101";
	font-size:10px !important;
}
.breadcrumb-path .path > li .menu {
	display:block;
	line-height:15px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*.breadcrumb-path .path > li.w-custom {
	max-width:250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/
.breadcrumb-path .path,
.breadcrumb-path .path a {
	color:rgba(12,12,12,0.5) !important;
}
.breadcrumb-path .path > li.active {
	/*color:rgba(180,150,81,1) !important;*/
	color:rgba(12,12,12,1) !important;
}

/* border top */
.row-breadcrumb-path.border-top .breadcrumb-path {
	border-top:1px solid rgba(10,10,10,0.1);
	padding-top:20px;
}

/* border bottom */
.row-breadcrumb-path.border-bottom .breadcrumb-path {
	border-bottom:1px solid rgba(10,10,10,0.1);
	padding-bottom:20px;
}

/* border center */
.row-breadcrumb-path.border-center .breadcrumb-path:before {
	position: absolute;
	display: block;
    content: "";
    width: 100%;
	height:1px;
    left: 0;
    top: 7.5px;
	z-index:1;
}
.breadcrumb-path.border-center:before,
[ data-theme="white" ] .breadcrumb-path.border-center:before {
	background-color: rgba(0,0,0,0.07);
}
[ data-theme="gray" ] .breadcrumb-path.border-center:before {
	background-color: rgba(0,0,0,0.04);
}
.breadcrumb-path.border-center .path {
	z-index:2;
	padding-right:10px;
}
.breadcrumb-path.border-center .path,
[ data-theme="white" ] .breadcrumb-path.border-center .path {
	background-color:rgba(255,255,255,1) !important;
}
[ data-theme="gray" ] .breadcrumb-path.border-center .path {
	background-color:rgba(240,240,240,1) !important;
}

/* ***** TOPIC - TEXT ***** */

/* --- topic --- */

.topic-row, .topic-group,
.text-row, .text-group {
	position:relative;
}
.topic-row.mg {
	margin-top:30px;
	margin-bottom:30px;
}
.topic-row.mg-min {
	margin-top:20px;
	margin-bottom:20px;
}

/* topic - has col */
.topic-row.has-col {
	display: table;
    clear: both;
    width: 100% !important;
    max-width: 100%;
}
.topic-row.has-col > .inside {
    position: relative;
    display: table-row;
    width: 100%;
}
.topic-row.has-col > .inside > .col {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.topic-row.has-col > .inside > .col .field-group {
	width:360px;
}
.topic-row.has-col > .inside > .col .group-tag-icon[ data-tag-length="1" ] {
	width:90px;
}
.topic-row.has-col > .inside > .col .group-tag-icon[ data-tag-length="2" ] {
	width:180px;
}

/* --- topic underline --- */
.topic-underline {
	padding-bottom:30px;
	border-bottom:1px solid rgba(0,0,0,1);
}
.topic-underline.underline-2px {
	border-width:2px;
}

.space-underline {
	border-top-width:2px;
	border-top-style:solid;
}
.space-underline.thin {
	border-top-width:1px;
}
.space-underline.bold {
	border-top-width:3px;
}
.space-underline.black {
	border-top-color:rgba(0,0,0,1);
}
.space-underline.gray {
	border-top-color:rgba(112,112,112,1);
}
.space-underline.light-gray {
	border-top-color:rgba(237,237,237,1);
}
.space-underline.gold {
	border-top-color:rgba(180,150,81,1);
}

/* --- topic icon --- */

.topic-icon,
.topic-row.has-col.topic-icon {
	position:relative;
	display:table !important;
	width:100%;
	clear:both;
}
.topic-icon > .inside,
.topic-row.has-col.topic-icon > .inside {
	position:relative;
	display:table-row !important;
	width:100%;
}
.topic-icon > .inside > [ class*="col-" ],
.topic-row.has-col.topic-icon > .inside > [ class*="col-" ] {
	position:relative;
	display:table-cell !important;
	vertical-align:middle;
}
.topic-icon > .inside > .col-icon {
	width:40px;
}
.topic-icon > .inside > .col-icon > .icon {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:15px;
	border-radius:100%;
	text-align:center;
}
.topic-icon > .inside > .col-topic {
	width:calc( 100% - 40px );
	padding-left:15px;
}
.topic-icon > .inside > .col-topic > .title {
	line-height:25px;
	font-weight:700;
	letter-spacing:-0.3px;
}
.topic-icon > .inside > .col-topic > .text {
	font-size:12px;
	line-height:20px;
	font-weight:700;
}

.topic-icon > .inside > .col-topic > .title > .inside {
	position:relative;
	display:table;
	width:100%;
}
.topic-icon > .inside > .col-topic > .title > .inside > [ class*="col-" ] {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	white-space: nowrap;
}
.topic-icon > .inside > .col-topic > .title > .inside > .col-text {
	width:1%;
}
.topic-icon > .inside > .col-topic > .title > .inside > .col-border {
	width:99%;
}
.topic-icon > .inside > .col-topic > .title > .inside > .col-border:before {
	position:absolute;
	width:calc( 100% - 10px );
	top:11px;
	right:0;
	border-top-style:solid;
	border-top-width:2px;
	content:"";
}
													

.topic-icon.textcolor-gold > .inside > .col-icon > .icon {
	background-color:rgba(180,150,81,1) !important;
	color:rgba(255,255,255,1) !important;
}
.topic-icon.textcolor-gold > .inside > .col-topic > .title > .inside > > col-border:before {
	border-top-color:rgba(180,150,81,1) !important;
}
.topic-icon.textcolor-black > .inside > .col-icon > .icon {
	background-color:rgba(0,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}
.topic-icon.textcolor-black > .inside > .col-topic > .title > .inside > > col-border:before {
	border-top-color:rgba(0,0,0,1) !important;
}

.form-section.has-topic-ion .content-row,
.topic-row.topic-icon + .content-row {
	padding-left:55px;
}

/* --- text row --- */

/* --- slot text --- */

.slot-text-row {
	position:relative;
}
.slot-text-row.text-center ul.slot-text-group {
	margin:0 auto;
}
ul.slot-text-group, ul.slot-text-group > li {
	position:relative;
	list-style:none !important;
	margin:0;
	padding:0;
}
ul.slot-text-group {
	display:table;
}
ul.slot-text-group > li {
	display:inline-block;
	float:left;
	padding:0 15px;
}
ul.slot-text-group > li:before,
ul.slot-text-group > li:after {	
	position:absolute;
	content:"";
	height:15px;
	top:50%;
	margin-top:-7.5px;
}
ul.slot-text-group > li:before {
	left:0;
	border-left-style:solid;
	border-left-width:thin;
}
ul.slot-text-group > li:after {
	right:0;
	border-right-style:solid;
	border-right-width:thin;
}
ul.slot-text-group > li:before,
ul.slot-text-group > li:after,
.textcolor-black ul.slot-text-group > li:before,
.textcolor-black ul.slot-text-group > li:after,
ul.slot-text-group.textcolor-black > li:before,
ul.slot-text-group.textcolor-black > li:after {
	border-color:rgba(10,10,10,0.3);
}
.textcolor-white ul.slot-text-group > li:before,
.textcolor-white ul.slot-text-group > li:after,
ul.slot-text-group.textcolor-white > li:before,
ul.slot-text-group.textcolor-white > li:after {
	border-color:rgba(255,255,255,0.3);
}

ul.slot-text-group > li:first-child {
	padding-left:0 !important;
}
ul.slot-text-group > li:first-child:before {
	display:none !important;
}
ul.slot-text-group > li:last-child {
	padding-right:0 !important;
}
ul.slot-text-group > li:last-child:after {
	display:none !important;
}
ul.slot-text-group > li + li:before {
	display:none;
}

/* inline word wrap */
ul.slot-text-group.inline-word-wrap {
	display:block !important;
}
ul.slot-text-group.inline-word-wrap > li {
	display:inline;
	float:none;
}
ul.slot-text-group.inline-word-wrap > li + li {
	padding-left:6px;
}

/* wrap */
ul.slot-text-group.wrap {
    display: flex !important;
	flex-wrap: nowrap;
	width: 100%;
}
ul.slot-text-group.wrap > li {
	display:inline;
    float:none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.slot-text-group.wrap > li + li {
	padding-left:6px;
}

/* none border */

ul.slot-text-group > li.none-border {
	padding:0 !important;
}
ul.slot-text-group > li.none-border + li.none-border {
	padding-left:15px !important;
}
ul.slot-text-group.min-spacing > li.none-border + li.none-border {
	padding-left:8px !important;
}
ul.slot-text-group > li.none-border.zero-spacing + li.none-border.zero-spacing {
	padding:0 !important;
}
ul.slot-text-group > li.none-border:before,
ul.slot-text-group > li.none-border:after {
	display:none !important;
}
ul.slot-text-group > li.none-border-left.zero-spacing {
	padding-left:0 !important;
}
ul.slot-text-group > li.none-border-left:before {
	display:none;
}
ul.slot-text-group > li.none-border-right.zero-spacing {
	padding-right:0 !important;
}
ul.slot-text-group > li.none-border-right:after {
	display:none !important;
}

/* min-spacing */
ul.slot-text-group.min-spacing.min-font,
ul.slot-text-group.extra-min-spacing.min-font {
	font-size:12px;
}
ul.slot-text-group.min-spacing > li {
	padding:0 10px;
}
ul.slot-text-group.min-spacing > li:before,
ul.slot-text-group.min-spacing > li:after,
ul.slot-text-group.extra-min-spacing > li:before,
ul.slot-text-group.extra-min-spacing > li:after {	
	height:10px;
	margin-top:-5px;
}
ul.slot-text-group.extra-min-spacing > li {
	padding:0 5px;
}

/* list style dot */
ul.slot-text-group.list-style-dot > li {
	padding:0 10px;
}
ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after {
	border:none !important;
}
ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after {
	width:5px !important;
	height:5px !important;
	border-radius:100%;
	margin-top:-3px !important;
}
ul.slot-text-group.list-style-dot > li:before {
	left:-2.5px;
}
ul.slot-text-group.list-style-dot > li:after {
	right:-2.5px;
}

ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after,
.textcolor-black ul.slot-text-group.list-style-dot > li:before,
.textcolor-black ul.slot-text-group.list-style-dot > li:after,
ul.slot-text-group.list-style-dot.textcolor-black > li:before,
ul.slot-text-group.list-style-dot.textcolor-black > li:after {
	background-color:rgba(10,10,10,1);
}
.textcolor-white ul.slot-text-group.list-style-dot > li:before,
.textcolor-white ul.slot-text-group.list-style-dot > li:after,
ul.slot-text-group.list-style-dot.textcolor-white > li:before,
ul.slot-text-group.list-style-dot.textcolor-white > li:after {
	background-color:rgba(255,255,255,1);
}

ul.slot-text-group.list-style-dot.dot-transparent > li:before,
ul.slot-text-group.list-style-dot.dot-transparent > li:after,
.textcolor-black ul.slot-text-group.list-style-dot.dot-transparent > li:before,
.textcolor-black ul.slot-text-group.list-style-dot.dot-transparent > li:after,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-black > li:before,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-black > li:after,
.textcolor-white ul.slot-text-group.list-style-dot.dot-transparent > li:before,
.textcolor-white ul.slot-text-group.list-style-dot.dot-transparent > li:after,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-white > li:before,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-white > li:after {
	opacity:0.2;
}

/* --- label tag --- */

.label-tag-group {
	position:relative;
	display:table;
	line-height:0;
}
.label-tag-group.multi-tag > .label-tag {
	display: inline-block;
	float:left;
}
.label-tag {
    display: block;
    height: 25px;    
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2px;
    border-radius: 3px;
	text-transform:capitalize !important;
}
.label-tag + .label-tag {
	margin-left:5px;
}
.label-tag.tag-fill {
	line-height: 22px;
	padding: 3px 10px 0 10px;
}
.label-tag.tag-outline {
	line-height: 22px;
	padding: 2px 10px 0 10px;
    border-style: solid;
    border-width: 1px;
    background: none !important;
}
/*.label-tag.none-hover:hover {
	background-color:inherit !important;
	color:inherit !important;
}*/

/* --- filter --- */

.display-view-section {
	position:relative;
}
.display-view-section > 
ul.display-view-btn-group {
	position:relative;
	display:table;
	clear:both;
}
ul.display-view-btn-group > li {
	display:table-cell;
	padding:0 5px;
}
ul.display-view-btn-group .btn-display {
	position:relative;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	background-color:#ccc;
}

/* ***** TEXT TABLE ***** */

.text-table-section {
	position:relative;
}
.text-table-group {
	position:relative;
}
.text-table-group + .text-table-group {
	margin-top:30px;
	padding-top:30px;
	border-top-style:solid;
	border-top-width:1px;
}
.textcolor-white .text-table-group + .text-table-group {
	border-top-color:rgba(255,255,255,0.2);
}
.textcolor-black .text-table-group + .text-table-group {
	border-top-color:rgba(0,0,0,0.2);
}


/* --- text table --- */

.text-table-group .dividing-line {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.text-table-group .text-table + .dividing-line,
.text-table-group .dividing-line + .text-table {
	margin-top:10px;
}

.text-table {
	width:100%;
}
.text-table + .text-table {
	margin-top:25px;
}
.text-table > .text-row,
.text-table > .text-row > .inside,
.text-table > .text-row > .inside > .col {
    position: relative;
}
.text-table .col-label {
	font-weight: 700;
	letter-spacing:0.2px;
}

/* label auto */
.text-table.label-auto > .text-row {
	width:100%;
}

/* label custom */
.text-table.label-custom > .text-row {
    display: table;
	width:100%;
}
.text-table.label-custom > .text-row > .inside {
	display:table-row;
	height:100%;
}
.text-table.label-custom > .text-row > .inside > .col {
    display: table-cell;
    vertical-align: top;
    padding:0;
	text-align:left;
}
.text-table.label-custom.w-100 .col-label { width:100px; }
.text-table.label-custom.w-100 .col-label ~ .col-text { width:calc(100% - 100px ); }
.text-table.label-custom.w-110 .col-label { width:110px; }
.text-table.label-custom.w-110 .col-label ~ .col-text { width:calc(100% - 110px ); }
.text-table.label-custom.w-120 .col-label { width:120px; }
.text-table.label-custom.w-120 .col-label ~ .col-text { width:calc(100% - 120px ); }
.text-table.label-custom.w-130 .col-label { width:130px; }
.text-table.label-custom.w-130 .col-label ~ .col-text { width:calc(100% - 130px ); }
.text-table.label-custom.w-140 .col-label { width:140px; }
.text-table.label-custom.w-140 .col-label ~ .col-text { width:calc(100% - 140px ); }
.text-table.label-custom.w-150 .col-label { width:150px; }
.text-table.label-custom.w-150 .col-label ~ .col-text { width:calc(100% - 150px ); }
.text-table.label-custom.w-160 .col-label { width:160px; }
.text-table.label-custom.w-160 .col-label ~ .col-text { width:calc(100% - 160px ); }
.text-table.label-custom.w-170 .col-label { width:170px; }
.text-table.label-custom.w-170 .col-label ~ .col-text { width:calc(100% - 170px ); }
.text-table.label-custom.w-180 .col-label { width:180px; }
.text-table.label-custom.w-180 .col-label ~ .col-text { width:calc(100% - 180px ); }
.text-table.label-custom.w-190 .col-label { width:190px; }
.text-table.label-custom.w-190 .col-label ~ .col-text { width:calc(100% - 190px ); }
.text-table.label-custom.w-200 .col-label { width:200px; }
.text-table.label-custom.w-200 .col-label ~ .col-text { width:calc(100% - 200px ); }

/* has border */
/*.text-table.has-border> .row-text > .inside > .col {
	padding-top:7px;
	padding-bottom:7px;
}
.text-table.has-border > [ class*="row-" ] + [ class*="row-" ] > [ class*="col-" ] {
	border-top:1px dashed rgba(16,16,16,0.15);
}*/

/* has colon */
/*.text-table.has-colon > .row- > .col-text {
    padding-left: 20px;
}
.text-table.has-colon > [ class*="row-" ] > .col-text:before {
    position: absolute;
    line-height: 15px;
    height: 15px;
    top: 4px;
    left: 10px;
    font-weight: 600;
    content: ":";
}
*/


/* ***** CONTENT ***** */

.content-section,
.content-inside,
.content-row {
	position:relative;
}

/* has col */
.content-row.has-col {
	display:table;
	width:100%;
	clear:both;
}
.content-row.has-col > .inside {
	position:relative;
	display:table-row;
	width:100%;
	height:100%;
}
.content-row.has-col > .inside > .col {
	position:relative;
	display:table-cell;
	vertical-align:top;
}

.content-footer {
	position:relative;
	font-size:12px;
	line-height:20px;
}
.content-footer.border-top {
	margin-top:50px;
	padding-top:30px;
	border-top:1px solid rgba(12,12,12,1);
}
.content-footer > .title {
	font-weight:700;
}
.content-footer > .text {
}


/* ***** BOX ***** */

[ class*="row-box" ] {
    position: relative;
}
.box,
.box > .inside,
.box > .inside > .cover,
.box > .inside > .detail {
    position: relative;
    display: block;
}
.box > .inside > .cover {
	overflow:hidden;
}

/* inline */
[ class*="row-box" ].inline {
    display: table;
}
[ class*="row-box" ].inline .box {
    display: inline-block;
    float: left;
}

/* slide */
[ class*="row-box" ].has-slide {
	display:block !important;
	width:100% !important;
	margin:0 !important;	
}

/* distance 10 */
[ class*="row-box" ].distance-10 .box + .box {
	margin-top: 10px;
}
[ class*="row-box" ].inline.distance-10 {
    width: calc( 100% + 10px );
    margin-left: -5px;
    margin-right: -5px;
}
[ class*="row-box" ].inline.distance-10 .box {
    padding: 0 5px;
	margin-bottom: 10px;
}
[ class*="row-box" ].inline.distance-10 .box + .box {
	margin-top:0;
}

/* distance 20 */
[ class*="row-box" ].distance-20 .box + .box {
	margin-top: 20px;
}
[ class*="row-box" ].inline.distance-20 {
    width: calc( 100% + 20px );
    margin-left: -10px;
    margin-right: -10px;
}
[ class*="row-box" ].inline.distance-20 .box {
    padding: 0 10px;
	margin-bottom: 20px;
}
[ class*="row-box" ].inline.distance-20 .box + .box {
	margin-top:0;
}

/* distance 25 */
[ class*="row-box" ].distance-25 .box + .box {
	margin-top: 20px;
}
[ class*="row-box" ].inline.distance-25 {
    width: calc( 100% + 25px );
    margin-left: -12.5px;
    margin-right: -12.5px;
}
[ class*="row-box" ].inline.distance-25 .box {
    padding: 0 12.5px;
	margin-bottom: 25px;
}
[ class*="row-box" ].inline.distance-25 .box + .box {
	margin-top:0;
}

/* distance 30 */
[ class*="row-box" ].distance-30 .box + .box {
	margin-top: 30px;
}
[ class*="row-box" ].inline.distance-30 {
    width: calc( 100% + 30px );
    margin-left: -15px;
    margin-right: -15px;
}
[ class*="row-box" ].inline.distance-30 .box {
    padding: 0 15px;
	margin-bottom: 30px;
}
[ class*="row-box" ].inline.distance-30 .box + .box {
	margin-top:0;
}

/* distance 40 */
[ class*="row-box" ].distance-40 .box + .box {
	margin-top: 40px;
}
[ class*="row-box" ].inline.distance-40 {
    width: calc( 100% + 40px );
    margin-left: -20px;
    margin-right: -20px;
}
[ class*="row-box" ].inline.distance-40 .box {
    padding: 0 20px;
	margin-bottom: 40px;
}
[ class*="row-box" ].inline.distance-40 .box + .box {
	margin-top:0;
}


/* status group */

/*.status-group ul.slot-text-group.min-spacing.min-font {
	font-family:"rubik";
	font-size:10px !important;
	line-height:15px !important;
	font-weight:500;
	text-transform:uppercase !important;
	letter-spacing:0.7px;
}*/
.status-group ul.slot-text-group.list-style-dot > li:before,
.status-group ul.slot-text-group.list-style-dot > li:after {
    margin-top: -4px !important;
}

/* ----- box square ----- */

.row-box.square.inline .box.square {
    width: calc( 100% / 3 );
	margin-bottom: 60px;
}
.row-box.square.inline .owl-carousel .box.square {
    width: 100%;
	margin-bottom: 0;
	padding:0 !important;
}
.row-box.square.inline .box.square .cover {}
.row-box.square.inline .box.square .detail {}
.row-box.square.inline .box.square .cover + .detail,
.row-box.square.inline .box.square .detail + .cover {
	/*margin-top:30px;*/
	/*margin-top:15px;*/
}
/*.row-box.square.inline .box.square .detail > .status-group {
	margin-bottom:15px;
}*/
.row-box.square.inline .box.square .detail > .status-group.underline {
	padding:15px 0 10px 0;
	border-bottom:1px solid rgba(0,0,0,0.6) !important;
}
/*.row-box.square.inline .box.square .detail > .detail-group + .status-group {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid rgba(230,230,230,1) !important;
}*/
.row-box.square.inline .box.square .detail > .detail-group {
	/*height:120px;*/
	overflow:hidden;
	margin-top:20px;
}
.row-box.square.inline .box.square .detail > .detail-group > .title {
	display:block;
	font-size: 18px;
    line-height: 30px;
    font-weight: 700;
	letter-spacing:0;
	height:60px;
}
.row-box.square.inline .box.square .detail > .detail-group > .description {
	font-size: 14.5px;
	line-height:25px;
	/*height:50px;*/
	margin-top:3px;
}
.row-box.square.inline .box.square .detail > .btn-group {
	position:relative;
	display:block;
	width:100%;
	margin-top:15px;
}
.row-box.square.inline .box.square .detail > .btn-group .default-btn {
	width:130px;
}
.row-box.square.inline .box.square .detail > .btn-group:before {
	position:absolute;
	top:15px;
	right:0;
	width:calc( 100% - 140px );
	border-bottom:1px solid rgba(230,230,230,1) !important;
	content:"";
}

.row-box.square.inline .box.square .detail > .detail-group[ data-max-num-line="4" ] {
	height:115px;
}
.row-box.square.inline .box.square .detail > .detail-group[ data-max-num-line="3" ] {
	height:80px;
}
.row-box.square.inline .box.square .detail > .detail-group[ data-max-num-line="2" ] {
	height:55px;
}

/* line height - title */
.box.square .detail > .detail-group > .title[ data-num-line="1" ]  {
	height:30px;
	/*min-height:30px;*/
	max-height:30px;
}
.box.square .detail > .detail-group > .title[ data-num-line="2" ]  {
	height:60px;
	/*min-height:60px;*/
	max-height:60px;
}
.box.square .detail > .detail-group > .title[ data-num-line="3" ]  {
	height:90px;
	/*min-height:90px;*/
	max-height:90px;
}
.box.square .detail > .detail-group > .title[ data-num-line="4" ]  {
	height:120px;
	/*min-height:120px;*/
	max-height:120px;
}

/* line height - description */
.box.square .detail > .detail-group > .description[ data-num-line="1" ] {
	height:25px;
	/*min-height:25px;*/
	max-height:25px;
}
.box.square .detail > .detail-group > .description[ data-num-line="2" ] {
	height:50px;
	/*min-height:50px;*/
	max-height:50px;
}
.box.square .detail > .detail-group > .description[ data-num-line="3" ] {
	height:75px;
	/*min-height:75px;*/
	max-height:75px;
}
.box.square .detail > .detail-group > .description[ data-num-line="4" ] {
	height:100px;
	/*min-height:100px;*/
	max-height:100px;
}

/* horizontal - mobile */
.row-box.horizontal.mobile {
	display:none !important;
}

/*.box.privilege .detail > .detail-group {
	height:90px !important;
}*/

/* *****  BOX FIXED ***** */

.box-fixed {
	position:absolute;
	top:0;
	width:auto;
	opacity:0;
	margin-bottom:80px;
	z-index:5;
}
.box-fixed.none-fixed {
	position:relative;
}
.box-fixed, .box-fixed.left {
	left:0;
	right:auto;
}
.box-fixed.right {
	left:auto;
	right:0;
}
.box-fixed.in {
	opacity:1;
}
.box-fixed.fixed {
	position:fixed;
}
.box-fixed , .box-fixed.in {
	transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease; 
	-moz-transition:opacity 1s ease;
}
.box-fixed.moveup {
	position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
}

/* none fixed */
.box-fixed.none-fixed {
	position:relative !important;
	left:0 !important;
	right:0 !important;
}

/* has box fixed */
.sec-table.has-box-fixed .sec-col.col-fixed,
.box-fixed {
	width: 300px;
}
.sec-table.has-box-fixed .sec-col.col-content {
	width:calc( 100% - 300px );
	padding-right:70px;
}
.sec-table.has-box-fixed .sec-col.col-fixed + .col-content {
	padding-right:0;
}
.sec-table.has-box-fixed .content-inside {
	position:relative;
}

/* --- content and share --- */
#content-and-share.sec-table.has-box-fixed .sec-col.col-fixed,
#content-and-share .box-fixed {
	width: 50px;
}
#content-and-share.sec-table.has-box-fixed .sec-col.col-content {
	width:calc( 100% - 50px );
	padding-left:50px;
}
#content-and-share .section-share {
	margin:10px 0 !important;
	padding:40px 0 !important;
}
#content-and-share .section-share:before,
#content-and-share .section-share:after {
	position:absolute;
	height:30px;
	border-left:1px solid rgba(0,0,0,0.1); 
	left:50%;
	content:"";
}
#content-and-share .section-share:before {
	top:0;
}
#content-and-share .section-share:after {
	bottom:0;
}

/* box share on mobile */
.share-section {
	position:relative;
	background-color:rgba(237,237,237);
	padding:50px 30px 45px 30px;
	text-align:center;
	margin-top:100px;
}
.share-section > .inside,
.share-section > .inside > .cover,
.share-section > .inside > .topic {
	position:relative;
}
.share-section > .inside > .cover {
	width:200px;
	height:200px;
	border-radius:10px;
	padding:5px;
	background-color:rgba(255,255,255,1);
	box-shadow: 0 20px 30px rgba(0,0,0,0.2);
	margin:-105px auto 0 auto;
}
.share-section > .inside > .cover:before {
	position:absolute;
	width:30px;
	height:30px;
	display:block;
	background-color:rgba(255,255,255,1);
	bottom: -3px;
    left: 50%;
    margin-left: -12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	content:"";	
}
.share-section > .inside > .cover > .img {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	border-radius:7px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:rgba(164,164,164,1);
}
.share-section > .inside .section-share {
	padding:0 !important;
	text-align:center;
	margin-top:20px;
}
.share-section > .inside .section-share .share-on-social {
	margin:0 !important;
}

.share-section > .inside > .topic {
	padding-top:30px;
}
.share-section > .inside > .topic > .title {
	font-size:18px;
	line-height:25px;
	font-weight:700;
	letter-spacing:0 !important;
	margin:10px auto 3px auto;
}
.share-section > .inside > .topic > .text {
	font-size:12px;
	line-height:22px;
	font-weight:700;
	letter-spacing:0 !important;
}

/* --- content and menu --- */
#content-and-menu.sec-table.has-box-fixed .sec-col.col-fixed,
#content-and-menu .box-fixed {
	width: 250px;
}
#content-and-menu.sec-table.has-box-fixed .sec-col.col-content {
	width:calc( 100% - 250px );
	padding-left:50px;
}



/* --- box fixed bgcolor --- */

/*.box-fixed-bgcolor {
    padding: 25px 30px;
    border-radius: 10px;
    overflow: hidden !important;
	background-color: rgba(240,240,240,1);
}
.box-fixed-bgcolor .text-border > p.title {
	background-color:rgba(240,240,240,1);
}*/

/* ***** MENU ON PAGE ***** */

/* --- offset target --- */
.offset-target {
    position: absolute;
    top: -70px;
    height:70px;
    width: 1px;
    background-color: rgba(255,255,0,0);
    z-index: 2000;
}
.internal-link {
	cursor:pointer !important;
}

/* --- menu on page --- */
ul.menu-on-page,
ul.menu-on-page > li {
	position:relative;
	list-style:none !important;
	padding:0 !important;
	margin:0 !important;
}
ul.menu-on-page > li {
	border:1px solid rgba(0,0,0,0.1);
	border-left:none !important;
	border-right:none !important;
}

/*ul.menu-on-page.vertical {
	background-color: rgba(0,0,0,0.03);
}*/
ul.menu-on-page.vertical > li > .menu {
	position:relative;
	display:block;
	padding:12px 0 12px 22px;
	cursor:pointer !important;
	font-weight:700;
	letter-spacing:-0.3px;
}
ul.menu-on-page.vertical > li > .menu:before {
	position:absolute;
	width:5px;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	background-color: rgba(0,0,0,0.05);
	content:"";
}
ul.menu-on-page.vertical > li + li {
	border-top:none !important;
	/*border-top:1px solid rgba(0,0,0,0.1);*/
}
/*ul.menu-on-page.vertical > li > .menu i[ class*="ficon-arrow-" ] {
	position:absolute;
	top:10px;
	left:0;
	font-size:14px;
	opacity:0;
    width: 25px;
    height: 25px;
    text-align: center;
}*/
/*ul.menu-on-page.vertical > li > .menu i[ class*="ficon-arrow-" ],
ul.menu-on-page.vertical > li > .menu i[ class*="ficon-arrow-" ]:before {
	line-height: 25px !important;
}*/
ul.menu-on-page.vertical > li > .menu:hover:before {
	background-color: rgba(0,0,0,1) !important;
}
ul.menu-on-page.vertical > li.active > .menu {
	/*padding-left:40px;*/
	color: rgba(180,150,81,1) !important;
	/*background-color: rgba(180,150,81,0.05) !important;*/
}
ul.menu-on-page.vertical > li.active > .menu:before,
ul.menu-on-page.vertical > li.active > .menu:hover:before {
	/*padding-left:40px;*/
	background-color: rgba(180,150,81,1) !important;
}
/*ul.menu-on-page.vertical > li > .menu.active i[ class*="ficon-arrow-" ] {
	opacity:1;
}
*/
ul.menu-on-page.vertical > li > .menu,
ul.menu-on-page.vertical > li > .menu:hover,
ul.menu-on-page.vertical > li > .menu:before,
ul.menu-on-page.vertical > li > .menu:hover:before {
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
}

/* ***** TAB ***** */

.tab-section,
.tab-section .tab-menu-section,
.tab-section .tab-content-section {
	position:relative;
}

.tab-menu-group,
.tab-menu-group .list-tab-menu {
	position:relative;
}

ul.tab-content-group,
ul.tab-content-group > li {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
ul.tab-content-group {
	display:block;
	clear:both;
	width:100%;
}
ul.tab-content-group > li {
	display:none;
}
ul.tab-content-group > li.active {
	display:block !important;
}

/* ***** OPTION ***** */

.option-section {
	position:relative;
	display:table;
}
.option-section > .slot-option {
	position:relative;
	display:table-cell;
	white-space: nowrap;
	padding:0 20px;
}
.option-section > .slot-option:first-last {
	padding-left:0;
}
.option-section > .slot-option:last-last {
	padding-right:0;
}
.option-section > .slot-option + .slot-option:before {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	height:100%;
	border-left:1px solid rgba(0,0,0,0.1);
	content:"";
}
.option-section button {
	margin:0;
	padding:0;
	background:none;
	border: none;
}
.option-group,
.option-group > .inside {
	position:relative;
}

/* has col */
.option-group.has-col {
	display:table;
	clear:both;
	margin:0;
	padding:0;
}
.option-group.has-col > .inside {
	display:table-row;
}
.option-group.has-col > .inside > .col {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	white-space: nowrap;
}
.option-group.has-col > .inside > .col.col-label {
	/*padding-top:3px;*/
	padding-right:10px;
	font-weight:700;
}
.option-group.has-col > .inside > .col.col-detail {}
.option-group.has-col > .inside > .col.col-detail + .col-label {
	padding-left:10px;
	padding-right:0 !important;
}

/* --- --- */
.option-group ul.slot-text-group > li {
	display:table-cell;
	float:none;
	white-space: nowrap;
}

/* --- btn icon option --- */
.btn-icon-option {}

/* ***** DISPLAY VIEW ***** */

/* btn */
ul.display-view-btn-group,
ul.display-view-btn-group > li {
	position:relative;
	list-style:none !important;
	padding:0;
	margin:0;
}
ul.display-view-btn-group {
	display:table;
	clear:both;
}
ul.display-view-btn-group > li {
	display:table-cell;
}
ul.display-view-btn-group > li + li {
	padding-left:0;
}
ul.display-view-btn-group .display-view-btn,
.btn-icon-option {
	position:relative;
	display:block;
	width:35px;
	height:35px;
	font-size:25px;
	line-height:35px;
	padding:0 !important;
	text-align:center;
	cursor:pointer !important;
	color:rgba(0,0,0,0.15);
	background:none !important;
}
ul.display-view-btn-group .display-view-btn:hover,
.btn-icon-option:hover {
	color:rgba(0,0,0,0.5);
}
ul.display-view-btn-group .display-view-btn.active,
.btn-icon-option.active {
	color:rgba(173,143,76,1);
}
ul.display-view-btn-group .display-view-btn,
ul.display-view-btn-group .display-view-btn:hover,
ul.display-view-btn-group .display-view-btn.active,
.btn-icon-option,
.btn-icon-option:hover,
.btn-icon-option.active {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
ul.display-view-btn-group .display-view-btn i,
.btn-icon-option i {
	top:-2px;
}

/* --- container --- */

.display-view-container,
.display-view-container-inside {
	position:relative;
}
.display-view-container-inside {
	display:none;
}
.display-view-container-inside.active {
	display:block;
}

/* ***** TAG ICON ***** */
.group-tag-icon,
ul.box-tag-icon,
ul.box-tag-icon > li {
	position:relative;
}
ul.box-tag-icon,
ul.box-tag-icon > li {
	list-style:none !important;
	margin:0;
	padding:0;
}
ul.box-tag-icon.inline {
	display:table;
}
ul.box-tag-icon.inline > li {
	display:inline-block;
	float:left;
	min-width:90px;
	text-align:center;
}
ul.box-tag-icon.inline.border > li + li {
	border-left:1px dashed rgba(50,50,50,0.2);
}


.tag-icon,
.tag-icon > .icon,
.tag-icon > .title {
	position:relative;
}
.tag-icon {
	display:table;
	margin:0 auto;
}
.tag-icon > .icon {
	display:block;
	width:40px;
	height:40px;	
	font-size:17px;
	line-height:20px;
	padding-top:9px;
	text-align:center;
	border-radius:100%;
	cursor:default !important;
	/*cursor:pointer !important;*/
}
.tag-icon > .icon.auto-size {
	width:auto !important;
	height:auto !important;
	margin:0 auto;
}
.tag-icon > .title {
	display:none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.tag-icon > .title.small {
    font-size: 10px;
    line-height: 14px;
	font-weight:700;
	letter-spacing:0 !important;
}
.tag-icon > .title.small .num {
	font-family: "rubik";
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: 500;
    text-transform: uppercase !important;
    letter-spacing: 0.7px;
}

/* --- title left - right ---  */

.tag-icon.has-title.title-left > .title,
.tag-icon.has-title.title-left  > .icon,
.tag-icon.has-title.title-right > .title,
.tag-icon.has-title.title-right  > .icon {
	position:relative;
	display:inline-block !important;
}
.tag-icon.has-title.title-left > .title,
.tag-icon.has-title.title-right > .title {
	line-height:40px;
	padding:0 10px;
}

/* left */
.tag-icon.has-title.title-left > .title,
.tag-icon.has-title.title-left  > .icon {
	float:left;
}
.tag-icon.has-title.title-left > .title {
	padding-left:0;
}

/* right */
.tag-icon.has-title.title-right > .title,
.tag-icon.has-title.title-right  > .icon {
	float:right;
}
.tag-icon.has-title.title-right > .title {
	padding-right:0;
}

/* --- title top - bottom ---  */

.tag-icon.has-title.title-top,
.tag-icon.has-title.title-bottom {
	width:40px;
	/*margin:0 auto;*/
}
.tag-icon.has-title.title-top > .title,
.tag-icon.has-title.title-top  > .icon,
.tag-icon.has-title.title-bottom > .title,
.tag-icon.has-title.title-bottom  > .icon {
}
.tag-icon.has-title.title-top > .title,
.tag-icon.has-title.title-bottom > .title {
	display:block;
	text-align:center;
	padding:10px 0;
	width:calc( 100% + 50px);
	margin:0 -25px;
}

/* top */
.tag-icon.has-title.title-top > .title {
	padding-top:0;
}

/* bottom */
.tag-icon.has-title.title-bottom > .title {
	padding-bottom:0;
}

/* ***** ALERT MESSAGE BOX  ***** */
.alert-message-box {
	position:relative;
	text-align:center;
	text-align:center;
	padding:30px 20px 28px 20px;
}
.alert-message-box.alert-default.border {
	border: 1px dashed rgba(0,0,0,0.2);
}

/* ***** PANEL ***** */

.section-panel > .group-panel,
.section-panel > .group-panel > .head-panel,
.section-panel > .group-panel > .body-panel {
	position:relative;
}
.section-panel > .group-panel > .head-panel {
	cursor:pointer !important;
	/*padding-right:50px;*/
}
/*.section-panel > .group-panel > .head-panel:before {
	position:absolute;
	content: "\f067";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:10px;
	line-height:25px;
	width:25px;
	height:25px;
	top:50%;
	right:12.5px;
	margin-top:-12.5px;
	text-align:center;
	color: rgba(50,50,50,0.2) !important;
    background-color: rgba(50,50,50,0) !important;
	border-radius:100%;
}*/
/*.section-panel > .group-panel > .head-panel:hover:before {
	color: rgba(50,50,50,0.4) !important;
}
.section-panel > .group-panel > .head-panel.active:before {
	color: rgba(225,6,19,1) !important;
    background-color: rgba(225,6,19,0.12) !important;
	transform: rotate(45deg);
}
.section-panel > .group-panel > .head-panel > .title {
	font-size:22px;
}*/
.section-panel > .group-panel > .body-panel {
	display:none;
}

.section-panel > .group-panel.open-all-time > .head-panel {
	cursor:default !important;
	padding-right:20px !important;
}
/*.section-panel > .group-panel.open-all-time > .head-panel:before {
	display:none !important;
}*/
.section-panel > .group-panel.open-all-time > .body-panel  {
	display:block;
}

/* theme underline */
.section-panel.underline-theme > .group-panel + .group-panel {
	margin-top:30px;
}
.section-panel.underline-theme > .group-panel > .head-panel {
	border-bottom:1px solid rgba(237,237,237,1);
	padding-bottom:15px;
	padding-right:30px;
	margin-bottom:15px;
}
.section-panel.underline-theme > .group-panel > .body-panel {
	padding-top:10px;
}
.section-panel.underline-theme > .group-panel > .head-panel:before {
	position: absolute;
	width:30px;
	text-align:center;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    content: "\f078";
    top: 0;
    right: 0;
}
.section-panel.underline-theme > .group-panel > .head-panel.active:before {
    content: "\f077";
}

/* ***** ERROR ***** */

#error-page-section {
	text-align:center;
}
#error-page-section .img-error {
	position:relative;
	display:block;
	width:300px;
	height:143px;
	margin:0 auto 20px auto;
	background-image:url(../../../assets/images/img/error/img-error.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

/* ***** QR CODE ***** */
.qrcode-scan {
	position: relative;
}
.qrcode-scan > .img-file {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.qrcode-scan.small {
	width: 80px;
	height: 80px;
}
.qrcode-scan.medium {
	width: 150px;
	height: 150px;
}
.qrcode-scan.large {
	width: 200px;
	height: 200px;
}


/* lg more */
@media (min-width:1200px) and (max-width:1649px) {
.container {
	width:1050px;
}

.topic-row.has-col > .inside > .col .field-group {
	width:320px;
}

/* ***** OPTION ***** */

/* --- topic --- */
.option-group.has-col > .inside > .col.col-label {
	font-size:15px;
}

/* ***** BOX ***** */

/* --- box square --- */
.row-box.square.inline .box.square .detail > .detail-group > .title {
    font-size: 17px;
}
.row-box.square.inline .box.square {
    margin-bottom: 40px;
}

/* line height - title */
/*.box.square .detail > .detail-group > .title[ data-num-line="1" ]  {
	height:25px;
	min-height:25px;
	max-height:25px;
}
.box.square .detail > .detail-group > .title[ data-num-line="2" ]  {
	height:50px;
	min-height:50px;
	max-height:50px;
}
.box.square .detail > .detail-group > .title[ data-num-line="3" ]  {
	height:75px;
	min-height:75px;
	max-height:75px;
}
.box.square .detail > .detail-group > .title[ data-num-line="4" ]  {
	height:100px;
	min-height:100px;
	max-height:100px;
}*/

}

/* md */
@media (min-width:992px) and (max-width:1199px) {
.container {
	width:950px;
}

.label-tag {
    height: 25px;
    font-size: 10px;
    letter-spacing: 0.3px;
}
.label-tag.tag-fill {
    padding: 2px 8px 0 8px;
}
.label-tag.tag-outline {
    padding: 1px 8px 0 8px;
}

/* ***** TOPIC ***** */

#content-and-menu.sec-table.has-box-fixed .sec-col.col-fixed,
#content-and-menu .box-fixed {
    width: 200px;
}
#content-and-menu.sec-table.has-box-fixed .sec-col.col-content {
    width: calc( 100% - 200px );
    padding-left: 40px;
}

.topic-row.has-col > .inside > .col .field-group {
	width:286.66px;
}

/* ***** MENU ON PAGE ***** */
ul.menu-on-page.vertical > li > .menu {
    padding: 10px 0 8px 18px;
}

/* ***** BOX ***** */

/* --- box square --- */
.row-box.square.inline .box.square .detail > .detail-group > .title {
    font-size: 15px;
    line-height: 28px;
	height:56px;
}
.row-box.square.inline .box.square {
    margin-bottom: 40px;
}
.row-box.square.inline .box.square .detail > .detail-group[ data-max-num-line="4" ] {
	height:110px;
}
.row-box.square.inline .box.square .detail > .detail-group[ data-max-num-line="3" ] {
	height:80px;
}
.row-box.square.inline .box.square .detail > .detail-group[ data-max-num-line="2" ] {
	height:60px;
}

/* line height - title */
.box.square .detail > .detail-group > .title[ data-num-line="1" ]  {
	height:28px;
	/*<!--<!--min-height:25px;-->-->*/
	max-height:28px;
}
.box.square .detail > .detail-group > .title[ data-num-line="2" ]  {
	height:56px;
	/*min-height:50px;*/
	max-height:56px;
}
.box.square .detail > .detail-group > .title[ data-num-line="3" ]  {
	height:84px;
	/*min-height:75px;*/
	max-height:84px;
}
.box.square .detail > .detail-group > .title[ data-num-line="4" ]  {
	height:112px;
	/*min-height:100px;*/
	max-height:112px;
}

/* ***** OPTION ***** */

.option-group.has-col > .inside > .col.col-label {
	font-size:14px;
}

}

/* sm - xs */
@media (max-width:991px) {

/* ***** BOX FIXED ***** */

/* --- content and menu --- */
#content-and-menu.sec-table.has-box-fixed .sec-table,
#content-and-menu.sec-table.has-box-fixed .sec-row,
#content-and-menu.sec-table.has-box-fixed .sec-col.col-content {
	display:block !important;
}
#content-and-menu.sec-table.has-box-fixed .sec-col.col-fixed,
#content-and-menu .box-fixed {
	display:none !important;
}
#content-and-menu.sec-table.has-box-fixed .sec-col.col-content {
    width:100% !important;
    padding-left:0 !important;
}

.topic-row.topic-promotion,
.topic-row.topic-promotion > .inside,
.topic-row.topic-promotion > .inside > .col,
.topic-row.topic-news,
.topic-row.topic-news > .inside,
.topic-row.topic-news > .inside > .col,
.topic-row.topic-article,
.topic-row.topic-article > .inside,
.topic-row.topic-article > .inside > .col {
	display:block !important;
	width:100% !important;
}
.topic-row.topic-promotion .topic-row,
.topic-row.topic-news .topic-row,
.topic-row.topic-article .topic-row {
	text-align:center !important;
	margin-bottom:20px !important;
}
.topic-row.topic-promotion > .inside > .col .field-group,
.topic-row.topic-news > .inside > .col .field-group,
.topic-row.topic-article > .inside > .col .field-group {
    width: 100%;
	margin:0 auto;
	padding-bottom:0 !important;
}

/* --- content and share --- */
#content-and-share.sec-table.has-box-fixed .sec-col.col-fixed,
#content-and-share .box-fixed {
	display:none !important;
}
#content-and-share.sec-table.has-box-fixed .sec-col.col-content {
    width:100% !important;
    padding-left:0 !important;
}

}

/* sm */
@media (min-width:768px) and (max-width:991px) {
.container {
	width:700px;
}
#page-section {
    padding-top: 70px !important;
}

/* ***** TOPIC ***** */

.topic-row.topic-promotion,
.topic-row.topic-news,
.topic-row.topic-article {
	margin-bottom:50px !important;
}

/* --- topic - has col --- */


/* ***** BOX ***** */

.row-box.square.inline .box.square {
    width: 50%;
    margin-bottom: 50px;
}
.row-box.square.inline .box.square .detail > .detail-group > .title {
    font-size: 16px;
}


}

/* xs */
@media (max-width:767px) {
.container {
	width:100%;
	padding-left:30px;
	padding-right:30px;
}
#page-section {
	padding-top:65px !important;
}

main#main-section > .inside-main,
.pd-content {
	padding-top:40px;
	padding-bottom:40px;
}
.pd-top-content { padding-top:40px; }
.pd-bottom-content { padding-bottom:40px; } 

main#main-section > .inside-main.pd-top-half,
.pd-content.pd-top-half,
.pd-top-content.pd-top-half {
	padding-top:30px;
} 
main#main-section > .inside-main.pd-bottom-half,
.pd-content.pd-bottom-half,
.pd-top-content.pd-bottom-half {
	padding-bottom:30px;
} 

.pd-topic {
	padding-top:30px;
	padding-bottom:30px;
} 
.pd-top-topic { padding-top:30px; }
.pd-bottom-topic { padding-bottom:30px; }
.pd-topic.pd-top-half,
.pd-top-topic.pd-top-half {
	padding-top:30px;
} 
.pd-bottom-topic.pd-bottom-half,
.pd-bottom-topic.pd-bottom-half {
	padding-bottom:30px;
} 

main#main-section > .inside-main.has-pd-header {
    padding-top: 0 !important;
}

/* ***** TOPIC ***** */
.topic-row.has-col,
.topic-row.has-col > .inside,
.topic-row.has-col > .inside > .col {
    display: block !important;
	width:100% !important;
}
.topic-row.mg {
    margin-top: 20px;
    margin-bottom: 20px;
}
.topic-row.has-col > .inside > .col .topic-row.mg.none-mg-top {
	margin-bottom:15px;
}

.topic-row.has-col > .inside > .col .field-group {
	width:100% !important;
}
/* --- topic - has col --- */
.topic-row.has-col > .inside > .col.col-share {
	display:none !important;
}

/* --- topic icon --- */
.form-section.has-topic-ion .content-row,
.topic-row.topic-icon + .content-row {
    padding-left: 0 !important;
}

.topic-row.topic-promotion,
.topic-row.topic-news,
.topic-row.topic-article {
	margin-bottom:30px !important;
}

/* ***** OPTION ***** */

.option-group.has-col > .inside > .col.col-label {
	font-size:12px;
	padding-right:5px;
}
.option-group.has-col > .inside > .col.col-detail + .col-label {
    padding-left: 5px;
    padding-right: 0 !important;
}


/* ***** BOX ***** */

[ class*="row-box" ].inline {
    display:block;
}
[ class*="row-box" ].inline .box {
    display:block;
    float: none;
}

.row-box.square.inline .box.square {
    width: 100%;
    margin-bottom: 40px;
}
.row-box.square.inline .box.square .detail > .detail-group {
    height: auto;
}
.row-box.square.inline .box.square .detail > .detail-group > .title {
    font-size: 16px;
    line-height: 25px;
	height:50px;
}
.row-box.square.inline .box.square .detail > .detail-group {
    /*height: 110px;*/
	height: auto !important;
}

.box.privilege .detail > .detail-group {
	height:auto !important;
}

/* line height - title */
.box.square .detail > .detail-group > .title[ data-num-line="1" ]  {
	height:25px;
	max-height:25px;
}
.box.square .detail > .detail-group > .title[ data-num-line="2" ]  {
	height:50px;
	max-height:50px;
}
.box.square .detail > .detail-group > .title[ data-num-line="3" ]  {
	height:75px;
	max-height:75px;
}
.box.square .detail > .detail-group > .title[ data-num-line="4" ]  {
	height:100px;
	max-height:100px;
}


/* horizontal - mobile */
.row-box.horizontal.mobile {
	display:block !important;
	margin-top:25px !important;
}
.box.horizontal.mobile {
	display:table;
	width:100%;
	clear:both;
	background-color: rgba(237,237,237,0.05);
	border: thin solid rgba(237,237,237,0.8);
}
.box.horizontal.mobile + .box.horizontal.mobile {
	margin-top:10px !important;
}
.box.horizontal.mobile > .inside {
    display: table-row;
	width:100%;
	height:100%;
}
.box.horizontal.mobile > .inside > .cover,
.box.horizontal.mobile > .inside > .detail {
	display:table-cell;
	vertical-align:middle !important;
}
.box.horizontal.mobile > .inside > .cover {
	width:100px;
}
.box.horizontal.mobile > .inside > .detail {
	width:calc( 100% - 100px );
	padding:10px 20px !important;
}
.box.horizontal.mobile > .inside > .detail .detail-group .title {
	position:relative;
	display:block !important;
	height:44px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
}
.box.horizontal.mobile > .inside > .detail .text-min {
    font-size: 10px;
    line-height: 15px;
    padding-top: 5px;
	text-transform:uppercase !important;
}

/* ***** ERROR ***** */

#error-page-section {
	text-align:center;
}
#error-page-section .img-error {
	width:250px;
	height:119px;
}

}

/* xs more */
@media (max-width:350px) {
}