/* Minification failed. Returning unminified contents.
(1048,1): run-time error CSS1019: Unexpected token, found '@import'
(1048,9): run-time error CSS1019: Unexpected token, found 'url(pad-layout.css)'
(1048,40): run-time error CSS1031: Expected selector, found '('
(1048,40): run-time error CSS1025: Expected comma or open brace, found '('
(1050,1): run-time error CSS1019: Unexpected token, found '@import'
(1050,9): run-time error CSS1019: Unexpected token, found 'url(pad-layout.css)'
(1050,40): run-time error CSS1031: Expected selector, found '('
(1050,40): run-time error CSS1025: Expected comma or open brace, found '('
 */
/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
html,
body {
    height: 100%;
}
.carousel {
    height: 40%;
}

.item,
.active,
.carousel-inner {
    height:100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.carouselBox { font-size:4em; font-weight:bolder; padding-bottom:20px; letter-spacing:1px; color:#061c49;}

@charset "utf-8";
/* CSS Document */

body , html { height:auto; padding:0; margin:0; background:url(../images/header-bg.png)-150px 0px ;
background-repeat:repeat-x; font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體','新細明體', sans-serif; 
color:#333; position:relative;overflow-x:hidden; font-size:14px;}

.osu { width:1024px; height:101px; background-image:url(../images/header-pc.png); margin:0 auto; position:relative;}
.kgiLogo { float:left; text-indent:-9999px; margin:28px 0 0 5px;}
.kgiLogo a {display:block; width:325px; height:50px;}
.info { float:right; display:block; width:auto; height:35px; border-radius:5px; margin:15px 270px 0 0; line-height:35px;
 background-color:#FFF; box-shadow:2px 2px 4px #0c214d;}
.info p { float:left; padding:0 15px 0 10px; text-align:right;}
.language ul { list-style:none; font-size:14px; font-weight:300; position:absolute; top:0; right:80px;}
.language li { float:left; line-height:19px; padding:0 3px; text-align:center;}
.language li a { display:block; color:#FFF; width:80px; height:36px; background-color:#f25a09; padding:10px 15px; border-radius:0 0 3px 3px;}
.language li a:hover { height:45px; line-height:24px; text-decoration:none;}


nav { position:absolute; top:56px; left:360px; width: 485px; height:30px; z-index:500; padding:0; margin:0; font-size: 12px; line-height: 30px;
font-family:Arial, Helvetica, sans-serif, "細明體";}
nav ul ul { display: none;}
nav ul li:hover > ul { display: block;}
nav ul { list-style: none; position: relative; display: inline-table;}
nav ul:after { content: ""; clear: both; display: block;}
nav ul li { float: left;}
nav ul li:hover {/*第一層滑過去的底色*/}
nav ul li:hover a { }
nav ul li a { display: block; text-indent:-9999px;}
nav ul ul { border: 1px solid #000; padding: 0; position: absolute; top: 31px; z-index:10 ;}
nav ul ul li a { background: #c7cff6 !important; text-decoration:none !important; border:1px solid #FFF; border-top:none;} /*第二層滑過去的底色*/
nav ul ul li { float: none;  position: relative;}
nav ul ul li a { padding: 0 5px; width:auto !important; text-indent:1px; color: #333;}	
nav ul ul li a:hover { background: #214694 !important; color: #fff ;}
nav ul ul ul { position: absolute; left: 100%; top:-1px;}
nav ul ul ul li a { border:1px solid #FFF; width:140px !important; text-align:center;}
nav ul ul ul li a:last-child { border-top:none;}
.sub3 { }
.menu li a { position:relative; z-index:500;}
.nav01 a { width:77px; height:32px; background:url(../images/nav.png) 0 -32px;}
.nav02 a { width:77px; height:32px; background:url(../images/nav.png) -77px -32px;}
.nav03 a { width:77px; height:32px; background:url(../images/nav.png) -154px -32px;}
.nav04 a { width:77px; height:32px; background:url(../images/nav.png) -231px -32px;}
.nav05 a { width:77px; height:32px; background:url(../images/nav.png) -308px -32px;}

.nav01:hover a { background:url(../images/nav.png) 0 64px;}
.nav02:hover a { background:url(../images/nav.png) -77px 64px;}
.nav03:hover a { background:url(../images/nav.png) -154px 64px;}		
.nav04:hover a { background:url(../images/nav.png) -231px 64px;}
.nav05:hover a { background:url(../images/nav.png) -308px 64px;}

/*輪播圖片*/
.lbBox { display:block; width:auto; height:700px;}

.content { width:90%; margin:0 auto; padding:0 5px; margin-top:-420px;}
.contentA { padding:0 5px; width:997px; margin:0 auto; margin-top:-410px;}
.contentT { width:90%; margin:0 auto; padding:0 5px; margin-top:-400px;}
.contentL { width:90%; margin:0 auto; padding:0 5px; margin-top:-650px;}
.main { height:auto; padding:30px 0;}
footer { min-width:100%; background:#3c4f7a; box-shadow:0 5px 10px #2e3d5e inset ;
height:auto; font-family:Arial, Helvetica, sans-serif "細明體"; font-size:10px; text-align:center;}
footer p a { color:#afb6c4; text-decoration:underline; position:relative;}
footer p a:hover { color:#afb6c4;}
.footerBox { height:100%; background:url(../images/CDFlogo.png) center no-repeat; margin-top:15px;}
.fp-001 { padding:12px; color:#afb6c4;}
.fp-002 { color:#afb6c4; clear:both; padding-top:10px;}
.fp-003 { color:#62749c;}
.ft { width:375px; list-style:none; padding:0; margin:14px auto 0 auto;}
.ft li { float:left; height:12px; line-height:12px; border-right:1px solid #6a94a1; padding:0 4px;}
.ft li:last-child { border-right:none;}
.ft li a { color:#FFF; }

/*登出按鈕*/
.btn-logout { float:right; margin:0 15px 0 0;}
.btn-logout a { display:block; height:30px; color:#FFF; padding:0 10px; margin-top:2px; line-height:30px; 
border-radius:4px; letter-spacing:1px; text-decoration:none;
background: #f25a09; }
.btn-logout a:hover {}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; position:relative;
}
.fillTxt { width: 100%; bottom:43%; position:absolute; text-align:center;}
.fillTxt2  { width: 100%; bottom:26%; position:absolute; text-align:center;}
.carouselBox { width: 100%; height:300px;}




/*------------index------------*/
.index-L { width:577px; height:auto; float:left; margin-top:10px; position:relative; z-index:1;}/*60%*/
.index-R { width:400px; height:auto; float:left; margin:10px 0 0 10px; position:relative; z-index:1;}/*38%*/
.lineOgIn { height:4px; background-color:#F60; position:absolute; z-index:10; top:34px;}
.h150 { height:auto; border-bottom:4px solid #002f7b;}
.index-List-D { float:left; padding-right:10px; color:#808080;}
.index-List-P { float:left;}
.index-List-T { float:left; margin:6px 0 0 10px; width:75%; height:30px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.index-List-T a ,.index-List-Tm a { color:#666666;}
.index-List-T a:hover ,.index-List-Tm a:hover { color:#002063; text-decoration:underline;}
/*首頁more按鈕*/
.btn-more { width:100px; float:right;}
.btn-more a { display:block; height:40px; font-size:18px; background:#3c4f7a; color:#FFF; text-align:center; line-height:40px; border-radius:5px;}
.btn-more a:hover { background-color:#536793; color:#FFF; text-decoration:none;}
/*首頁消息與公告、國際行情標題設定*/
.picTitle { text-align:center; padding-top:50px; color:#061c49;}



/*icon與文字距離設定*/
.glyphicon { padding-right:5px;}

/*輪播slide上的圈圈*/
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#3c4f7a;}
.carousel-indicators li {border:1px solid #3c4f7a;}


.arIcon { float:left; width:15px; height:15px; background:url(../images/arIcon.png) no-repeat; margin:13px 8px 0 0;}
.arIconB { float:left; width:15px; height:15px; background:url(../images/arIcon.png) no-repeat; margin:12px 8px 0 0;}
.arIcon2 { float:left; width:18px; height:18px; background:url(../images/arIcon.png) no-repeat; margin:2px 8px 0 0;}
/*------------業務介紹------------*/
/*法規*/
.ruleBox { padding:0 15px; font-size:18px;}
.ruleR { float:left; width:38px; padding-left:16px;}
.ruleRin { float:left; width:68px; padding-left:16px;}
.ruleL { float:left; width:90%;}
.charaBg { width:1000px; background:url(../images/9459508.jpg) no-repeat; background-position:50% 90%; 
height:180px; border-radius:5px; margin:0 auto; z-index:1; position:relative;}
.charaBox { width:980px; text-align:left; height:110px; background-image:url(../images/bg-bus_w.png); 
border-radius:5px; z-index:50; position:absolute; top:35px; left:10px; box-shadow: inset 2px 2px 15px #BCBCBC , inset 2px -2px 15px #BCBCBC;}
.bsnBox { float:left; padding:15px 0 0 15px;}/*business-1中华民国境外之法人*/
.bsnBoxPl { padding:0 0 0 30px; margin-top:-10px;}
.bsnTxt{ padding:0 0 0 27px; clear:both;}
.bsnBox2 {float:left; width:32%; margin-right:15px;}
.bsnBox3 {float:left; width:32%;}
.business { display:block; width:auto; padding-top:9px; padding-bottom:2px;}
.business1 { display:block; float:left; height:100px; width:85%; padding-top:9px;}
.business2 {background-color:#F3F3F3; padding:0 30px;}
.business3 { padding:10px 0 15px 0;}
.mgLf15 { margin-left:-15px;}

/*------------提供服務------------*/
.sPic { width:20%; height:150px; padding:15px;}
.sLlist { width:50%; margin-left:5px;}
.sBt { width:10%;}
.sButton { height:138px; position:relative;}
.sButton1 { margin:30px 0; width:100%;}
.sButton2 { float:left; margin:0 0 10px 5%;}
.sButton3 { float:left; margin:0 0 10px 1%;}
/*內容框距離設定*/
.atcBox { padding-left:30px; padding-top:5px;}
.serviceBg { background-color:#F3F3F3; padding:0 5px; margin-top:5px;}
.serviceBgW { padding:0 5px; margin-top:5px;}
.svBg { background-color:#F3F3F3; padding:15px 0;}
.svBgW { padding:15px 0;}
/*提供服務項目左icon右內容*/
.serviceIcon { width:25px; height:25px; display:block; float:left;}
.serviceTt { float:left; display:block; width:85%;}
/*帳戶保管業務標題框與內容框*/
.service1 { font-size:14px;line-height:24px; letter-spacing:1px; margin-bottom:10px;}
.service2 { width:100%; margin:0 auto;}
.serviceT_001 ,.serviceT_002 ,.serviceT_003 {float:left; margin-right:20px;}
.st_001 ,.st_002 ,.st_003 { width:150px; height:50px; margin-top:4px;}
.st_001 { background:url(../images/service-011.png) no-repeat;}
.st_002 { background:url(../images/service-012.png) no-repeat;}
.st_003 { background:url(../images/service-013.png) no-repeat;}

.serviceP_001 ,.serviceP_002 ,.serviceP_003 {float:left;}
.sp_001 ,.sp_002 { width:1024px; height:280px;}
.sp_001 { background:url(../images/service-001.png) no-repeat;}
.sp_002 { background:url(../images/service-002.png) no-repeat;}
.sp_003 { background:url(../images/service-003.png) no-repeat; width:1024px; height:223px;}

/*業務特色*/
.bMarginR { margin-right:20%;}

/*金融商品投資交易、國際承銷*/
.w50 { width:48%;}
.w90 { width:95%;}
.w110 { width:100%;}
.service3 { display:block; width:80%;}


/*------------聯絡我們------------*/
/*聯絡我們標題框與內容框*/
.contactBox { width:32%;}
.contactBoxL { width:31%; margin-right:20px;}
.contactUp { padding:15px; background-color:#3c4f7a; color:#FFF;}
.contactData { padding:15px; background-color:#ebebeb; font-size:17px;}
/*提供服務-金融商品投資交易-有底色,狀態下,聯絡區塊多框線*/
.contactTt { font-size:17px; line-height:24px; color:#FFF; height:80px}
.contactTtS { font-size:17px; line-height:24px; color:#FFF;}
.appeal {padding:30px 0 30px 5%; width:100%; height:85px;  clear:both;}
.ctPdL42 {padding-left:42px;}
.ctWd { width:94%;}
.ctWd1 { float:left; width:90%; padding-top:15px;}

/*------------登入登出------------*/
.login1 { width:320px;}
.logout1 { width:548px; height:400px; margin:0 auto; padding-top:100px;}
.logout2 { float:left; padding:20px; width:138px;}
.logout3 { float:left; padding-top:25px; width:410px}

/*------------------------------------------共用元件----------------------------------------------------------*/
/*間距*/
.pd10 { padding:10px;}
.pdR15 { padding-right:15px;}
.pdL5 { padding-left:5px;}
.pdL10 { padding-left:10px;}
.pdL15 { padding-left:15px;}
.pdL17 { padding-left:17px;}
.pdL25 { padding-left:25px;}
.pdL30 { padding-left:30px;}
.pdB5 { padding-bottom:5px;}
.pdB10 { padding-bottom:10px;}
.pdB15 { padding-bottom:15px;}
.pdT5 { padding-top:5px;}
.pdT10 { padding-top:10px;}
.pdT15 { padding-top:15px;}
.pdT20 { padding-top:20px;}
.pdTB10 { padding:10px 0;}
.pdTB15 { padding:15px 0;}
.pdLR30 { padding:0 30px;}
.mgLf8  { margin-left:-8px;}
.mgL5 { margin-left:5px;}
.mgL10 { margin-left:10px;}
.mgL25 { margin-left:25px;}
.mgT5 { margin-top:5px;}
.mgT10 { margin-top:10px;}
.mgB10 { margin-bottom:10px;}
.fL { float:left;}
.fR { float:right;}
.clearB { clear:both;}
.middle { margin:0 auto;}

/*文字*/
.orange { color:#f25a09;}
.blue { color:#03317c;}
.kgiBlue{ color:#1b3979;}
.red { color:#F00;}
.white { color:#FFF;}
.gray { color:#666666;}
.text10 { font-size:10px;}
.text14 { font-size:14px;}
.text17 { font-size:17px;}
.text20 { font-size:20px;}
.text24 { font-size:24px;}
.text24 { font-size:24px;}
.textB { font-weight:bold;}

/*表格*/
.mainTb { border-collapse:collapse; border:1px solid #999; background-color:#FFF; font-size:14px;}
.mainTb thead { text-align:center; color:#FFF; font-size:14px;}
.mainTb thead td { border:1px solid #999;}
.mainTb th { border:1px solid #999; padding:5px 8px; color:#333; font-size:14px;}
.mainTb td { border:1px solid #999; padding:5px; color:#333;}
.mainTb td a { text-decoration:none;}
.mainTb td a:hover { text-decoration:underline;}

.listTb tr:nth-child(odd) { background-color:#F9F9F9;}
.listTbE tr:nth-child(even) { background-color:#F9F9F9;}

.insideTb { border-collapse:collapse; background-color:#FFF; font-size:12px;}
.insideTb thead { text-align:center; color:#FFF; font-size:13px;}
.insideTb thead td { border:1px solid #999;}
.insideTb th { border:1px solid #999; padding:5px 8px; color:#333; font-size:13px;}
.insideTb td { border:1px solid #999; padding:5px; color:#333;}
.insideTb td a { text-decoration:none;}
.insideTb td a:hover { text-decoration:underline;}

.nonTb { border-collapse:collapse; border:0;}
.nonTb td { border:0; padding:1px;}

.bottomTb { border-collapse:collapse; border:0;}
.bottomTb td { border:1px; padding:5px 1px; border-bottom:1px solid #999;}
.bottomTb td:nth-child { border-bottom:none;}

/*jQueryUI Dialog用*/
.heading { height:30px; background-color:#E0EFF0; border:1px solid #999}
.dialog-UI { z-index:99999 !important; }
.customers { font-family: Arial, Helvetica, sans-serif, "新細明體";color: #000; border-collapse:collapse; margin:0 0 10px 0;}
.customers td, .customers th {font-size:15px; border:1px solid #999; padding:3px 7px 2px 7px; vertical-align:middle;}

/*小計*/
.total { font-weight:bold; background-color:#E3E3E3;}
/*表格上方標題文字設定*/
.title { font-family:"微軟正黑體"; font-size:17px; font-weight:bold; line-height:2em;}


/*查詢*/
.contentQ { width:90%; margin:0 auto; padding:0; position:relative; clear:both;}
.lineOg { height:4px; background:#f25a09; float:left; position:relative; z-index:10}
.lineBl { width:100%; height:4px; background:#002f7b; float:left; position:absolute; z-index:1}
.cdtFrame { margin:10px 0 20px 0;}
.cdtBg.cdtBg ,.cdtBg2 ,.cdtBg3 ,.cdtBg4 { background-color:#F9F9F9; padding:5px; border:1px solid #D7D7D7; border-radius:5px; position:relative; z-index:1;}
.cdtBg { height:65px;}
.cdtBg2 { height:150px;}
.cdtBg3 { height:150px;}
.cdtBg4 { height:195px;}

.cdtTt { position:absolute; background:url(../images/bg-cdtTt.gif) repeat-x; height:20px;  z-index:50; top:-13px; left:10px; font-size:14px;}
.cdtBox { float:left; padding:10px 15px 0 5px;}
.cdtBox1 { float:left; padding:10px 5px 0 5px;}/*查詢日期*/
.cdtDist { float:left; padding-right:10px;}
.btn_cr { width:115px; height:auto; float:left; margin-top:10px;}/*確定重設按鈕組*/
.btn_cr2 { width:115px; height:auto; float:left; margin-top:10px;}/*確定重設按鈕組*/
.SearchQ { padding:15px 0 0 5px;}
.SearchQ2 { padding:15px 0 0 5px;}


.tabMenuBox { margin:0 0 15px 5%;}
.tabMenu1 ,.tabMenu2 ,.tabMenu3 ,.tabMenu4 { float:left; width:auto; height:30px; background-color:#990; text-align:center; line-height:30px; font-size:12px; padding:0 12px;}
.tabMenu1 { background-color:#EFEFEF; border-radius:4px 0 0 4px; box-shadow: inset 2px 2px 15px #DDD, inset 2px -2px 15px #DDD;}
.tabMenu2 { background-color:#337AB7; border-radius:0 4px 4px 0 ;}
.tabMenu2 a { display:block; color:#FFF; text-decoration:none;}
.tabMenu3 { background-color:#337AB7; border-radius:4px 0 0 4px;}
.tabMenu3 a { display:block; color:#FFF; text-decoration:none;}
.tabMenu4 { background-color:#EFEFEF; border-radius:0 4px 4px 0 ; box-shadow: inset 2px 2px 15px #DDD , inset 2px -2px 15px #DDD;}

.lineBl_pad { width:1010px; height:4px; background:#002f7b; float:left; position:absolute; z-index:1}
.cdtBg_pad { width:1010px; background-color:#F9F9F9; padding:5px; border:1px solid #D7D7D7; border-radius:5px; position:relative; z-index:1;}
.Qbody { width:1010px; margin:0 auto; padding:0;}
/*表單下載pdf icons*/
.PDF-c ,.PDF-s ,.PDF-en {}
.PDF-c a ,.PDF-s a ,.PDF-en a { display:block; width:36px; height:37px; text-indent:-9999px; margin:3px auto;}
.PDF-c a { background:url(../images/btn_pdf_c.png) no-repeat;}
.PDF-s a { background:url(../images/btn_pdf_s.png) no-repeat; }
.PDF-en a { background:url(../images/btn_pdf_en.png) no-repeat;}

/*OSUQ001資產總攬*/
.OSUQ001_1 { width:60%; float:left;}
.OSUQ001_2 { width:auto; float:left; margin-left:20px;}
.w700 { width:100%;}
.w700-b {border:2px #999999 solid;}
.w700-m { width:100%; border:2px #999999 solid; margin:2px 0;}
.w100 { width:100px;}
.w125 { width:125px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w60 { width:8%;}
.w80 { width:8%;}
.w86 { width:8%;}
.w85 { width:8%;}
.w157 { width:16%;}
.w158 { width:16%;}


/*現金餘額*/
.OSUQ002h { height:65px;}/*查詢區塊高度*/

/*出入金*/
.OSUQ003h { height:150px;}/*查詢區塊高度*/

/*交易基金明細*/
.aaa { height:auto;}

/*button 為指標*/
.myMOUSE{ cursor: default; }

/*OSUQ023密碼變更按鈕區塊*/
.OSUQ023 { margin:20px auto 0 auto;}

/*------------查詢頁title菊線寬度------------*/
.ogLine55 { width:55px;}
.ogLine75 { width:75px;}
.ogLine110 { width:110px;}
.ogLine130 { width:130px;}
.ogLine145 { width:145px;}
.ogLine182 { width:182px;}
.ogLine190 { width:190px;}

.h35 { height:35px;}
.h90 { height:90px;}

.sixM { position:absolute; top:50px; left:10px; font-size:10px;}

.osu002 { float:left; margin:10px 0 0 20px;}
.osu003 { float:left; margin:5px 0 0 0;}

.osuQ005 { width:180px; float:left;}
.osuQ0051 { float:left; margin:10px 0 0 20px;}

.styleNon { padding:0; margin:0; list-style:none;}


/*------------OSUQ001派圖------------*/
 .k-chart {
        height: 410px;
        margin: -50px 0 0px 35px;
        width: 300px;
    }
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
@charset "utf-8";
/* CSS Document */

body , html { min-width:1024px; height:auto; padding:0; margin:0; background:url(../images/header-bg.png)-150px 0px ;
background-repeat:repeat-x; font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體','新細明體', sans-serif; 
color:#333; position:relative; overflow-x:scroll; font-size:14px;}

.osu { width:1007px; height:99px; background-image:url(../images/header-pc.png); margin:0 auto; position:relative;}
.osu_CHT { width:1007px; height:99px; background-image:url(../images/header-pc_big5.jpg); margin:0 auto; position:relative;}
.kgiLogo { float:left; text-indent:-9999px; margin:28px 0 0 5px;}
.kgiLogo a {display:block; width:325px; height:50px;}
.info { float:right; display:block; width:auto; height:35px; border-radius:5px; margin:15px 270px 0 0; line-height:35px;
 background-color:#FFF; box-shadow:2px 2px 4px #0c214d;}
.info p { float:left; padding:0 35px 0 10px; text-align:right;}
.language ul { list-style:none; font-size:14px; font-weight:300; position:absolute; top:0; right:80px;}
.language li { float:left; line-height:19px; padding:0 3px; text-align:center;}
.language li a { display:block; color:#FFF; width:80px; height:36px; background-color:#f25a09; padding:10px 15px; border-radius:0 0 3px 3px;}
.language li a:hover { height:45px; line-height:24px; text-decoration:none;}

nav { position:absolute; top:56px; left:360px; width: 539px; height:30px; z-index:500; padding:0; margin:0; font-size: 12px; line-height: 30px;
font-family:Arial, Helvetica, sans-serif, "細明體";}
nav ul ul { display: none;}
nav ul li:hover > ul { display: block;}
nav ul { list-style: none; position: relative; display: inline-table;}
nav ul:after { content: ""; clear: both; display: block;}
nav ul li { float: left;}
nav ul li:hover {/*第一層滑過去的底色*/}
nav ul li:hover a { }
nav ul li a { display: block; text-indent:-9999px;}
nav ul ul { border: 1px solid #000; padding: 0; position: absolute; top: 31px; z-index:10 ;}
nav ul ul li a { background: #c7cff6 !important; text-decoration:none !important; border:1px solid #FFF; border-top:none;} /*第二層滑過去的底色*/
nav ul ul li { float: none;  position: relative;}
nav ul ul li a { padding: 0 5px; width:auto !important; text-indent:1px; color: #333;}	
nav ul ul li a:hover { background: #214694 !important; color: #fff ;}
nav ul ul ul { position: absolute; left: 100%; top:-1px;}
nav ul ul ul li a { border:1px solid #FFF; width:140px !important; text-align:center;}
nav ul ul ul li a:last-child { border-top:none;}
.sub3 { }
.menu li a { position:relative; z-index:500;}
.nav01 a { width:77px; height:32px; background:url(../images/nav.png) 0 -32px;}
.nav02 a { width:77px; height:32px; background:url(../images/nav.png) -77px -32px;}
.nav03 a { width:77px; height:32px; background:url(../images/nav.png) -154px -32px;}
.nav04 a { width:77px; height:32px; background:url(../images/nav.png) -231px -32px;}
.nav05 a { width:77px; height:32px; background:url(../images/nav.png) -308px -32px;}
.nav06 a { width:77px; height:32px; background:url(../images/nav.png) -385px -32px;}

.nav01:hover a { background:url(../images/nav.png) 0 64px;}
.nav02:hover a { background:url(../images/nav.png) -77px 64px;}
.nav03:hover a { background:url(../images/nav.png) -154px 64px;}		
.nav04:hover a { background:url(../images/nav.png) -231px 64px;}
.nav05:hover a { background:url(../images/nav.png) -308px 64px;}
.nav06:hover a { background:url(../images/nav.png) -385px 64px;}

/*繁體版*/
.nav01_CHT a { width:77px; height:32px; background:url(../images/nav-big5.png) 0 -32px;}
.nav02_CHT a { width:77px; height:32px; background:url(../images/nav-big5.png) -77px -32px;}
.nav03_CHT a { width:77px; height:32px; background:url(../images/nav-big5.png) -154px -32px;}
.nav04_CHT a { width:77px; height:32px; background:url(../images/nav-big5.png) -231px -32px;}
.nav05_CHT a { width:77px; height:32px; background:url(../images/nav-big5.png) -308px -32px;}
.nav06_CHT a { width:77px; height:32px; background:url(../images/nav-big5.png) -385px -32px;}

.nav01_CHT:hover a { background:url(../images/nav-big5.png) 0 64px;}
.nav02_CHT:hover a { background:url(../images/nav-big5.png) -77px 64px;}
.nav03_CHT:hover a { background:url(../images/nav-big5.png) -154px 64px;}		
.nav04_CHT:hover a { background:url(../images/nav-big5.png) -231px 64px;}
.nav05_CHT:hover a { background:url(../images/nav-big5.png) -308px 64px;}
.nav06_CHT:hover a { background:url(../images/nav-big5.png) -385px 64px;}


/*輪播圖片*/
.lbBox { display:block; width:auto; height:500px;}

.content { width:997px; height:auto; margin:0 auto; padding:0 5px; margin-top:-30px;}
.contentT { width:997px; height:auto; margin:0 auto; padding:0 5px; margin-top:-200px;}
.contentL { width:997px; height:auto; margin:0 auto; padding:0 5px; margin-top:-450px;}
.main { height:auto; padding:30px 0;}
footer { max-width:100%; background:#3c4f7a; box-shadow:0 5px 10px #2e3d5e inset ;
height:auto; font-family:Arial, Helvetica, sans-serif "細明體"; font-size:11px; text-align:center; margin:0; padding:0;}/* width:1007px;*/
footer p a { color:#afb6c4; text-decoration:underline; position:relative;}
footer p a:hover { color:#afb6c4;}
.footerBox { width:1000px; height:100%; background:url(../images/footerLine.png) center no-repeat; margin:15px auto 0 auto;}
.fp-001 { padding:12px; color:#afb6c4;}
.fp-002 { color:#afb6c4; clear:both; padding-top:10px;}
.fp-003 { color:#62749c;}
.ft { width:240px; height:20px; list-style:none; padding:0; margin:0 auto;}
.ft li { float:left; height:12px; line-height:12px; border-right:1px solid #6a94a1; padding:0 4px;}
.ft li:last-child { border-right:none;}
.ft li a { color:#FFF; }

/*登出按鈕*/
.btn-logout { float:right; margin:0 15px 0 0;}
.btn-logout a { display:block; height:30px; color:#FFF; padding:0 10px; margin-top:2px; line-height:30px; 
border-radius:4px; letter-spacing:1px; text-decoration:none;
background: #f25a09; }
.btn-logout a:hover {}

.fill {
    min-width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; position:relative;
}
.fillTxt { width: 100%; bottom:38%; position:absolute; text-align:center;}
.fillTxt2  { width: 100%; bottom:24%; position:absolute; text-align:center;}
.carouselBox {width:988px; height:300px; margin:0 auto;}

/*------------login------------*/
.loginBox { width:900px; height:300px; margin:50px auto 0 auto;}
.lgBoxL { float:left; width:380px; height:178px;}
.lgBoxR { float:left; width:510px; height:200px; padding-left:30px;}


/*------------index------------*/
.index-L { width:577px; height:auto; float:left; margin-top:10px; position:relative; z-index:1;}
.index-R { width:400px; height:auto; float:left; margin:10px 0 0 10px; position:relative; z-index:1;}
.lineOgIn { height:4px; background-color:#F60; position:absolute; z-index:10; top:34px;}
.h150 { height:auto; border-bottom:4px solid #002f7b;}
.index-List-D { float:left; padding-right:10px; color:#808080;}
.index-List-P { float:left;}
.index-List-T, .index-List-Tm { float:left; margin:6px 0 0 10px; width:430px; height:30px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.index-List-T a ,.index-List-Tm a { color:#666666;}
.index-List-T a:hover ,.index-List-Tm a:hover { color:#002063; text-decoration:underline;}

/*首頁more按鈕*/
.btn-more { width:70px; float:right;}
.btn-more a { display:block; height:30px; font-size:14px; background:#557fb3; color:#FFF; text-align:center; line-height:30px; border-radius:5px;}
.btn-more a:hover { background-color:#557fb3; color:#FFF; text-decoration:none;}

/*首頁消息與公告、國際行情標題設定*/
.picTitle { text-align:center; padding-top:50px; color:#061c49;}



/*icon與文字距離設定*/
.glyphicon { padding-right:5px;}

/*輪播slide上的圈圈*/
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#3c4f7a;}
.carousel-indicators li {border:1px solid #3c4f7a;}

.arIcon { float:left; width:15px; height:15px; background:url(../images/arIcon.png) no-repeat; margin:13px 8px 0 0;}
.arIconB { float:left; width:15px; height:15px; background:url(../images/arIcon.png) no-repeat; margin:12px 8px 0 0;}
.arIcon2 { float:left; width:18px; height:18px; background:url(../images/arIcon.png) no-repeat; margin:2px 8px 0 0;}
/*------------業務介紹------------*/
/*法規*/
.ruleBox { padding:0 15px; font-size:18px;}
.ruleR { float:left; width:38px; padding-left:16px;}
.ruleRin { float:left; width:68px; padding-left:16px;}
.ruleL { float:left; width:90%;}
.charaBg { width:auto; background:url(../images/9459508.jpg) no-repeat; background-position:50% 90%; 
height:180px; border-radius:5px; margin:0 auto; z-index:1; position:relative;}
.charaBox { width:930px; text-align:left; height:110px; background-image:url(../images/bg-bus_w.png); 
border-radius:5px; z-index:50; position:absolute; top:35px; left:10px; box-shadow: inset 2px 2px 15px #BCBCBC , inset 2px -2px 15px #BCBCBC;}
.bsnBox { float:left; width:550px; padding:15px 0 0 15px;}/*business-1中华民国境外之法人*/
.bsnBoxPl { padding:0 0 0 15px; margin-top:-10px;}
.bsnTxt { padding:0 0 0 30px; clear:both;}
.bsnBox2 {float:left; width:285px; margin-right:15px;}
.bsnBox3 {float:left; width:285px;}
.business { display:block; width:auto; padding-top:9px; padding-bottom:2px;}
.business1 { display:block; float:left; height:100px; width:85%; padding-top:9px;}
.business2 {background-color:#F3F3F3; padding:0 30px;}
.business3 { padding:10px 0 15px 0;}
.mgLf15 { margin-left:-15px;}

/*------------提供服務------------*/
.sPic { width:250px; height:150px; padding:15px;}
.sLlist { width:500px; margin-left:5px;}
.sBt { width:100px;}
.sBtIn { position:absolute; bottom:0;}
.sButton { height:138px; position:relative;}
.sButton1 { margin:30px 0; width:100%;}
.sButton2 { float:left; margin:0 0 10px 0;}
.sButton3 { float:left; margin:0 0 10px 0;}
/*內容框距離設定*/
.atcBox { padding-left:30px;}
.serviceBg { background-color:#F3F3F3; padding:0 5px; margin-top:5px;}
.serviceBgW { padding:0 5px; margin-top:5px;}
.svBg { background-color:#F3F3F3; padding:15px 0;}
.svBgW { padding:15px 0;}
/*提供服務項目左icon右內容*/
.serviceIcon { width:25px; height:25px; display:block; float:left;}
.serviceTt { float:left; display:block; width:85%;}
/*帳戶保管業務標題框與內容框*/
.service1 { font-size:14px;line-height:24px; letter-spacing:1px; margin-bottom:10px;}
.service2 { width:100%; margin:0 auto;}
.serviceT_001 ,.serviceT_002 ,.serviceT_003 {float:left; margin-right:20px;}
.st_001 ,.st_002 ,.st_003,.st_001_CHT,.st_002_CHT,.st_003_CHT { width:120px; height:40px; margin-top:4px;}
.st_001 { background:url(../images/service-011_p.png) no-repeat;}
.st_002 { background:url(../images/service-012_p.png) no-repeat;}
.st_003 { background:url(../images/service-013_p.png) no-repeat;}
.st_001_CHT { background:url(../images/service-011_p_big5.png) no-repeat;}
.st_002_CHT { background:url(../images/service-012_p_big5.png) no-repeat;}
.st_003_CHT { background:url(../images/service-013_p_big5.png) no-repeat;}

.serviceP_001 ,.serviceP_002 ,.serviceP_003 {float:left;}
.sp_001 ,.sp_002,.sp_001_CHT,.sp_002_CHT { width:800px; height:219px;}
.sp_001 { background:url(../images/service-001_p.png) no-repeat;}
.sp_002 { background:url(../images/service-002_p.png) no-repeat;}
.sp_003 { background:url(../images/service-003_p.png) no-repeat; width:800px; height:175px;}
.sp_001_CHT { background:url(../images/service-001_p_big5.png) no-repeat;}
.sp_002_CHT { background:url(../images/service-002_p_big5.png) no-repeat;}
.sp_003_CHT { background:url(../images/service-003_p_big5.png) no-repeat; width:800px; height:175px;}

/*業務特色*/
.bMarginR { margin-right:20%;}

/*金融商品投資交易、國際承銷*/
.w50 { width:48%;}
.w90 { width:95%;}
.w100 { width:100%;}
.service3 { display:block; width:80%;}

/*------------聯絡我們------------*/
/*聯絡我們標題框與內容框*/
.contactBox { width:315px;}
.contactBoxL { width:315px; margin-right:18px;}
.contactUp { padding:15px; background-color:#3c4f7a; color:#FFF;}
.contactData { padding:15px; background-color:#ebebeb; font-size:17px;}
/*提供服務-金融商品投資交易-有底色,狀態下,聯絡區塊多框線*/
.contactTt { font-size:17px; line-height:24px; color:#FFF; height:80px}
.contactTtS { font-size:17px; line-height:24px; color:#FFF;}
.appeal {padding:30px 0 0 0; width:100%; height:85px; clear:both;}
.ctPdL42 {padding-left:42px;}
.ctWd { width:94%;}
.ctWd1 { float:left; width:90%; padding-top:15px;}

/*------------客訴 20151216------------*/
.appealBoxL { width:460px; margin-right:18px; margin-bottom:18px; font-size:17px;}
.appealUp { padding:15px; background-color:#3c4f7a; color:#FFF;}
.appealData { padding:15px; background-color:#ebebeb; font-size:17px;}

/*------------登入登出------------*/
.loginPic { height:205px; padding:20px 10px 15px 15px;}
.login1 { width:320px;}
.logout1 { width:600px; height:400px; margin:0 auto; padding-top:100px;}
.logout2 { float:left; padding:10px; width:118px;}
.logout3 { float:left; padding-top:20px; width:410px}

/*------------------------------------------共用元件----------------------------------------------------------*/
/*間距*/
.pd10 { padding:10px;}
.pdR15 { padding-right:15px;}
.pdL10 { padding-left:10px;}
.pdL15 { padding-left:15px;}
.pdL17 { padding-left:17px;}
.pdL25 { padding-left:25px;}
.pdL30 { padding-left:30px;}
.pdB5 { padding-bottom:5px;}
.pdB10 { padding-bottom:10px;}
.pdB10B { margin-bottom:10px; border-bottom:1px solid #999;}
.pdB15 { padding-bottom:15px;}
.pdT5 { padding-top:5px;}
.pdT10 { padding-top:10px;}
.pdT15 { padding-top:15px;}
.pdT20 { padding-top:20px;}
.pdTB10 { padding:10px 0;}
.pdLR30 { padding:0 30px;}
.mgLf8  { margin-left:-8px;}
.mgL5 { margin-left:5px;}
.mgL10 { margin-left:10px;}
.mgL25 { margin-left:25px;}
.mgT5 { margin-top:5px;}
.mgT10 { margin-top:10px;}
.mgB10 { margin-bottom:10px;}
.fL { float:left;}
.fR { float:right;}
.clearB { clear:both;}
.middle { margin:0 auto;}

/*文字*/
.orange { color:#f25a09;}
.blue { color:#03317c;}
.kgiBlue{ color:#1b3979;}
.red { color:#F00;}
.white { color:#FFF;}
.gray { color:#666666;}
.text10 { font-size:10px;}
.text14 { font-size:14px;}
.text17 { font-size:17px;}
.text20 { font-size:20px;}
.text24 { font-size:24px;}
.text24 { font-size:24px;}
.textB { font-weight:bold;}

/*表格*/
.mainTb { border-collapse:collapse; border:1px solid #999; background-color:#FFF; font-size:14px;}
.mainTb thead { text-align:center; color:#FFF; font-size:14px;}
.mainTb thead td { border:1px solid #999;}
.mainTb th { border:1px solid #999; padding:5px 8px; color:#333; font-size:14px;}
.mainTb td { border:1px solid #999; padding:5px; color:#333;}
.mainTb td a { text-decoration:none;}
.mainTb td a:hover { text-decoration:underline;}

.listTb tr:nth-child(odd) { background-color:#F9F9F9;}
.listTbE tr:nth-child(even) { background-color:#F9F9F9;}

.insideTb { border-collapse:collapse; background-color:#FFF; font-size:12px;}
.insideTb thead { text-align:center; color:#FFF; font-size:13px;}
.insideTb thead td { border:1px solid #999;}
.insideTb th { border:1px solid #999; padding:5px 8px; color:#333; font-size:13px;}
.insideTb td { border:1px solid #999; padding:5px; color:#333;}
.insideTb td a { text-decoration:none;}
.insideTb td a:hover { text-decoration:underline;}

.nonTb { border-collapse:collapse; border:0;}
.nonTb td { border:0; padding:1px;}

.bottomTb { border-collapse:collapse; border:0;}
.bottomTb td { border:1px; padding:5px 1px; border-bottom:1px solid #999;}
.bottomTb td:nth-child { border-bottom:none;}

/*jQueryUI Dialog用*/
.heading { height:30px; background-color:#E0EFF0; border:1px solid #999}
.dialog-UI { z-index:99999 !important; }
.customers { font-family: Arial, Helvetica, sans-serif, "新細明體";color: #000; border-collapse:collapse; margin:0 0 10px 0;}
.customers td, .customers th {font-size:15px; border:1px solid #999; padding:3px 7px 2px 7px; vertical-align:middle;}

/*小計*/
.total { font-weight:bold; background-color:#E3E3E3;}
/*表格上方標題文字設定*/
.title { font-family:"微軟正黑體"; font-size:17px; font-weight:bold; line-height:2em;}


/*查詢*/
.contentQ { width:997px; height:auto; margin:0 auto; padding:0 5px; position:relative; clear:both;}
.lineOg { height:4px; background:#f25a09; float:left; position:relative; z-index:10}
.lineBl { width:987px; height:4px; background:#002f7b; float:left; position:absolute; z-index:1}
.cdtFrame  { height:auto; margin:10px 0 20px 0;}
.cdtBg ,.cdtBg1 ,.cdtBg2 ,.cdtBg3 ,.cdtBg4 { background-color:#F9F9F9; padding:5px; border:1px solid #D7D7D7; border-radius:5px; position:relative; z-index:1; height:auto;}
.cdtBg { height:65px;}
.cdtBg1 { height:150px;}
.cdtBg2 { height:180px;}
.cdtBg3 { height:195px;}
.cdtBg4 { height:200px;}
.cdtTt { position:absolute; background:url(../images/bg-cdtTt.gif) repeat-x; height:20px;  z-index:50; top:-13px; left:10px; font-size:14px;}
.cdtBox { float:left; padding:10px 15px 0 5px; height:60px;}
.cdtBox1 { float:left; padding:10px 5px 0 5px;}/*查詢日期*/
.cdtDist { float:left; padding-right:10px;}
.btn_cr { width:115px; height:auto; position:absolute; top:75px; left:10px;}/*確定重設按鈕組*/
.btn_cr2 { width:115px; height:auto; float:left; margin-top:10px;}/*確定重設按鈕組*/
.SearchQ { padding:60px 0 0 5px;}/*快速查詢*/
.SearchQ2 { padding:15px 0 0 5px;}/*快速查詢*/
.SearchQ3 { padding:0 0 0 5px;}/*快速查詢*/

.tabMenuBox { margin:0 0 15px 222px;}
.tabMenu1 ,.tabMenu2 ,.tabMenu3 ,.tabMenu4 { float:left; width:70px; height:30px; background-color:#990; text-align:center; line-height:30px; font-size:12px; padding:0 10px;}
.tabMenu1 { background-color:#EFEFEF; border-radius:4px 0 0 4px; box-shadow: inset 2px 2px 15px #DDD, inset 2px -2px 15px #DDD;}
.tabMenu2 { background-color:#337AB7; border-radius:0 4px 4px 0 ;}
.tabMenu2 a { display:block; color:#FFF; text-decoration:none;}
.tabMenu3 { background-color:#337AB7; border-radius:4px 0 0 4px;}
.tabMenu3 a { display:block; color:#FFF; text-decoration:none;}
.tabMenu4 { background-color:#EFEFEF; border-radius:0 4px 4px 0 ; box-shadow: inset 2px 2px 15px #DDD , inset 2px -2px 15px #DDD;}

.lineBl_pad { width:977px; height:4px; background:#002f7b; float:left; position:absolute; z-index:1}
.cdtBg_pad ,.cdtBgT_pad ,.cdtBgIn_pad ,.cdtBgInIn_pad { height:auto; background-color:#F9F9F9; border:1px solid #D7D7D7; border-radius:5px; position:relative; z-index:1}
.cdtBg_pad { width:977px; padding:5px;}
.cdtBgT_pad { width:977px; padding:5px 5px 10px 5px;}
.cdtBgIn_pad { width:965px; padding:5px 5px 10px 5px;}
.cdtBgInIn_pad { width:420px; padding:5px 5px 10px 5px; margin:15px 0 0 0; float:left;}
.Qbody { width:997px; margin:0 auto; padding:10px;}
/*表單下載pdf icons*/
.PDF-c ,.PDF-s ,.PDF-en {}
.PDF-c a ,.PDF-s a ,.PDF-en a { display:block; width:36px; height:37px; text-indent:-9999px; margin:3px auto;}
.PDF-c a { background:url(../images/btn_pdf_c.png) no-repeat;}
.PDF-s a { background:url(../images/btn_pdf_s.png) no-repeat; }
.PDF-en a { background:url(../images/btn_pdf_en.png) no-repeat;}

/*OSUQ001資產總攬*/
.OSUQ001_1 { width:60%; float:left;}
.OSUQ001_2 { width:auto; float:left; margin-left:20px;}
.w700 { width:100%;}
.w700-b {border:2px #999999 solid;}
.w700-m { width:100%; border:2px #999999 solid; margin:2px 0;}
.w100 { width:100px;}
.w125 { width:125px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w60 { width:9%;}
.w80 { width:8%;}
.w86 { width:8%;}
.w85 { width:8%;}
.w157 { width:15%;}
.w158 { width:15%;}


/*現金餘額*/
.OSUQ002h { height:65px;}/*查詢區塊高度*/

/*出入金*/
.OSUQ003h { height:195px;}/*查詢區塊高度*/
.OSUQ014h { height:150px;}
/*交易基金明細*/
.OSUQ012h { height:195px;}/*查詢區塊高度*/
/*button 為指標*/
.myMOUSE{ cursor: default; }

/*OSUQ023密碼變更按鈕區塊*/
.OSUQ023 { margin:20px auto 0 auto;}

/*------------查詢頁title菊線寬度------------*/
.ogLine55 { width:55px;}
.ogLine75 { width:75px;}
.ogLine110 { width:110px;}
.ogLine130 { width:130px;}
.ogLine145 { width:145px;}
.ogLine182 { width:182px;}
.ogLine190 { width:190px;}

.h35 { height:35px;}
.h90 { height:90px;}

.sixM { position:absolute; top:50px; left:10px; font-size:10px;}

.osu002 { float:left; margin:10px 0 0 20px;}
.osu003 { float:left; margin:5px 0 0 0;}
.osu013 { float:left; margin:10px 0 0 5px;}

.osuQ005 { width:180px; float:left;}
.osuQ0051 { float:left; margin:10px 0 0 20px;}


.styleNon { padding:0; margin:0; list-style:none;}


/*------------OSUQ001派圖------------*/ 
.k-chart {
        height: 410px;
        margin: -50px 0 0px 35px;
        width: 300px;
    }

@import url(pad-layout.css) screen and (min-width: 0px) and (max-width: 1024px);

@import url(pad-layout.css) screen and (min-width: 1025px);



