header{}

.img_267_235{width:267px;height:235px;}
.img_0_150{height:150px;}

.header-top{max-width:1140px;margin:30px auto 0 auto;}
.header-menu{display:flex;justify-content:space-between;margin:20px 0 15px 0;flex-wrap:wrap;}
.header-menu-left{position: relative;font-size:14px;}
.header-menu-left samp{color:#a52a2d;padding-right:15px;}
.header-menu-left a{color:#333;}

.wisego{border:none;background:#fff;font-weight:bold;padding-left:15px;}
.wisego-text{display:none;position:absolute;background:#3e3a39;max-width:185px;z-index:101;margin-top:5px;right:0;}
.wisego-text ul{display:flex;flex-wrap:wrap;width:100%;}
.wisego-text ul li{width:100%;}
.wisego-text ul li a{color:#fff;width:100%;padding:10px 15px;font-size:13px;display:block;}
.wisego-text ul li a:hover{background:#0071ba; }

.header-menu-right{display:flex;}
.header-menu-right ul{display:flex;}
.header-menu-right ul li a{color:#4d4d4d;font-size:14px;margin:0 8px;}
.header-menu-right ul li a:hover{color:#800000;}

.member-box{position: relative;}
.member{background:#fff;border-radius:18px;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.4);text-align:center;
  padding:10px 8px;margin:-42px 28px 0 28px;display: block;min-width:66px;}
.member p{color:#9a3d37;font-size:12px;}
.member img{width:25px;margin:2px 0 5px 0;}

.Logout{color:#979797;font-size:11px;margin-top:3px;}
.Logout samp{color:#a52a2d;}

.member-list{position:absolute;background:#fff;border-radius:18px;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.4);
max-width:220px;z-index:200;margin-top:10px;overflow:hidden;}
.member-list a{display: block;color:#9a3d37;font-size:12px;padding:10px 10px;}
.member-list a:hover{background:#0071ba;color: #fff;}

.menu-g{background:#3e3a39;width:100%;}
.menu-g_nav {padding:0;width:100%;display:flex;justify-content:center;position: relative;}
.menu-g_nav > li > a {color:#fff;text-align:center;font-size:14px;width:100%;display:block;padding:20px 35px 20px 15px;
background:url(../images/menu-arrow.png) no-repeat right 24px;}
.menu-g_nav > li:hover > ul {opacity: 1;visibility:visible;margin: 0;padding:0px;}

.menu-g_nav__child {
  position: absolute;width:200px;
  z-index: 100;opacity: 0;
  visibility: hidden;box-sizing: border-box;
  margin:40px 0 0 0;background:url(../images/Black-bg-2.png) repeat; 
  transition: margin .30s, opacity .30s;}
/**/
.menu-g_nav__child li{width:100%;}
.menu-g_nav__child li a{padding:15px 15px;font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;color:#fff;font-size:14px;display: block;}
.menu-g_nav__child li a:hover {background:#0071ba;}

.logo{width:291px;height:30px;}

.content-01{background-repeat: no-repeat;background-size:cover;}
.content-03{background-repeat: no-repeat;background-size:cover;}
.content-04{background:#eceded;padding:20px 0;}
.content-05{background-repeat: no-repeat;background-size:cover;}
.content-06{background-repeat: no-repeat;background-size:cover;}
.content-07{background-repeat: no-repeat;background-size:cover;}
.content-08{background-repeat: no-repeat;background-size:cover;}
.content-09{background:url(../images/banner-06.png) no-repeat;background-size:cover;}

.content-box{max-width:1140px;margin:0px auto;padding:20px 0;overflow: hidden;}
.content-box-2{max-width:1160px;margin:0px auto;padding:40px 0 0 0;}
.content-box-2 h1{font-size:55px;color:#9a3d37;text-align: center;margin:20px 0 40px 0;}
.content-box h1{font-size:55px;color:#fff;}
.content-box h2{font-size:30px;}
.content-box p{font-size:14px;line-height:25px;}

.Daily-News{display:flex;flex-wrap:wrap;}
.Daily-News-left{width:48%;padding-right:20px;padding-top:20px;}
.Daily-News-left h1{color:#fff;margin:35px 0;}
.Daily-News-left h2{color:#ffffdf;}
.Daily-News-left p{color:#fff;margin:35px 0 10px 0;line-height:26px;overflow: hidden;
  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Daily-News-left span{font-size:14px;color:#fff;}
.Daily-News-left a{margin-top:20px;float:right;}
.Daily-News-right{width:52%;display:flex;flex-wrap:wrap;}
.Daily-News-right .more-Button{background:#0071ba !important;color:#fff;height:34px;float:right;}
.Daily-News-right h1{font-size:30px;text-align:center;color:#fff;}
.Daily-News-right h2{font-size:70px;text-align:center;color:#fff;margin-top:20px;}
.Daily-News-right .Daily-News-01{background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;
display:flex;flex-wrap:wrap;padding:35px 20px 10px 20px;}
.Daily-News-right .Daily-News-01 h1{color:#7b7a7b;width:40%;margin-top:65px;}
.Daily-News-right .Daily-News-01 h2{color:#f33c3c;width:35%;margin-top:35px;}
.Daily-News-right .Daily-News-01 h3{width:100%;}
.Daily-News-right .Daily-News-01 img{width:135px;height:135px;}
.Daily-News-right .Daily-News-02{background-color:#7d95b3;border-bottom-left-radius:12px;width:50%;padding:35px 20px 10px 20px;}
.Daily-News-right .Daily-News-03{background-color:#897fb5;border-bottom-right-radius:12px;width:50%;padding:35px 20px 10px 20px;}

.free-Accounts{max-width:880px;width:90%;margin:25px auto;background:#fff;border-radius:20px;display:flex;padding:5px 35px 5px 70px;top:0;transition:0.5s;}
.free-Accounts:hover{position: relative;top:-10px;background:#f2f2f2;}
.free-Accounts .free-Accounts-left{width:60%;}
.free-Accounts .free-Accounts-left h1{color:#7b7a7b;margin:40px 0 22px 0;}
.free-Accounts .free-Accounts-left p{font-size:16px;color:#7b7a7b;margin-bottom:22px;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.free-Accounts .free-Accounts-left a{background:#c49a6d;color:#fff;}
.free-Accounts .free-Accounts-right{width:40%;}

.more-Button{background:#fff;border-radius:12px;display:block;color:#979797;font-size:16px;width:90px;text-align:center;padding:8px 0 10px 0;}
.more-Button:hover{background:#0071ba;color:#fff;}

.investment{width:55%;float:right;}
.investment h1{margin:40px 0 25px 0;}
.investment h2{color:#fff;overflow: hidden;text-overflow: ellipsis;line-height:28px; 
  display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.investment p{color:#fff;margin:20px 0;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.investment h3{width:100%;overflow:hidden;}
.investment a{float:right;}

.Performance-ranking{background:#fff;border-radius:30px;padding:25px 0;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.5);width:90%;margin:0px auto;}
.Performance-ranking h1{text-align:center;color:#9a3d37;font-size:55px;margin-top:20px;}

.Performance-ranking-box{width:940px;margin:20px auto;height:620px;}



.Fund-box{display:flex;justify-content: center;padding:70px 0;flex-wrap:wrap;}
.Fund-button{background:#727171;border-radius:12px;max-width:325px;padding:20px 30px;text-align:center;margin:0 25px;
	transition:0.5s;position: relative;top:0px;}
/*.Fund-button img{width:65px;}*/
.Fund-button h3{font-size:40px;color:#fff;margin:15px 0 20px 0;}
.Fund-button p{font-size:16px;color:#fff;line-height:19px;text-align:left;margin-bottom:25px;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
/*.Fund-button a{margin:0 auto;background:#0071ba;width:70px;color:#fff;}*/
.Fund-button:hover{top:-10px;background:#888;}
/*.Fund-button:hover a{background:#fff;color:#979797;}*/

#owl-demo .item{margin: 3px 5%;position:relative;}
#owl-demo .item a{overflow: hidden;}
.item-text{position:absolute;bottom:0;background:url(../images/Black-bg.png) repeat;padding:12px 20px;display:flex;justify-content: space-between;}
.item-text p{color:#fff;font-size:14px;width:75%;line-height:20px;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.item-text a{color:#fff;margin-top:40px;}
#owl-demo .item img{display: block;width:100%;height: auto;}

.tablink-box{max-width:90%;margin:30px auto 0 auto;display:flex;justify-content:space-around;}
.tablink {background-color: #eee;color:#9a3d37;border: none;outline: none;transition:0.5s;
	cursor: pointer;padding:20px 16px;font-size:18px;width:25%;border:1px solid #d1d1d1;border-bottom:1px solid #fff; }
.tablink:hover {background:#cad6de;}

  /* Style the tab content (and add height:100% for full page content) */
.tabcontent-box {padding:25px 20px;height:100%;max-width:90%;margin:0px auto;background:#fff;
    border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;
    border-bottom-right-radius:15px;border-bottom-left-radius:15px;} 
.tabcontent {display:none;max-width:95%;margin:0px auto;}
.index-table{width:100%;border-bottom:1px solid #aaa;table-layout: fixed;}
.index-table thead th:nth-child(2), .index-table tbody td:nth-child(2) {width: 35%;}
.index-table thead{text-align:center;font-size:20px;color:#333;font-weight:bold;border-bottom:1px solid #aaa;padding:20px 0;}
.index-table thead th{padding:10px 0;vertical-align: middle;}
.index-table tbody tr{border-bottom:1px dashed #eee;text-align:center; }
.index-table tbody tr img{width:26px;}
.index-table tbody tr td{padding:10px;vertical-align:middle;line-height:20px;}
.index-table tbody tr:hover td{background:#fdf4f5;color:#800000;}

.wisego-box{display:flex;justify-content: space-between;}
.wisego-button{background: #fff;border-radius: 12px;width:30%;padding: 20px 30px;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.4);
margin: 0 25px;transition: 0.5s;position: relative;top: 0px;}
.wisego-button h3{font-size:55px;color:#7b7a7b;margin-top:10px; }
.wisego-button p{font-size:14px;color:#7b7a7b;line-height:20px;margin:15px 0;height:60px;}
.wisego-button a{background-color: #0071ba;color: #fff;margin:10px auto 5px auto;}
.wisego-button:hover{top:-10px;}
.wisego-button:hover a{background-color: #727171;}


.Investment-trends-box{display:flex;justify-content:space-between;}
.Investment-trends{width:50%;padding:40px 5%;}
.Investment-trends span{font-size:14px;color:#fff;}
.Investment-trends h1{font-size:55px;color:#fff;padding:40px 0 15px 0;}
.Investment-trends h2{font-size:20px;color:#fff;}
.Investment-trends p{font-size:14px;color:#fff;line-height:25px;padding:20px 0 15px 0;}


/* Slideshow container */
.slideshow-container {max-width:1200px;position: relative;margin: auto;}
  
  /* Next & previous buttons */
  .prevSlides, .nextSlides {
	cursor: pointer;position: absolute;
	top: 50%;width: auto;padding: 16px;margin-top: -22px;
	font-size: 18px;text-align: center;
	transition: 0.6s ease;width:70px;height:70px;
	user-select: none;background-color: rgba(0,0,0,0.5);}
  
  /* Position the "next button" to the right */
  .nextSlides {right: 0;}
  
  /* On hover, add a black background color with a little bit see-through */
  .prevSlides:hover, .nextSlides:hover {
	background-color: rgba(0,0,0,0.8);
  }
  
 /* Fading animation */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
  
  @-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }
  
  @keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {.prev, .next,.text {font-size: 11px}}

.Motif-making-box{max-width:980px;margin: auto;display: flex;justify-content: space-between;} 
.Motif-making-box img{width:100%;}
.Motif-making-left{width:55%;}
.Motif-making-left div{position:relative;}
.Motif-making-right{width:40%;}
.Motif-making-right div{position:relative;margin-bottom:30px;}
.Motif-making-text{position:absolute !important;bottom:0;background:url(../images/Black-bg.png) repeat;padding:12px 20px;
	       display:flex;justify-content: space-between;margin-bottom:0px !important;flex-wrap:wrap;}
.Motif-making-text h2{color: #fff578;width:100% ;margin:10px 0;}
.Motif-making-text p{color:#fff;font-size:14px;width:75%;line-height:20px;overflow: hidden;
  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.Motif-making-text a{color:#fff;margin-top:40px;}

.news-box{display:flex;justify-content:space-between;}
.news-img{width:50%;padding:0 25px;}
.news-img img{width:100%;border-radius:12px;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.4);}
.news-text{width:50%;padding:0 10px;}
.news-text h1{margin-top:15px;}
.news-text ul{margin:40px 0 30px 0;}
.news-text ul li{color:#fff;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.news-text ul li a{color:#fff;font-size:14px;}
.news-text ul li a:hover{color:#fff578;}
.news-text ul li a span{margin-right:10px;color:#fff;}
.news-text ul li a:hover span{color:#fff578;}
.Partner-box{text-align: center;}
.Partner-box img{width:90%;}

footer{background:#6d6e71;padding:35px 0;}
.footer-box{max-width:1140px;width:98%;margin:0 auto;display:flex;}
.footer-box-left{width:50%;color:#fff;padding:0 20px;}
.footer-box-left p{font-size:14px;color:#fff;line-height:26px;margin:15px 0;}
.footer-box-left a{margin-right:15px;color:#fff;font-size:14px;}
.footer-box-right{width:50%;color:#fff;padding:15px 20px 15px 30px;border-left:1px solid #fff;border-right:1px solid #fff;}
.footer-box-right p{font-size:14px;color:#fff;line-height:26px;height:205px;overflow-y:scroll;}

.footer-box-right p::-webkit-scrollbar{width:4px;} 
.footer-box-right p::-webkit-scrollbar-thumb{background-color: #969799;} 
.footer-box-right p::-webkit-scrollbar-track{background-color: #6d6e71;}

.hide-m{display:none;}
@media (max-width:1024px){
.hide-m{display:block;}
.hide-web{display:none;}
.Daily-News-left{width:90%;margin:20px auto;text-align:center;}
.Daily-News-left h1{margin:20px 0 35px;}
.Daily-News-left p{color:#fff;margin:35px 0 10px 0;}
.Daily-News-left a{width:90px;margin:20px auto;display:block;float: none;}
.Daily-News-right{width:90%;margin:20px auto;}

.investment{width:90%;float:none;margin:20px auto;text-align:center;}
.investment a{width:90px;margin:30px auto 0px auto;display:block;float: none;}

.free-Accounts{width:90%;padding:5px 25px;flex-wrap:wrap;}
.free-Accounts .free-Accounts-left{width:100%;}
.free-Accounts .free-Accounts-left h1{text-align:center;}
.free-Accounts .free-Accounts-left p{text-align: center;}
.free-Accounts a{background:#c49a6d;color:#fff;margin:25px auto;}
.free-Accounts .free-Accounts-right{width:100%;text-align: center;}

.Performance-ranking-box{
  width:94%;margin:40px auto 20px auto;
  overflow-y: auto;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 1% 10px 1%;}
.Performance-ranking-box::-webkit-scrollbar{height:6px;} 
.Performance-ranking-box::-webkit-scrollbar-thumb{background-color: #aaaaaa;border-radius:3px;} 
.Performance-ranking-box::-webkit-scrollbar-track{background-color: #fff;}

.Fund-button{max-width:768px;width:80%;padding:20px 10%;margin:20px 0px;}


.tabcontent{width:94%;margin:40px auto 20px auto;
  overflow-y: auto;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 1% 10px 1%;}
.tabcontent::-webkit-scrollbar{height:6px;} 
.tabcontent::-webkit-scrollbar-thumb{background-color: #aaaaaa;border-radius:3px;} 
.tabcontent::-webkit-scrollbar-track{background-color: #fff;}

.wisego-box{flex-wrap:wrap;}
.wisego-button{width:80%;padding: 20px 30px;text-align:center;margin:20px auto;}

.Investment-trends-box{flex-wrap:wrap;}
.Investment-trends{width:100%;text-align:center;}
.Investment-trends a{width:110px;display: block;margin:20px auto;}

.news-box{flex-wrap:wrap;}
.news-img{width:70%;margin:20px auto;}
.news-text{width:80%;margin:20px auto;}

.news-text ul{margin:0px 0 30px 0;}
.news-text .more-Button{width:110px;display: block;margin:0 auto;}
.news-column{flex-direction: column-reverse;}
.news-title{width:100%;text-align: center;margin-bottom:20px;}

.Motif-making-left{width:90%;margin:0 auto 30px auto;}

}

@media (max-width:979px){
.member-box{position: absolute;top:16px;right:5px;}
.member{border-radius:0px;box-shadow:none;text-align:center;padding:10px 8px;margin:0px 45px 0 45px;display: block;}
.member p{display: none;}

.header-menu{margin:10px 0 0px 0;}

.header-menu-right{width:100%;}
.header-menu-right ul{width:100%;margin:14px auto 0 auto;background:#3d3a39;}
.header-menu-right ul li{width:25%;text-align:center;}
.header-menu-right ul li a{padding:15px 0;display: block;color: #fff;}

.header-menu-left samp{color:#a52a2d;padding:0 15px 0 5px;}
.Logout{position: absolute;top:65px;right:15px;}

.member-list{max-width:100%;overflow: visible;right:2px;}
}

@media (max-width:800px){
.footer-box{flex-wrap:wrap;}
.footer-box-left{width:90%;text-align:center;margin:20px auto;}
.footer-box-right{width:90%;margin:20px auto;border-left:none;border-right:none;}  
}

@media (max-width:700px){
.menu-g{
  box-sizing: border-box;overflow-y: scroll;
  white-space: nowrap;
  padding: 0 10px 5px 10px;}
.menu-g::-webkit-scrollbar{height:6px;width:0px ;} 
.menu-g::-webkit-scrollbar-thumb{background-color: #444;border-radius:3px;} 
.menu-g::-webkit-scrollbar-track{background-color:#3e3a39;}

.menu-g_nav{width:600px;}
.menu-g_nav > li > a {padding:20px 35px 10px 15px;}
.menu-g_nav__child{position: absolute;}

.Daily-News-right .Daily-News-01{text-align:center;}
.Daily-News-right .Daily-News-01 h1{width:100%;margin:10px 0;font-size:30px;}
.Daily-News-right .Daily-News-01 h2{width:100%;margin:10px 0;font-size:40px;}
.Daily-News-right .Daily-News-01 h3{width:100%;}
.Daily-News-right .Daily-News-01 a{width:100px;margin:10px auto;}
.Daily-News-right .Daily-News-01 img{width:80px;height:80px;margin:0 auto ;}

.Daily-News-right .Daily-News-02{padding:25px 10px 20px 10px;}
.Daily-News-right .Daily-News-02 h1{width:100%;margin:0px 0 10px 0;font-size:20px;}
.Daily-News-right .Daily-News-02 h2{width:100%;margin:10px 0;font-size:40px;}

.Daily-News-right .Daily-News-03{padding:25px 10px 20px 10px;}
.Daily-News-right .Daily-News-03 h1{width:100%;margin:0px 0 10px 0;font-size:20px;}
.Daily-News-right .Daily-News-03 h2{width:100%;margin:10px 0;font-size:40px;}

.Performance-ranking h1{font-size:40px;}
.content-box-2 h1{font-size:40px;color:#9a3d37;text-align: center;margin:20px 0 40px 0;}
.content-box h1{font-size:40px;color:#fff;}
.content-box h2{font-size:24px;}
.wisego-button h3{font-size:40px;}
.Investment-trends h1{font-size:40px;}

.tablink-box{max-width:100%;margin:0px auto 0 auto;}
.tablink {padding:10px 5px;font-size:16px;}
.tabcontent-box {padding:5px 10px;height:100%;max-width:100%;}

.news-img{width:80%;}
.news-text{width:90%;}

.footer-box-left samp{display:block;color:#fff;}
}

@media (max-width:500px){

}