@charset "windows-874";
/* CSS Document */

#container .wrap {
    float: left;
    margin: 0;
    padding: 0;
    /*width: 670px;*/
	width: 98%;
	border-bottom:1px solid #ccc;
	
}
#container .wrap h4 {background:url(../images/icon/bu-circle.gif) no-repeat 0 19px; padding:10px 0;/*font-weight:bold*/}
#container .wrap h4 a {  padding:0px 25px 0px 15px; display:block;background: url(../images/icon/arrow-gray.jpg) no-repeat right 6px;}
#container .wrap h4 a.active  {
    display: block;
    position: relative;
    z-index: 1;
	background: url(../images/icon/arrow-red-down.jpg) no-repeat right 6px;
color:#222222 ;
}
#container .wrap h4 a.hover  {
    display: block;
    position: relative;
    z-index: 1;
	background: url(../images/icon/arrow-red-down.jpg) no-repeat right 6px;
color:#463737 ;
}
#container .wrap .inner {
    display: none;
    float: left;
    /*width: 660px;*/
	width:100%;
	border:1px solid #ededed;
    background: #f8f8f8;
    border-radius: 5px;
}

#container .wrap .inner .data {
    float: left;
    margin: 0;
    overflow: auto;
    padding: 5px 5px 30px;
	line-height:2;    
	width: inherit;
}
#container .wrap .inner .data ul {
list-style-type:disc; 
float:left; 
position:relative; 
padding-left:25px; 
line-height:2; 
  
}
#container .wrap .inner .data a {
color:#554242;
text-decoration:none;
}
#container .wrap .inner .data a:hover {
color:#463737;
text-decoration:none;
}
#container .wrap .inner .data .price {
border:solid 1px #ccc;
width:300px;
}
#container .wrap .inner .data .price td,th {
border-bottom:solid 1px #f3f3f3;
line-height:20px;
text-align:left;
padding:5px; vertical-align:top;
background: #ebebeb;	
}
#container .wrap .inner .data .price th {
border:solid 1px #ccc;
background-color:#6f5f5e;
color: #ffd400;	

}

#container .wrap .inner .data .time td {
border-bottom:solid 1px #ccc;
width:110px;
line-height:20px;
padding:0px;
}

#container .wrap .inner .data .demo td {
background-color:#F5F5F5;
padding-left:8px;
}
#container .wrap .inner .data .demo th {
background-color:#ccc;
padding-left:8px;

}
#container .wrap .inner .data .mobile th {
background-color:#ccc;
padding-left:8px;

}
#container .wrap .inner .data .mobile td {
border-bottom:solid 1px #ccc;
line-height:20px;
padding-top:5px;
}

#container .wrap .inner .data .order td {
border-top:solid 1px #ccc;
line-height:18px;
padding-top:3px;
padding-bottom:3px;
border-right:solid 1px #ccc;
}
#container .wrap .inner .data .tb-research { border-left:1px solid #ccc ;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#container .wrap .inner .data .tb-research tr.head th { background:#ddcda8;border-right: 1px solid #ddcda8; color:#725a25 ;}
#container .wrap .inner .data .tb-research tr.head th a { color:#725a25; display:inline-block;}
#container .wrap .inner .data .tb-research tr.head th a.manual { background:url(../images/investment-account/ic-adobe-reader.jpg) no-repeat 0 1px; padding-left:20px;} 
#container .wrap .inner .data .tb-research th , #container .wrap .inner .data .tb-research td { padding:4px 5px; border-right:1px solid #ccc ;   text-align:center;}
#container .wrap .inner .data .tb-research th { background:#6f5f5e; font-size:14px; color:#ffd400 ;border-bottom:1px solid #fff}
#container .wrap .inner .data .tb-research td { background:#f3f3f3; text-align:left;}
#container .wrap .inner .data .tb-research tr.gray td { background:#bbbbbb; color: #222222;}
#container .wrap .inner .data .tb-research tr.border-btm th { border-bottom:1px solid #ccc}
#container .wrap .inner .data .tb-research tr.border td { border-bottom:1px solid #ccc ;border-top:1px solid #ccc}
#container .wrap .inner .data .tb-research a:hover { text-decoration:underline}

#container .wrap .inner .data .tb-ats th , #container .wrap .inner .data .tb-ats td { padding:4px 5px; text-align:center;}
#container .wrap .inner .data .tb-ats th { background:#6f5f5e; font-size:14px; color:#ffd400;}
#container .wrap .inner .data .tb-ats tr { background:#fff; font-size:14px; color:#6f5f5e;}



.buttonheader {
    border: none;
    color: #6f5f5e !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    cursor: pointer;
    background-color: #ffd400 !important;
    width: 60px !important;
    vertical-align: 8px;
    padding: 5px;
    font-weight: 600;}
	
.buttonheader:hover{
    color: #fff !important;		
    background-color: #6f5f5e !important;		
	}	

/*------- Dropdown FAQ------*/
@media screen and (min-width: 580px){
	.dropdown-faq .dropdown .dropbtn-faq {display: none;}
}
@media screen and (max-width: 580px){
	
	.dropdown-faq .dropdown .dropbtn-faq {
    cursor: pointer;
    font-size: 14px;
    border: none;
    outline: none;
    color: #554242;
    padding: 6px 6px;
    background-color: #ffd400;
    font-family: inherit;
    margin: 0;
	border-radius: 5px;
	display: block;	
}
	.slidenav{display: none;}
	.content-inner{width: 100% !important; padding-top: 16px;}
	.dropdown-faq .dropdown .dropdown{width: 100%;}
	#container .wrap h4 a.active {z-index: 0;}
	
	.slide-inner {width: 100%!important;}
	.slide-inner .dropdown-faq .dropdown {width: 100%!important; padding-left: 20px;}
	.slide-inner .dropdown-faq .dropdown .dropbtn-faq{width: 100%!important;}
	.slide-inner .dropdown-faq .dropdown .dropdown-content{width: 90%!important;}	

}

#faqleft{width: 24%;}
#faqright{width: 72%; padding-left: 14px;}

/*------- Dropdown FAQ------*/