/*=== Web Setting ===*/
body {font-family: 'Microsoft JhengHei';}
.header-wrap{width:93%;}
.wrap {width:1200px;}
.pageContainer {width:100%}
.innerContainer {width:100%}
h1 {font-size:30px; color:#dd2628; padding-top:35px; padding-bottom:25px;}
h2 {font-size: 18px; color:#dd2628;}
p {}

.colorLink2{color:#000;}
.colorLink2.selected{border: solid 1px; border-color:#e82046; padding:3px; color:#e82046;}
.colorLink2:hover{color:#e82046;}

/*======*/

body {-webkit-text-size-adjust: 100%  /*fix ios*/}

.pageContainer { position:relative; padding:0; overflow:hidden; clear:both /*fix firefox*/}


#header , #footer {position:relative; width:100%}

.header-wrap { position:relative; margin:0 auto; padding:10px 0 30px 0; overflow:visible; margin-bottom:30px;}
.wrap { position:relative; margin:0 auto; padding:0; /*overflow:hidden*/}
.mainContent{position:relative; width:100%; overflow:hidden}

.disclaimer{background-color:#f5f3f3;}
#disclaimer-box{width:60%; margin:0 auto; background-color:#fff; padding:20px; margin-top:5%;}
.disclaimer-separate{border-bottom:solid 2px; border-color:#dd2628; margin:10px 0;}
.disclaimer-content{height:300px; overflow:auto; margin-bottom:20px;}
#disclaimer-box h2{margin-bottom:20px; font-size:16px;}
#disclaimer-box p {margin-bottom: 15px; line-height: 20px; font-size:15px;}
#disclaimer-box #langBar{margin-top:50px;}

.disclaimer-choice{margin-bottom:20px; font-size:15px;}
.buttonSubmit{cursor:pointer; margin-right:20px; padding:10px 20px; border:solid 1px #dd2628; background-color:#fff; color:#dd2628;}
.buttonSubmit:hover{background-color:#dd2628; color:#fff;}
.pointer{cursor:pointer; font-size:15px;}

/*==========================================
Header
==========================================*/

.mainLogo{padding-top:10px;}

#langBar{clear:both; margin-top:20px; font-size:15px;}
#langBar li{margin-left:20px; color:#000; display:inline}
#langBar a {font-size:15px;}

/*#nav {position:relative; overflow:visible; top:30px; display:inline-block;}*/
#nav {margin:30px 0 30px 0; clear:both;}
#nav ul > li > a {display:block; height:36px; line-height:36px; padding-left:60px; font-size:16px; color:#000}
#nav ul > li  > a.selected, #nav ul > li  > a:hover{color:#dd2628;}

.submenu{display:none; position:absolute; z-index:100; background-color:#fff; color:#000; border:solid 1px; border-color:#dd2628; margin-left:-60px;}
.submenu li{border-bottom:solid 1px; border-color:#dd2628; position:relative; width:300px; height:60px;}
.submenu li:last-child{border-bottom:0;}

#nav ul > li > ul > li > a{padding:10px 15px; height:60px;}
#nav ul > li > ul > li > a:hover{background-color:#dd2628; color:#fff;}

#nav ul > li:hover .submenu{display:block;}

.sub-submenu{display:none; position:absolute; z-index:100; background-color:#fff; color:#000; border:solid 1px; border-color:#dd2628; left:100%; top:-1px;}
.sub-submenu li{border-bottom:solid 1px; border-color:#dd2628;}
.sub-submenu li:last-child{border-bottom:0;}

#nav ul > li > ul > li > ul > li > a{padding:10px 15px;}
#nav ul > li > ul > li > ul > li >a:hover{background-color:#dd2628; color:#fff;}

.submenu li:hover .sub-submenu{display:block;}

#nav ul > li > a.menuItemEng{line-height:20px;}

/*==========================================
Common
==========================================*/

#banner, .about-us-banner {border-top: solid 10px; border-color:#dd2628;}
#banner .swiper-slide img {width:100%; display:block}
#banner .swiper-pagination {bottom:30px}
#banner .swiper-pagination-bullet {margin:0 10px; width:13px; height:13px; background-color:#929292; opacity:1 !important}
#banner .swiper-pagination-bullet-active {background-color:#dd2628;}
#banner .swiper-slide p.chi{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:484px; height:104px; font-size:60px; color:#fff; position:absolute; top:40%; right:40px; text-align:center; padding-top:20px;}

#banner .swiper-slide p.eng{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:484px; height:104px; font-size:25px; color:#fff; position:absolute; top:40%; right:40px; text-align:center; padding-top:40px;}

.banner-box{ width:484px; height:104px; font-size:60px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:20px;}

.about-us-banner img{width:100%; border-bottom: solid 1px #b9b9b9;}

.body-nav{position:relative; top:-58px; margin-bottom:-58px;}
.body-nav-content{width:82%; height:55px; background-color:#fff; text-align:right; display:inline-block; opacity:0.8;}
.body-nav-content ul > li {display:inline; padding:0 20px;}
.body-nav-content ul > li > a{color:#000;}
.body-nav-content ul > li > a.selected, .body-nav-content ul > li > a:hover{color:#dd2628;}

.body-nav .red{width:18%; height:55px; float:right;} 
.body-nav .red img{height:56px;}

#navLine {position:absolute; top:52px; width:0; height:3px; background-color:#c3a073; }

#floater{float: left; height: 35%; width: 100%; }

.body-background{width:100%; background-image:url('../images/about-us-background.jpg'); background-size:cover; float:left; margin-top:-58px; padding-bottom:50px;}
/*background-repeat:no-repeat; background-position:left bottom; background-color:#f5f3f3;*/

.no-body-nav{margin-top:0;}

.body-background .wrap{margin:0 auto; }

.separate{border-bottom:solid 1px; border-color:#b9b9b9; }

.about-us-content{width:68%; padding-top:20px; }
.about-us-content p{padding-bottom:25px; font-size:18px; line-height:30px;}
.about-us-content h2{padding-bottom:25px; font-size:18px; line-height:30px;}

.team{width:68%; padding-top:20px;}
.team p{padding-bottom:15px; font-size:18px; line-height:30px;}
.team h2{padding-bottom:15px; font-size:18px; line-height:10px; margin-bottom:20px; margin-top:10px; border-bottom:solid 1px #d8d8d8; border-right:solid 4px;}


.contact-us-list{padding-left:20px; padding-top:75px;}
.contact-us-list li{vertical-align: top; display: inline-block; text-align: center; width: 217px; margin-right:75px;}
.contact-us-list li span{display:block; margin-top:10px; margin-bottom:15px; line-height:25px;}
.contact-us-list .title{font-size:24px; color:#dd2628;}
.contact-us-list .detail{font-size:18px; padding-top:10px;}
.contact-us-list .time{font-size:15px; color:#696969;}
.contact-us-list li span a{color:#dd2628; text-decoration:underline;}
.contact-us-list li span a:hover{background-color:#dd2628; color:#fff;}

.right-nav ul > a > li{width:320px; height:75px; background-color:#a7a7a7; border:solid 1px #b9b9b9; padding-left:35px;}
.right-nav ul > a{font-size:16px; color:#fff;}
.right-nav #floater{height:40%;}

.right-nav #floater2{height:27%;}

.right-nav ul > a > li.selected, .right-nav ul > a > li:hover{background-color:#dd2628;}

.right-nav{height:400px; border-left:solid 1px; -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(#b9b9b9), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(#b9b9b9, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(#b9b9b9, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(#b9b9b9, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, #b9b9b9, rgba(0, 0, 0, 0)) 1 100%;
	  border-top:0; border-right:0;}
	  

.asset-management-service{width:817px; padding-top:20px; }
.asset-management-service p{padding-bottom:25px; font-size:18px; line-height:30px;}
.asset-management-service h2{font-size:18px; line-height:30px;} 


#chart {display:inline-block; overflow:hidden; text-align:center; margin: 60px 35px;}
#chart #chartTitle {display:inline-block;  }	
#chart #chartTitle .name {padding:0 30px; font-size:28px; color:#fff; line-height:54px; border-radius:10px; background:url('../images/bg_chartTitle.jpg') repeat-x}	
#chart #chartTitle .name2 {padding:0 30px; font-size:28px; color:#fff; line-height:54px; border-radius:10px; background:url('../images/bg_chartTitle.jpg') repeat-x}	
#chart .vLine {display:block; width:1px; height:40px; margin:0 auto; background-color:#9a9a9a}
#chart .vLineMask {position:absolute; top:0; left:0; width:50%; height:1px; background-color:#f5f3f3;}
#chart .hLine {width:100%; height:1px; background-color:#9a9a9a}
#chart .chartBox {position:relative; display:inline-block; margin:0 17px; width:350px; }
#chart .chartBox.first {margin-left:0}
#chart .chartBox.last {margin-right:0}
#chart .chartBoxInner {width:100%; border:2px solid #bc7213; border-radius:10px; overflow:hidden}
#chart .cboxTitle {width:100%; height:48px; line-height:48px; font-size:22px; color:#fff; padding:0 8px; background:url('../images/bg_cboxTitle.jpg')}
#chart .cboxTitleEng{display:flex; align-items:center; justify-content:center; height:120px; line-height:30px; background-size:100% 120px;}
#chart .cboxMid {width:100%; line-height:35px; font-size:20px; color:#000; padding:8px; background-color:#ffdfb5}
#chart .cboxDetail {padding:20px 15px; height:350px; background-color:#ffffff; background-image:url('../images/bg_cboxDetail.png'); background-repeat:no-repeat; background-position:left bottom}
#chart .cboxDetailEng{height:580px;}
#chart .cboxDetail ul li {position:relative; padding-left:15px; font-size:18px; line-height:30px; color:#000; margin-bottom:30px; text-align:left; background:url('../images/chartArrow.png') no-repeat left 10px}


.serviceTable{font-size:18px; margin-bottom:15px;}

.serviceTable tr{border-bottom:solid 1px #dadada;}

.serviceTable tr > td:nth-child(odd){background-color:#ffdfb5; border-right:solid 1px #dadada; width:55px; text-align:center; padding-top:10px;}
.serviceTable tr > td:nth-child(even){background-color:#fff; line-height:30px; padding:8px 15px;}
.serviceTable tr:last-child{border-bottom:0; }
.serviceTable tr:last-child > td{padding-bottom:20px; }

#asset-management-service02 .body-background{height:1000px;}

#asset-management-service02 .about-us-content p{padding-bottom:15px; font-size:18px; line-height:30px;}
#asset-management-service02 .about-us-content h2{padding-bottom:5px; font-size:18px; line-height:20px;}

.body-background .wrap .sub-nav-mobile{display:none; position:relative; top:-17px; left:60%;}
.sub-nav-tab {display:none; width:100%; margin:0 auto; text-align:center; margin-bottom:10px;}
.sub-nav-tab  li{background-color:#a7a7a7; border:solid 1px #b9b9b9; padding:20px 0;}
.sub-nav-tab  li > a{color:#fff;}
.sub-nav-tab  li:hover {background-color:#dd2628;}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  
  border-top: 6px solid #000;
}

.arrow-down:hover{border-top: 6px solid #dd2628;}

.titleLeft{width:90%;}
.titleRight{width:10%; float:right; margin-bottom:-10px;}

.body-background .wrap  .sub-nav-eng{display:block; top:-40px; left:90%;}

/* mobile */


.mobileIcon {display:none; position:relative; top:23px; height:36px; width:36px; background-color:#fff;  padding:8px; border:2px solid #dd2628; border-radius:5px; z-index:999}
.mobileIcon span {margin:0 auto; display:block; width:17px; height:2px; background-color:#dd2628; margin-bottom:5px; transition:0.5s; -webkit-transition:0.5s}
.mobileIcon span:nth-last-of-type(1) {margin-bottom:0}
.mobileIcon.opened {padding:3px 8px}
.mobileIcon.opened span:nth-of-type(1) {transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); margin-bottom:0}
.mobileIcon.opened span:nth-of-type(2) {display:none}
.mobileIcon.opened span:nth-last-of-type(1) {-webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3)}

.sb-slidebar {background-color:#FF3333; border-left:solid 1px #f0ede4;}


#mobileTopNav {background-color:#f0ede4;}
#mobileTopNav li {float:left}
#mobileTopNav li a {display:block; width:45px; line-height:30px; font-size:15px; color:#000; margin:10px 0;}
#mobileTopNav li a.selected{padding:0px; border:solid 1px red; color:red;}
#mobileTopNav li a:hover{color:red;}

#mobileNav {padding:15px 0; background-color:#FF3333; }
#mobileNav li {line-height:30px}
#mobileNav li a {display:block; font-size:16px; color:#fff; text-align:left; padding:5px 40px 5px 20px; font-weight:300}
#mobileNav li a.selected , #mobileNav li a:hover{background-color:#c9924c; color:#fff;}
#mobileNav li span{position:relative; top:-40px; left:83%; }
#mobileNav li span > a{color:#fff; margin-bottom:-40px;}

#mobileNav .aboutUsTab, #mobileNav .productTab{display:none; background-color: #CC0000;  /*height:40px;*/}
#mobileNav .aboutUsTab a, #mobileNav .productTab a{font-size:15px;}
#mobileNav .assetTab, #mobileNav .securityTab, #mobileNav .investmentTab{display:none; background-color: #990000;  /*height:40px;*/}
#mobileNav .assetTab a, #mobileNav .securityTab a, #mobileNav .investmentTab a{font-size:15px;}

#mobileBottomNav {background-color:#8B7B64; padding:10px 0}
#mobileBottomNav li a {display:block; font-size:15px; color:#fff; line-height:24px; text-align:right; padding:5px 20px 5px 0}
#mobileBottomNav .line {margin:5px 15px; height:1px; background-color:#b19876}

/*==========================================
Footer
==========================================*/

#footer{background-color:#dd2628; height:25px;}
#footer p.chi{color:#fff; font-size:13px; position:relative; top:5px; left:88.8%;}
#footer p.eng{color:#fff; font-size:13px; position:relative; top:5px; left:85%;}

/*==========================================
CMS Style
==========================================*/

.undoreset table {border:1px solid #000}
.undoreset table td {border:1px solid #000; padding:5px; vertical-align:middle}
.undoreset img {max-width:100%}
.undoreset p {margin:0 0 30px 0}
.undoreset ul {list-style-type:disc}
.undoreset ol {list-style-type:decimal}
.undoreset li {margin-left:25px}