html{}
body {
	font-family: "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体', simsun, Arial,Helvetica,sans-serif;
  font-size:14px;
}
body.en-GB {
    font-family: Arial,Helvetica,"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体', simsun, sans-serif;
}

a, a>img, .btn, .btn>a, .hover-effect{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.btn{cursor: pointer;}
.clearfix,
.cfclear{
  clear:both;
}
img{
  max-width:100%;
}
h4{
  font-weight:bold;
}
header{
    /*background:#eee8aa;*/
    background:url(../images/header.png);
    display:flex;
    background-repeat: no-repeat;
    background-size: cover;
  }
.page-header{
  height: 50px;
  border-bottom: 2px solid #000000;
  margin-bottom:20px;
}
.back-to-top {
    text-align: center;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 1%;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    z-index: 99;
    outline: none !important;
}

#loader{width:100%; height: 100%; position: fixed; top:0; right:0; bottom:0; left:0; background: #dbd4bf url(../images/all_bg.jpg); z-index: 999}
.loader-box{position: absolute; top:0; right:0; bottom:0; left:0; width: 64px; height: 64px; margin: auto;}
.loader-child{
  width: 45%;
  height: 45%;
  background: #a6937c;
  opacity: 0;
  animation: loaderanime 1000ms linear infinite;
}
.loader-child:nth-of-type(1) {
    position: absolute;
    top: 2.5%;
    left: 2.5%;
  }
.loader-child:nth-of-type(2) {
    position: absolute;
    top: 2.5%;
    right: 2.5%;
    animation-delay: -250ms;
  }
.loader-child:nth-of-type(3) {
    position: absolute;
    bottom: 2.5%;
    right: 2.5%;
    animation-delay: -500ms;
  }
.loader-child:nth-of-type(4) {
    position: absolute;
    bottom: 2.5%;
    left: 2.5%;
    animation-delay: -750ms;
  }

@keyframes loaderanime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*Responsive*/
@media (min-width: 1281px){
}

@media (min-width: 1200px){
}

@media (min-width: 992px){
  
  header > .row{
    height:100%;
  }
  header .mod-languages {
    height:72px;
    line-height:58px;
  }
  header .custom{
    color: #d4af2e;
    font-weight: bold;
  }
}

@media(max-width: 768px){
  .mod-languages {
    display: flex;
    justify-content: center;
    padding-bottom: 0.5rem;
}
  .navcolor nav .lang {
    position: relative;
}
}

@media(max-width: 576px){
}

@media (max-width: 480px){
}

@media (max-width: 320px){
}



/* change here */
div.language-switch li {
    display: flex !important;
    float: left;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-left: 5px;
}
header .mod-languages ul li.active a{
  color:#d4af2e;
}
header .mod-languages ul li a,
header .mod-languages ul li{
  color:#d4af2e;
}
.navcolor{
  background:#d4af2e;
}
.logo{
  height:115px;
  display:flex;
  align-items:center
}
.logo img{
  /*height:115px;*/
}

#fullwidth{
  margin-bottom:5px;
  background:#fffbe1;
}
.camera_wrap{
  margin:0 auto;
}

#content{
  width:100%;
  margin-bottom:10px;
}
#content #table_time{
  background: #e0dfe7;
  color: #f00;
}
#content .live_quote_wrap table .table_index_title{
  background: #0367bc;
    color: #fff;
}
#content .live_quote_wrap table tr{
  background: #000;
    color: #fff;
    text-align: center;
}
#content .live_quote_wrap table tr th{
  text-align:center;
  color:#18bf17;
  
}
/*#content .live_quote_wrap table tr.us_currency_EUR th,
#content .live_quote_wrap table tr.us_currency_JPY th,
#content .live_quote_wrap table tr.us_currency_GBP th,
#content .live_quote_wrap table tr.us_currency_CHF th,
#content .live_quote_wrap table tr.us_currency_AUD th,
#content .live_quote_wrap table tr.us_currency_NZD th,
#content .live_quote_wrap table tr.us_currency_CAD th{
  color:#18bf17;
}*/
#content .live_quote_wrap table tr.gold_currency_HKG th,
#content .live_quote_wrap table tr.gold_currency_LLG th,
#content .live_quote_wrap table tr.gold_currency_LLS th,
#content .live_quote_wrap table tr.gold_currency_HLG th{
  color:#e8f335;
}
#content .live_quote_wrap table tr.cross_currency_EUJP th,
#content .live_quote_wrap table tr.cross_currency_EUCF th,
#content .live_quote_wrap table tr.cross_currency_EUGP th,
#content .live_quote_wrap table tr.cross_currency_ADJP th{
  color:#c2142f;
}

#content-top{
  margin-bottom:10px;
}

main{
  margin-top:5px;
  border-bottom:1px solid #ccc;
  min-height:400px;
}

.qs-wrap{
  position: relative;
  margin-bottom: 10px;
}
.qs-wrap img{
  width: 175px;
    height: 50px;
}
.qs-wrap .cover{
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.5);*/
    opacity: 1;
    text-align: center;
    color: #FFF;
}
.qs-wrap .cover a,
.qs-wrap .cover span{
  color:#fff;
  font-size:20px;
}
body.en-GB .qs-wrap .cover a,
body.en-GB .qs-wrap .cover span{
  font-size:14px;
}
body.en-GB .qs-wrap .cover .qs-title{
  top:24%;
}
.qs-wrap .cover .qs-title{
  position: absolute;
    top: 22%;
    left: 0;
    right: 0;
}
.bannergroup{
  margin-top:10px;
}
.banneritem{
  margin-bottom:10px;
}

