/* 自定義 grid 類別 - 只設定 width 並加上 !important */
.col-lg-1_5 {
  max-width: 12.8571428571% !important; /* 9/7 = 1.28571428571, 所以每個選單佔 12.857% */
}

/* 第四層選單的縮排樣式 */
.sub-level {
  margin-left: 10px !important;
}

.sub-link {
  padding-left: 5px !important;
}

#gotocenter{
	position: fixed;
	z-index: 9999 !important;
	color: #fff;
}
.navs{
	background-color: #9a815c;
	color: #fff;
	height: 30px;
	width: 100%;
	position: fixed;
	line-height: 30px;
	z-index: 1031;
	border-bottom: 1px solid #eee;
}
.navs li{
	list-style: none !important;
	display: inline-block;
	padding: 0 20px 0 0;
}
.navs li a{
	color: #fff;
}
.navs ul{
	margin: 0;
	padding: 0;
}
.fixed-top {
	top: 30px;
}
.infos{
	display: flex;
	justify-content: flex-end;
}
.infos i{
	margin-right: 10px;
}
#view{
	background: #f8f8f8;
}
#view .genric-btn.circle {
	border-radius: 1.25em;
}

#view .genric-btn.arrow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#view .go-feature-btn {
	border: 0.0625em solid #9a815c;
}
#view .genric-btn {
	width: 111px;
	display: inline-block;
	outline: none;
	line-height: 2.5em;
	padding: 0 1.875em;
	font-size: .8em;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#view .genric-btn.gray-border {
  color: #9a815c;
  background: #f8f8f8;
  border: 0.0625em solid #9a815c;
  margin-bottom: 1.25em;
}
#view .genric-btn.gray-border:hover {
  color: #fff;
  border: 0.0625em solid #9a815c;
  background: #9a815c;
}
#cssmenu > ul > li.has-sub > a,
#cssmenu > ul > li.has-sub > span.link {
	display: inline-block;
}
#user{
	display: inline-block;
}
@media screen and (max-width: 768px){
   #user{
	   display: none;
   }
}

/* -- Style for DOM */
.user_img_style{
    margin-left: 20px; 
    margin-right: -20px;
}

.header_space_style{
    height: 123px;
}

.accessibility_style{
    margin-top:5px;
}

.browser_times_style{
    color: #e2a62c;
}

.facebook_style {
    border: none; 
    visibility: visible; 
    width: 255px; 
    height: 130px;
}
.span_style_1{
	display: block;
    /* vertical-align: bottom; */
    width: 255px; 
    height: 130px;
}

.my_iframe {
	height: 140px !important;
}

.footer_style_1 {
    max-width: 150px;
}

.footer_style_2 {
    max-width: 135px;
}

.footer_style_3 {
    max-width: 138px;
}

.footer_style_4 {
    max-width: 105px;
}

.back_to_top_style {
    display: block;
}

.google_tag_style {
    display:none;
    visibility:hidden;
}

.margin_1rem_style {
    margin-top: 1rem;
}

.hide_me{
	display: none;
}

.show_me_block{
	display: block;
}

.show_me_flex{
	display: flex;
}

.show_me_inline {
	display: inline;
}

.show_me_inline_block {
	display: inline-block;
}

.cursour_pointer {
	cursor:pointer;
}

.opacity_zero {
	opacity:0;
  }
  
.opacity_one {
	opacity:1;
}

.my_row{
	display:flex;
}

/*
:focus-visible {
	z-index:999;
	border: 5px solid red !important;
	border-radius: 3px;
}*/	

.content_focus {
	/*border: 8px solid black !important;*/
	border: 4px solid black !important;
	border-radius: 3px;
}