/* ------------- * Reset * ------------- */ html, body {margin:0; padding:0; border:0; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#333; line-height:155%; /*line-height:1.6;*/} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: 0; } body *{ outline:none; -webkit-text-size-adjust:none;} a { outline: 0; text-decoration:none; } a:hover {text-decoration:none; } table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul {list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } input, select, textarea {font-family:Arial, Helvetica, sans-serif;} .left {float:left;} .right {float:right;} .clear {clear:both;} .hide {display:none;} .center {text-align:center;} .bold{ font-weight:bold;} .no-border{border:none !important;} .no-bg{background:none !important;} .clearfix {display: inline-block;} .clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;} .clearfix {display: block;} sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} /* ------------- * Common Style * ------------- */ html, body { background:#d2d2d2; font-family:Arial,"新細明體",Helvetica,sans-serif;} #wrapper{ width: 100%; height:100%; min-width: 980px; background:#d2d2d2 url(../img/bg.png) repeat-x 0 0; display:none;} #container{ width: 100%; max-width:1058px; position:relative; margin:0 auto; overflow:hidden;} /* ------------- * Home * ------------- */ .home #container{ max-width:1140px;} #wrapper.home{ background: url(../img/index-wrapper-bg.jpg) no-repeat center 0;} #inner-container.skeleton_home{ width:1140px; position:relative; left:50%; top:-28px; margin-left:-570px; background:#fff;} #home_cycle-container{ position:relative;} #home_quick-links-box{ position:absolute; z-index:1000; width: 234px; left:85px; top:7px; /*width:209px; height:345px; padding:30px 0 0 25px; background: url(../img/home-quick-links-box-bg.png) no-repeat left top;*/} /*#home_quick-links-box #ebanking{ margin-bottom:5px;}*/ #home_quick-links-box .ebanking_title{ background:url(../img/home-title-onlineservices.png) no-repeat left top; text-indent:-9999px;} #home_quick-links-txt{ margin:0 0 5px 5px; } #home_quick-links-txt li{ padding-left:10px; background:url(../img/home-quick-links-txt-arrow.png) no-repeat left 4px; background:url(../img/home-quick-links-txt-arrow.png) no-repeat left 5px\9;} #home_quick-links-txt li a{ color:#464646;} #home_quick-links-txt li a:hover{ color:#B7274C;} #home_quick-links-btn li{ margin:0 0 -8px -6px;} #home_quick-links-btn a{ display:block; width:209px; height:68px; text-indent:-9999px;} #home_quick-links-btn a:hover{ background-position:left bottom!important;} #home_quick-links-btn .sunflower-btn a{ background:url(../img/home-sunflower-btn.png) no-repeat left top;} #home_quick-links-btn .pwm-btn a{ background:url(../img/home-pwm-btn.png) no-repeat left top;} #home_quick-links-btn .channel-btn a{ background:url(../img/home-channel-btn.png) no-repeat left top;} .home_slide-item a{ position:absolute; right:150px; top:214px; display:block; height:43px; width:122px; padding:10px 0 0; text-align:center; background: url(../img/home-detail-btn.png) no-repeat 0 0; color:#FFFFFF; cursor: pointer; font-size:14px; letter-spacing:0.2em; } .home_slide-item a:hover{ color:#c3c3c3; text-decoration:none;} .home_slide-item{ width:1140px; height:570px;} .home_cycle-thumbnail{position:absolute; z-index:1000; bottom:211px; right:127px; width:318px; height:69px;} #home_pager-thumbnail li a{display:block;} #home_pager-thumbnail li img{ border:2px solid #FFF;} #home_pager-thumbnail li a:hover img, #home_pager-thumbnail li.activeSlide a img{ border:2px solid #B7274C;} .red-border{width: 94px; height: 55px; border:2px solid red; position:absolute; left:4px; z-index:50;} #home_content-container{ padding-bottom:35px; background:url(../img/bottom-container-bg.jpg) no-repeat left -1px; border-bottom:1px solid #eaeaea; border-top:1px solid #fff;} #home_content{ width:950px; margin:0 auto;} #home_content-left{ float:left; width:187px; margin:0 78px 0 5px;} #home_content-right{ float:left; width:680px;} #home_content #our-services{ margin-bottom:30px;} #home_content .our-services_title{ margin:20px 0 12px;} .stock-quote-service_title{ height:20px; margin:0 0 12px; background:url(../img/title-stock-quote-service.png) no-repeat left top; text-indent:-9999px;} #stock-quote-service a{ display:block; color:#000; background:url(../img/right-menu_btns3.png) no-repeat left top;} a#pt-service-btn{ background-position:left top;} a#qpi-service-btn{ background-position:left -31px;} a#fund-search-btn{ background-position:left -62px;} a#pt-service-btn:hover{ background-position:right top;} a#qpi-service-btn:hover{ background-position:right -31px;} a#fund-search-btn:hover{ background-position:right -62px;} #home_bank-services-container{ margin-bottom:20px; padding-bottom:5px; background:url(../img/rolling-submenu-shadow.png) no-repeat left bottom;} .home_event{ float:left; width:320px;} .home_event li { padding-left:10px; margin-bottom:15px; background: url(../img/arrow-home-event.png) no-repeat left 6px; overflow:hidden;} .home_event li a{ color:#444444;} .home_event li a:hover{color:#841e2b; text-decoration:underline;} .home_news-event{ float:left; width:320px; padding-right:17px; margin-right:15px; border-right:1px solid #e5e5e5;} .home_event-title{ display:block; float:left; width:200px; height:20px; background:url(../img/home_promotion-event-title.png) no-repeat left top; text-indent:-9999px;} .home_news-event-title{ display:block; float:left; width:200px; height:20px; background:url(../img/home_news-event-title.png) no-repeat left top; text-indent:-9999px;} .home_event-more{ display:block; float:right; padding-right:10px; background: url(../img/icon-landing-entry-block.png) no-repeat right center; color: #B7274C;} .home_event-more:hover{ color:#841E2B;} .home_event-content { float:left; width:300px; height:160px; overflow: hidden; margin-top:18px; padding: 0 20px 0 0;} .home #footer{ float:none; margin:0 auto; width:1120px; } .home_quick-links-box-top{ float:left; width:234px; height:30px; background:url(../img/bg-home-quick-links-box-top.png) no-repeat 0 0;} .home_quick-links-box-mid{ float:left; width:184px; padding:0 25px 4px; background:url(../img/bg-home-quick-links-box-mid.png) repeat-y 0 0;} .home_quick-links-box-btm{ float:left; width:234px; height:30px; background:url(../img/bg-home-quick-links-box-btm.png) no-repeat 0 0;} #home_quick-links-img-btn{ margin-left:-2px;} #home_quick-links-img-btn a{ display:block; margin-bottom:5px; #margin-bottom:2px;} .home_text-box{ clear:both; padding-top:15px;} .home_text-box-top{ height:56px; background:url(../img/bg-home_text-box-top.png) no-repeat 0 0;} .home_text-box-mid{ position:relative; margin:-36px 0;} .home_text-box-btm{ height:56px; background:url(../img/bg-home_text-box-btm.png) no-repeat 0 bottom;} .home_text-box a{ color:#be023b;} .home_text-box a:hover{color:#841e2b; text-decoration:underline;} /* ------------- * Inner * ------------- */ #inner-container.skeleton_inner{ width:1058px; position:relative; left:50%; margin-left:-529px; background: url(../img/inner-container-bg.png) no-repeat left top;} .skeleton_inner-bg{ width:100%; position:relative; background: url(../img/inner-bg.png) repeat-y left 500px; float:left; margin-top:500px; } .skeleton_inner-btm-bg{ width:100%; height:119px; position:absolute; bottom:70px; left:50%; margin-left:-510px; background: url(../img/inner-btm-bg.png) no-repeat left top; } #content { width:980px; margin:0 auto 20px; position:relative; float:left; margin:-500px 39px 20px;} #inner-content{ float:left; /*width:573px;*/ width:561px; min-height:400px; /*margin-right:25px;*/ margin-right:17px; padding-bottom:20px;} #inner-content.two-col-without-right-menu{ width:749px;} .skeleton_bottom-shadow { height: 19px; width: 100%; background: url(../img/inner-bottom-shadow.png) no-repeat left top; float:left;} #inner-content .inner-content_btn-general{ display:block; width:150px; margin-bottom:20px; cursor:pointer; height:26px; line-height:24px; background: url(../img/btn-general.png) no-repeat 0 0; color:#fff; text-align:center;} #inner-content .inner-content_btn-general-2{ background: url("../img/general-button-2.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; cursor: pointer; display: block; height: 37px; line-height: 16px; margin-bottom: 20px; padding: 6px 10px 4px; text-align: center; width: 150px;} #inner-content .inner-content_btn-top{ display:block; width:76px; margin-bottom:20px; cursor:pointer; height:26px; line-height:24px; background: url(../img/inner-content_btn-top.png) no-repeat 0 0; color:#fff; text-align:center;} #inner-content .inner-content_btn-general:hover, #inner-content .inner-content_btn-general-2:hover, #inner-content .inner-content_btn-top:hover{ color:#c3c3c3; text-decoration:none;} #inner-content li .inner-content_btn-general{ display:inline-block; margin-bottom:0;} #inner-content h1{ color:#b7274c; font-size:24px; font-weight:bold; margin-bottom: 15px;} #inner-content h2{ color:#b7274c; font-size:22px; font-weight:bold; margin-bottom: 15px;} #inner-content h3{ color:#b7274c; font-size:20px; font-weight:bold; margin-bottom: 15px;} #inner-content h5{ color:#b7274c; font-size:15px; font-weight:bold; margin-bottom: 15px;} #inner-content h6{ color:#923406; font-size:13px; font-weight:bold; margin-bottom: 15px;} #inner-content h5 a{ color:#b7274c;} #inner-content h6 a{ color:#923406;} #inner-content h5 a:hover{ color:#841E2B;} #inner-content h6 a:hover{ color:#f47721;} #inner-content table.inner-content_nested-table-with-bgcolor{ width:100%; border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;} #inner-content table.inner-content_nested-table-with-bgcolor th{ background:#B7274C; color:#fff; text-align:left;} #inner-content table.inner-content_nested-table-with-bgcolor th, #inner-content table.inner-content_nested-table-with-bgcolor td{ padding:8px; border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;} #inner-content table.inner-content_nested-table-with-bgcolor td.inner-content_table-td-with-bgcolor{ background:#FAF6F6;} ol{ margin-left:15px; list-style-type:decimal; list-style-position:outside;} ol li{ #margin-left: 1em;} /* ------------- * Header * ------------- */ #header{ width:980px; margin:6px auto 0; position:relative; font-family:Arial,微軟正黑體,Helvetica,sans-serif; font-size:12px;} #header h1{float:left;margin: 0 0 0 -35px;} /*#header h1 a { display:block; width:280px; height:49px; background:url(../img/logo.png) no-repeat 0 0; text-indent:-9999px;}*/ #header .header_tools{float:right;margin: 0 -45px 8px 0;} #header .header_quick-link{ float:left;} #header .header_lang{ float:left; margin-left:8px;} #header .header_quick-link li{ float:left; background:url(../img/header_line.png) no-repeat right center; padding-right:12px; margin-left:12px; } #header .header_quick-link a{ display:block; color:#b7274c; /*text-indent:-9999px; background:url(../img/header_menu.png) no-repeat left top;*/} #header .header_quick-link a:hover{ color:#841e2b;} /*#header .header_quick-link-btn1 a{ width:48px; background-position:left top;} #header .header_quick-link-btn1 a:hover{ background-position:left bottom;} #header .header_quick-link-btn2 a{ width:98px; background-position:-73px top;} #header .header_quick-link-btn2 a:hover{ background-position:-73px bottom;} #header .header_quick-link-btn3 a{ width:48px; background-position:-193px top;} #header .header_quick-link-btn3 a:hover{ background-position:-193px bottom;} #header .header_quick-link-btn4 a{ width:48px; background-position:-265px top;} #header .header_quick-link-btn4 a:hover{ background-position:-265px bottom;} #header .header_quick-link-btn5 a{ width:48px; background-position:-337px top;} #header .header_quick-link-btn5 a:hover{ background-position:-337px bottom;}*/ #header .header_lang li{ float:left; background:url(../img/header_line.png) no-repeat right center; padding-right:7px; margin-left:7px; } #header .header_lang a{ display:block; color:#4d4d4d; font-size:11px; line-height:20px; /*text-indent:-9999px; background:url(../img/header_lang-btn.png) no-repeat left top;*/} #header .header_lang a:hover{ color:#666;} #header .header_print-btn a{ display:block; width:20px; height:20px; background:url(../img/btn-print.png) no-repeat 0 0; text-indent:-9999px;} #header .header_print-btn a:hover{ background-position:left bottom;} /*#header .header_lang-cn a{ width:44px; background-position:-59px top;} #header .header_lang-cn a:hover{ background-position:-59px bottom;} #header .header_lang-en a{ width:37px; background-position:-118px top;} #header .header_lang-en a:hover{ background-position:-118px bottom;} #header .header_lang-hk a{ width:44px; background-position:left top;} #header .header_lang-hk a:hover{ background-position:left bottom;}*/ #header .header_search{ float:right; margin-right:15px;} #header .header_search .header_home-btn{ float:left; display:block; padding-left:15px; margin-right:20px; color:#4d4d4d; background:url(../img/header_home-icon.png) no-repeat left 3px;} #header .header_search .header_home-btn:hover{ color:#666;} #search-box{ position:relative; float:left; width:195px; height:16px; margin-right:6px; background:#FFF; border:1px solid #cdcdcd;} #search-box input{ border:0; color:#333333; font-size:11px; background:none;} #search-box #field{ border:0; padding:2px 7px 1px; width:170px;} #search-box #go{ width:9px; height:9px; position:absolute; right:4px; top:4px; background:url(../img/header_search-icon.png) no-repeat 0 0; cursor:pointer;} /* ------------- * Top Menu * ------------- */ #top-menu{ width:980px; margin:6px auto 28px; position:relative; z-index:1001;} #top-menu #top-menu-container{ margin-left:21px; padding-top: 3px; } #top-menu-tabs > li{ float:left; position:relative; margin-left:-8px; } #top-menu-tabs > li > a{ display:block; height:21px; background:url(../img/top-menu.png) no-repeat left top; text-indent:-9999px;} #top-menu .top-menu_tabs-m1{ z-index:100; margin-left:0;} #top-menu .top-menu_tabs-m2{ z-index:99;} #top-menu .top-menu_tabs-m3{ z-index:98;} #top-menu .top-menu_tabs-m4{ z-index:97;} #top-menu .top-menu_tabs-m5{ z-index:96;} #top-menu .top-menu_tabs-m6{ z-index:95;} #top-menu .top-menu_tabs-m7{ z-index:94;} #top-menu .top-menu_tabs-m8{ z-index:93;} #top-menu .top-menu_tabs-m9{ z-index:92;} #top-menu .top-menu_tabs-m10{ z-index:91;} #top-menu .top-menu_tabs-m11{ z-index:90;} #top-menu .top-menu_tabs-m1 a{ width:72px; background-position:left top;} #top-menu .top-menu_tabs-m1 a:hover, #top-menu .top-menu_tabs-m1 a.top-menu_tab-current{ background-position:left -21px;} #top-menu .top-menu_tabs-m2 a{ width:87px; background-position:-72px top;} #top-menu .top-menu_tabs-m2 a:hover, #top-menu .top-menu_tabs-m2 a.top-menu_tab-current{ background-position:-72px -21px;} #top-menu .top-menu_tabs-m3 a{ width:109px; background-position:-160px top;} #top-menu .top-menu_tabs-m3 a:hover, #top-menu .top-menu_tabs-m3 a.top-menu_tab-current{ background-position:-160px -21px;} #top-menu .top-menu_tabs-m4 a{ width:68px; background-position:-272px top;} #top-menu .top-menu_tabs-m4 a:hover, #top-menu .top-menu_tabs-m4 a.top-menu_tab-current{ background-position:-272px -21px;} #top-menu .top-menu_tabs-m5 a{ width:90px; background-position:-342px top;} #top-menu .top-menu_tabs-m5 a:hover, #top-menu .top-menu_tabs-m5 a.top-menu_tab-current{ background-position:-342px -21px;} #top-menu .top-menu_tabs-m6 a{ width:103px; background-position:-434px top;} #top-menu .top-menu_tabs-m6 a:hover, #top-menu .top-menu_tabs-m6 a.top-menu_tab-current{ background-position:-434px -21px;} #top-menu .top-menu_tabs-m7 a{ width:90px; background-position:-539px top;} #top-menu .top-menu_tabs-m7 a:hover, #top-menu .top-menu_tabs-m7 a.top-menu_tab-current{ background-position:-539px -21px;} #top-menu .top-menu_tabs-m8 a{ width:141px; background-position:-631px top;} #top-menu .top-menu_tabs-m8 a:hover, #top-menu .top-menu_tabs-m8 a.top-menu_tab-current{ background-position:-631px -21px;} #top-menu .top-menu_tabs-m9 a{ width:71px; background-position:-773px top;} #top-menu .top-menu_tabs-m9 a:hover, #top-menu .top-menu_tabs-m9 a.top-menu_tab-current{ background-position:-773px -21px;} #top-menu .top-menu_tabs-m10 a{ width:99px; background-position:-846px top;} #top-menu .top-menu_tabs-m10 a:hover, #top-menu .top-menu_tabs-m10 a.top-menu_tab-current{ background-position:-846px -21px;} #top-menu .top-menu_tabs-m11 a{ width:93px; background-position:-946px top;} #top-menu .top-menu_tabs-m11 a:hover, #top-menu .top-menu_tabs-m11 a.top-menu_tab-current{ background-position:-946px -21px;} .top-menu_tab-current-li{ z-index:100!important;} #top-menu .top-menu_tab-menu{ position:absolute; left:8px; top:23px; display:none; width:953px; height:36px; padding:0 0 0 12px; background:url(../img/top-menu-dropdown-bg.png) no-repeat left top;} /*#top-menu .top-menu_m1 .top-menu_dropdown-bg{ left:-8px;} #top-menu .top-menu_m2 .top-menu_dropdown-bg{ left:-98px;} #top-menu .top-menu_m3 .top-menu_dropdown-bg{ left:-212px;} #top-menu .top-menu_m4 .top-menu_dropdown-bg{ left:-313px;} #top-menu .top-menu_m5 .top-menu_dropdown-bg{ left:-429px;} #top-menu .top-menu_m6 .top-menu_dropdown-bg{ left:-513px;} #top-menu .top-menu_m7 .top-menu_dropdown-bg{ left:-644px;} #top-menu .top-menu_m8 .top-menu_dropdown-bg{ left:-744px;} #top-menu .top-menu_m9 .top-menu_dropdown-bg{ left:-859px;}*/ #top-menu .top-menu_tab-menu li{ float:left; padding:8px 12px 4px; background:url(../img/top-menu-dropdown-line.png) no-repeat right 9px;} #top-menu .top-menu_tab-menu li a{ height:auto; width:auto; /*display:block; padding-top:2px;*/ color:#fff; font-size:12px; text-indent:0;} @media all and (min-width:0) { #top-menu .top-menu_dropdown-bg li a { padding-top:3px; \0/; } /* IE9-IE10pp4 */} #top-menu .top-menu_tab-menu li.hover, #top-menu .top-menu_tab-menu li.top-menu_section-current{ background:url(../img/tab-menu-hover-bg.png) repeat-x left center!important;} #top-menu .top-menu_tab-menu li.hover a, #top-menu .top-menu_tab-menu li.top-menu_section-current a{ color:#353535; text-decoration:none;} /*#top-menu .top-menu_tab-menu li a:hover, #top-menu .top-menu_tab-menu li a.top-menu_section-current{ color:#353535; text-decoration:none;} */ #top-menu .top-menu_sub-menu-dropdown { width: 960px; height: 308px; position: absolute; top:50px; left:13px; display:none; background: url(../img/sub-menu-dropdown-bg.png) no-repeat 0 0;} #top-menu .top-menu_sub-menu-container{ float:left; margin:30px 0 0 20px;} #top-menu .top-menu_sub-menu-header{ margin-bottom:10px; font-size:16px; line-height:18px; color:#ba0238; font-weight:bold;} /*#top-menu .top-menu_sub-menu-container ul{ float:left; width:160px; padding-left:20px; margin-left:10px; border-left:1px solid #e0e0e0;} #top-menu .top-menu_sub-menu-container ul li{ margin-bottom:5px; padding-left:13px; background:url(../img/sub-menu_arrow.png) no-repeat left 4px; }*/ #top-menu .top-menu_sub-menu-container ul.top-menu_sub-menu{ /*width:550px;*/} #top-menu .top-menu_sub-menu-container ul li{ float:left; padding-left:20px; margin-left:10px; border-left:1px solid #e0e0e0;} #top-menu .top-menu_sub-menu-container ul li.no-style{ padding-left:0; margin-left:0; border:none;} #top-menu .top-menu_sub-menu-container ul li ul{ width:160px;} #top-menu .top-menu_sub-menu-container ul li ul li{ float:none; margin-bottom:5px; padding-left:13px; background:url(../img/sub-menu_arrow.png) no-repeat left 4px; margin-left:0; border-left:0; } #top-menu .top-menu_sub-menu-container ul li a { display: block; color:#4d4b4b; font-size:13px;} #top-menu .top-menu_sub-menu-container ul li a:hover { color:#74192E; text-decoration:none;} #top-menu .top-menu_sub-menu-imgs{ float:right; width:340px; margin:60px 14px 0 0; } #top-menu .top-menu_sub-menu-imgs li{ float:left; margin:0 5px 5px 0; } #top-menu .top-menu_sub-menu-imgs li a { display: block;} #top-menu .top-menu_sub-menu-imgs li a:hover img{ opacity:0.5; filter:alpha(opacity=50);} #top-menu .top-menu_tab-menu .top-menu_cycle-menu-item{ width:925px;} #top-menu .top-menu_tab-menu .top-menu_cycle-menu-containter, #top-menu .top-menu_cycle-menu>li{ background:none; float:none; padding:0;} #top-menu .top-menu_tab-menu .top-menu_cycle-menu{ width:800px;} #top-menu .top-menu_tab-menu .top-menu_cycle-menu-item{ background:none; float:none; padding:0 0 0 40px;} .top-menu_cycle-menu-prev{ position:absolute; left:26px; top:30px; z-index:100; display:block; width:16px; height:16px; background:url(../img/menu-arrow-prev.png) no-repeat 0 0; } .top-menu_cycle-menu-next{ position:absolute; right:20px; top:30px; z-index:100; display:block; padding-right: 15px; height:16px; background:url(../img/menu-arrow-next.png) no-repeat right 0; color:#fff; line-height:16px; font-size:11px; } .top-menu_cycle-menu-prev:hover{ /*background-position:left bottom;*/ opacity:0.5; filter: alpha(opacity=50);} .top-menu_cycle-menu-next:hover{ /*background-position:right bottom;*/ opacity:0.5; filter: alpha(opacity=50);} .top-menu_cycle-menu-point-nav{ position:absolute; right:20px; top:35px; z-index:100;} .top-menu_cycle-menu-point-nav li{ float:left; margin-right:6px;} .top-menu_cycle-menu-point-nav li a{ display:block; width:8px; height:8px; background:url(../img/icon-banner-cycle.png) no-repeat 0 0; position:relative;} .top-menu_cycle-menu-point-nav li a:hover, .top-menu_cycle-menu-point-nav li.activeSlide a{ background-position:left bottom;} .top-menu_tab-menu.clearfix[data-tab="index"]{display:none !important;} /* ------------- * Footer * ------------- */ #footer { width:1014px; height:40px; padding: 15px 0; font-size: 11px; float:left; margin:0 22px 0;} #footer .footer_left-content {float:left;} #footer .footer_copyright { margin-top:5px; color: #616161; font-size: 11px;} /* original padding-x0y14 */ #footer .footer_left-content ul li { float: left; height: 14px; width: auto; padding: 0 7px; } #footer .footer_left-content ul li a { color: #b7274c;} #footer .footer_left-content ul li a:hover { color:#841e2b;} #footer .footer_left-content .footer_first { padding-left: 0;} #footer .footer_left-content .footer_last{ background:none;} #footer .footer_left-content li { background: url(../img/footer-line.png) no-repeat right 5px transparent;} #footer .footer_right-content { float: right; } #footer .footer_right-content a{ display:block; width:140px; height:47px; background: url(../img/logo-caringcompany.png) no-repeat 0 0; text-indent:-9999px;} /*#footer .footer_right-content span{ display:block; width:140px; height:47px; background: url(../img/logo-caringcompany.png) no-repeat 0 0; text-indent:-9999px;}*/ .home #footer .footer_right-content img{ margin-left:2px;height: 43px;} #footer .footer_right-content img{ margin-left:0px;height: 35px;} /* ------------- * Breadcrumb * ------------- */ #breadcrumb{ height:18px; padding:15px 15px 20px 0; font-size:11px; text-align:right;} #breadcrumb a{ margin-left:8px; padding-right: 16px; background:url(../img/icon-breadcrumb.png) no-repeat right center; color:#6e6e6e; } #breadcrumb a:hover{ color:#841e2b;} #breadcrumb span{ margin-left:8px; font-weight:bold; color:#b7274c;} /* ------------- * Left Menu * ------------- */ #left-menu{ float:left; width:168px; position:relative; /*margin:0 20px 0 10px;*/ margin:0 20px 0 17px; font-size: 12px;} #left-menu .left-menu_title{ /*height:18px;*/ line-height:18px; padding:0 0 3px 0; margin:0 0 3px 10px; background:url(../img/left-menu-title-bg.png) no-repeat left bottom; font-size:15px; color:#b7274c; font-weight:bold;} #left-menu li div{ border-bottom: 1px solid #dfdfdf;} #left-menu li div a { display:block; padding:6px 13px 4px 10px; background:url(../img/icon-left-menu.png) no-repeat 158px 10px; color:#923406; } #left-menu li div a:hover{ color:#bb0836; text-decoration: none;} #left-menu li.left-menu_current div a{ background:url(../img/icon-left-menu-down.png) no-repeat 158px 12px; color:#b7274c;} #left-menu li.left-menu_current.highlight-no-sub div a{ background:url(../img/icon-left-menu.png) no-repeat 158px 10px; color:#bb0836;} #left-menu li.left-menu_current div.no-border{ border-bottom:0!important;} #left-menu li.left-menu_current-hide-child div a { background:url(../img/icon-left-menu.png) no-repeat 158px 10px; color:#B7274C; } #left-menu li ul{ display:none; padding:6px 0 4px 15px; border-bottom: 1px solid #dfdfdf;} #left-menu li ul li{ border-bottom:0;} #left-menu li ul li a{ display:block; padding:3px 13px 3px 15px; background:url(../img/icon-left-menu-sub.png) no-repeat 0 7px; color:#74192e;} #left-menu li ul li a:hover, #left-menu li ul li.left-menu_current a{ text-decoration:none; color:#b7274c;} #left-menu li ul li.current ul li a{ color:#496588;} #left-menu li.left-menu_current ul li ul{ display:none;} #left-menu li ul li ul{ margin-left:4px;} #left-menu li.left-menu_current ul, #left-menu li.left-menu_current ul li.left-menu_current ul {display:block;} #left-menu li.left-menu_current-hide-child ul, #left-menu li.left-menu_current-hide-child ul li.left-menu_current ul {display:none;} #left-menu ul li ul li ul{ display:none!important;} /*#left-menu > ul{ display:none;}*/ /* ------------- * Right Menu * ------------- */ #right-menu{ float:left; width:188px;} .right-menu_pulldown-container{ position:relative;} .right-menu_pulldown-bg{ position: absolute; left:2px; top:25px; z-index:10; display:none; width: 180px; background:url(../img/right-menu_onlineservices-dropdown-bg.png) no-repeat left top;} .right-menu_pulldown{ padding:2px 0 8px 12px; margin-top:6px; background:url(../img/right-menu_onlineservices-dropdown-bg-btm.png) no-repeat left bottom;} .right-menu_pulldown-btn{ width:144px; height:27px; margin:0 0 0 -2px; padding:6px 0 0 44px; cursor:pointer; background:url(../img/right-menu_btns2.png) no-repeat 0 0; font-size:12px; font-weight:bold; font-family:Arial,微軟正黑體,Helvetica,sans-serif; } .right-menu_pulldown-btn:hover{ background-position:right top;} .right-menu_pulldown li{ padding-left:13px; background:url(../img/right-menu_arrow-onlineservices.png) no-repeat left 4px; } .right-menu_pulldown a { display: block; color:#B7274C; font-size:12px;} .right-menu_pulldown a:hover { color:#841e2b; text-decoration:none;} /*eBanking*/ .ebanking_title{ height:18px; margin-bottom:6px; background:url(../img/right-menu_title-onlineservices.png) no-repeat left top; text-indent:-9999px;} #ebanking_pulldown-btn{ color:#1e1e1e;} /*Our Services*/ .our-services_title{ height:18px; margin:38px 0 12px; background:url(../img/right-menu_title-services.png) no-repeat left top; text-indent:-9999px;} #tools_pulldown-btn{ background-position:left -31px; color:#b7274c;} #provide_pulldown-btn{ background-position:left -62px; color:#b7274c;} #want_pulldown-btn{ background-position:left -93px; color:#b7274c;} #tools_pulldown-btn:hover{ background-position:right -31px; color:#b7274c;} #provide_pulldown-btn:hover{ background-position:right -62px; color:#b7274c;} #want_pulldown-btn:hover{ background-position:right -93px; color:#b7274c;} #CRS_pulldown-btn {background-position: left bottom; color: #b7274c;} #fatca_btn{background: url(../img/FATCA.png) no-repeat 0 0 !important;} /*ad*/ .right-menu_ad{ float:right; width:182px; margin:30px 15px 0 0;} .right-menu_ad li{ margin-bottom:12px;} .right-menu_ad a{ display:block; border:1px solid #c9c7c8;} .right-menu_ad li img{ max-width:182px;} /* ------------- * Inner Content * ------------- */ #inner-content{ color:#000; font-size:13px; font-size:13px; /* font-size:110%; line-height:1.5 */} #inner-content a{ color:#b7274c; } #inner-content a:hover{ color:#841e2b; text-decoration:underline;} #inner-content p{ margin-bottom:15px; line-height:160%;} .inner-content_title{ min-height:16px; margin-bottom:12px; color:#b7274c; font-size:18px; font-weight:bold; line-height:150%;} .inner-content_banner-with-title{ position:relative; width:559px; margin-bottom:25px;} .inner-content_banner-with-title dl{ position:absolute; left:18px; top:26px; min-height:128px;} .inner-content_banner-with-title dl dt{ width:290px; margin-bottom:12px; color:#923406; font-size:24px; line-height:28px; font-weight:bold;} .inner-content_banner-with-title dl dd{ width:290px; font-size:12px;} .inner-content_banner-with-title .inner-content_bg-banner-with-title{ position:absolute; left:0; bottom:0; z-index:10; width:100%; height:16px; background:url(../img/inner-content_bg-banner-with-title.png) no-repeat 0 0;} .inner-content_banner-with-title .inner-content_bg-banner-with-title.short{ height:8px;} .inner-content_point-nav{ position:absolute; right:10px; bottom:5px; z-index:10; } .inner-content_point-nav li{ float:left; margin-right:4px;} .inner-content_point-nav li a{ display:block; width:8px; height:8px; background:url(../img/icon-banner-cycle.png) no-repeat 0 0; position:relative!important;} #inner-content .inner-content_point-nav li a:hover, #inner-content .inner-content_point-nav li.activeSlide a{ background-position:left bottom; text-decoration:none;} #inner-content .inner-content_banner-with-title-details{ display:block; width:110px; height:24px; line-height:24px; margin:10px 0 0 0; background: url(../img/inner-content_tabs-box-btn-application.png) no-repeat 0 0; color:#fff; text-align:center; } #inner-content .inner-content_banner-with-title-details:hover{ color:#c3c3c3; text-decoration:none;} .banner-without-text{ margin-bottom:25px;} .inner-content_banner-with-container{ min-height:163px;} .inner-content_section-bullet-points{ margin-bottom:25px;} .inner-content_section-bullet-points-top{ float:left; width:561px; height:45px; background:url(../img/inner-content_section-bullet-points-top-bg.png) no-repeat 0 0;} .inner-content_section-bullet-points-mid{ float:left; width:511px; height:auto; padding:0 25px; background:url(../img/inner-content_section-bullet-points-mid-bg.png) repeat-y 0 0;} .inner-content_section-bullet-points-btm{ float:left; width:561px; height:9px; background:url(../img/inner-content_section-bullet-points-btm-bg.png) no-repeat 0 0;} .inner-content_section-bullet-points-item-container{ position:relative; top:-16px;} .inner-content_section-bullet-points-item{ position:relative; float:left; width:100%; margin-bottom:10px; padding-bottom:30px; background:url(../img/inner-content_section-bullet-points-item-bg.png) no-repeat left bottom;} .inner-content_section-bullet-points-item.last{ background:none; padding-bottom:0;} .inner-content_section-bullet-points-item-txt{ float:left; width:290px;} .inner-content_section-bullet-points-item-img{ float:right;} .inner-content_section-bullet-points-item h5{ margin-bottom:12px; /*color:#b5182d;*/ color:#923406; font-size:15px; font-weight:bold;} .inner-content_section-bullet-points-item-txt>ul{ width:280px; margin:0 0 0 12px;} .inner-content_section-bullet-points-item-txt>ul li{ margin-bottom:5px; padding-left:30px;} .inner-content_section-bullet-points-key li{ background:url(../img/icon-bullet-key.png) no-repeat left top;} .inner-content_section-bullet-points-umbrella li{ background:url(../img/icon-bullet-umbrella.png) no-repeat left top;} .inner-content_section-bullet-points-item-txt ul li ul{ margin:5px 0 10px;} .inner-content_section-bullet-points-item-txt ul li ul li{ padding-left:15px; background:url(../img/icon-bullet-sub-circle.png) no-repeat left 5px;} .inner-content_table-alt-color-style{ margin-bottom:25px;} .inner-content_table-alt-color-style h5{ margin:0 0 8px 8px; /*color:#b5182d;*/ color:#923406; font-size:15px; font-weight:bold;} .inner-content_table-alt-color-style table{ /*width:573px;*/ width:100%;} .inner-content_table-alt-color-style table td{ padding:6px 8px;} /*.inner-content_table-alt-color-style td strong{ color:#7b7b7b;}*/ .inner-content_table-alt-color-style tr.even{ background:url(../img/table-bg-alternative-color.png) repeat-y left top;} .inner-content_table-alt-color-style tr.even .table-td-left{ background:url(../img/table-bg-alternative-color.png) repeat-y left top;} .inner-content_table-alt-color-style tr.even .table-td-right{ background:url(../img/table-bg-alternative-color.png) repeat-y right top;} .inner-content_table-alt-color-style-with-small-title h5{ margin:0 0 5px 8px; /*color:#841e2b;*/ color:#923406; font-size:13px; font-weight:bold;} .inner-content_table-alt-color-style-with-bullet table td{ width:49%; padding:6px 20px;} .inner-content_table-alt-color-style-with-bullet table td a{ display:block; padding-left:15px; background:url(../img/icon-bullet-triangle.png) no-repeat left 3px;} .inner-content_landing-entry-block{ margin-bottom:25px;} .inner-content_landing-entry-block ul{ padding-bottom:25px; background:url(../img/inner-content_landing-entry-block-bg.png) no-repeat left bottom;} .inner-content_landing-entry-block ul li{ float:left; width:272px; min-height:105px; position:relative; margin-right:13px; border-right:1px solid #b90238; background:#fff; } .inner-content_landing-entry-block ul li.no-bg{ margin-right:0;} .inner-content_landing-entry-block-txt{ float:left; width:170px;} .inner-content_landing-entry-block-img{ float:right; height:87px; margin-right:7px;} .inner-content_landing-entry-block-title{ margin-bottom:5px; /*color:#be023b;*/ color:#923406; font-weight:bold;} .inner-content_landing-entry-block-desc{ /*margin-bottom:5px;*/ min-height:46px; /*color:#767676;*/ font-size:11px; line-height:130%;} .inner-content_landing-entry-block-more{ position:absolute; left:0; bottom:0; padding-right:10px; background:url(../img/icon-landing-entry-block.png) no-repeat right center; font-size:11px;} .inner-content_landing-entry-block ul.single{ background:url(../img/inner-content_landing-entry-block-single-bg.png) no-repeat left bottom;} .inner-content_tabs-box{ position:relative; margin-bottom:25px;} .inner-content_tab-menu{ margin-left:5px; position:relative; z-index:100;} .inner-content_tab-menu li { float: left; height:38px; margin-right:-15px;} #inner-content .inner-content_tab-menu a { cursor: pointer; display: inline-block; color:#000; font-weight:bold;} #inner-content .inner-content_tab-menu a:hover{ text-decoration:none;} .inner-content_tab-menu a span { background: url(../img/inner-content_tab-menu-bg.png) no-repeat 0 0; display: block; float:left;} .inner-content_tab-menu .inner-content_tab-menu-left-bg{ width:20px; height:38px; background-position:left top;} .inner-content_tab-menu .inner-content_tab-menu-mid-bg{ width:auto; height:27px; padding:11px 10px 0; background-position:center top;} .inner-content_tab-menu .inner-content_tab-menu-right-bg{ width:20px; height:38px; background-position:right top;} .inner-content_tab-menu a:hover .inner-content_tab-menu-left-bg, .inner-content_tab-menu .current .inner-content_tab-menu-left-bg {background: url(../img/inner-content_tab-menu-bg.png) no-repeat left bottom;} .inner-content_tab-menu a:hover .inner-content_tab-menu-mid-bg, .inner-content_tab-menu .current .inner-content_tab-menu-mid-bg {background: url(../img/inner-content_tab-menu-bg.png) no-repeat center bottom; color:#fff;} .inner-content_tab-menu a:hover .inner-content_tab-menu-right-bg, .inner-content_tab-menu .current .inner-content_tab-menu-right-bg {background: url(../img/inner-content_tab-menu-bg.png) no-repeat right bottom;} .inner-content_tab-content{ /*margin-top:-15px;*/ position:relative; top:-15px;} .inner-content_tab-content-top{ width:561px; height:45px; background:url(../img/inner-content_section-bullet-points-top-bg.png) no-repeat 0 0;} .inner-content_tab-content-mid{ width:501px; height:auto; padding:0 30px; background:url(../img/inner-content_section-bullet-points-mid-bg.png) repeat-y 0 0;} .inner-content_tab-content-btm{ width:561px; height:9px; background:url(../img/inner-content_section-bullet-points-btm-bg.png) no-repeat 0 0;} .inner-content_tab-content-item{ position: relative; top: -20px;} .inner-content_tabs-box-bullet-points-zoom li{ padding:15px 0 15px 0;} .inner-content_tabs-box-bullet-points-zoom li.odd{background:url(../img/tabs-box-bg-alternative-color.png) repeat-y left top;} .inner-content_tab-content-item-title{ display:block; padding-left:25px; background:url(../img/icon-bullet-zoom.png) no-repeat left 2px; /*color:#b5182d;*/ color:#000; font-weight:bold;} .inner-content_tab-content-item-txt{ display:block; padding-left:25px;} /*#inner-content .inner-content_tab-content-item p{ margin-bottom:0; padding-bottom:6px;} */ .inner-content_tabs-box-with-application .inner-content_tab-content-item{ top:-15px;} #inner-content .inner-content_tabs-box-btn-application{ display:block; position:absolute; top:7px; right:22px; z-index:100; width:110px; height:24px; line-height:24px; background: url(../img/inner-content_tabs-box-btn-application.png) no-repeat 0 0; color:#fff; text-align:center; } #inner-content .inner-content_tabs-box-btn-application:hover{ color:#c3c3c3; text-decoration:none;} .inner-content_tabs-box-with-application .inner-content_tab-content-item-title{ display:block; margin-bottom:8px; font-size:15px; /*color:#b5182d;*/ color:#923406; font-weight:bold; letter-spacing:2px; } #inner-content .inner-content_tabs-box-with-application p{ padding-bottom:25px;} .inner-content_tabs-box-more{ padding-right:10px; background:url(../img/icon-landing-entry-block.png) no-repeat right center; font-size:11px;} .inner-content_tabs-box-bank-history>li{ float:left; width:100%; padding:15px 0 25px 0; margin-bottom:10px; background:url(../img/inner-content_section-bullet-points-item-bg.png) no-repeat left bottom;} .inner-content_tabs-box-bank-history li.no-bg{ background:none; padding-bottom:0;} .inner-content_tabs-box-bank-history-txt{ float:left; width:387px; margin-top:5px;} .inner-content_tabs-box-bank-history-img{ float:left; margin-right:12px; padding:7px; background:url(../img/inner-content_tabs-box-bank-history-img-bg.png) no-repeat left top;} .inner-content_tabs-box-bank-history-bullet-points{ margin-left:5px;} .inner-content_tabs-box-bank-history-bullet-points li{ float:none; padding:0 0 0 15px; margin-bottom:5px; background:url(../img/icon-bullet-sub-circle.png) no-repeat left 5px;} .inner-content_tabs-box-bank-history-title{ margin-bottom:5px; /*color:#b5182d;*/ color:#923406; font-size:15px; font-weight:bold;} .inner-content_tabs-box-creditcard>li{ float:left; width:100%; /*padding:15px 0 25px 0; margin-bottom:10px;*/ padding:15px 0 40px; background:url(../img/inner-content_section-bullet-points-item-bg.png) no-repeat left bottom;} .inner-content_tabs-box-creditcard li.no-bg{ background:none; padding-bottom:10px;} .inner-content_tabs-box-creditcard-txt{ float:left; width:310px; margin-top:5px;} .inner-content_tabs-box-creditcard-img{ float:left; width:170px; margin-right:20px; text-align:center;} .inner-content_tabs-box-annual-report-img{ float:left; width:140px; margin-right:20px; padding:7px; background:url(../img/inner-content_tabs-box-annual-report-img-bg.png) no-repeat left top;} .inner-content_tabs-box-creditcard-img img{ max-width:170px;} .inner-content_tabs-box-annual-report-img img{ max-width:170px;} .inner-content_tabs-box-creditcard-bullet-points{ margin:0 0 20px 10px;} .inner-content_tabs-box-creditcard-bullet-points li{ float:none; padding:0 0 0 15px; margin-bottom:3px; background:url(../img/icon-bullet-sub-circle.png) no-repeat left 5px;} .inner-content_tabs-box-creditcard-title{ margin-bottom:15px; /*color:#b5182d;*/ color:#923406; font-size:15px; font-weight:bold;} .inner-content_tabs-box-creditcard-hotline{ height:22px; padding:3px 0 0 25px; background:url(../img/icon-bullet-tel.png) no-repeat left top; color:#B7274C; font-weight:bold;} .inner-content_tabs-box-creditcard-hotline span{ color:#000; font-weight:normal;} #inner-content .inner-content_action-now-act-btn{ display:block; width:136px; height:21px; line-height:21px; background:url(../img/inner-content_act-block-btn-act.png) no-repeat 0 0; color:#fff; text-align:center; font-size:14px; font-weight:bold; letter-spacing: 1px;} .inner-content_action-now { margin-bottom:25px;} .inner-content_action-now ul{ width:573px; height:109px; margin-top:-26px; padding-top:30px; background:url(../img/inner-content_act-block-bg.png) no-repeat 0 0;} .inner-content_action-now ul li{ float:left; width:160px; height:67px; margin-left:15px; padding:6px 15px 10px 0; background:url(../img/inner-content_act-block-item-bg.png) no-repeat right top;} .inner-content_action-now ul li.last{ background:none;} .inner-content_action-now-txt{ float:left; width:90px; margin-top:13px;} .inner-content_action-now-img{ float:left; margin-right:10px; margin-top: 5px; width: 60px;} .inner-content_action-now-title{ margin-bottom:5px; /*color:#be023b;*/ color:#923406; font-weight:bold;} #inner-content .inner-content_action-now-details{ padding-right:10px; background:url(../img/icon-details.png) no-repeat right center; font-size:11px; color:#000;} .inner-content_remark-block{ font-size:11px; /*color:#7a7a7a;*/ margin-bottom:25px;} .inner-content_remark-block ol{ margin-left:15px; list-style-type:decimal; list-style-position:outside;} .inner-content_remark-block ol ol { margin:0 0 5px 18px;} .inner-content_remark-block ol ol.inner-content_remark-block-lower-roman{ list-style-type:lower-roman;} .inner-content_remark-block ol ol.inner-content_remark-block-lower-alpha{ list-style-type:lower-alpha;} .inner-content_scrollable-box{ margin-bottom:25px;} .inner-content_scrollable-box-top{ width:543px; height:28px; background:url(../img/inner-content_scrollable-box-top-bg.png) no-repeat 0 0;} .inner-content_scrollable-box-mid{ width:513px; padding:0 15px; background:url(../img/inner-content_scrollable-box-mid-bg.png) repeat-y 0 0;} .inner-content_scrollable-box-btm{ width:543px; height:18px; background:url(../img/inner-content_scrollable-box-btm-bg.png) no-repeat 0 0;} .inner-content_scrollable-box-mid-container{ position:relative; top:-5px; overflow: auto; width:100%; height: 240px;} .inner-content_scrollable-box-title{ display:block; color:#923406; font-weight:bold;} #inner-content .inner-content_scrollable-box-mid p{ padding-bottom:25px;} .inner-content_scrollable-box-mid-btn{ padding:20px 0 5px; text-align:center;} #inner-content .inner-content_scrollable-box-mid-btn a{ display:inline-block; width:68px; height:23px; line-height:22px; color:#FFF; text-align:center;} #inner-content .inner-content_scrollable-box-btn-summit{ background: url(../img/inner-content_scrollable-box-btn-summit.png) no-repeat 0 0;} #inner-content .inner-content_scrollable-box-btn-summit:hover{ color:#c3c3c3; text-decoration:none;} #inner-content .inner-content_scrollable-box-btn-cancel{ background: url(../img/inner-content_scrollable-box-btn-cancel.png) no-repeat 0 0;} #inner-content .inner-content_scrollable-box-btn-cancel:hover{ color:#c3c3c3; text-decoration:none;} .inner-content_expandable-content{ margin-bottom:25px;} #inner-content .inner-content_expandable-content-title{ /*height:37px; line-height:37px; padding-left:20px; margin-bottom:-3px; background:url(../img/inner-content_expandable-content-bg.png) no-repeat 0 0;*/ color:#ba0238; font-weight:bold; font-size:13px;} .inner-content_expandable-content-title-top{ height:10px; background:url(../img/inner-content_expandable-content-bg-top.png) no-repeat 0 0;} .inner-content_expandable-content-title-mid{ height:auto; padding:0 20px; background:url(../img/inner-content_expandable-content-bg-mid.png) repeat-y 0 0;} .inner-content_expandable-content-title-mid dl{ display:block; background:url(../img/arrow-tab-off.png) no-repeat right center;} .inner-content_expandable-content-title-mid dt{ float:left; width:20px;} .inner-content_expandable-content-title-mid dd{ float:left; width:490px;} .inner-content_expandable-content-title-btm{ height:10px; background:url(../img/inner-content_expandable-content-bg-btm.png) no-repeat 0 0;} .inner-content_expandable-content-title:hover .inner-content_expandable-content-title-top, .inner-content_expandable-content-title.current .inner-content_expandable-content-title-top, .inner-content_expandable-content-title:hover .inner-content_expandable-content-title-mid, .inner-content_expandable-content-title.current .inner-content_expandable-content-title-mid, .inner-content_expandable-content-title:hover .inner-content_expandable-content-title-btm, .inner-content_expandable-content-title.current .inner-content_expandable-content-title-btm{ background-position:right top;} .inner-content_expandable-content-title:hover .inner-content_expandable-content-title-mid dl, .inner-content_expandable-content-title.current .inner-content_expandable-content-title-mid dl{ background:url(../img/arrow-tab-on.png) no-repeat right center;} #inner-content .inner-content_expandable-content-title:hover, #inner-content .inner-content_expandable-content-title.current{ color:#fff; cursor:pointer;} .inner-content_expandable-content-txt{ padding:5px 20px 10px;} .inner-content_job-opening-content{ margin-bottom:25px;} #inner-content .inner-content_job-opening-content-title{ /*height:37px; line-height:37px; padding-left:20px; margin-bottom:-3px; background:url(../img/inner-content_job-opening-content-bg.png) no-repeat 0 0;*/ color:#ba0238; font-weight:bold; font-size:13px;} .inner-content_job-opening-content-title-top{ height:10px; background:url(../img/inner-content_expandable-content-bg-top.png) no-repeat 0 0;} .inner-content_job-opening-content-title-mid{ height:auto; padding:0 20px; background:url(../img/inner-content_expandable-content-bg-mid.png) repeat-y 0 0;} .inner-content_job-opening-content-title-mid dl{ display:block; background:url(../img/arrow-tab-off.png) no-repeat right center;} .inner-content_job-opening-content-title-mid dt{ float:left; width:20px;} .inner-content_job-opening-content-title-mid dd{ float:left; width:490px;} .inner-content_job-opening-content-title-btm{ height:10px; background:url(../img/inner-content_expandable-content-bg-btm.png) no-repeat 0 0;} .inner-content_job-opening-content-title:hover .inner-content_job-opening-content-title-top, .inner-content_job-opening-content-title.current .inner-content_job-opening-content-title-top, .inner-content_job-opening-content-title:hover .inner-content_job-opening-content-title-mid, .inner-content_job-opening-content-title.current .inner-content_job-opening-content-title-mid, .inner-content_job-opening-content-title:hover .inner-content_job-opening-content-title-btm, .inner-content_job-opening-content-title.current .inner-content_job-opening-content-title-btm{ background-position:right top;} .inner-content_job-opening-content-title:hover .inner-content_job-opening-content-title-mid dl, .inner-content_job-opening-content-title.current .inner-content_job-opening-content-title-mid dl{ background:url(../img/arrow-tab-on.png) no-repeat right center;} #inner-content .inner-content_job-opening-content-title:hover, #inner-content .inner-content_job-opening-content-title.current{ color:#fff; cursor:pointer;} .inner-content_job-opening-content-txt{ padding:5px 20px 10px;} .inner-content_job-opening-content-txt .inner-content_section-bullet-links{ margin:15px 0 20px;} #inner-content a.inner-content_button-back{ display:block; width:45px; height:26px; padding-left:31px; line-height:24px; margin-bottom:10px; background: url(../img/inner-content_btn-back.png) no-repeat 0 0; color:#FFF; } #inner-content a.inner-content_button-back:hover{ color:#c3c3c3; text-decoration:none;} .inner-content_title-for-table-with-header{ margin-bottom:10px; /*color:#841e2b;*/ color:#923406; font-weight:bold;} .inner-content_table-with-left-header { /*width:537px;*/ width:100%; border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; margin-bottom:25px;} .inner-content_table-with-left-header td, .inner-content_table-with-left-header th{ padding:8px; border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD; /*color:#555555;*/} .inner-content_table-with-left-header th{ width:90px; background:#B7274C; color:#fff;} .inner-content_table-with-left-header table th, .inner-content_table-with-left-header table td{ border:0;} ul.inner-content_section-bullet-points-bread{ margin-left:12px; margin-bottom:25px;} ul.inner-content_section-bullet-points-bread li{ margin-bottom:5px; padding-left:30px; background:url(../img/icon-bullet-bread.png) no-repeat left top;} .inner-content_table-with-alt-color tr.odd{ background:#faf6f6;} .inner-content_table-with-top-header { /*width:532px;*/ width:100%; border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;} .inner-content_table-with-top-header td, .inner-content_table-with-top-header th{ padding:8px; border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD; /*color:#555555;*/} .inner-content_table-with-top-header th{ background:#B7274C; color:#fff; text-align:left;} .inner-content_table-with-alt-color td table tr, .inner-content_table-with-alt-color td table td{ background:none!important; border:0!important;} .inner-content_table-for-repayment { /*width:538px;*/ width:100%; border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;} .inner-content_table-for-repayment td, .inner-content_table-for-repayment th{ padding:8px; border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD; text-align:left; /*color:#555555;*/} .inner-content_table-for-repayment th{ background:#B7274C; color:#fff;} ul.inner-content_section-bullet-points-tick{ margin-left:12px; margin-bottom:25px; } ul.inner-content_section-bullet-points-tick li{ margin-bottom:6px; padding-left:30px; background:url(../img/icon-bullet-tick.png) no-repeat left 2px;} ul.inner-content_section-bullet-points-tick li ol li{ background:none; padding-left:0;} ul.inner-content_section-bullet-points-tick .inner-content_remark-block{ margin-bottom:0;} .inner-content_remark-block .inner-content_table-with-left-header{ margin-bottom:5px;} .inner-content_remark-block .inner-content_table-with-left-header tr.odd td{ background:#faf6f6;} #inner-content ul.inner-content_section-bullet-points-tick h6{ margin-bottom:3px;} ul.inner-content_section-bullet-links{ margin-bottom:25px;} ul.inner-content_section-bullet-links li{ margin-bottom:6px; padding-left:15px; background:url(../img/icon-bullet-triangle.png) no-repeat left 3px;} .inner-content_rich-text{ margin-bottom:25px;} .inner-content_rich-text-top{ width:561px; height:45px; background:url(../img/inner-content_section-bullet-points-top-bg.png) no-repeat 0 0;} .inner-content_rich-text-mid{ width:511px; height:auto; padding:0 25px; background:url(../img/inner-content_section-bullet-points-mid-bg.png) repeat-y 0 0;} .inner-content_rich-text-btm{ width:561px; height:9px; background:url(../img/inner-content_section-bullet-points-btm-bg.png) no-repeat 0 0;} .inner-content_rich-text-item-container{ position:relative; top:-16px;} .inner-content_rich-text-item{ position:relative; float:left; width:100%; margin-bottom:10px; padding-bottom:30px; background:url(../img/inner-content_section-bullet-points-item-bg.png) no-repeat left bottom;} .inner-content_rich-text-item.last{ background:none; padding-bottom:0;} .inner-content_rich-text-item h5{ margin-bottom:12px; /*color:#b5182d;*/ color:#923406; font-size:15px; font-weight:bold; letter-spacing:2px;} ul.inner-content_section-bullet-points-flag{ margin-left:12px; margin-bottom:25px;} ul.inner-content_section-bullet-points-flag li{ margin-bottom:5px; padding-left:30px; background:url(../img/icon-bullet-flag.png) no-repeat left 2px;} .inner-content_rich-text .inner-content_section-bullet-points-flag, .inner-content_rich-text .inner-content_section-bullet-points-tick{ margin-left:15px;} .inner-content_rich-text-item-process{ margin:35px 0 0 48px;} .inner-content_rich-text-item-process li{ position:relative; margin-top:-18px;} .inner-content_rich-text-item-process-top{ width:410px; height:20px; background:url(../img/inner-content_rich-text-top-bg.png) no-repeat 0 0;} .inner-content_rich-text-item-process-mid{ width:360px; height:auto; padding:0 25px; background:url(../img/inner-content_rich-text-mid-bg.png) repeat-y 0 0; text-align:center;} .inner-content_rich-text-item-process-btm{ width:410px; height:33px; background:url(../img/inner-content_rich-text-btm-bg.png) no-repeat 0 0;} .inner-content_rich-text-item-process-btm.last{ background:url(../img/inner-content_rich-text-btm-last-bg.png) no-repeat 0 0;} .inner-content_general-form-top{ float:left; width:561px; height:45px; background:url(../img/inner-content_section-bullet-points-top-bg.png) no-repeat 0 0;} .inner-content_general-form-mid{ float:left; width:511px; height:auto; padding:0 25px; background:url(../img/inner-content_section-bullet-points-mid-bg.png) repeat-y 0 0;} .inner-content_general-form-btm{ float:left; width:561px; height:9px; background:url(../img/inner-content_section-bullet-points-btm-bg.png) no-repeat 0 0;} .inner-content_general-form-mid-container{ position:relative; top:-16px;} .inner-content_general-form-row { padding:0 0 6px 0; margin-left:10px;} .inner-content_general-form-row label { float:left; width:110px; margin-right:35px; text-align:left; color:#ba0238; line-height:21px;} .inner-content_general-form-row input[type="text"], .inner-content_general-form-row select, .inner-content_general-form-row textarea{ display:block; float:left; padding:0 2px; border:1px solid #d7d7d7; height:21px; line-height:21px; width:289px;} .inner-content_general-form-row textarea{ height:71px; font-size:12px;} .inner-content_general-form-mid-btn{ margin:-6px 0 20px 154px;} #inner-content .inner-content_general-form-btn{display:inline-block; width:68px; height:23px; line-height:23px; color:#FFF; text-align:center; cursor:pointer; border:0; font-size:12px;} #inner-content .inner-content_general-form-btn-cal{ background: url(../img/inner-content_scrollable-box-btn-summit.png) no-repeat 0 0;} #inner-content .inner-content_general-form-btn-cal:hover{ color:#c3c3c3; text-decoration:none;} #inner-content .inner-content_general-form-btn-cancle{ background: url(../img/inner-content_scrollable-box-btn-cancel.png) no-repeat 0 0;} #inner-content .inner-content_general-form-btn-cancle:hover{ color:#c3c3c3; text-decoration:none;} #inner-content .inner-content_general-form-btn-repayment{ display:block; width:92px; height:28px; line-height:28px; padding-left:35px; margin-top:10px; background: url(../img/inner-content_btn-repayment.png) no-repeat 0 0; color:#fff; font-size:12px;} #inner-content .inner-content_general-form-btn-repayment:hover{ color:#c3c3c3; text-decoration:none;} .inner-content_general-form-separ { height: 1px; background:#d3d3d3; margin:10px 0 20px;} .content_table .wl_tabletxt1{ background-color:none!important;} .content_table a:hover{ text-decoration:none!important;} .inner-content_news-listing{ position:relative;} #inner-content_news-listing-year{ position:absolute; right:30px; top:5px; color:#fff;} .inner-content_news-listing-box{ width:556px;} .inner-content_news-listing-box-header{ color:#fff; font-weight:bold;} .inner-content_news-listing-box-header .inner-content_news-listing-box-header-first{ width:80px; background:url(../img/inner-content_news-listing-bg.png) no-repeat left top; line-height:17px;} .inner-content_news-listing-box-header .inner-content_news-listing-box-header-second{ background:url(../img/inner-content_news-listing-bg.png) no-repeat right top; line-height:17px;} .inner-content_news-listing-box td, .inner-content_news-listing-box th{ padding:6px 5px 8px 18px; text-align:left;} .inner-content_news-listing-box tr.odd{ background:url(../img/table-bg-alternative-color.png) repeat-y left top;} .inner-content_news-listing-box tr.odd .table-td-left{ background:url(../img/table-bg-alternative-color.png) repeat-y left top;} .inner-content_news-listing-box tr.odd .table-td-right{ background:url(../img/table-bg-alternative-color.png) repeat-y right top;} #inner-content #inner-content_news-listing-year a:hover{ text-decoration:none;} .inner-content_news-listing-without-date{ position:relative;} .inner-content_news-listing-without-date-box-header{ background:url(../img/inner-content_news-listing-without-date-bg.png) no-repeat 0 0; color:#fff; font-weight:bold;} #inner-content_news-listing-without-date-year{ position:absolute; right:30px; top:5px; color:#fff; font-weight:bold;} .inner-content_news-listing-without-date-box{ width:556px;} .inner-content_news-listing-without-date-box td, .inner-content_news-listing-without-date-box th{ padding:6px 5px 8px 18px; text-align:left;} .inner-content_news-listing-without-date-box tr.odd{ background:url(../img/table-bg-alternative-color.png) repeat-y left top;} .inner-content_news-publis-date{ margin-bottom:3px; color:#BA0238; font-weight:bold;} .inner-content_section-bullet-points-2lv h5{ margin:0 0 5px 8px; color:#923406; font-size:13px; font-weight:bold;} ul.inner-content_section-bullet-points-disc, ul.inner-content_section-bullet-points-circle { margin-top:5px; } ul.inner-content_section-bullet-points-disc li{ margin-bottom:5px; padding-left:13px; background:url(../img/icon-bullet-sub-circle.png) no-repeat left 5px;} ul.inner-content_section-bullet-points-circle li{ margin-bottom:5px; padding-left:13px; background:url(../img/icon-bullet-sub-circle2.png) no-repeat left 5px;} .inner-content_section-bullet-points-2lv li ul{ margin-top:10px;} .inner-content_branch{ width:540px; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;} .inner-content_branch li, .inner-content_branch-district-header{ border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 8px;} .inner-content_branch-header li{ float:left;} .inner-content_branch-header, .inner-content_branch-district-header{ background:#B7274C; color:#fff; } .inner-content_branch-header-region{ width:80px;} .inner-content_branch-header-addr{ width:115px;} .inner-content_branch-header-tel{ width:115px;} .inner-content_branch-header-facilities{ width:162px;} .inner-content_branch-list li{ padding:0; border:0;} .inner-content_branch-list li.odd{ background:#faf6f6;} .inner-content_branch-list li div{ float:left; border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 8px;} .inner-content_branch-list li div span{ display:block; float:left;} .inner-content_branch-list li div span.inner-content_branch-hide-icon{ display:none;} .inner-content_branch-tel-icon{ display:inline-block; padding-left:20px; background:url(../img/icon-branch-tel.png) no-repeat left top; margin-bottom:5px; font-size:12px;} .inner-content_branch-fax-icon{ display:inline-block; padding-left:20px; background:url(../img/icon-branch-fax.png) no-repeat left 2px; font-size:12px;} .inner-content_branch-header-facilities span{ width:23px; height:24px;} .inner-content_branch-atm-icon{ background:url(../img/icon-atm.png) no-repeat left top;} .inner-content_branch-atm-with-rmb-withdrawal-icon{ background:url(../img/icon-atm-rmb.png) no-repeat left top;} .inner-content_branch-sunflower-wealth-management-centre-icon{ background:url(../img/icon-sunflower-wealth-management-centre.png) no-repeat left top;} .inner-content_branch-sunflower-investment-services-zone-icon{ background:url(../img/icon-sunflower-investment-services-zone.png) no-repeat left top;} .inner-content_branch-safe-deposit-box-icon{ background:url(../img/icon-safe-deposit-box.png) no-repeat left top;} .inner-content_branch-securities-trading-icon{ background:url(../img/icon-securities-trading.png) no-repeat left top;} .inner-content_branch-money-exchange-icon{ background:url(../img/icon-money-exchange.png) no-repeat left top;} .inner-content_branch-reservation-of-foreign-currency-notes-icon{ background:url(../img/icon-reservation-of-foreign-currency-notes.png) no-repeat left top;} .inner-content_branch-atm-chq{ background:url(../img/icon-atm-chq.png) no-repeat left top;} .inner-content_branch-atm-csh{ background:url(../img/icon-atm-csh.png) no-repeat left top;} .inner-content_branch-atm-vtm{ background:url(../img/icon-atm-vtm.png) no-repeat left top;} .inner-content_branch-mec{ background:url(../img/icon-branch-mec.png) no-repeat left top;} .inner-content_branch-wheelchair{ background:url(../img/icon-Wheelchair-ATM.png) no-repeat left top;} .inner-content_branch-listening{ background:url(../img/icon-assistive-listening-system.png) no-repeat left top;} .inner-content_branch-free-access{ background:url(../img/icon-barrier-free-access.png) no-repeat left top;} .inner-content_branch-audio-lead-through{ background:url(../img/icon-audio-lead-through.png) no-repeat left top;} .inner-content_branch-footer{ margin-top:10px; font-size:11px;} .inner-content_branch-footer li{ float:left; width:540px; margin-bottom:5px; border:0; padding:0; } .inner-content_branch-footer li div{ float:left; width:147px; margin-right:5px; min-height:24px; padding-left:28px; background-position:left -4px;} .inner-content_branch-mailcode-icon { background: url(../img/icon-branch-zipcode.png) no-repeat scroll left 2px transparent; display:block; font-size: 12px; padding-left: 20px;} #btntable{ margin-left:540px;} #btntable a:hover{ text-decoration:none;} #sitemap .inner-content_section-bullet-points-item-txt{ float:left; width:245px; margin-right:20px;} #sitemap .inner-content_section-bullet-points-item-txt > ul{ width:auto; margin:0 0 25px 0;} #sitemap ul.inner-content_section-bullet-links li{ background: url(../img/icon-bullet-gray.gif) no-repeat left 3px;} #sitemap .inner-content_section-bullet-points-item{ background:none; padding-bottom:0;} #sitemap .inner-content_section-bullet-points-item-txt ul>li.icon-bullet-plus{ background: url(../img/icon-bullet-plus-off.gif) no-repeat left 3px;} #sitemap .inner-content_section-bullet-points-item-txt ul>li.icon-bullet-minus{ background: url(../img/icon-bullet-minus-off.gif) no-repeat left 3px;} #sitemap .inner-content_section-bullet-points-item-txt ul>li.icon-bullet-plus:hover{ background: url(../img/icon-bullet-plus-on.gif) no-repeat left 3px; cursor:pointer;} #sitemap .inner-content_section-bullet-points-item-txt ul>li.icon-bullet-minus:hover{ background: url(../img/icon-bullet-minus-on.gif) no-repeat left 3px; cursor:pointer;} #sitemap .inner-content_section-bullet-points-item-txt ul li ul li{ background: url(../img/icon-bullet-sub-circle.png) no-repeat left 5px;} #sitemap-anchor{ margin-bottom:25px;} .sitemap-anchor_item{ float:left; width:42%; padding: 6px 20px;} .sitemap-anchor_item a{ background: url(../img/icon-bullet-triangle.png) no-repeat scroll left 3px transparent; display: block; padding-left: 15px;} .sitemap-anchor_item-hvbg{ background: url(../img/table-bg-alternative-color.png) repeat-y scroll left top;} .sitemap-anchor_item-odd{ background: url(../img/table-bg-alternative-color.png) repeat-y scroll right top;} .inner-content_job-opening-post-container{ width:640px; height:610px;} .inner-content_job-opening-post-content{ height:450px; overflow:auto; margin:0 18px 0px;} .inner-content_job-opening-post-container h5{ margin:28px 0 0 18px; color:#b7274c; font-size:15px; font-weight:bold; margin-bottom: 15px;} .inner-content_job-opening-post-container h6{ color:#923406; font-size:13px; font-weight:bold; margin-bottom: 15px;} .inner-content_job-opening-post-container a{ color:#b7274c; } .inner-content_job-opening-post-container a:hover{ color:#841e2b; text-decoration:underline;} .inner-content_job-opening-post-container p{ margin-bottom:15px; line-height:160%;} .inner-content_csr{ width:100%;} .inner-content_csr-cycle-container{ width:280px; float:right; position:relative; margin:0 0 10px 0;} .inner-content_csr-cycle{ width:280px; /*min-height:200px;*/} .inner-content_csr-cycle-txt{ /*min-height:30px;*/ background:#b7274c; /*padding:8px 10px 30px;*/ padding:32px 10px 13px; #margin-top:-5px; color:#fff; font-size:11px;} .inner-content_csr-cycle-prev, .inner-content_csr-cycle-next { position: absolute; display: block; width: 24px; height: 27px; z-index: 100; background: url(../img/csr-cycle-control.png) no-repeat scroll left top transparent; text-indent: -9999px;} .inner-content_csr-cycle-prev {right:35px; /*bottom:3px;*/ top:175px;} .inner-content_csr-cycle-next {right:10px; /*bottom:3px;*/ top:175px; background-position: right top; } .inner-content_csr-cycle-prev:hover { background-position: left -27px; } .inner-content_csr-cycle-next:hover { background-position: right -27px;} .inner-content_csr-cycle-first, .inner-content_csr-cycle-first:hover{ background-position: left -54px; cursor:default;} .inner-content_csr-cycle-last, .inner-content_csr-cycle-last:hover{ background-position: right -54px; cursor:default;} .inner-content_csr-txt{ float:left; width:260px; margin-right:20px;} .branch-location-icon{ padding-right:3px;} /* iframe pages styles from winglung*/ .grey_border { border-color: #E5E5E5; border-style: solid; border-width: 5px; margin: 3px 5px; } .white_border { border-color: #FFFFFF; border-style: solid; border-width: 1px; } .index_table_pic { padding: 5px 20px 5px 5px; vertical-align: top; } .pic_border { border-color: #E5E5E5; border-style: solid; border-width: 1px; } .right_column_spacing { padding: 20px; } .right_column_spacing_02 { padding: 10px 20px 20px; } .index_table_style { padding: 10px; text-align: justify; } DIV.content_table { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 18px; text-align: justify; } DIV.content_table2 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 18px; text-align: justify; } DIV.content_table3 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 18px; text-align: justify; } DIV.content_logo { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 18px; padding: 10px; text-align: justify; } DIV.content_images { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 18px; padding: 15px 20px; text-align: justify; } DIV.content_banner { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 0; padding-bottom: 0; padding-left: 30px; padding-right: 20px; text-align: justify; vertical-align: top; } #floatingmenu { height: 120px; left: 990px; position: absolute; top: 883px; width: 13px; z-index: 33; } a.button { background: url("../bg_button_a.gif") no-repeat scroll right top transparent; color: #444444; display: block; float: left; font: 13px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; } .loginbox { background-image: url("../images/logintimearea.jpg"); color: #999999; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; padding-left: 15px; text-decoration: none; } a.wl_tablelink:link { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 19px; text-decoration: none; } a.wl_tablelink:visited { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 19px; text-decoration: none; } a.wl_tablelink:hover { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 19px; text-decoration: underline; } a.wl_tablelink:active { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; line-height: 19px; text-decoration: none; } .wl_tabletxt1 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; letter-spacing: 0; padding: 8px; text-align:left } .wl_tabletxt3 { background-color: #B7274C; color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; letter-spacing: 0; padding:8px; text-align:left } .wl_tabletxt3 a { color: #FFFFFF; text-decoration: underline; } .wl_tabletxt3 a:hover { color: #C60001; text-decoration: underline; } .wl_tabletxt3 a:visited { color: #FFFFFF; text-decoration: underline; } .wl_box_head_greenBG { color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; letter-spacing: 0; padding-left: 15px; padding-right: 20px; vertical-align: -80%; } .wl_box_content_greenBG { background-color: #C60001; color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; letter-spacing: 0; padding: 8px 20px 0 0; } .wl_tabletxt4 { color: #B7274C; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 15px; letter-spacing: 0; font-weight:bold; margin-bottom: 15px; } .wl_tabletxt5 { background-color: #CCCCCC; color: #666666; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; letter-spacing: 0; padding: 12px 10px; } .wl_tabletxt6 { background-color: #FFFFFF; color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 0; padding: 15px 10px 4px; } .wl_description { background-color: #F6FAEC; color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 10px; letter-spacing: 0; padding: 0 10px; } .wl_box_content_gray { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding: 10px 15px; text-decoration: none; } .wl_box_content2 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding: 10px 0 0; text-decoration: none; } .wl_box_content_red { color: #FF0000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding-bottom: 10px; padding-left: 20px; padding-top: 10px; text-decoration: none; } .wl_linkage { background-image: url("../images/wl_sidemenu_bg.jpg"); color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding-bottom: 3px; padding-left: 10px; padding-top: 3px; text-decoration: none; width: 226px; } .wl_linkagemouseover { background-image: url("../images/wl_sidemenu_bg_on.jpg"); color: #333333; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding-bottom: 3px; padding-left: 10px; padding-top: 3px; text-decoration: none; width: 226px; } A.wl_linkage { background-image: url("../images/wl_sidemenu_bg_on.jpg"); color: #000000; text-decoration: none; width: 226px; } A.wl_linkage:visited { background-image: url("../images/wl_sidemenu_bg_on.jpg"); color: #000000; text-decoration: none; width: 226px; } A.wl_linkage:hover { background-image: url("../images/wl_sidemenu_bg_on.jpg"); color: #000000; text-decoration: none; width: 226px; } .wl_linkage2 { background-image: url("../images/wl_submenu_bg.jpg"); color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding-bottom: 4px; padding-left: 10px; padding-top: 5px; text-decoration: none; width: 168px; } .wl_linkage2mouseover { background-image: url("../images/wl_submenu_bg.jpg"); color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; padding-bottom: 4px; padding-left: 10px; padding-top: 5px; text-decoration: none; width: 168px; } A.wl_linkage2 { background-image: url("../images/wl_submenu_bg.jpg"); color: #FFFFFF; text-decoration: none; width: 168px; } A.wl_linkage2:visited { background-image: url("../images/wl_submenu_bg.jpg"); color: #FFFFFF; text-decoration: none; width: 168px; } A.wl_linkage2:hover { background-image: url("../images/wl_submenu_bg.jpg"); color: #FFFFFF; text-decoration: none; width: 168px; } .wl_linkage3 { color: #C60001; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; text-decoration: none; } .wl_linkage3mouseover { color: #ADADAD; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; text-decoration: none; } A.wl_linkage3 { color: #C60001; text-decoration: none; } A.wl_linkage3:visited { color: #C60001; text-decoration: none; } A.wl_linkage3:hover { color: #ADADAD; text-decoration: none; } .wl_linkageBlue { color: #666666; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; text-decoration: none; } .wl_linkageBluemouseover { color: #666666; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; text-decoration: none; } A.wl_linkageBlue { color: #B7274C; text-decoration: none; } A.wl_linkageBlue:visited { color: #B7274C; text-decoration: none; } A.wl_linkageBlue:hover { color: #841E2B; text-decoration: underline; } .wl_linkageGray { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; text-decoration: none; } .wl_linkageGraymouseover { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; text-decoration: none; } A.wl_linkageGray { color: #000000; text-decoration: none; } A.wl_linkageGray:visited { color: #000000; text-decoration: none; } A.wl_linkageGray:hover { color: #000000; text-decoration: none; } .fleet1 { color: #406795; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 14px; font-weight: bold; } .fleet2 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; font-weight: bold; } .title1 { color: #3FB843; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; font-weight: bold; } .title2 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; font-weight: bold; } .indic { color: #F40004; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .wl_remark { font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; } .wl_orange { color: #B7274C; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; } .wl_deepgreen_bold { color: #AA1300; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 15px; font-weight: bold; } .section1 { color: #191971; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section2 { color: #0140E3; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section3 { color: #009E9A; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section4 { color: #7DFB01; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section5 { color: #FFB700; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section6 { color: #BDB76B; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section7 { color: #FF4500; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .section8 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .subtitle1 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .bluebold { color: #00325F; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 10px; font-weight: bold; } .listblue { color: #3C9B95; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: normal; } .listblue2 { color: #69C9F1; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: normal; } .titleorange { color: #FF8642; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .orange { color: #F26321; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; } .titleblue { color: #2929AF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .wl_tools { color: #C60001; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: normal; } .yellowcontent { color: #FFF568; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: normal; } .whitetitle { color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; font-weight: bold; } .wl_white { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; } .highlight { color: #CC8069; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; } .highlight2 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .year { color: #00325F; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; font-weight: bold; } .filesize { color: #243D9A; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 10px; } .box1 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; margin: 0; padding: 10px; } .box2 { background-position: center center; border: 1px solid #7F9DB9; color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; } #printer { font-size: 11px; position: absolute; visibility: hidden; width: 600px; } .ecard { color: #A2CE47; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; margin-bottom: 8px; margin-left: 80px; margin-top: 8px; } .ecard2 { color: #C6CEB5; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; margin-bottom: 8px; margin-top: 8px; } img.ecard3 { margin-bottom: 8px; } img.subtitle { margin-bottom: 8px; margin-left: 20px; } img.content1 { margin-bottom: 30px; margin-left: 5px; margin-top: 10px; } img.content2 { margin-bottom: 10px; margin-top: 10px; } .content3 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; margin-bottom: 20px; margin-left: 30px; margin-right: 30px; } img.content24 { margin-right: 10px; margin-top: 10px; } img.content25 { margin-top: 10px; } .content4 { color: #000000; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; margin-bottom: 2px; margin-left: 5px; margin-top: 2px; } img.content26 { margin-bottom: 10px; margin-top: 5px; } img.content27 { margin-left: 80px; } #printer { font-size: 11px; position: absolute; visibility: hidden; width: 600px; } .select_service { color: #000000; } .subtitle_disclaimers { color: #F74646; } .greenline { border-bottom: 2px solid #C60001; padding: 10px 10px 0; } .table_deep_green_title { color: #333333; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 13px; font-weight: bold; } .Deco { color: #C60001; font-family: Arial; font-size: 11px; text-decoration: none; white-space: nowrap; } .Deco:hover { color: #C60001; white-space: nowrap; } .des { color: #C60001; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 11px; white-space: nowrap; } .indic1 { padding-bottom: 4px; padding-top: 4px; } .titlewhite { color: #FFFFFF; font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 12px; font-weight: normal; padding: 8px 8px 8px 20px; } .title { font-family: Arial,"新細明體",Helvetica,sans-serif; font-size: 12px; font-weight: normal; padding: 8px 8px 8px 20px; } .wl_tabletxt3 { background:#B7274C; color:#fff; } .content_table ul { margin:0; padding:0; } .content_table ul li { list-style:none; line-height:18px; } .content_table table { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; } .content_table table th, .content_table table td { border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; } .content_table table td { padding:6px 10px 4px; } .content_table .iframe-table-no-border{ border:0;} .content_table .iframe-table-no-border th, .content_table .iframe-table-no-border td{ border:0;} .content_table .wl_tabletxt1{ background:#faf6f5;} .content_table .wl_tabletxt2{ background:#fff;} /* ------------- * Plugins Styles * ------------- */ /*** jScrollPane ***/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background:none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background:url(../img/home-scroll-track.png) repeat-y -2px top; position: relative; } .jspDrag { /*background: #ae3f5b;*/ background:url(../img/home-scrollbar.png) no-repeat 0 0; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { /*background: #50506d;*/ text-indent: -20000px; display: block; cursor: pointer; } /*.jspVerticalBar .jspArrowDown{ background:url(../img/inner-content_scrollable-box-btmarrow.jpg) no-repeat 0 0;} .jspVerticalBar .jspArrowUp{ background:url(../img/inner-content_scrollable-box-toparrow.jpg) no-repeat 0 0;}*/ .jspArrow.jspDisabled { cursor: default; /*background: #80808d;*/ } .jspVerticalBar .jspArrow { height: 7px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*** jquery.selectBox ***/ /* Dropdown control */ .selectBox-dropdown { min-width: 78px; position: relative; border: solid 1px #BBB; text-decoration: none; text-align: left; color: #000; outline: none; vertical-align: middle; background: #F2F2F2; display: inline-block; cursor: default; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; } .selectBox-dropdown .selectBox-label { width:39px!important; padding: 0 8px; display: inline-block; white-space: nowrap; overflow: hidden; color:#555555; font-weight:normal; } .selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url(../img/inner-content_news-listing-select-arrow.png) 50% center no-repeat; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */ background: #FFF; overflow: auto; } /* Inline control */ .selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #EEE; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #EEE; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } /* Disabled state */ .selectBox.selectBox-disabled { color: #888 !important; } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; } .selectBox-inline.selectBox-disabled { color: #888 !important; } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#fff;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:1px solid #817878; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:12px; right:18px; display:block; background:url(../img/colorbox-close-btn.png) no-repeat top center; width:14px; height:13px; text-indent:-9999px;} /***jcarousel***/ /*.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97; }*/ .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 261px; /*padding: 20px 40px;*/ } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 261px; height: 57px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 84px; height: 57px; padding-left:3px; position:relative; background:url(../img/banner-thumbnail-bg.png) no-repeat; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right:0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; bottom: 25px; right: -18px; width: 8px; height: 14px; cursor: pointer; background: transparent url(../img/home-banner-thumnail-arrow.png) no-repeat left bottom; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: left -14px; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: left -14px; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: left top; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; bottom: 25px; left: -18px; width: 8px; height: 14px; cursor: pointer; background: transparent url(../img/home-banner-thumnail-arrow.png) no-repeat right bottom; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: right -14px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: right -14px; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: right top; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /*jcarousel-skin-tango2*/ .jcarousel-skin-tango2{ } .jcarousel-skin-tango2 .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 614px; padding: 0 30px 0; } .jcarousel-skin-tango2 .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango2 .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango2 .jcarousel-clip-horizontal { width: 612px; height: 160px; } .jcarousel-skin-tango2 .jcarousel-clip-vertical { width: 138px; height: 138px; } .jcarousel-skin-tango2 .jcarousel-item { width: 138px; height: 160px; position:relative; text-align:center; } .jcarousel-skin-tango2 .jcarousel-item:hover{ opacity:0.6; filter:alpha(opacity=60);} .jcarousel-skin-tango2 .jcarousel-item a{ display:block; color:#be023b; font-weight:bold;} .jcarousel-skin-tango2 .jcarousel-item a span{ display:block; /*margin-top:-7px;*/ margin-top:3px; line-height:130%;} #home_bank-services-jcarousel li a img{ background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; } .jcarousel-skin-tango2 .jcarousel-item-horizontal { margin-left: 0; margin-right:15px; } .jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango2 .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango2 .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango2 .jcarousel-next-horizontal { position: absolute; bottom: 75px; right: 0px; width: 10px; height: 17px; cursor: pointer; background: transparent url(../img/rolling-submenu-arrow-right.gif) no-repeat right bottom; } .jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png); } .jcarousel-skin-tango2 .jcarousel-next-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-horizontal:focus { background: transparent url(../img/rolling-submenu-pointer.png) no-repeat right -17px; } .jcarousel-skin-tango2 .jcarousel-next-horizontal:active { background: transparent url(../img/rolling-submenu-pointer.png) no-repeat right -17px; } .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active { cursor: default; background: transparent url(../img/rolling-submenu-pointer.png) no-repeat right top; } .jcarousel-skin-tango2 .jcarousel-prev-horizontal { position: absolute; bottom: 75px; left: 0; width: 10px; height: 17px; cursor: pointer; background: transparent url(../img/rolling-submenu-arrow-left.gif) no-repeat left bottom; } .jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png); } .jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus { background: transparent url(../img/rolling-submenu-pointer.png) no-repeat left -17px; } .jcarousel-skin-tango2 .jcarousel-prev-horizontal:active { background: transparent url(../img/rolling-submenu-pointer.png) no-repeat left -17px; } .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active { cursor: default; background: transparent url(../img/rolling-submenu-pointer.png) no-repeat left top; } /** * Vertical Buttons */ .jcarousel-skin-tango2 .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango2 .jcarousel-next-vertical:hover, .jcarousel-skin-tango2 .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango2 .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango2 .jcarousel-next-disabled-vertical, .jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango2 .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango2 .jcarousel-prev-vertical:hover, .jcarousel-skin-tango2 .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango2 .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* GA */ #search-box #go { background: url("../img/header_search-icon.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 9px; position: absolute; right: 4px; top: 4px; width: 9px; } form.gsc-search-box{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CDCDCD; float: left; height: 16px; margin-right: 6px; position: relative; width: 195px!important; } input.gsc-input{ background: none repeat scroll 0 0 transparent; border: 0 none!important; color: #333333; font-size: 11px; padding: 2px 7px 1px; width: 170px!important; } input.gsc-search-button{ background: url("../img/header_search-icon.png") no-repeat 0 0!important; cursor: pointer; height: 9px; position: absolute; right: 4px; top: 4px; width: 9px; border: 0 none!important; text-indent:-9999px; } #cse{ width:100%;} #search_result_header{ display:none; margin:40px 0 20px 0; padding-bottom:10px; border-bottom:1px solid #EBEBEB; color: #B7274C; font-size: 18px; font-weight: bold;} #search_result{ display:none;} .home #search_result_header{ width:980px; margin:70px auto 20px;} .home #search_result{ width:950px; margin:0 auto;} .gsc-branding{ display:none;} input.gsc-input{ background:none!important;} td.gsc-clear-button{ display:none;} .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{ font-size:12px!important;} .gs-result .gs-title, .gs-result .gs-title *{ color:#B7274C!important;} .gs-title a.gs-title{ color:#B7274C!important; font-size:12px!important;} .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl{ color:#333!important; font-size:11px!important;} .gsc-results .gsc-cursor-box{ margin:20px 0 10px!important;} @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /*** Add sections here to hide various parts of the site when printing ***/ #header, #top-menu, #breadcrumb, #left-menu, #right-menu, #footer { float:none!important; display:none!important;} /*#inner-content{ width:99%!important;}*/ ul.inner-content_section-bullet-points-tick li, ul.inner-content_section-bullet-points-flag li, ul.inner-content_section-bullet-points-bread li, ul.inner-content_section-bullet-points-circle li, ul.inner-content_tabs-box-bank-history-bullet-points li, ul.inner-content_tabs-box-creditcard-bullet-points li, ul.inner-content_section-bullet-links li{ list-style-type:disc; padding-left:5px;} .skeleton_inner-bg, #content, #inner-content{ float:none!important;} .skeleton_inner-bg{ margin-top:0;} #content{ margin:0 39px 20px;} } #cse { color: #ffffff !important; } #header .header_search { display:none !important;} /** Customization **/ .home #our-services{ margin-bottom: 10px !important; } .home #home_content-container{ padding-bottom: 15px !important; } #special-notice{ background:url('/wlb_cms/wlb_corporate/files/en/img/special-notice.jpg') no-repeat !important; width:188px; height:35px; margin-top:10px; } #special-notice-large{ background:url('/wlb_cms/wlb_corporate/files/en/img/special-notice-large.jpg') no-repeat !important; /*max-width: 200px; height: 100px; margin-top: 10px;*/ } #special-notice-deposit{ background:url('/wlb_cms/wlb_corporate/files/en/img/deposit-protection.png') no-repeat !important; background: url(/wlb_corporate/files/hk/img/deposit-protection.png) no-repeat center center / contain !important; max-width: 212px; height: 100px; margin-top: -27px; display: inline-block; width: 133px; } #home-notice-mobile{ text-indent:-9999px; background: url('/wlb_cms/wlb_corporate/files/en/img/home-notice-mobile.jpg') no-repeat !important; width:180px; height:90px; } #corporate_pulldown-btn{ background-position: left -124px; } /* CAP */ #home_quick-links-img-btn > div > div.right-menu_pulldown-bg > ul > li:nth-child(3) > a, #right-menu-btn > div > div.right-menu_pulldown-bg > ul > li:nth-child(3) > a{ text-transform: uppercase; } /* cooper@20180913 18M005 beg */ .wlb-top-red{ color: #fff; height: 100%; font-size: 16px; width: 1058px; margin: 0 auto; } .wlb-flex-box{ float: left; width: 90%; height: 100%; } .wlb-logo{ float: left; width: 135px; } .wlb-logo img{ width:100%; } .wlb-des{ width:750px; float: left; padding:0 20px; margin-top: 20px; text-align:center; font-size: 18px; line-height: 22px; } .wlb-des strong{ font-size: 22px; } .wlb-btn{ float: right; padding-top: 35px; } .wlb-btn a{ display: block; width: 95px; height: 24px; line-height: 22px; line-height: 26px\9; outline: none; text-align: center; font-weight: 900; background-size:100% 100%; background: url('/wlb_cms/wlb_corporate/files/wrbtn.png') no-repeat; color: #b62d38; } .pop-win{ width: 100%; height: 100%; background: rgba(0,0,0,.5); background:url(/wlb_corporate/files/blackopc5.png) repeat\9; position: fixed; z-index: 1999; left: 0; top: 100px; } .pop-box{ position: absolute; left: 50%; top: 50%; width: 880px; height: 490px; margin-left: -440px; margin-top: -345px; } .pop-box img{ width: 100%; } /* cooper@20180913 18M005 end */