.msg-iframe iframe{
  width:100%;
  height:360px;
}
.homepage .main-box .page-header h2{
  background: linear-gradient(#e6d486, #e7ad20); 
  font-style:italic;
  color:#fff;
}
#copy-right{
  text-align:left;
  font-size:12px;
}
.form_item {
 /*border:1px #CCCCCC solid;*/
 height:auto;
}

.form_element {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:8px;
	width:90%;
}

.form_element_t {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float: left;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:8px;
	 width:45%; 
}

.form_element label,.form_element_t label {
	width:150px;
	padding:0;
	display: block;
  float:left;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .check_label,.form_element_t .check_label {
	/*width:150px;*/
	padding:0px 10px 0px 0px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .radio_label,.form_element_t .radio_label {
	/*width:150px;*/
	padding:0px 10px 0px 0px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}

.form_element select, .form_element input,.form_element_t select, .form_element_t input {
	/* width:150px; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: middle;
}

.cf_fileinput{
	width:auto!important;
}

.delete_icon { float:right; /*border-left:1px #CCCCCC solid; padding:10px;*/}

.delete_icon1 { float:right; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:10px;}

.button { text-align:center; border:none; margin-top:10px; }

.no_delete { border:none;}

.cf_button1 {
	width:70px!important;
}
#jform_com_fields_employment,#jform_com_fields_annualincome,#jform_com_fields_usertype{
  display:flex;
  align-items:center;
}
#jform_com_fields_investmentexperience label,
#jform_com_fields_employment label,
#jform_com_fields_usertype label,
#jform_com_fields_investmenttime label,
#jform_com_fields_annualincome label{
  padding-left:10px;
  margin-right:10px;
  margin-bottom:0;
  
}
legend{margin: 10px 0;}
#jform_com_fields_usertype label,#jform_com_fields_annualincome label{
  width: 150px;
}
#jform_com_fields_investmenttime label{
 
}
.consequences-list label{
  float:none;
  width:100%;
  font-size:14px;
  display:inline;
  padding-left:6px;
}
#jform_com_fields_consequences-lbl{
  float:none;
}

/*.radio { width:20px!important;}*/

.float_left { float:left;}
.cfclear { clear:both; font-size:0px; line-height:0px;}

/*.width1 { width:571px;}*/
.cf_inputbox{width:250px}
.form_element_t .cf_inputbox,.cf_datetime{width:130px;}
.form_text,.form_small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:8px;
	width:90%;
	color:#5A350D;

}

.form_small{background-color:#D8D183; line-height:25px;
	padding-left:8px;
}
.cf_button{	text-align:center}
.chronoform{display:none}
.cf_datetime,.dashboard{float:left}
.LV_validation_message,.LV_invalid{display:none;}
.LV_invalid_field{background-color:#F9D5DA;}
.form_text ul,#ChronoContact_Lecture li{list-style:disc; margin-left:40px}
.form_title{
font-weight:bold;  
width:90%; 
font-size:15px;
background-color:#D8D183;
line-height:30px;
color:#5A350D; 
margin-left:20px;
padding-left:8px}
.chrono_credits{
  display:none;
}
#bottom{
background:#000000;
padding:50px 0 30px 0;
/*min-height: 620px;*/
}
#bottom ul{
margin:0;
padding:0;
}
#bottom ul>li{
list-style-type:none;
display:block;
float:left;
line-height: 1em;padding: 0 5px;
margin-bottom:0.5em;
  color:#d4af2e;
/*line-height:2.8em;*/
}
#bottom ul li a:hover,#bottom .title>a:hover{
color:#d4af2e;
}
#bottom li>ul{margin-top:0.5em;}
#bottom li>ul>li{float:none;}

#bottom p{
color:#454e51;
font-size:14px;
margin:0;
line-height:1.8em;
}
#bottom ul li a{
text-decoration:none;
font-weight:bold;
color:#fff;
font-size:14px;
line-height: 22px;
}
#bottom ul li.title > a{
  font-size: 18px;
    color: #CCC;
    font-weight: bold;line-height: 22px;
}
footer{
  margin-top: 10px;
}
#right-sidebar ul.file-list{
  list-style:none;
  padding:0;
  margin:0;
  max-width:191px;
}
#right-sidebar .readmore{
  max-width:191px;
}
#right-sidebar .readmore a{
  color:#fbac36;
}
#right-sidebar ul.file-list li{
  border-bottom:1px solid #ebebeb;
  padding:5px 0;
}
#right-sidebar ul.file-list li a{
  color:#000;
}
#right-sidebar ul.file-list li a:hover{
  text-decoration:none;
  color:#d4af2e;
}
h5.newsListTitle{
	border-bottom: 2px solid #fbac36;
    max-width: 191px;
    padding: 5px 0;
    font-style: italic;
}
.admin_box ul{
  list-style:none;
}
.admin_box ul li{
  background: #d4af2e;
  text-align: center;
  margin-bottom: 7px;
    padding: 5px 0;
}
.admin_box ul li a{
  color:#fff;
}
.admin_box ul li a i{
  background: #fff;
    color: #d4af2e;
    font-size: 18px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    line-height: 30px;
  margin-right:8px;
}
.companyTel{
  font-size: 18px;
    padding-bottom: 8px;
    display: block;
  color:#fff
}