@charset "UTF-8"; /*Paragraph color setting*/ /** html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) Richard Clark (http://richclarkdesign.com) http://cssreset.com */ /* line 8, ../sass/common/_reset.scss */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* line 28, ../sass/common/_reset.scss */ body { line-height: 1; } /* line 31, ../sass/common/_reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } /* line 35, ../sass/common/_reset.scss */ nav ul, ul { list-style: none; } /* line 38, ../sass/common/_reset.scss */ blockquote, q { quotes: none; } /* line 41, ../sass/common/_reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 46, ../sass/common/_reset.scss */ a { margin: 0; padding: 0; color: #004a2f; font-size: 100%; text-decoration: none; vertical-align: baseline; background: transparent; outline: none; } /* line 55, ../sass/common/_reset.scss */ a:hover { color: #00a94f; text-decoration: underline; } /* change colours to suit your needs */ /* line 63, ../sass/common/_reset.scss */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ /* line 69, ../sass/common/_reset.scss */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } /* line 75, ../sass/common/_reset.scss */ del { text-decoration: line-through; } /* line 78, ../sass/common/_reset.scss */ abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } /* line 82, ../sass/common/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ /* line 87, ../sass/common/_reset.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } /* line 95, ../sass/common/_reset.scss */ input, select { vertical-align: middle; } /* line 98, ../sass/common/_reset.scss */ .clearfix:before, .clearfix:after { content: ""; display: table; } /* line 99, ../sass/common/_reset.scss */ .clearfix:after { clear: both; } /* line 100, ../sass/common/_reset.scss */ .clearfix { zoom: 1; clear: both; } /* accessbility reset */ /* line 111, ../sass/common/_reset.scss */ body { /************* reset *************/ font-size: 1em; } /* line 116, ../sass/common/_reset.scss */ h1, h2, h3, h4, h5 { margin: 0; font-size: em(16px); font-weight: normal; line-height: 1em; } /* line 123, ../sass/common/_reset.scss */ figure { margin: 0; } /* line 127, ../sass/common/_reset.scss */ ol, ul, li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* line 135, ../sass/common/_reset.scss */ i, img { outline: 0; } /* line 138, ../sass/common/_reset.scss */ i:focus, img:focus { outline: 0; } /* line 146, ../sass/common/_reset.scss */ a { color: #00a94f; text-decoration: underline; } /* line 149, ../sass/common/_reset.scss */ a:hover { color: #008852; text-decoration: underline; } /* line 154, ../sass/common/_reset.scss */ a:focus { outline: 0; } /* line 157, ../sass/common/_reset.scss */ a > img { border: 0; } /* line 170, ../sass/common/_reset.scss */ p + p { margin-top: 1em; } /* line 173, ../sass/common/_reset.scss */ ul + p { margin-top: 1.5em; } /* line 176, ../sass/common/_reset.scss */ p + ul { margin-top: .5em; } /* line 179, ../sass/common/_reset.scss */ li + li { margin-top: .3em; } /* line 182, ../sass/common/_reset.scss */ .clearfix { *zoom: 1; } /* line 183, ../sass/common/_reset.scss */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } /* line 188, ../sass/common/_reset.scss */ .clearfix:after { clear: both; } /* Cross-browser Setting */ /* Modernizr.js */ /* line 4, ../sass/common/_modernizr_js.scss */ html.no-boxshadow .bs_main { -moz-box-shadow: 0 0px 0px 0px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0 0px 0px 0px rgba(2, 2, 2, 0.15); box-shadow: 0 0px 0px 0px rgba(2, 2, 2, 0.15); border: 1px solid #d7d7d7; } /* line 9, ../sass/common/_modernizr_js.scss */ html.no-boxshadow .content_tab.bs_main { -moz-box-shadow: 0 0px 0px 0px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0 0px 0px 0px rgba(2, 2, 2, 0.15); box-shadow: 0 0px 0px 0px rgba(2, 2, 2, 0.15); border: none; } /* line 17, ../sass/common/_modernizr_js.scss */ html.lt-ie9 .footer { background-image: url(/insurance/img/common/footer-bg.jpg); background-position: center bottom; background-repeat: no-repeat; } /* line 31, ../sass/common/_modernizr_js.scss */ .ie8 .header .sub-menu ul.first-level a { font-size: 1.29em; } /* line 39, ../sass/common/_modernizr_js.scss */ .lt-ie9 { font-family: "微軟正黑體",Verdana !important; } /* line 41, ../sass/common/_modernizr_js.scss */ .lt-ie9 body { font-family: "微軟正黑體",Verdana !important; } /* line 47, ../sass/common/_modernizr_js.scss */ .mac body { font-family: Verdana, Arial, "STHeiti", "Heiti TC","LiHei Pro Medium", Helvetica, sans-serif !important; } /* line 49, ../sass/common/_modernizr_js.scss */ .mac body .header .site-menu a { line-height: 23px; font-family: Verdana, Arial, "STHeiti", "Heiti TC","LiHei Pro Medium", Helvetica, sans-serif !important; } /* line 53, ../sass/common/_modernizr_js.scss */ .mac body .header .info-menu a { font-family: Verdana, Arial, "STHeiti", "Heiti TC","LiHei Pro Medium", Helvetica, sans-serif !important; } /* line 57, ../sass/common/_modernizr_js.scss */ .mac body .header .info-menu .search > input[type="text"] { font-family: Verdana, Arial, "STHeiti", "Heiti TC","LiHei Pro Medium", Helvetica, sans-serif !important; } /* line 60, ../sass/common/_modernizr_js.scss */ .mac body .footer .sitemap .href-list ul li { font-family: Verdana, Arial, "STHeiti", "Heiti TC","LiHei Pro Medium", Helvetica, sans-serif !important; } /* line 69, ../sass/common/_modernizr_js.scss */ .ie8 body .form_style .w_200, .ie9 body .form_style .w_200, .ie10 body .form_style .w_200 { width: 188px; } /* line 70, ../sass/common/_modernizr_js.scss */ .ie8 body .form_style .w_215, .ie9 body .form_style .w_215, .ie10 body .form_style .w_215 { width: 203px; } /* line 71, ../sass/common/_modernizr_js.scss */ .ie8 body .form_style .w_220, .ie9 body .form_style .w_220, .ie10 body .form_style .w_220 { width: 208px; } /* line 72, ../sass/common/_modernizr_js.scss */ .ie8 body .form_style .w_240, .ie9 body .form_style .w_240, .ie10 body .form_style .w_240 { width: 228px; } @font-face { font-family: 'FontAwesome'; src: url("/cathaybk/font/fontawesome-webfont.eot?v=4.2.0"); src: url("/cathaybk/font/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("/cathaybk/font/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("/cathaybk/font/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("/cathaybk/font/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } /* line 36, ../sass/common/_font-awesome.scss */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 49, ../sass/common/_font-awesome.scss */ .fa-caret-down:before { content: ""; } /* line 50, ../sass/common/_font-awesome.scss */ .fa-caret-up:before { content: ""; } /* line 51, ../sass/common/_font-awesome.scss */ .fa-caret-left:before { content: ""; } /* line 52, ../sass/common/_font-awesome.scss */ .fa-caret-right:before { content: ""; } /* line 53, ../sass/common/_font-awesome.scss */ .fa-plus-circle:before { content: ""; } /* line 54, ../sass/common/_font-awesome.scss */ .fa-minus-circle:before { content: ""; } /* line 56, ../sass/common/_font-awesome.scss */ a > i { margin-right: 5px; } /* line 1, ../sass/common/_side-menu.scss */ aside.side-bar { width: 180px; float: left; margin-right: 20px; } /* line 7, ../sass/common/_side-menu.scss */ aside.side-bar .title-unit { font-size: 20px; letter-spacing: 2px; } /* line 10, ../sass/common/_side-menu.scss */ aside.side-bar .title-unit i { display: inline-block; width: 6px; height: 20px; margin-right: 10px; background-color: #008852; vertical-align: top; } /* line 21, ../sass/common/_side-menu.scss */ aside.side-bar .side-box { -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); margin-bottom: 25px; background-color: #fff; } /* line 29, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .btn_tab_side_menu { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; min-height: 45px; position: relative; padding: 12px 18px 12px 36px; border-top: 1px solid #d7d7d7; color: #004b31; font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; background-image: url(/cathaybk/img/common/btn_tab_side_menu.jpg); } /* line 45, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .btn_tab_side_menu .sidebar-icon { width: 24px; height: 30px; position: absolute; z-index: 1; left: 8px; top: 50%; margin-top: -15px; background-position: 0 0; } /* line 56, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .btn_tab_side_menu:hover, aside.side-bar .side-box li .btn_tab_side_menu.active { color: #fff; background-image: url(/cathaybk/img/common/btn_tab_side_menu_hover.jpg); } /* line 59, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .btn_tab_side_menu:hover .sidebar-icon, aside.side-bar .side-box li .btn_tab_side_menu.active .sidebar-icon { background-position: -24px 0; } /* line 64, ../sass/common/_side-menu.scss */ html.no-boxshadow aside.side-bar .side-box li .btn_tab_side_menu { min-height: 21px; } /* line 71, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .btn_tab_side_menu_has_second.active, aside.side-bar .side-box li .btn_tab_side_menu_has_second.active:hover { background-image: url(/cathaybk/img/common/btn_tab_side_menu_avtive.jpg); } /* line 75, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li:first-child .btn_tab_side_menu { border-top: none; } /* line 79, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .side_menu_second { display: none; margin-bottom: -1px; padding: 10px 0; background-color: #f7f7f7; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } /* line 87, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .side_menu_second li .btn_tab_side_menu_second { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 9px 10px 9px 40px; color: #004b31; font-size: 14px; font-weight: bold; line-height: 16px; text-decoration: none; background: url(/cathaybk/img/common/btn_tab_side_menu_second.png) top left repeat-y transparent; } /* line 99, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .side_menu_second li .btn_tab_side_menu_second.active, aside.side-bar .side-box li .side_menu_second li .btn_tab_side_menu_second.active:hover { background-image: url(/cathaybk/img/common/btn_tab_side_menu_second_active.png); color: #00a94f; } /* line 103, ../sass/common/_side-menu.scss */ aside.side-bar .side-box li .side_menu_second li .btn_tab_side_menu_second:hover { background-image: url(/cathaybk/img/common/btn_tab_side_menu_second_hover.png); color: #008852; } /* line 120, ../sass/common/_side-menu.scss */ .side_menu_service .title_side_menu_service { color: #1b1b1b; font-size: 14px; } /* line 124, ../sass/common/_side-menu.scss */ .side_menu_service .text_side_menu_service { color: #333; font-size: 14px; } /* line 130, ../sass/common/_side-menu.scss */ .btn_text_aside { display: block; color: #004b31; font-size: 13px; text-align: right; } /* line 135, ../sass/common/_side-menu.scss */ .btn_text_aside:hover { color: #00a94f; } /* line 137, ../sass/common/_side-menu.scss */ .btn_text_aside:hover .icon_side_menu_arrow_right { width: 5px; height: 9px; margin-left: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAKElEQVQY02NgWOn/HwgYkDEDSBBdAi6ILIEiCJPAEARjgioJ247uTgDf3mzkVdv3ygAAAABJRU5ErkJggg==); } /* line 144, ../sass/common/_side-menu.scss */ .btn_text_aside .icon_side_menu_arrow_right { width: 5px; height: 9px; margin-left: 5px; margin-right: 0 !important; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAKElEQVQY02Ng8NL/DwQMyJgBJIguARdElkARhElgCIIxQZWEbUd3JwAg2WB9ClCzLwAAAABJRU5ErkJggg==); } /* line 153, ../sass/common/_side-menu.scss */ [class^="icon_side_menu_"] { display: inline-block; width: 20px; margin-right: 5px !important; vertical-align: middle; background-repeat: no-repeat; background-position: center; } /* line 162, ../sass/common/_side-menu.scss */ .side-bar [class*="icon_side_menu_card_"] { width: 24px; height: 30px; position: absolute; z-index: 1; left: 8px; top: 50%; margin-top: -15px; } /* line 173, ../sass/common/_side-menu.scss */ .icon_side_menu_service { width: 24px; height: 21px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAQAAAD24OatAAAB3klEQVQ4T33Ty0tVURQH4G1WFEVqOW+QkanQqEk0KSqkB9UfEIE9RhIOjCaKNbAgehFF9BIpAmkSfUFK4DSKAiUow+CKTQSToCAjUlaDc673XotYw/P7DmvtvXaSKqpeh0FTfpszZVCH+kjlVR5e7aLvaNOkTp0mbfjuotX/Ao3GDWu22w2vTZr0yk17tBg2rnExaDatxy4fxKJ6b7ce05rLQa2CLt1/hYds81jo1qWgtgTuGtKzKDyjTZUUyTHzzhpytwgazDpSEZ51WW3WbKRITgpHzWrIwFX3vVsIf3ZOfensss49Neq+qxkoOC+MeOas7Q45o06S1DjtcA62CFcUIiV3hI8+LZxWmLNDktwS3lqekzGTwp2UN/IwB+v9Eg5Jkl6hYGkOHmTJIri20PUm+1RLkmp7bS5emGuVoK80ZmUtgL4iGBfCnCd2qvoPGBXCeLLSJSHcNmHMKWv+BWwUwj0rk+SYEPotsd+gbx55Yesi0C+EzuweWvI5DkqSDUaEC+XAwTyxPQNVCrKFaJUkG3VaVwJazQph2rLi8nXmf5h33dqKGWpdNp9/7S1t6woTwldvzPhpQLsDDmg34IcZL30RptWUP6CafH9WOe65KSFMee5E9jzVqMvG/wMVZEMi0+7UfwAAAABJRU5ErkJggg==); } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_index { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_index, a.active > .icon_side_menu_card_index { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_find { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_find, a.active > .icon_side_menu_card_find { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_apply { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_apply, a.active > .icon_side_menu_card_apply { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_rights { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_rights, a.active > .icon_side_menu_card_rights { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_notice { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_notice, a.active > .icon_side_menu_card_notice { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_benefits { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_benefits, a.active > .icon_side_menu_card_benefits { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_bonus { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_bonus, a.active > .icon_side_menu_card_bonus { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_installments { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_installments, a.active > .icon_side_menu_card_installments { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_oversea { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_oversea, a.active > .icon_side_menu_card_oversea { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_layaway { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_layaway, a.active > .icon_side_menu_card_layaway { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_advance { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_advance, a.active > .icon_side_menu_card_advance { background-position: -24px 0; } /* line 199, ../sass/common/_side-menu.scss */ .icon_side_menu_card_balance { background-position: 0 ,0; } /* line 201, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_balance, a.active > .icon_side_menu_card_balance { background-position: -24px 0; } /* line 206, ../sass/common/_side-menu.scss */ .icon_side_menu_card_default { background: 0 0; } /* line 208, ../sass/common/_side-menu.scss */ a:hover > .icon_side_menu_card_default, a.active > .icon_side_menu_card_default { background-position: -24px 0; } /* line 215, ../sass/common/_side-menu.scss */ #btn_tab_side_menu_card_oversea { background-image: none; cursor: default; } /* line 218, ../sass/common/_side-menu.scss */ #btn_tab_side_menu_card_oversea:hover { color: #004a2f; } /* line 1, ../sass/common/_lightbox.scss */ .lightbox { display: none; background-color: #fff; } /* line 6, ../sass/common/_lightbox.scss */ .lightbox.x-large { width: 840px; } /* line 7, ../sass/common/_lightbox.scss */ .lightbox.large { width: 720px; } /* line 9, ../sass/common/_lightbox.scss */ .lightbox .lightbox-header { display: block; height: 60px; background-color: #00a94f; } /* line 15, ../sass/common/_lightbox.scss */ .lightbox .lightbox-header .title { color: #fff; font-size: 20px; text-align: center; line-height: 60px; } /* line 20, ../sass/common/_lightbox.scss */ .lightbox .lightbox-header .title img { vertical-align: middle; } /* line 26, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content { padding: 30px; } /* line 30, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content.bg-yellow { background-color: #fff2cc; } /* line 31, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content.bg-green { background-color: #ddffed; } /* line 33, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content .login-page { width: 400px; text-align: center; } /* line 38, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content .login-page .row { width: 340px; margin: auto; text-align: left; margin-bottom: 10px; } /* line 45, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content .login-page .row .input-item { width: 112px; } /* line 48, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content .login-page .row .box-agree { font-size: 14px; } /* line 57, ../sass/common/_lightbox.scss */ .lightbox .lightbox-content:after { content: ""; display: table; clear: both; } /* line 62, ../sass/common/_lightbox.scss */ .lightbox .form_style .row + .buttons-group { margin-top: 35px; } /* line 3, ../sass/common/_breadcumbs.scss */ .breadcrumbs { padding: 15px 0 30px; } /* line 6, ../sass/common/_breadcumbs.scss */ .breadcrumbs:after { content: ""; display: table; clear: both; } /* line 10, ../sass/common/_breadcumbs.scss */ .breadcrumbs a .icon_breadcrumbs_home { width: 12px; height: 11px; margin-right: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAA0klEQVQoFQXBsUoCARgA4O/gl8PBDCJ6gUCafISaixZdegCFppSCGhwiGpy0MYhrCXGXll5AZ9fqARKxyYYgvOv7wnEdAGALA6S4wC8yfKMbAIA6MuwjxwFucIQVBADO8IhPXCJHC29I8I4iUEEPHbxgjjsE+pjjHDvYDWQ4wS2qeEAKGGKIK/TwHBhjikM0AACBa7ziHl+BCUZoAKAAJIBT/KEZgG0AfKANeEINUIUAbACwxgzwA4ANBKAEgBRlQAqAEgRgiRUKLJADFthDgiX8AxgALnfamGpBAAAAAElFTkSuQmCC); } /* line 19, ../sass/common/_breadcumbs.scss */ .breadcrumbs a:hover .icon_breadcrumbs_home { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAA00lEQVQoz13QPwtBcRTG8asMSmTxOrwDgzdgsNhkVBi9A8UokyySgeEOJCV/FhsGZWGVFJJFEeX6/nTUcYdPnXvO83Rv13Icx9KsTjyIOpoIwYcWKvC4wxEscMVF5hj2WP0VeEhKcI40UpjhiRcm3xxDACXcUUMGOxyQQ1UK5g1hU+jghgKKeMARJlhGHkf0TCEuC1sF3XrIIvH7/pYr8BZ6Z3+zUuirwxZRsVH7sS501WEJr1iq/VAXBuqwlj8XkPm3n+pCA2ecMIJfjGRnbm2T/QCqsPV2Dy71ngAAAABJRU5ErkJggg==); } /* line 3, ../sass/common/_buttons.scss */ .buttons-group { text-align: center; margin: 20px 0; } /* line 6, ../sass/common/_buttons.scss */ .buttons-group:after { content: ""; display: table; clear: both; } /* line 7, ../sass/common/_buttons.scss */ .buttons-group a { margin-right: 5px; text-decoration: none; } /* line 9, ../sass/common/_buttons.scss */ .buttons-group.vertical { margin: 0; display: block; float: right; } /* line 13, ../sass/common/_buttons.scss */ .buttons-group.vertical a { margin-right: 0; margin-bottom: 7px; display: block; } /* line 19, ../sass/common/_buttons.scss */ a, button { display: inline-block; padding: 0; outline: none; text-decoration: none; cursor: pointer; font-family: Verdana, Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", "LiHei Pro Medium", Helvetica, sans-serif; } /* line 37, ../sass/common/_buttons.scss */ a:hover, button:hover { display: inline-block; } /* line 39, ../sass/common/_buttons.scss */ a:hover a, button:hover a { color: inherit; display: block; text-decoration: none; } /* line 42, ../sass/common/_buttons.scss */ a.btn-freesize, button.btn-freesize { text-align: center; padding: 0 15px; height: 40px; font-size: 15px; line-height: 38px; text-decoration: none; } /* line 51, ../sass/common/_buttons.scss */ a.btn-large, button.btn-large { width: 135px; height: 40px; font-size: 15px; line-height: 38px; text-decoration: none; text-align: center; } /* line 60, ../sass/common/_buttons.scss */ a.btn-medium, button.btn-medium { width: 100px; height: 34px; font-size: 13px; line-height: 32px; text-decoration: none; text-align: center; } /* line 69, ../sass/common/_buttons.scss */ a.btn-small, button.btn-small { width: 87px; height: 34px; font-size: 13px; line-height: 30px; text-decoration: none; text-align: center; } /* line 76, ../sass/common/_buttons.scss */ a.btn-small.btn-freesize, button.btn-small.btn-freesize { width: auto; padding: 0 15px; } /* line 79, ../sass/common/_buttons.scss */ a.btn-tiny, button.btn-tiny { font-size: 13px; line-height: 10px; padding: 6px; text-decoration: none; text-align: center; } /* line 87, ../sass/common/_buttons.scss */ a.btn-close, button.btn-close { position: relative; z-index: 5; display: block; float: right; margin-bottom: 10px; text-align: center; text-decoration: none; } /* line 97, ../sass/common/_buttons.scss */ a.btn-important, button.btn-important { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; white-space: nowrap; border-color: #ff651b; background: linear-gradient(to bottom, #ff9445, #f06601 80%); background-color: #f87d23; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); color: white; } /* line 106, ../sass/common/_buttons.scss */ a.btn-important:hover, button.btn-important:hover { background: linear-gradient(to bottom, #ff7e1f, #ff5300 80%); background-color: #ff6910; color: white; } /* line 111, ../sass/common/_buttons.scss */ a.btn-important.active, button.btn-important.active { background: linear-gradient(to bottom, #f06601, #ff5300); background-color: #f85d01; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); color: #eee; } /* line 119, ../sass/common/_buttons.scss */ a.btn-gray, button.btn-gray { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; text-align: center; text-decoration: none !important; white-space: nowrap; border-color: #ccc; background: linear-gradient(to bottom, #ffffff, #e6e6e6 80%); background-color: #eee; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 3px white; color: #008852; } /* line 130, ../sass/common/_buttons.scss */ a.btn-gray:hover, button.btn-gray:hover { background: linear-gradient(to bottom, #ffffff 20%, #e6e6e6 80%); background-color: #f2f2f2; color: #00a94f; } /* line 135, ../sass/common/_buttons.scss */ a.btn-gray:active, button.btn-gray:active { background: linear-gradient(to bottom, #e6e6e6, #efefef); background-color: #e6e6e6; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), inset 0px 0px 3px white; color: #004a2f; } /* line 143, ../sass/common/_buttons.scss */ a.btn-hollow, button.btn-hollow { border: 1px solid #008852; background-color: transparent; color: #008852; font-size: 17px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } /* line 152, ../sass/common/_buttons.scss */ a.btn-hollow:hover, a.btn-hollow:focus, button.btn-hollow:hover, button.btn-hollow:focus { border: 1px solid #00a94f; color: #00a94f; } /* line 159, ../sass/common/_buttons.scss */ .btn-large { width: 135px; height: 40px; font-size: 15px; line-height: 38px; text-decoration: none; text-align: center; } /* line 168, ../sass/common/_buttons.scss */ .btn-hollow { border: 1px solid #008852; background-color: transparent; color: #008852; font-size: 17px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; margin: auto; } /* line 178, ../sass/common/_buttons.scss */ .btn-hollow:hover, .btn-hollow:focus { border: 1px solid #00a94f; color: #00a94f; } /* line 188, ../sass/common/_buttons.scss */ .btn_text_link { text-decoration: underline; } /* line 191, ../sass/common/_buttons.scss */ .btn_text_green { color: #00a94f; } /* line 193, ../sass/common/_buttons.scss */ .btn_text_green:hover { color: #008852; } /* line 199, ../sass/common/_buttons.scss */ [class^="arrow_s_"] { display: inline-block; vertical-align: middle; } /* line 203, ../sass/common/_buttons.scss */ .arrow_s_right { width: 5px; height: 9px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAJUlEQVQY02NgWOn/H4gZUDBU8D8uwf+4BP/jEvxPlErCtqO4EwB9VESAkbZiRgAAAABJRU5ErkJggg==); vertical-align: baseline; } /* line 212, ../sass/common/_buttons.scss */ .btn_text_link .arrow_s_right { margin-left: 5px; } /* line 214, ../sass/common/_buttons.scss */ .btn_text_link:hover .arrow_s_right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAKElEQVQY02Ng6Aj6DwQMyJgBJIguARdElkARhElgCIIxQZWEbUd3JwC/0mn2WM95KAAAAABJRU5ErkJggg==); } /* line 221, ../sass/common/_buttons.scss */ .switch-view-btn { width: 71px; height: 35px; margin-bottom: 10px; } /* line 227, ../sass/common/_buttons.scss */ .switch-view-btn a { width: 35px; height: 35px; overflow: hidden; float: left; display: block; } /* line 234, ../sass/common/_buttons.scss */ .switch-view-btn a.active { background-position: 0 -35px; cursor: default; } /* line 240, ../sass/common/_buttons.scss */ .switch-view-btn .btn-list { width: 36px; } /* line 250, ../sass/common/_buttons.scss */ .btn-disabled.btn-gray { color: #aaa !important; cursor: default; } /* line 253, ../sass/common/_buttons.scss */ .btn-disabled.btn-gray:hover, .btn-disabled.btn-gray:active { background: linear-gradient(to bottom, #ffffff, #e6e6e6 80%); background-color: #eee; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 3px white; color: #004a2f; } /* list_qa toggle */ /* line 8, ../sass/common/_collapse-list.scss */ .collapse-list li.odd { background-color: #fff; } /* line 11, ../sass/common/_collapse-list.scss */ .collapse-list li.even { background-color: #e0e0e0; } /* line 14, ../sass/common/_collapse-list.scss */ .collapse-list li .list-header { position: relative; min-height: 55px; padding: 10px 15px; color: #004a2f; font-weight: bold; vertical-align: middle; line-height: 34px; font-size: 16px; } /* line 23, ../sass/common/_collapse-list.scss */ .collapse-list li .list-header:hover { cursor: pointer; } /* line 25, ../sass/common/_collapse-list.scss */ .collapse-list li .list-header:hover a { text-decoration: none; } /* line 29, ../sass/common/_collapse-list.scss */ .collapse-list li .list-header img { vertical-align: middle; margin-right: 5px; } /* line 31, ../sass/common/_collapse-list.scss */ .collapse-list li .list-content { display: none; padding: 10px 53px; padding-top: 0; font-size: 16px; line-height: 26px; } /* line 37, ../sass/common/_collapse-list.scss */ .collapse-list li .list-content .icon-answer-content { margin-left: 30px; position: relative; } /* line 40, ../sass/common/_collapse-list.scss */ .collapse-list li .list-content .icon-answer-content:before { content: ""; display: block; position: absolute; left: -28px; top: 5px; width: 22px; height: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAQAAABKZPfjAAAAoklEQVQoz4XRURGFIBCF4Y3g+/9iBCIYwQhEsIERjGAEIxDhRiACEfY+uAI6gnNmHHU+YOcgSM7EapH31B8/1DJ/4TFTZf/Ca4UTQx9HFLWn4nt4MuRIKEro4d32vd6UsY3P/TaE2fDSwj4PURbGFj4Mn1cSb0sfuG5Ye20LwtLAyZAjEAj4cs2RKecaa77Vugouz1sOvBo5nnh77TXZ36HGf8/moct68S8tAAAAAElFTkSuQmCC); } /* line 51, ../sass/common/_collapse-list.scss */ .collapse-list li .list-content .title_qa_list { font-size: 16px; font-weight: bold; } /* line 55, ../sass/common/_collapse-list.scss */ .collapse-list li .list-content .highlight_qa { display: block; margin-bottom: 15px; font-size: 20px; font-weight: normal; background-color: #d8ebd8; } /* line 62, ../sass/common/_collapse-list.scss */ .collapse-list li .list-content .paragraph_qa_inner { padding-left: 10px; } /* line 71, ../sass/common/_collapse-list.scss */ .tab-content .collapse-list-inner .group { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 76, ../sass/common/_collapse-list.scss */ .tab-content .collapse-list-inner .group-list { background: #f7f7f7; } /* line 81, ../sass/common/_collapse-list.scss */ .collapse-list-inner:after { content: ""; display: table; clear: both; } /* line 82, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group { margin-bottom: 20px; -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); } /* line 89, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-title { height: 47px; line-height: 47px; padding-left: 10px; background: #00a94f; color: white; font-weight: 700; font-size: 18px; position: relative; border-radius: 5px 5px 0 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } /* line 100, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-title .icon { position: relative; float: left; top: 0; z-index: 1; width: 40px; } /* line 110, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list { background: #ffffff; } /* line 114, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item { border-top: 1px solid #ccc; } /* line 116, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item:first-child { border-top: 0 !important; } /* line 118, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-title { padding: 15px; color: #008852; font-weight: 700; font-size: 16px; line-height: 1; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } /* line 126, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-title:hover { color: #00a94f; } /* line 127, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-title .icn-:after { content: url("/cathaybk/img/icon/icn-plus-o2.png"); } /* line 130, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-cont { display: none; padding: 0 15px 15px; } /* line 135, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-cont-inner { background-color: #f3f3f3; font-size: 14px; color: #626262; padding: 10px; } /* line 140, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-cont-inner p { margin-bottom: 5px; } /* line 141, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-cont-inner ul { margin-bottom: 10px; } /* line 144, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-cont-inner ul li p { margin-bottom: 10px; } /* line 147, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item-cont-inner:after { content: ""; display: table; clear: both; } /* line 151, ../sass/common/_collapse-list.scss */ .collapse-list-inner .group-list .item.on .item-title .icn-:after { content: url("/cathaybk/img/icon/icn-minus-o2.png"); } /*collapse-precaution*/ /* line 158, ../sass/common/_collapse-list.scss */ .collapse-precaution { font-size: 14px; } /* line 162, ../sass/common/_collapse-list.scss */ .noticetoggle { display: none; padding: 10px; } /* line 166, ../sass/common/_collapse-list.scss */ .noticetoggle.gray { background-color: #ebebeb; margin-top: 10px; margin-bottom: 10px; } /* line 173, ../sass/common/_collapse-list.scss */ .noticetoggle ul > li { line-height: 1.42857; font-size: 14px; } /* line 179, ../sass/common/_collapse-list.scss */ .noticetoggle h1, .noticetoggle h2, .noticetoggle h3, .noticetoggle h4, .noticetoggle h5, .noticetoggle h6 { margin-bottom: 5px; } /* line 183, ../sass/common/_collapse-list.scss */ .noticetoggle > .collapse-precaution { padding-left: 1em; } /* line 187, ../sass/common/_collapse-list.scss */ .noticetoggle > .noticetoggle { margin-left: 1em; } /* line 193, ../sass/common/_collapse-list.scss */ .icon_qa_plus { cursor: pointer; position: absolute; right: 30px; top: 17px; width: 19px; height: 19px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAPklEQVQ4y2NgWOnPQAA/BOL/UHwYr9pRw4aZYbsJ4O9Ihr3HqxZJIeWY2obdJYB/I2n4jlftaDobNYwOhgEAqDDZ3G7MMSoAAAAASUVORK5CYII=); } /* line 201, ../sass/common/_collapse-list.scss */ .icon_qa_plus:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAQ0lEQVQ4y2Ng8NJnIIAfAvF/KD6MLv///384Zhg1bJgZtpsA/o5k2Hu8apEUUo6pbdhdAvg3kobveNWOprNRw+hgGAC7ppf55hDTJAAAAABJRU5ErkJggg==); } /* line 206, ../sass/common/_collapse-list.scss */ .icon_qa_minus { cursor: pointer; position: absolute; right: 30px; top: 17px; width: 19px; height: 19px; background-repeat: no-repeat; background-position: center 7px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAECAYAAABsgwTvAAAAGUlEQVQoz2NgWOm/m2oYSPynGqa2YXephQHQeY3D/pvWQQAAAABJRU5ErkJggg==); } /* line 216, ../sass/common/_collapse-list.scss */ .icon_qa_minus:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAECAYAAABsgwTvAAAAGUlEQVQoz2Ng8NLfTTUMJP5TDVPbsLvUwgAXjWgPq5gsIQAAAABJRU5ErkJggg==); } /* line 221, ../sass/common/_collapse-list.scss */ .icon-question { float: left; display: inline-block; vertical-align: top; width: 34px; height: 35px; margin-right: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAjCAYAAADxG9hnAAACQUlEQVRYw82YP0hCQRzHraE1a2qwpRraAwdxcGgQZ6PFoaUIpDm0piJprS3IWfwzOWSgS1OLhRE0JEHiEIZokA02+Pr9jnv0Ou/5u+d7xvvBV+T83f0+3h33vvc8HitRDPtAu6As6BHUA2lcPd6W5Tk+j+NRDIdA16CBoTClAe8TcgJgGVSyUNxMJTbWmBCbwtTbVY+NaRHiwEEAUYeqEIkJQuhKUBBRapC5UlTbf0pr5fd77eXrTdMDv2PbzsMZy1GAiZpBLIK6ozqv3ez9KW4WmIO5BEiX1ZSA5KmZ6Hx/aqqBuQozkxch/NRU4nLI/jm2o2Qzhe0KS+Q3ghSoDmKh6sfzUA62UTkSFXSIeVCfWhYxNqonQ3nYJobC8vQZA3zEKOr128RQAbNcMbCvwqzEEOTSBSBpBKmOs1FVQRQ37B2CtF0A0vaoHMn/AKK5CqTvApA+gjRcANJAkLILQMoIcuQCkGMECTp1oMnyFA+0IIJMg5qUD6GeNWiIZDZBAaTJGPiDL0lRi0Xwyao/0GRLRy2hQUmjDfCCOqM6XLxemfqR03pOCoHWUcGleUVzFB/VaamyZcmhYeByESBxmVXEvVKh9opVuzjCu1Z+98YwzAJ1wBldvBEKv2Mb/mZ0aiYwDVaLuFKsglp27i0Iq8NIHH2L1VC8ZK2A6nZgsDjOkGAV62xsi9fOWVDGwdtdho1p441ABFSzAVBjYzj0fmSKA+UU3xD0+IUtwvpOJIrhGVAAtA1Kgc65UrwtwHIsxg+quiSVPOrVygAAAABJRU5ErkJggg==); } /* line 231, ../sass/common/_collapse-list.scss */ .icon-answer { float: left; display: inline-block; width: 22px; height: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAQAAABKZPfjAAAAoklEQVQoz4XRURGFIBCF4Y3g+/9iBCIYwQhEsIERjGAEIxDhRiACEfY+uAI6gnNmHHU+YOcgSM7EapH31B8/1DJ/4TFTZf/Ca4UTQx9HFLWn4nt4MuRIKEro4d32vd6UsY3P/TaE2fDSwj4PURbGFj4Mn1cSb0sfuG5Ye20LwtLAyZAjEAj4cs2RKecaa77Vugouz1sOvBo5nnh77TXZ36HGf8/moct68S8tAAAAAElFTkSuQmCC); } /* line 239, ../sass/common/_collapse-list.scss */ .notice-toggle { display: none; } /* line 241, ../sass/common/_collapse-list.scss */ .notice-toggle ol.precaution { font-size: 13px; color: #898989; } /* line 242, ../sass/common/_collapse-list.scss */ .notice-toggle ol.precaution li { border: none; padding: 0; margin-bottom: 5px; } /* line 3, ../sass/common/_icons.scss */ [class^="icon_"] { display: inline-block; vertical-align: middle; } /* line 8, ../sass/common/_icons.scss */ [class^="icon-"] { display: inline-block; vertical-align: middle; } /* line 13, ../sass/common/_icons.scss */ [class*="icn-"] { display: inline-block; text-decoration: none !important; vertical-align: middle; position: relative; top: 1em; margin-top: -2.1em; font-style: normal; line-height: 1; } /* line 25, ../sass/common/_icons.scss */ .icon_count { width: 20px; height: 29px; margin-right: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAdCAQAAAAAj4ROAAABvElEQVQ4T5XTvU9TYRQH4Ovgx8RMwg4mhXRoccCEpRsj4K7/ADEMik4MREEXjewMLLhIomFkUBI2bZoQAra0RCookArcNiUl8Dhw5TYkVTy/5eR9n+Q9Nzcn0GlWUcHXFikomtUZeOsqNRf4CWpKijYvpaikBjYDW6iZkpZy51JS0qbUsB74hoKEoEUSClg7h2uSLWHSWgzzUi1hSj6Gq3pawh6rMdzQ2xL22ohhw5xhg+5dyqBhcxoxhBNVoVCorh51VSfR7QVs2HEcHVZUou7YjkYzrJt214QQXwwZ8hmhCX2m1WNY1CXQLounAoEnyGoX6FKM4YFRHR7YxYKkpAXsuq/DqIPmGfct2QancnJOwXdL9ptn/HddwKznPoEjM2YcgY+eyTbDbQNu6JPHtDZt3iCvz3UDtmNYlnFN2jpeueWm11iXFsgoNz+95KEPzrDnpRf2cOa9kWig//+YqhW/osOSUtRVrKg2w9C420ZUsKhfv0VUjOgyLoxhSadAuxzGBAJjyEW/sHQOz7dwUsJjB1iWkbGMQ48kTP7Zwh+gJu8wmqysHHWH8vFez7tKvQt0m7dl4y/ZMq/7Nx1P1OmmkixHAAAAAElFTkSuQmCC); } /* line 32, ../sass/common/_icons.scss */ .icon_exclamation { width: 35px; height: 35px; margin-right: 5px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAXVBMVEUAAAAAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilMAilN+LhqpAAAAHnRSTlMAT/YMcAaW6JHDR/Hs4cpoMVtKENsev4u0iX/QsIpMpv8jAAABN0lEQVQ4y5WUi3KDIBBFF4g8VMREY0za3v//zGrS2YXSqZM74wzg8Qr7gDI1ygcHwAWvGvpLV98BiMMyRACdvVaEuWv0tjWvSet76JspkXGGS7l/kxzmMUcuGtb8drbQlxzRZ6p11mBo1LrlF+qkeNxqPf6YzmAXEwAEw06YX+MvWP7ygeW84MFzi9szLtrJdgMmmhBk405fn2gi1oqRRqyykPafNF2fxUWhWzuoLE5912yrnjKlHn3KFzzU9rSUq5nKdLabR0Ae4GlXQRkEcpEynbDrlC9FRxhKZvgcSmYAYSkZRapkFoiPMJWPiwdMdHyuipFzSXwqRuKjYP9lLJTkq2IkX+SRKqbIO9cPM/EjMsP1Q3fYOhdSh1U9s6SeuS8uVEv64ri/jvv0uN+P74237p/je+wbcd4YDYZ6FW4AAAAASUVORK5CYII="); } /* line 39, ../sass/common/_icons.scss */ .icon_plus { width: 14px; height: 14px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5NTM4MDgxNUI1RjExRTU4RjA5QjgxMDk2RjRDQzRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5NTM4MDgyNUI1RjExRTU4RjA5QjgxMDk2RjRDQzRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk1MzgwN0Y1QjVGMTFFNThGMDlCODEwOTZGNENDNEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzk1MzgwODA1QjVGMTFFNThGMDlCODEwOTZGNENDNEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4xDEmOAAABEElEQVR42pTSv0oDQRDH8b1LCFilUR8goKbIU0TSiaKSKoVgaacvYMgThJA2aUPQsxCsQgrxCVIEI/7pjYKVjQj6nfA7WJcrzMAHjr2Zm5vdjdxwz3mxijPsYFNrM1yjg/c0MfaKDvGEbzRQlCO9f1bOIvJe0QVqGLu/MZFbjFBHYh3X0M8o+pE0xsqx3PWIGVtKOA86pUVRsN5EwTru4sr9PxLbPJuxrJ1zwa+5jDXr/oCt2C0fBXzF6lb2vhgFc4VrJbzEOtz9JToe4MZm7OIRdxlnGMY2TrFhHec41uFWM37RLxopd55z9cV495higBW84UPPFZygrauYhHf1UoPn9YFPvKKnzqW0yOJXgAEAZJ04Y7sAa3wAAAAASUVORK5CYII="); margin-right: 5px; } /* line 10, ../sass/_common.scss */ /* line 47, ../sass/common/_icons.scss */ .icon_minus { width: 14px; height: 14px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAsklEQVQ4y53SPQ6CQBAF4G2UQkvhFCLxCnIACzgQYuJdvIzx5yKKFkABvCVvw7gxKlt8BeM8Moyj1HGrhAUc4AolnSHnb0OveEjgzqYQPIpYe7DnLagLDcTWBFLMnsQEfb7tW0iGdW+gOMbuj5CR9Xvgx0cjgmG/PG7OY7H9QfdMoXIJzuHpMuoKLmY5mctyAte/Qx7AZswBGCkUHH0JE5jBmrXi08nZR36DGl5wgr195B15o/bD4y4J1QAAAABJRU5ErkJggg=="); margin-right: 5px; } /* line 55, ../sass/common/_icons.scss */ .icon-dotted-border { border: 0; border-right: 1px dotted #8ad29d; display: inline-block; height: 13px; margin: -1px 12px; width: 0; padding: 0; } /* line 66, ../sass/common/_icons.scss */ .icon_caret_up { width: 7px; height: 4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAAGklEQVQYV2P4zwCG/yE0jAMCUC4CMCBzgAAAk+Ar1RFfJOkAAAAASUVORK5CYII=); } /* line 72, ../sass/common/_icons.scss */ .icon_caret_down { width: 7px; height: 4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAAGklEQVQYV2P4jwIYgBCJB+LCBBhgXJAAmAYAvsMr1ZtWXZ8AAAAASUVORK5CYII=); } /* line 79, ../sass/common/_icons.scss */ [class^="icon_menu_unit_"] { display: inline-block; width: 35px; height: 30px; margin-right: 5px; vertical-align: text-bottom !important; background-position: center center; background-repeat: no-repeat; } /* line 94, ../sass/common/_icons.scss */ [class*="icn-"] { display: inline-block; text-decoration: none !important; vertical-align: middle; position: relative; top: 1em; margin-top: -2.1em; font-style: normal; line-height: 1; } /* line 102, ../sass/common/_icons.scss */ [class*="icn-"]:after { display: inline-block; font-style: normal; } /* line 107, ../sass/common/_icons.scss */ .fa.at-left, .at-left[class*="icn-"] { margin-right: .2em; } /* line 108, ../sass/common/_icons.scss */ .fa.at-right, .at-right[class*="icn-"] { margin-left: .2em; } /* line 109, ../sass/common/_icons.scss */ .fa.at-leftx2, .at-leftx2[class*="icn-"] { margin-right: .4em; } /* line 110, ../sass/common/_icons.scss */ .fa.at-rightx2, .at-rightx2[class*="icn-"] { margin-left: .4em; } /* line 112, ../sass/common/_icons.scss */ .icn-genre-shopping, .icn-genre-car, .icn-genre-new, .icn-genre-lady, .icn-genre-bag, .icn-genre-diamond, .icn-genre-suitcase, .icn-genre-autobike { width: 24px; height: 24px; background: no-repeat url("/cathaybk/img/icn-genre.png"); } /* line 122, ../sass/common/_icons.scss */ .icn-genre-shopping { background-position: 0 0; } /* line 123, ../sass/common/_icons.scss */ .icn-genre-car { background-position: 0 -24px; } /* line 124, ../sass/common/_icons.scss */ .icn-genre-new { background-position: 0 -48px; } /* line 125, ../sass/common/_icons.scss */ .icn-genre-lady { background-position: 0 -72px; } /* line 126, ../sass/common/_icons.scss */ .icn-genre-bag { background-position: 0 -96px; } /* line 127, ../sass/common/_icons.scss */ .icn-genre-diamond { background-position: 0 -120px; } /* line 128, ../sass/common/_icons.scss */ .icn-genre-suitcase { background-position: 0 -144px; } /* line 129, ../sass/common/_icons.scss */ .icn-genre-autobike { background-position: 0 -168px; } /* line 131, ../sass/common/_icons.scss */ .icn-genre-shopping-s, .icn-genre-car-s, .icn-genre-new-s, .icn-genre-lady-s, .icn-genre-bag-s, .icn-genre-diamond-s, .icn-genre-suitcase-s, .icn-genre-autobike-s { width: 16px; height: 16px; } /* line 142, ../sass/common/_icons.scss */ .icn-index-bonus:after { content: url("/cathaybk/img/icn-index-bonus.png"); } /* line 143, ../sass/common/_icons.scss */ .icn-index-card:after { content: url("/cathaybk/img/icn-index-card.png"); } /* line 144, ../sass/common/_icons.scss */ .icn-index-money:after { content: url("/cathaybk/img/icn-index-money.png"); } /* line 145, ../sass/common/_icons.scss */ .icn-index-user:after { content: url("/cathaybk/img/icn-index-user.png"); } /* line 147, ../sass/common/_icons.scss */ .icn-plus-o:after { content: url("/cathaybk/img/icn-plus-o.png"); } /* line 148, ../sass/common/_icons.scss */ .icn-minus-o:after { content: url("/cathaybk/img/icn-minus-o.png"); } /* line 149, ../sass/common/_icons.scss */ .icn-plus-o2:after { content: url("/cathaybk/img/icn-plus-o2.png"); } /* line 150, ../sass/common/_icons.scss */ .icn-minus-o2:after { content: url("/cathaybk/img/icn-minus-o2.png"); } /* line 152, ../sass/common/_icons.scss */ .icn-card:after { content: url("/cathaybk/img/icn-card.png"); } /* line 153, ../sass/common/_icons.scss */ .icn-pen-white:after { content: url("/cathaybk/img/icn-pen-white.png"); } /* line 154, ../sass/common/_icons.scss */ .icn-pen-lightbox:after { content: url("/cathaybk/img/icn-pen-lightbox.png"); } /* line 155, ../sass/common/_icons.scss */ .icn-marker-white:after { content: url("/cathaybk/img/icn-marker-white.png"); } /* line 156, ../sass/common/_icons.scss */ .icn-magnifier:after { content: url("/cathaybk/img/icn-magnifier.png"); } /* line 157, ../sass/common/_icons.scss */ .icn-magnifier-white:after { content: url("/cathaybk/img/icn-magnifier-white.png"); } /* line 158, ../sass/common/_icons.scss */ .icn-plus:after { content: url("/cathaybk/img/icn-plus.png"); } /* line 159, ../sass/common/_icons.scss */ .icn-plus-s:after { content: url("/cathaybk/img/icn-plus-s.png"); } /* line 160, ../sass/common/_icons.scss */ .icn-hot:after { content: url("/cathaybk/img/icn-hot.png"); } /* line 161, ../sass/common/_icons.scss */ .icn-smiley:after { content: url("/cathaybk/img/icn-smiley.png"); } /* line 162, ../sass/common/_icons.scss */ .icn-smiley-white:after { content: url("/cathaybk/img/icn-smiley-white.png"); } /* line 163, ../sass/common/_icons.scss */ .icn-smiley-lightbox:after { content: url("/cathaybk/img/icn-smiley-lightbox.png"); } /* line 164, ../sass/common/_icons.scss */ .icn-caret-right-green:after { content: url("/cathaybk/img/icn-caret-right-green.png"); } /* line 165, ../sass/common/_icons.scss */ .icn-crown-orange:after { content: url("/cathaybk/img/icn-crown-orange.png"); } /* line 166, ../sass/common/_icons.scss */ .icn-circlecirc:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAqUlEQVQoz23QMY6CYBRF4VdBIbIBa4MLsGBT8seaFXyduA/WQWEBsxKiWMx0UzBYTW55kpucE0LINAaLxaCRCRHCwahTKxRqndFBhMyoddR7euodtSZ5uLirzK5KpatZ5e4SBrVeEn9LerUh/Mg8lR9QWOS+/weFZbtqPqDZrhqdk1myt5fMTjpNyE1ald7LS6/S+pJvgjdnOztnN9MquCZJHt7eHtKa5BdG2IPNPrYTzAAAAABJRU5ErkJggg==); } /* line 167, ../sass/common/_icons.scss */ .icn-asterisk:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAQAAADI+WwIAAAAbklEQVQYV02NQQHAIAwDsYAFtGABC1iYBSIBC9MyC7OABZbQsu1VcinXgIQbaQZkDGTOlQMfTQ9U4rpgm4F4F77ZRAQFVBSDyubsDB3T56AbESf39P1aNwpzNLc79w13Ozy+4gfpfgttVxcdmpYfo0ZwiMkfrJEAAAAASUVORK5CYII=); } /* line 168, ../sass/common/_icons.scss */ .icn-moneystack:after { content: url("/cathaybk/img/icn-moneystack.png"); } /* line 169, ../sass/common/_icons.scss */ .icn-pointing-white:after { content: url("/cathaybk/img/icn-pointing-white.png"); } /* line 170, ../sass/common/_icons.scss */ .icn-useryes:after { content: url("/cathaybk/img/icn-useryes.png"); } /* line 171, ../sass/common/_icons.scss */ .icn-userno:after { content: url("/cathaybk/img/icn-userno.png"); } /* line 172, ../sass/common/_icons.scss */ .icn-save:after { content: url("/cathaybk/img/icn-save.png"); } /* line 173, ../sass/common/_icons.scss */ .icn-save-white:after { content: url("/cathaybk/img/icn-save-white.png"); } /* line 174, ../sass/common/_icons.scss */ .icn-share:after { content: url("/cathaybk/img/icn-share.png"); } /* line 175, ../sass/common/_icons.scss */ .icn-print:after { content: url("/cathaybk/img/icn-print.png"); } /* line 176, ../sass/common/_icons.scss */ .icn-check:after { content: url("/cathaybk/img/icn-check.png"); } /* line 177, ../sass/common/_icons.scss */ .icn-refresh:after { content: url("/cathaybk/img/icn-refresh.png"); } /* line 178, ../sass/common/_icons.scss */ .icn-pin-lightbox:after { content: url("/cathaybk/img/icn-pin-lightbox.png"); } /* line 179, ../sass/common/_icons.scss */ .icn-hotel-b:after { content: url("/cathaybk/img/icn-hotel-b.png"); } /* line 186, ../sass/common/_icons.scss */ .icn-rights-aircraft, .icn-rights-bag, .icn-rights-car, .icn-rights-card, .icn-rights-insure, .icn-rights-records, .icn-rights-truck, .icn-rights-cardx2, .icn-rights-swiping, .icn-rights-bill, .icn-rights-info { width: 40px; height: 47px; background: no-repeat 50% 50%; } /* line 201, ../sass/common/_icons.scss */ .icn-rights-aircraft { background-image: url("/cathaybk/img/icn-rights-aircraft.png"); } /* line 202, ../sass/common/_icons.scss */ .icn-rights-bag { background-image: url("/cathaybk/img/icn-rights-bag.png"); } /* line 203, ../sass/common/_icons.scss */ .icn-rights-car { background-image: url("/cathaybk/img/icn-rights-car.png"); } /* line 204, ../sass/common/_icons.scss */ .icn-rights-card { background-image: url("/cathaybk/img/icn-rights-card.png"); } /* line 205, ../sass/common/_icons.scss */ .icn-rights-insure { background-image: url("/cathaybk/img/icn-rights-insure.png"); } /* line 206, ../sass/common/_icons.scss */ .icn-rights-records { background-image: url("/cathaybk/img/icn-rights-records.png"); } /* line 207, ../sass/common/_icons.scss */ .icn-rights-truck { background-image: url("/cathaybk/img/icn-rights-truck.png"); } /* line 208, ../sass/common/_icons.scss */ .icn-rights-cardx2 { background-image: url("/cathaybk/img/icn-rights-cardx2.png"); } /* line 209, ../sass/common/_icons.scss */ .icn-rights-swiping { background-image: url("/cathaybk/img/icn-rights-swiping.png"); } /* line 210, ../sass/common/_icons.scss */ .icn-rights-bill { background-image: url("/cathaybk/img/icn-rights-bill.png"); } /* line 211, ../sass/common/_icons.scss */ .icn-rights-info { background-image: url("/cathaybk/img/icn-rights-info.png"); } /* line 213, ../sass/common/_icons.scss */ .icn-rights-aircraft-b, .icn-rights-bag-b, .icn-rights-car-b, .icn-rights-card-b, .icn-rights-insure-b, .icn-rights-records-b, .icn-rights-truc-bk { width: 64px; height: 54px; background: no-repeat 50% 50%; } /* line 224, ../sass/common/_icons.scss */ .icn-rights-aircraft-b { background-image: url("/cathaybk/img/icn-rights-aircraft-b.png"); } /* line 225, ../sass/common/_icons.scss */ .icn-rights-bag-b { background-image: url("/cathaybk/img/icn-rights-bag-b.png"); } /* line 226, ../sass/common/_icons.scss */ .icn-rights-car-b { background-image: url("/cathaybk/img/icn-rights-car-b.png"); } /* line 227, ../sass/common/_icons.scss */ .icn-rights-card-b { background-image: url("/cathaybk/img/icn-rights-card-b.png"); } /* line 228, ../sass/common/_icons.scss */ .icn-rights-insure-b { background-image: url("/cathaybk/img/icn-rights-insure-b.png"); } /* line 229, ../sass/common/_icons.scss */ .icn-rights-records-b { background-image: url("/cathaybk/img/icn-rights-records-b.png"); } /* line 230, ../sass/common/_icons.scss */ .icn-rights-truck-b { background-image: url("/cathaybk/img/icn-rights-truck-b.png"); } /* line 233, ../sass/common/_icons.scss */ .icn-num, .icn-num-x { background: #00a94f; font-family: Verdana; color: white; font-weight: 700; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; letter-spacing: -0.05em; white-space: nowrap; } /* line 243, ../sass/common/_icons.scss */ .icn-num { width: 16px; height: 16px; line-height: 16px; font-size: 11px; } /* line 244, ../sass/common/_icons.scss */ .icn-num-x { width: 35px; height: 35px; line-height: 35px; font-size: 18px; } /* line 249, ../sass/common/_icons.scss */ .icn-benefits-fork:after { content: url("/cathaybk/img/icn-benefits-fork.png"); } /* line 250, ../sass/common/_icons.scss */ .icn-benefits-movie:after { content: url("/cathaybk/img/icn-benefits-movie.png"); } /* line 251, ../sass/common/_icons.scss */ .icn-benefits-music:after { content: url("/cathaybk/img/icn-benefits-music.png"); } /* line 252, ../sass/common/_icons.scss */ .icn-benefits-car:after { content: url("/cathaybk/img/icn-benefits-car.png"); } /* line 253, ../sass/common/_icons.scss */ .icn-benefits-aircraft:after { content: url("/cathaybk/img/icn-benefits-aircraft.png"); } /* line 254, ../sass/common/_icons.scss */ .icn-benefits-dollar:after { content: url("/cathaybk/img/icn-benefits-dollar.png"); } /* line 255, ../sass/common/_icons.scss */ .icn-benefits-cart:after { content: url("/cathaybk/img/icn-benefits-cart.png"); } /* line 256, ../sass/common/_icons.scss */ .icn-benefits-hotel:after { content: url("/cathaybk/img/icn-benefits-hotel.png"); } /* line 257, ../sass/common/_icons.scss */ .icn-benefits-bonus:after { content: url("/cathaybk/img/icn-benefits-bonus.png"); } /* line 258, ../sass/common/_icons.scss */ .icn-benefits-check:after { content: url("/cathaybk/img/icn-benefits-check.png"); } /* line 259, ../sass/common/_icons.scss */ .icn-benefits-gift:after { content: url("/cathaybk/img/icn-benefits-gift.png"); } /* line 260, ../sass/common/_icons.scss */ .icn-benefits-card:after { content: url("/cathaybk/img/icn-benefits-card.png"); } /* line 261, ../sass/common/_icons.scss */ .icn-benefits-calendar:after { content: url("/cathaybk/img/icn-benefits-calendar.png"); } /* line 262, ../sass/common/_icons.scss */ .icn-benefits-flight:after { content: url("/cathaybk/img/icn-benefits-flight.png"); } /* line 263, ../sass/common/_icons.scss */ .icn-benefits-train:after { content: url("/cathaybk/img/icn-benefits-train.png"); } /* line 264, ../sass/common/_icons.scss */ .icn-benefits-coupon:after { content: url("/cathaybk/img/icn-benefits-coupon.png"); } /* line 265, ../sass/common/_icons.scss */ .icn-benefits-store:after { content: url("/cathaybk/img/icn-benefits-store.png"); } /* line 266, ../sass/common/_icons.scss */ .icn-benefits-movies:after { content: url("/cathaybk/img/icn-benefits-movies.png"); } /* line 267, ../sass/common/_icons.scss */ .icn-benefits-gift2:after { content: url("/cathaybk/img/icn-benefits-gift2.png"); } /* line 268, ../sass/common/_icons.scss */ .icn-benefits-man:after { content: url("/cathaybk/img/icn-benefits-man.png"); } /* line 269, ../sass/common/_icons.scss */ .icn-benefits-dollar2:after { content: url("/cathaybk/img/icn-benefits-dollar2.png"); } /* line 270, ../sass/common/_icons.scss */ .icn-benefits-heart:after { content: url("/cathaybk/img/icn-benefits-heart.png"); } /* line 271, ../sass/common/_icons.scss */ .icn-benefits-percent:after { content: url("/cathaybk/img/icn-benefits-percent.png"); } /* line 275, ../sass/common/_icons.scss */ .genre-icon { width: 19px; height: 19px; margin-right: 3px; margin-top: -3px; vertical-align: middle; } /* line 1, ../sass/common/_navbar.scss */ header.header { background-color: #fff; width: 100%; position: relative; z-index: 501; } @media only screen and (min-width: 1100px) { /* line 4, ../sass/common/_navbar.scss */ header.header.flexible .container { width: 80%; max-width: 1280px; } } /* line 12, ../sass/common/_navbar.scss */ header.header.sticky { position: fixed; top: -104px; width: 100%; background-color: #fff; z-index: 1000; } /* line 21, ../sass/common/_navbar.scss */ header.header.sticky .first-level { padding-left: 60px; } /* line 25, ../sass/common/_navbar.scss */ header.header.sticky a.logo { display: block; text-indent: -9999px; position: absolute; top: 7px; left: 0; width: 35px; height: 26px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAaCAYAAAA9rOU8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDMyMDAzN0ExNUVBMTFFNkJDNkJFNzY1OTMxMUFENTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDMyMDAzNzkxNUVBMTFFNkJDNkJFNzY1OTMxMUFENTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Qjg4OEJDMDE1MTgxMUU2QUUwOURGODZEOEQzNEM1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Qjg4OEJDMTE1MTgxMUU2QUUwOURGODZEOEQzNEM1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlmueCwAAAe/SURBVHjatFZrbBxXFT73zp3Hvrz27tqO7cRtusY2tkJUwERJobQqAUSFSIBKUIGglZAQopUQQvCnFUUC8YuioAipKeJHUaGI8hBSoUgISigKaalkx3EcG8fBzrb2xuvZx+y8Zy7n3pkGJy0JKspdj2bXc+fc737nO9895MT8r0CMvJqFRXMV5ptLYCgK3Dt6EKbLY3B6cxb++upJsPwmHByagYpRhovtFYhjH6zAfPiyU/sM8HBSpeTVslF+Lq8Wvl3Qio09hb1AIIaV5iwwqkBBL8PhPfeBG0bww/PPwGW3AZO9Y7CvNI1xLImBwXVGzGPIKAZkmAFbtvuRhe1zd+aYEbqhBW3P/EQnaE7qCDyjqAgunFjrrE3k1MyDg5nBJ52w1eY8zPtRd65XLz1tKJkYbjDeAIan9ywCGMz2w0ubs8UzjcWf89j74LZrAiGRZE5XGN5zQClAiKAVwkBjKoRxVFyz1r5KeACUxDJO3b70zYxaeLCglf5Cwca5Cm6U3xiMQghEPIJ1qw6V9jo8s/ybU3XbnBzJV4AiVIrPFQIIKpYgWIw/BKIYgxMOKn43aAYYyeB3jncOXtSpztX/9MLBwfePKUplpRva+Ey5PhiOH4G6rBfgpfpZ+OWF3z272qlNjmR3QRBHCASfow6AE/xDaDRGXSAAvDQiEAJE+DjAu9g4wQ/FeRotgRea8LPzx37fmx1/B4Dm5NWcXO9NwYgHGlVBx2vT2frUorn8cNtrHawYFfAQiCKAcASAjGB8XBxZwo8fx9AJCc5BEAg1QKCCpEQgIn04C8FpdACWneZYhs0v78rd8oOiVnhcp5q/ExDTUXxiFFgWharTU/Uzv2h6zaMZRYOi0Ycpi1GcggxMj4Is4D3E9+s+gB1RcGMFfEEDJ5I5hkDlRUACEYAEQyEG4dCDwP2RbnP1u7ipL1R79h7IsUzDxrSJOWzD2ZaURni9uDH36EqrdnS0MIjBCATIuQisC1YwuI0MbEUAFoLwYpLsmKSLUy5/45+8OKQygoRNFYXPcAJD5hlRoeHVq0ut+R/t66seETFi1Ck737qE5FJYtTbUVxr//FJR60MmcCcCRKrLViAYINBFEBHnUpgqSRcX+oCErUTgACoHmVamiP8JHRGwYhFLFAeRmSAwAH++tPoxBU7vxzVn3cgF1g09aXhtvzu67Xf7M4ouX2C4qIWILKkHKoWqMZBCJZJ8LhmVF+WyCilJQAiWbR/Ziwg4+L6L9yBO5iYSSflzutCn23dPV4Zma1YH2AdG3gNvL90KJ8799sNtuwW5nn4pvkYgmEirgSR5R/lARJLyF5F5mhaaloCN79i4AZHOIAKpo4QGvnNiikhcPoaJPnTs0Oe/v2E3gdTsBvxk8Q8jj5164pyisoKGjtvFQAHOFelQBAwiMy8ByQqWQkX2iOQHLR4BYCr91wHQdPEbDbE7pwVfmbn//kcPfPan7EzjQu47Lz/1N9t3Cj3GMOojlIGEWYE8XRCENI0kVUpKcohxXEyfg9PDKF2Z7vTw/2FQzLueg8dfOP40Gui/lOVD+rGVzYV71J5RzG0kzZSSHRQLCCTxIeG+YriYBgtT4odEFq4EQeAtDKF0tBZ048XWa3corcO7T/hUK8TCnJJEJDhSQMJfSLpeiL9FSoJ4Rw2/JRDXAGIayiLWmRV4fYCGR6RsuSw/cmUxLtMvho/ueyUd/zeAawYSEceRQjOq3oXQlQB5alevlyyk2fLRX8KdbNyMgWKm1fzAU2BvY+6UBBBP/RPRCLPyIwIx3MQhjgxrC0aypWV6pHrHN4x8pcm7eCzQ1DF4AiDmcHOHEGOIh1zgwOfG736IfnHfvd7xux46kKHKOngdZMuXlcP/41Bv7g/XW0A8l3P+W05FrxEAeDaWZhuO7j/ywMfH7zzJ/MiHifKtSzO3zEwuNS4+ZkfB4S4PB/C0jhPr3KF6YTfYVRFCR0VLCkS5xlfSRfCuMrUWROhGJG10rorDWVHLdbJMPYl90vemKredjTAXTDRNdccUPNi7i0NfM/BUfaVxQbU7mzFouUTTcZjkVviwovJ391enFs3ai53AKcLOjg1PXpUoznuHpj45Z64933A2sKFRk3NEvC8u3DwQptw+NBVkVQP+Xl8C07Pw+AiT5kp4i+hb3MADM+qCbZtBuTiM7zJQUEd57G2yeJgySuVZNZwrn73YqW91vM7VYJCVfK5s7avc9pzgx8qVsfmKeDewIQJxbnno4Bwutzbimm3C7lxJlPQV3liW6bIJ2uya4GCw8b7d8MDUPbhgCZ6Yfx7BKFDt2YWdGpMM4g7KG9blj3Z8e6+082vs3Qmc/lOvLXyrbBSe7M1X1gpqRvbKHd+V7981NA2GZsDC9jqsd+pg4gEpspNDlpiHtBW1LNz3tvfBcL4E7+wfg4m+PfDHtX8YDXv7XSiQcdNtT1uBux/bjCk78of9wE3OFQmGXwXGxeo4XZt7hOq5R/JMb+e17JyhaPOYvgU3tM8Fcfjy0dGZ5u3lKiyYazDROwKj2Ow3nA6QQ7/+uux9B7JFmaqW10U2kIVu49Nn6ss/RrXoUjNiTeFFQrRU6eI5FSTO+MaKER0oj6MCxMKkohSoItM41rfneLU0+mVH9lEZyYiJVdz2Hfi3AAMAccC5t4KvazsAAAAASUVORK5CYII="); background-repeat: no-repeat; } /* line 40, ../sass/common/_navbar.scss */ header.header * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0s; -o-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } /* line 51, ../sass/common/_navbar.scss */ header.header .header-belt { height: 4px; background-color: #fff200; } /* line 55, ../sass/common/_navbar.scss */ header.header .header-belt.green { height: 24px; background-color: #00a94f; } /* line 61, ../sass/common/_navbar.scss */ header.header .header-inner { padding-top: 25px; padding-bottom: 18px; position: relative; width: 80%; max-width: 940px; margin: 0 auto; } /* line 70, ../sass/common/_navbar.scss */ header.header .header-logo { background-image: url(https://www.cathayholdings.com/insurance/img/common/logo.png); background-repeat: no-repeat; width: 206px; height: 38px; text-indent: -9999px; display: block; } /* line 79, ../sass/common/_navbar.scss */ header.header .header-inner-link { position: absolute; right: 0; bottom: 22px; display: table; } /* line 84, ../sass/common/_navbar.scss */ header.header .header-inner-link li { display: table-cell; vertical-align: middle; padding: 0 20px; font-size: 13px; font-weight: bold; line-height: 1; } /* line 91, ../sass/common/_navbar.scss */ header.header .header-inner-link li a { color: #444; } /* line 93, ../sass/common/_navbar.scss */ header.header .header-inner-link li a:hover { color: #008852; text-decoration: underline; } /* line 98, ../sass/common/_navbar.scss */ header.header .header-inner-link li + li { border-left: 1px dotted #444; } /* Footer */ /* line 112, ../sass/common/_navbar.scss */ .footer:after { content: ""; display: table; clear: both; } /* line 114, ../sass/common/_navbar.scss */ .footer .frame-sitemap { padding-top: 70px; } /* line 116, ../sass/common/_navbar.scss */ .footer .frame-sitemap:after { content: ""; display: table; clear: both; } /* line 120, ../sass/common/_navbar.scss */ .footer .back-to-top { position: relative; float: right; margin-bottom: 20px; text-align: right; right: 15px; width: 28px; cursor: pointer; height: 27px; background-image: url("/insurance/img/common/top-sprite.png"); } /* line 130, ../sass/common/_navbar.scss */ .footer .back-to-top:hover { background-position: -28px 0; } /* line 131, ../sass/common/_navbar.scss */ .footer .back-to-top a { display: block; width: 28px; height: 27px; } /* line 132, ../sass/common/_navbar.scss */ .footer .back-to-top.sticky { position: fixed; bottom: 15px; right: 15px; margin-bottom: 0; } /* line 140, ../sass/common/_navbar.scss */ .footer .group-banner { width: 940px; margin: 0 auto; } /* line 145, ../sass/common/_navbar.scss */ .footer .sitemap { height: auto; width: 100%; margin-bottom: 30px; } /* line 150, ../sass/common/_navbar.scss */ .footer .sitemap .links-list { border-bottom: 1px solid #b2b2b2; } /* line 154, ../sass/common/_navbar.scss */ .footer .sitemap .open { position: relative; display: block; margin-left: 7px; color: #fff; text-decoration: none; font-size: 1.25em; width: 108px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAeCAQAAABjhTOMAAAAXElEQVRYw+3WsQ0AMAgDQfbfxlmQNCh1GhTFvDzB6SmIFbU0WXncWIfmxyoasM9hotgYmCgGDBgwYMCAAQNm9AL3FhOnCAzYJUwU6536YJpTTJziC1gaLjxZuXIDq57xxfV8dR8AAAAASUVORK5CYII=) center center no-repeat transparent; line-height: 31px; text-align: center; padding-right: 8px; /* i,span{ &.icon_caret_up{ width: 8px; height: 5px; display: inline-block; @include replace-text("common/sprites.png",-66px,-358px); } &.icon_caret_down{ width: 8px; height: 5px; display: inline-block; @include replace-text("common/sprites.png",-48px,-358px); } }*/ } /* line 167, ../sass/common/_navbar.scss */ .footer .sitemap .open:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAeAQMAAADzQmlEAAAABlBMVEUAAAAAiFLTWJtUAAAAAXRSTlMAQObYZgAAACRJREFUGNNj4P+PBBgY5JG5DQz2yNwDo9yB4dYjcx8w/EcGHwD7x4SKaSS+qgAAAABJRU5ErkJggg=="); } /* line 172, ../sass/common/_navbar.scss */ .footer .sitemap .open i { position: absolute; font-size: 12px; right: 13px; } /* line 176, ../sass/common/_navbar.scss */ .footer .sitemap .open i.fa-caret-up { top: 7px; } /* line 179, ../sass/common/_navbar.scss */ .footer .sitemap .open i.fa-caret-down { top: 13px; } /* line 187, ../sass/common/_navbar.scss */ .footer .sitemap .open.ed i.fa-caret-down { top: 7px; } /* line 188, ../sass/common/_navbar.scss */ .footer .sitemap .open.ed i.fa-caret-up { top: 13px; } /* line 208, ../sass/common/_navbar.scss */ .footer .sitemap .href-list { background: #f6f6f6; display: table; margin: 0 auto; width: 940px; padding: 15px; border-width: 0 1px 1px; border-style: solid; border-color: #b2b2b2; padding-bottom: 45px; } /* line 219, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul { display: table-cell; width: 1%; list-style: none outside none; padding-right: 8px; padding-left: 8px; } /* line 226, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li { border-top: 1px solid #fff; border-bottom: 1px solid #d7d7d7; clear: both; /* i{ margin-right:8px; margin-left: -12px; display: inline-block; }*/ font-size: 1em; font-family: "MingLiU"; line-height: 18px; display: block; } /* line 232, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li:first-child { border-top: none; font-size: 1.25em; font-family: "\5FAE\8EDF\6B63\9ED1\9AD4"; font-weight: bold; } /* line 237, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li:first-child a { margin-bottom: 14px; text-decoration: none; color: #004A2F; } /* line 64, ../sass/common/_utils.scss */ .footer .sitemap .href-list ul li:first-child a:hover { color: #00a94f; } /* line 70, ../sass/common/_utils.scss */ .footer .sitemap .href-list ul li:first-child a.active { color: #00a94f; } /* line 240, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li:first-child a .fa-caret-right { margin-right: 5px; } /* line 246, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li a { display: block; color: #333333; padding-top: 10px; padding-bottom: 10px; } /* line 251, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li a:hover { color: #008852; text-decoration: none; } /* line 256, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li .fa-caret-right { display: inline-block; margin-right: 5px; vertical-align: middle; } /* line 261, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li span { display: inline-block; vertical-align: top; } /* line 266, ../sass/common/_navbar.scss */ .footer .sitemap .href-list ul li:hover { color: #008852; text-decoration: none; } /* line 287, ../sass/common/_navbar.scss */ .footer .declaration { height: 100px; color: #7f7f7f; text-align: center; } /* line 291, ../sass/common/_navbar.scss */ .footer .declaration .legend { float: left; /* font-size: em(14px); display: block; float: left; height: 56px; margin-right: 20px; line-height: 30px; */ width: 100%; font-size: 18px; line-height: 30px; height: 32px; font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif; } /* line 307, ../sass/common/_navbar.scss */ .footer .declaration .detail { float: left; width: 100%; font-size: 15px; line-height: 24px; font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif; } /* line 322, ../sass/common/_navbar.scss */ .footer .frame-contact { height: 146px; background-image: url("/insurance/img/common/footer-bg.jpg"), url("/insurance/img/common/footer-bg-extend.jpg"); background-position: center top, center top; background-size: 2000px 138px,100% 138px; background-repeat: no-repeat, repeat-x; border-top: 8px solid #fff200; padding: 27px 0; color: #fff; } @media only screen and (min-width: 1100px) { /* line 325, ../sass/common/_navbar.scss */ .footer .frame-contact.flexible .container { width: 80%; max-width: 1280px; } } /* line 342, ../sass/common/_navbar.scss */ .footer .frame-contact .info { float: left; } /* line 344, ../sass/common/_navbar.scss */ .footer .frame-contact .info .service-line { margin-top: 5px; font-size: 13px; } /* line 347, ../sass/common/_navbar.scss */ .footer .frame-contact .info .service-line a { margin-left: 10px; color: #fff; text-decoration: none; } /* line 355, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul { margin-top: 15px; } /* line 357, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li { display: block; float: left; padding: 0 12px; border-left: 1px dotted #8ad29d; } /* line 362, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li:first-child { padding-left: 0; border-left: none; } /* line 366, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li a { text-decoration: none; color: #fff; font-size: 12px; } /* line 24, ../sass/common/_utils.scss */ .footer .frame-contact .info .follow ul li a:hover, .footer .frame-contact .info .follow ul li a:hover { color: #fff437; } /* line 28, ../sass/common/_utils.scss */ .footer .frame-contact .info .follow ul li a.active, .footer .frame-contact .info .follow ul li a.active { color: #fff437; } /* line 371, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li a i { margin-right: 5px; } /* line 374, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li a i.cathay-icon { padding: 0; margin-right: 5px; content: "."; display: block; float: left; width: 16px; height: 16px; line-height: 20px; margin-top: -2px; overflow: hidden; } /* line 386, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li a i.cathay-icon.facebook { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABiUlEQVQ4y2MISpu7xyZk+hu7sBnE4LdQ/MY6eNqbkIz5+xiAnM9A/B8ftg2d8d8qePp/65AZYAziQ8Snf2ZwiJj5Gp9moOuA9PSv0xcf2nry/L3NJ8/d25xctvwwyBCH8Bmv8RoAUuQUNevbx8/fDv1HAsfO3NtsQ4wBVkHT/9f1bNkH0/jr1++rL19/3NM6eecOa6CXCBpgGTTt//rt5zZB9X/1Tphz2yJwGlwerwE2wMAy9J78f+22M1tAuv/9+//ezH/KZ3OgATahBAwAhXj7lJ27Hz97u/XHz1+nYT54+frDjsdP32zNrF511AqfFywDp/+/fP3xlv84ANDwXaDwscdlACiAFq4+tvnrtx+n//79ex+q7++PH78ugMS8E2ZfA3kRbxjYArF5wLT/W3Zf2AwNg4/2YdOfARMPPCERjAVQiKMbgCxPnAF7Lm5CMuAJVQ0AB6ItnswEMmDTrvPIXniBmtSBmSkkfT44OwNNw8DAlPhm39HrcBc4hE+/DJMD6QlKm7cfAJCFejE0GgC9AAAAAElFTkSuQmCC); } /* line 389, ../sass/common/_navbar.scss */ .footer .frame-contact .info .follow ul li a i.cathay-icon.youtube { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABVUlEQVQ4T52SvWoCQRSFTxaVlAaSR0idoII2gkIgkML4Jhb2dtY+gb6A2OQh1sKIpIgRJOgKCaQQokH2Z2bczEVnXccgcS98zcycy7n3jOH7PjqZjB8F0hrtVMp/zGYRBdIaQghwx4FrWSdBGtJuGrguPMYCTNPEYrncO9Mhza6B54HJQ8VNp4PBbIa34RC2be/dKUizacA5hLTDqMmWq0IBD5MJLqtV9GUTazrduydIQ1qDbx2E7am6rlRwPx4jVirhudfDfD7fjSA1XDngmoNwxZNJ3DYauBuNcJ5OB2+4ckBzCLmQ8Hx/VTyRQDwWC96I8BKZ7ObRGFvCJWQaH/U6XotFfMt01BsWjlFoKaj6arXwks/js9k8SEEcS2HR7aKfy+G9VoMjF6cncJAC01IYlMv4kTEe+0gsSIFG0Bz8B6F/5Yv1+iSCr1xznLOn1QpRIO0vLnBdVca/r8wAAAAASUVORK5CYII=); } /* line 399, ../sass/common/_navbar.scss */ .footer .frame-contact .copyright { float: right; text-align: right; font-family: Verdana, "PMingLiU"; } /* line 403, ../sass/common/_navbar.scss */ .footer .frame-contact .copyright .copyright { margin-top: 5px; font-family: Verdana, "PMingLiU"; } /* line 407, ../sass/common/_navbar.scss */ .footer .frame-contact .copyright .copyright span { margin-right: 10px; } /* line 411, ../sass/common/_navbar.scss */ .footer .frame-contact .copyright .suggest { padding-top: 13px; } /* line 413, ../sass/common/_navbar.scss */ .footer .frame-contact .copyright .suggest a { color: #fff; text-decoration: none; font-family: Verdana, "PMingLiU"; } /* line 417, ../sass/common/_navbar.scss */ .footer .frame-contact .copyright .suggest a:hover { color: #fff200; text-decoration: none; } /* line 1, ../sass/common/_global.scss */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 7, ../sass/common/_global.scss */ body { background-color: #f9fbf7; font-family: Verdana, Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", "LiHei Pro Medium", Helvetica, sans-serif; font-size: 12px; } /* line 13, ../sass/common/_global.scss */ .container { width: 940px; margin: 0 auto; position: relative; } /* line 18, ../sass/common/_global.scss */ .container.full-screen { width: 100%; } /* line 22, ../sass/common/_global.scss */ .container:after { content: ""; display: table; clear: both; } /* line 27, ../sass/common/_global.scss */ .content { font-size: 14px; line-height: 1.42857; color: #626262; position: relative; } /* line 34, ../sass/common/_global.scss */ .content.small { width: 180px; } /* line 35, ../sass/common/_global.scss */ .content.large { width: 740px; } /* line 36, ../sass/common/_global.scss */ .content.full { width: 940px; } /* line 38, ../sass/common/_global.scss */ .content.key-view-page { background-color: #E8F1EC; } /* line 40, ../sass/common/_global.scss */ .content.center { margin: auto; } /* line 41, ../sass/common/_global.scss */ .content.right { float: right; } /* line 42, ../sass/common/_global.scss */ .content.left { float: left; } /* line 44, ../sass/common/_global.scss */ .content .reminder-footer { text-align: center; } /*Section Setting*/ /* line 53, ../sass/common/_global.scss */ section.section-content { padding: 25px; background-color: #fff; -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); margin-bottom: 25px; } /* line 61, ../sass/common/_global.scss */ section.section-content.naked { padding: 0; background-color: transparent; box-shadow: none; } /* line 63, ../sass/common/_global.scss */ section.section-content.no-margin { margin-bottom: 0; } /* line 65, ../sass/common/_global.scss */ section.section-content table { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 72, ../sass/common/_global.scss */ section.section-content .collapse-list-inner .group { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 77, ../sass/common/_global.scss */ section.section-content .collapse-list-inner .group .group-list .item-cont-inner { background-color: #ffffff; } /* Place Holder Color Browser Setting */ /* line 88, ../sass/common/_global.scss */ ::-webkit-input-placeholder { color: #aaa; font-size: 12px; } /* line 93, ../sass/common/_global.scss */ :-moz-placeholder { /* Firefox 18- */ color: #aaa; font-size: 12px; } /* line 98, ../sass/common/_global.scss */ ::-moz-placeholder { /* Firefox 19+ */ color: #aaa; font-size: 12px; } /* line 103, ../sass/common/_global.scss */ :-ms-input-placeholder { /* IE 10+ */ color: #aaa !important; font-size: 12px !important; } /* line 109, ../sass/common/_global.scss */ .section_service { height: 150px; padding: 30px; background: url(/cathaybk/img/bg-service-section.jpg) right 0 no-repeat #fff; } /* line 115, ../sass/common/_global.scss */ .section_service .paragraph_service { margin-top: 15px; color: #7f7f7f; font-size: 15px; line-height: 20px; } /* line 124, ../sass/common/_global.scss */ .section_radius_green { border: 3px solid #00a94f; } /* line 7, ../sass/component/_card.scss */ .no-boxshadow .component_card li { border: 1px solid #ddd; } /* line 13, ../sass/component/_card.scss */ .component_card { width: 756px; margin-left: -17px; display: table; table-layout: fixed; } /* line 18, ../sass/component/_card.scss */ .component_card li { float: left; -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); display: table-cell; position: relative; background-color: #fff; width: 235px; margin-left: 17px; margin-bottom: 17px; overflow: hidden; } /* line 28, ../sass/component/_card.scss */ .component_card li figure { width: 100%; overflow: hidden; } /* line 31, ../sass/component/_card.scss */ .component_card li figure img { width: 100%; } /* line 35, ../sass/component/_card.scss */ .component_card li figure figcaption { height: 0px; text-indent: -99999px; } /* line 41, ../sass/component/_card.scss */ .component_card li h2 { color: #004a2f; font-size: 20px; font-weight: bold; line-height: 1; } /* line 48, ../sass/component/_card.scss */ .component_card li h3 { font-size: 18px; line-height: 26px; } /* line 53, ../sass/component/_card.scss */ .component_card li p { font-size: 14px; color: #004a2f; line-height: 20px; } /* line 57, ../sass/component/_card.scss */ .component_card li p.expand { min-height: auto; } /* line 62, ../sass/component/_card.scss */ .component_card li span { display: block; font-size: 14px; line-height: 1; color: #008852; text-decoration: underline; position: absolute; bottom: 15px; right: 15px; } /* line 71, ../sass/component/_card.scss */ .component_card li span .arrow_s_right { margin-left: 5px; } /* line 76, ../sass/component/_card.scss */ .component_card li .card_content { padding: 15px; } /* line 81, ../sass/component/_card.scss */ .component_card li a:hover { text-decoration: none; cursor: pointer; } /* line 84, ../sass/component/_card.scss */ .component_card li a:hover h2, .component_card li a:hover h3, .component_card li a:hover p, .component_card li a:hover span { color: #00a94f; } /* line 91, ../sass/component/_card.scss */ .component_card li h2 + h3 { margin-top: 5px; } /* line 94, ../sass/component/_card.scss */ .component_card li h3 + p { margin-top: 8px; } /* line 102, ../sass/component/_card.scss */ .component_card.thin .card_content { padding: 10px; } /* line 105, ../sass/component/_card.scss */ .component_card.thin .card_content span { bottom: 10px; right: 10px; } /* line 113, ../sass/component/_card.scss */ .component_card.t_align_center .card_content { text-align: center; } /* line 116, ../sass/component/_card.scss */ .component_card.t_align_center span { left: 0; right: 0; margin-left: auto; margin-right: auto; } /* line 125, ../sass/component/_card.scss */ .component_card.layout_2 h2 { color: #333; font-size: 16px; font-weight: normal; } /* line 1, ../sass/common/_pagination.scss */ ul.pagination { letter-spacing: -0.31em; text-align: center; display: block; margin: auto; margin-bottom: 35px; } /* line 7, ../sass/common/_pagination.scss */ ul.pagination li { list-style: none; vertical-align: middle; width: 20px; height: 20px; display: inline-block; color: #626262; font-weight: 700; letter-spacing: normal; line-height: 20px; margin: 0; font-size: 14px; cursor: pointer; } /* line 20, ../sass/common/_pagination.scss */ ul.pagination li a { display: block; } /* line 21, ../sass/common/_pagination.scss */ ul.pagination li.current a { color: #00a94f; } /* line 23, ../sass/common/_pagination.scss */ ul.pagination .previous { overflow: hidden; text-decoration: none; text-indent: -999em; text-align: left; background-image: url("../img/pagemenu2.png"); } /* line 29, ../sass/common/_pagination.scss */ ul.pagination .previous:hover { background-position: -20px 0; } /* line 32, ../sass/common/_pagination.scss */ ul.pagination .next { overflow: hidden; text-decoration: none; text-indent: -999em; text-align: left; background-position: -40px 0; background-image: url("../img/pagemenu2.png"); } /* line 39, ../sass/common/_pagination.scss */ ul.pagination .next:hover { background-position: -60px 0; } /* line 42, ../sass/common/_pagination.scss */ ul.pagination:after { content: ""; display: table; clear: both; } /* line 49, ../sass/common/_pagination.scss */ .paginations { text-align: center; } /* line 51, ../sass/common/_pagination.scss */ .paginations li { display: inline-block; margin: 0 5px; font-size: 16px; } /* line 55, ../sass/common/_pagination.scss */ .paginations li [class^="icon_pagination_"], .paginations li [class*="icon_pagination_"] { display: inline-block; width: 8px; height: 11px; } /* line 60, ../sass/common/_pagination.scss */ .paginations li [class^="icon_pagination_"].icon_pagination_left, .paginations li [class*="icon_pagination_"].icon_pagination_left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAAM1BMVEWJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYlWfSaBAAAAEHRSTlMAAgM+QURJYmOBnZ74+fz+TjyD+wAAAChJREFUeAFjAAF2fgFOEM1BgGbgEuBjAzOYuAV4ICxG7CxeKIuFlRkAZIsB5duY5iQAAAAASUVORK5CYII=); } /* line 63, ../sass/common/_pagination.scss */ .paginations li [class^="icon_pagination_"].icon_pagination_right, .paginations li [class*="icon_pagination_"].icon_pagination_right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAALVBMVEWJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmgABOzAAAADnRSTlMAAj5BREligYKdnvn8/gbNVT8AAAAlSURBVAjXY+Dg42VjAANsLHZMFisPHyeY5ubjYsRDMzCxMINpAFZRAaIYAGPOAAAAAElFTkSuQmCC); } /* line 67, ../sass/common/_pagination.scss */ .paginations li a { display: block; height: 30px; } /* line 70, ../sass/common/_pagination.scss */ .paginations li a.active { color: #00a94f; text-decoration: underline; } /* line 74, ../sass/common/_pagination.scss */ .paginations li a.prev, .paginations li a.next { width: 30px; } /* line 77, ../sass/common/_pagination.scss */ .paginations li a.prev:hover, .paginations li a.next:hover { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; -moz-box-shadow: 1px 2px 5px rgba(1, 2, 2, 0.15); -webkit-box-shadow: 1px 2px 5px rgba(1, 2, 2, 0.15); box-shadow: 1px 2px 5px rgba(1, 2, 2, 0.15); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(top, #f0f0f0, #ffffff); background-image: -webkit-linear-gradient(top, #f0f0f0, #ffffff); background-image: linear-gradient(to bottom, #f0f0f0, #ffffff); } /* line 85, ../sass/common/_pagination.scss */ .paginations li a:hover .icon_pagination_left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAAM1BMVEX///8An1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1Chg6J+AAAAEHRSTlMAAgM+QURJYmOBnZ74+fz+TjyD+wAAAChJREFUeAFjAAF2fgFOEM1BgGbgEuBjAzOYuAV4ICxG7CxeKIuFlRkAZIsB5duY5iQAAAAASUVORK5CYII=); } /* line 88, ../sass/common/_pagination.scss */ .paginations li a:hover .icon_pagination_right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAALVBMVEX///8An1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1AAn1DQ6vE1AAAADnRSTlMAAj5BREligYKdnvn8/gbNVT8AAAAlSURBVAjXY+Dg42VjAANsLHZMFisPHyeY5ubjYsRDMzCxMINpAFZRAaIYAGPOAAAAAElFTkSuQmCC); } /* line 94, ../sass/common/_pagination.scss */ .paginations li a.next > i { margin-right: 0; } /* line 2, ../sass/common/_bullets.scss */ div.bullet, p.bullet, h1.bullet, h2.bullet, h3.bullet, h4.bullet, h5.bullet, h6.bullet { padding-left: 17px; margin-bottom: .3em; border: none; background: no-repeat 4px 0.5em url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEWKioqNjY2XN+FVAAAADUlEQVQI12NoYYCBFgAGPAEJsMYveQAAAABJRU5ErkJggg=="); } /* add by wan */ /* line 12, ../sass/common/_bullets.scss */ ul.bullet > li { padding-left: 20px; margin-bottom: .3em; border: none; background-repeat: no-repeat; background-position: 4px 0.4em; } /* line 21, ../sass/common/_bullets.scss */ ul.bullet:after { content: ""; display: table; clear: both; } /* line 25, ../sass/common/_bullets.scss */ ul.bullet.gray-large > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEWKioqNjY2XN+FVAAAADUlEQVQI12NoZEAGjQAIIAEDr9HbxAAAAABJRU5ErkJggg=="); } /* line 31, ../sass/common/_bullets.scss */ ul.bullet.gray-medium > li, ul.bullet.normal > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEWKioqNjY2XN+FVAAAADUlEQVQI12NoYYCBFgAGPAEJsMYveQAAAABJRU5ErkJggg=="); background-position: 6px 0.5em; } /* line 38, ../sass/common/_bullets.scss */ ul.bullet.gray-small > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAD1BMVEWJiYmenp6VlZWRkZGOjo6NVYieAAAAFUlEQVQI12MQVhZgcABCBSAE0iA+ABISAc1K6iv6AAAAAElFTkSuQmCC"); background-position: 8px 0.6em; } /* line 46, ../sass/common/_bullets.scss */ ul.bullet.green-large > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEUAiFIAilIB/MWsAAAAEklEQVQI12P4z8DA0AiBQNZ/ACAgBANXcagSAAAAAElFTkSuQmCC"); } /* line 52, ../sass/common/_bullets.scss */ ul.bullet.green-medium > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAgMAAACdogfbAAAACVBMVEUAiFIIiFURiVnD8wqKAAAAFElEQVQI12OYmsAABA4CQASkgVwAF1ECix1m8O4AAAAASUVORK5CYII="); background-position: 6px 0.5em; } /* line 59, ../sass/common/_bullets.scss */ ul.bullet.green-small > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAD1BMVEUAiFIunXEZlGMRkF4LjVnfnLghAAAAFUlEQVQI12MQVhZgcABCBSAE0iA+ABISAc1K6iv6AAAAAElFTkSuQmCC"); background-position: 8px 0.6em; } /* line 67, ../sass/common/_bullets.scss */ ul.bullet.light-green-large > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAqU8Hp1IPplZLLQxzAAAAEUlEQVQI12OYGsbgwIiGgIIAKWQDXSrNMmkAAAAASUVORK5CYII="); } /* line 73, ../sass/common/_bullets.scss */ ul.bullet.light-green-medium > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAgMAAACdogfbAAAACVBMVEUAqU8Ip1MRplYUf1e5AAAAFElEQVQI12OYmsAABA4CQASkgVwAF1ECix1m8O4AAAAASUVORK5CYII="); background-position: 6px 0.5em; } /* line 80, ../sass/common/_bullets.scss */ ul.bullet.light-green-small > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAD1BMVEUAqU8uuW8ZsmARr1sLrVcbnA2pAAAAFUlEQVQI12MQVhZgcABCBSAE0iA+ABISAc1K6iv6AAAAAElFTkSuQmCC"); background-position: 8px 0.6em; } /* line 88, ../sass/common/_bullets.scss */ ul.bullet.light-gray-large > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEWhoaGmpqarq6t2fzN4AAAAEUlEQVQI12OYGsbgwIiGgIIAKWQDXSrNMmkAAAAASUVORK5CYII="); } /* line 94, ../sass/common/_bullets.scss */ ul.bullet.light-gray-medium > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAgMAAACdogfbAAAACVBMVEWhoaGnp6esrKzslbvpAAAAFElEQVQI12OYmsAABA4CQASkgVwAF1ECix1m8O4AAAAASUVORK5CYII="); background-position: 6px 0.5em; } /* line 101, ../sass/common/_bullets.scss */ ul.bullet.light-gray-small > li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAgMAAADwAc52AAAADFBMVEWhoaGmpqaysrKrq6sskPpnAAAAFElEQVQI12OY28Dg4MBw4ACQBLIBI58Eu0ntUXYAAAAASUVORK5CYII="); background-position: 8px 0.6em; } /* line 1, ../sass/common/_tabs.scss */ .tab-container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 25px; } /* line 4, ../sass/common/_tabs.scss */ .tab-container:after { content: ""; display: table; clear: both; } /* line 7, ../sass/common/_tabs.scss */ .tab-container.switch-view { display: block; margin-bottom: 0; } /* line 12, ../sass/common/_tabs.scss */ .tab-container.switch-view .tab-nav { border-spacing: 0; margin-bottom: 10px; } /* line 17, ../sass/common/_tabs.scss */ .tab-container.switch-view .tab-nav .tab-title { border-top: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; background-color: transparent; margin-bottom: 10px; } /* line 26, ../sass/common/_tabs.scss */ .tab-container.switch-view .tab-nav .tab-title a { width: 35px; height: 35px; } /* line 32, ../sass/common/_tabs.scss */ .tab-container.switch-view .tab-nav .tab-title.active a { background-position: 0 -35px; } /* line 41, ../sass/common/_tabs.scss */ .tab-container.switch-view .tab-content-panel { box-shadow: none; } /* line 45, ../sass/common/_tabs.scss */ .tab-container.switch-view .tab-content-panel .tab-content { padding: 0; background: none; } /* line 57, ../sass/common/_tabs.scss */ .tab-container .tab-nav { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; position: relative; z-index: 2; display: table; border-collapse: separate; border-spacing: 1px; margin-left: 0; margin-right: auto; margin-bottom: -1px; /*&:after{content:"";display:table;clear:both;}*/ } /* line 68, ../sass/common/_tabs.scss */ .tab-container .tab-nav li { display: table-cell; width: 1%; min-width: 1%; } /* line 74, ../sass/common/_tabs.scss */ .tab-container .tab-nav .tab-title { vertical-align: middle; border-top: 5px solid transparent; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; background-color: #c2e1c2; text-align: center; font-size: 16px; line-height: 16px; cursor: pointer; min-height: 50px; text-decoration: none !important; font-weight: 700; } /* line 87, ../sass/common/_tabs.scss */ .tab-container .tab-nav .tab-title i { display: inline-block; width: 18px; height: 18px; vertical-align: middle; position: relative; top: 1em; margin-top: -2.1em; margin-right: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAABB0lEQVQoz4XSO0pDARCF4QkGgyBW7sDCXDtXIKhEW8Gd2Br83ISQlIaswzLd7YxKtHAFSrCJIGORRPPwwXSHn5nDmRPia/a1DIyMDLQcjNWMjClQdyMX5kZ9FtozlPou7aip2UFfGtqbQnWvUkfV2szxqo70qp4RKnpSVwjPTmaw0JV6KuFQKlWFmDjZndlWSoehLV1MxLHhD1c2J8qF1A6PUjEHpfTizKpQSI9hJNWWoJRuHatJozCUNn6EHr6he2n713Nb0lO4ls4XjLe+jDel63D0RwQrSqmxGObpz2H+95Zi/sGlpsKqdYWmcv7B4229par05qsSQkVD25N3b+60NVSmpfsEQL46LfO/8Y0AAAAASUVORK5CYII=); } /* line 99, ../sass/common/_tabs.scss */ .tab-container .tab-nav .tab-title:hover, .tab-container .tab-nav .tab-title.active { color: #00a94f; border-top-color: #00a94f; background-color: white; } /* line 103, ../sass/common/_tabs.scss */ .tab-container .tab-nav .tab-title:hover a, .tab-container .tab-nav .tab-title.active a { color: #00a94f; } /* line 104, ../sass/common/_tabs.scss */ .tab-container .tab-nav .tab-title:hover i, .tab-container .tab-nav .tab-title.active i { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABM0lEQVQ4y62UsWoCQRCGTzwUQax8A4vcpcsTCFHUTgK+ia1BfYnApVQsfIor7exMFLXwCZSQRkE2/8q/MC6buwuk+IrZ/fe/m5nd8bx517PIgTaYgDX4AmewA++gSc1Nr5S6YZsEYAFUCgtqnUZ1cKJwCQbgAVRAEYRgyD1Fbd02CpiCFsyA70jZ4FOjeCYwRjmRzjTBwGbKM7Exaol0/D8Yae0Hzz577IQOXkEJHDIU+0DtmHGkjfYMQn6pl8HohdpHxlsdXBgUxG/HCSax0BW5dtbBN4OyEDyBq8Pkyj2n0aeVmiFyGL1ZmrvUZLGlqAqOwuTINakZyWIntb8vjPoJ7W+kXUjdgA1YWc1wXkjXE8mLAx2S+kR+e7S6ZjV2JvOjNYT/MUbkYGtxsO051FIH2w9uEOtrrYx0bAAAAABJRU5ErkJggg==); } /* line 106, ../sass/common/_tabs.scss */ .tab-container .tab-nav .tab-title a { color: #626262; text-decoration: none; display: block; height: 100%; padding: 12.5px 5px; line-height: 20px; } /* line 117, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel { box-shadow: 0 3px 8px rgba(34, 34, 34, 0.08), 0 -3px 8px rgba(34, 34, 34, 0.08); } /* line 121, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content { position: relative; z-index: 1; background: white; padding: 20px; display: none; } /* line 129, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content.active { display: block; } /* line 133, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content table { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 140, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .pagination { margin-bottom: 0; } /* line 144, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .buttons-group { margin: 20px auto; } /* line 146, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .buttons-group.vertical { margin: 0; } /* line 151, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .full-image { width: 100%; text-align: center; } /* line 158, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .full-image.responsive img { width: 100%; margin: auto; } /* line 163, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .full-image img { margin: auto; } /* line 169, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .collapse-list-inner .group { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 174, ../sass/common/_tabs.scss */ .tab-container .tab-content-panel .tab-content .collapse-list-inner .group .group-list .item-cont-inner { background-color: transparent; } /* line 1, ../sass/common/_tables.scss */ table { width: 100%; vertical-align: middle; margin-bottom: 20px; -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); color: #7f7f7f; font-size: 16px; line-height: 26px; } /* line 13, ../sass/common/_tables.scss */ table th, table td { padding: 10px 20px; } /* line 15, ../sass/common/_tables.scss */ table th { font-weight: 700; background: #ebebeb; border: 1px solid #e0e0e0; text-align: center; } /* line 23, ../sass/common/_tables.scss */ table td { border: 1px solid #e0e0e0; vertical-align: middle; } /* line 29, ../sass/common/_tables.scss */ table.gray-thead-table { background-color: #fff; } /* line 32, ../sass/common/_tables.scss */ table.gray-thead-table thead th { background: #959595; color: white; } /* line 41, ../sass/common/_tables.scss */ table.gray-thead-table.vertical tbody tr th { background: #959595; color: white; } /* line 52, ../sass/common/_tables.scss */ table.green-thead-table thead th { background: #00a94f; color: white; } /* line 60, ../sass/common/_tables.scss */ table.green-thead-table.vertical tbody tr th { background: #00a94f; color: white; } /* line 69, ../sass/common/_tables.scss */ table.no-shadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 76, ../sass/common/_tables.scss */ table.thin th, table.thin td { padding: 5px; font-size: 15px; } /* line 82, ../sass/common/_tables.scss */ table.text-center { text-align: center; } /* line 86, ../sass/common/_tables.scss */ table.center { margin: 10px auto; } /* line 91, ../sass/common/_tables.scss */ table.transparent th { font-weight: normal; text-align: left; } /* line 95, ../sass/common/_tables.scss */ table.transparent th, table.transparent td { padding: 0; vertical-align: top; } /* line 99, ../sass/common/_tables.scss */ table.transparent tr, table.transparent th, table.transparent td { border: none; background-color: transparent; } /* line 105, ../sass/common/_tables.scss */ table .bg_green_simple { background-color: #d8ebd8; } /*table.table-theme { color: #7f7f7f; font-size: 16px; line-height: 26px; th,td{padding: 10px 20px;} th{ background-color: #ebebeb; text-align: left; } .bg_green_simple{ background-color: #d8ebd8; } }*/ /* line 126, ../sass/common/_tables.scss */ table.table_main { color: #7f7f7f; font-size: 14px; line-height: 26px; background: #ffffff; } /* line 131, ../sass/common/_tables.scss */ table.table_main th, table.table_main td { border: 1px solid #d2d2d2; padding: 10px 20px; } /* line 136, ../sass/common/_tables.scss */ table.table_main th { background-color: #d8ebd8; text-align: left; } /* line 142, ../sass/common/_tables.scss */ table.table_main tr.bg_green_simple { background-color: #FFFDE3; } /* line 153, ../sass/common/_tables.scss */ table.table-normal { margin-bottom: 20px; vertical-align: middle; } /* line 156, ../sass/common/_tables.scss */ table.table-normal p { color: #898989; } /* line 158, ../sass/common/_tables.scss */ table.table-normal thead tr { background-color: #ebebeb; } /* line 162, ../sass/common/_tables.scss */ table.table-normal tbody tr th { background-color: #e6f4e5; } /* line 171, ../sass/common/_tables.scss */ table.table_gray th, table.table_gray td { color: #7f7f7f; font-size: 16px; } /* line 177, ../sass/common/_tables.scss */ table.table_gray thead th { padding: 8px 15px; background-color: #ebebeb; text-align: left; } /* line 181, ../sass/common/_tables.scss */ table.table_gray thead th:first-child { padding-left: 45px; } /* line 184, ../sass/common/_tables.scss */ table.table_gray thead th:last-child { padding-right: 45px; } /* line 192, ../sass/common/_tables.scss */ table.table_gray tbody tr:first-child td { padding-top: 15px; } /* line 197, ../sass/common/_tables.scss */ table.table_gray tbody tr:last-child td { padding-bottom: 15px; } /* line 202, ../sass/common/_tables.scss */ table.table_gray tbody td { padding: 8px 15px; } /* line 204, ../sass/common/_tables.scss */ table.table_gray tbody td strong { color: #ff6c00; } /* line 207, ../sass/common/_tables.scss */ table.table_gray tbody td:first-child { padding-left: 45px; } /* line 210, ../sass/common/_tables.scss */ table.table_gray tbody td:last-child { padding-right: 45px; } /* line 216, ../sass/common/_tables.scss */ table.table_gray tfoot td { padding: 10px 15px; border-top: 1px solid #e0e0e0; } /* line 219, ../sass/common/_tables.scss */ table.table_gray tfoot td strong { color: #ff6c00; } /* line 223, ../sass/common/_tables.scss */ table.table_gray tfoot td:first-child { padding-left: 45px; } /* line 226, ../sass/common/_tables.scss */ table.table_gray tfoot td:last-child { padding-right: 45px; } /* line 235, ../sass/common/_tables.scss */ .table_form tr { border-bottom: 1px solid #efefef; } /* line 238, ../sass/common/_tables.scss */ .table_form th, .table_form td { padding: 10px 20px; color: #313131; font-size: 16px; line-height: 30px; } /* line 244, ../sass/common/_tables.scss */ .table_form th { width: 210px; background-color: #e0e0e0; text-align: left; vertical-align: top; } /* line 250, ../sass/common/_tables.scss */ .table_form td { background-color: #fff; } /* line 252, ../sass/common/_tables.scss */ .table_form td .select_style { margin-top: -2px; } /* line 260, ../sass/common/_tables.scss */ .table_green_simple { color: #7f7f7f; font-size: 16px; } /* line 263, ../sass/common/_tables.scss */ .table_green_simple th, .table_green_simple td { padding: 10px 30px; border: 1px solid #e0e0e0; } /* line 267, ../sass/common/_tables.scss */ .table_green_simple th { background-color: #d8ebd8; } /* line 270, ../sass/common/_tables.scss */ .table_green_simple td { text-align: right; } /* line 273, ../sass/common/_tables.scss */ .table_green_simple strong { color: #ff6c00; font-size: 20px; } /* line 280, ../sass/common/_tables.scss */ table.table-card-compare { border-collapse: separate; border: 1px solid #00a94f; text-align: center; margin-top: 5px; border-radius: 7px; margin-bottom: 0; width: auto; } /* line 288, ../sass/common/_tables.scss */ table.table-card-compare.light-box-clean { font-size: 13px; line-height: 16px; box-shadow: none; } /* line 294, ../sass/common/_tables.scss */ table.table-card-compare thead tr { background-color: #cceedc; } /* line 296, ../sass/common/_tables.scss */ table.table-card-compare thead tr td { color: #004a2f; border: 1px solid #00a94f; border-bottom: none; padding: 10px 20px; font-weight: bold; } /* line 302, ../sass/common/_tables.scss */ table.table-card-compare thead tr td:first-child { border-top-left-radius: 5px; } /* line 303, ../sass/common/_tables.scss */ table.table-card-compare thead tr td:last-child { border-top-right-radius: 5px; } /* line 308, ../sass/common/_tables.scss */ table.table-card-compare tbody td { border-collapse: separate; border: 1px solid #00a94f; padding: 10px 20px; border-top: none; } /* line 313, ../sass/common/_tables.scss */ table.table-card-compare tbody td:first-child { border-bottom-left-radius: 5px; } /* line 314, ../sass/common/_tables.scss */ table.table-card-compare tbody td:last-child { border-bottom-right-radius: 5px; } /* line 319, ../sass/common/_tables.scss */ table.table-card-compare.large thead { font-size: 16px; } /* line 322, ../sass/common/_tables.scss */ table.table-card-compare.large ul { text-align: left; font-weight: normal; min-height: 65px; } /* line 323, ../sass/common/_tables.scss */ table.table-card-compare.large td { padding: 20px; } /* line 1, ../sass/common/_calendar.scss */ .calender-holder { font-size: 12px; } /* line 3, ../sass/common/_calendar.scss */ .calender-holder table { margin-bottom: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 1, ../sass/common/_links.scss */ .link-primary { color: #00a94f; text-decoration: underline !important; } /* line 4, ../sass/common/_links.scss */ .link-primary img { vertical-align: middle; margin-right: 5px; } /* line 5, ../sass/common/_links.scss */ .link-primary:hover, .link-primary:focus { color: #008852; } /* line 11, ../sass/common/_links.scss */ .link-learn-more { text-decoration: underline; color: #00a94f; } /* line 14, ../sass/common/_links.scss */ .link-learn-more img { vertical-align: middle; margin-right: 5px; margin-bottom: 3px; } /* line 15, ../sass/common/_links.scss */ .link-learn-more:hover, .link-learn-more:focus { color: #008852; } /*original*/ /* line 23, ../sass/common/_links.scss */ .list_download li { margin-bottom: 5px; } /* line 27, ../sass/common/_links.scss */ .icon_download { width: 15px; height: 15px; margin-right: 5px; background-position: left center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA2klEQVQ4y2P4//8/AwwzrPRnAeJUIN4DxO+A+D+U3gMVZ0FRj6RRC4hvQDWA8GMgbgLiZ0hiIHktFM1QjR+RFIFwIlQuE038I8wAmFNvoCkA4QCo5gQscjfA+qB++U+i5v9gfdDAIEfzHgakUCVV8zsGJM5dIC4E4tc4ND8F4gIgfgDXg2TzDKhiXagByJqfALEKlD8X2ea9UM5fII5GMsAGynZB0hgNVQf3M3Joww1Ax2ga4aGNHs8YBgD58WgaIfGMI4UhewF3CsOTtkEGLMCSsrQwMgY5uQoAZt26Q31YfY4AAAAASUVORK5CYII=); } /* line 1, ../sass/common/_list.scss */ .classic-list { /* use in list without bottom line */ /* Primary Style 3 columns, the most common style */ /* Use in Creditcard Unit */ /* use in list with only bottom line */ } /* line 3, ../sass/common/_list.scss */ .classic-list > li { padding-left: 1em; } /* line 9, ../sass/common/_list.scss */ .classic-list.number-list .secondary { padding: 20px 10px 20px 40px; } /* line 12, ../sass/common/_list.scss */ .classic-list.number-list .secondary:first-child { padding-top: 0; } /* line 16, ../sass/common/_list.scss */ .classic-list.number-list .secondary .title { text-indent: -40px; } /* line 24, ../sass/common/_list.scss */ .classic-list.number-list .secondary .noticetoggle > ul.bullet { margin-left: 0; } /* line 33, ../sass/common/_list.scss */ .classic-list .classic { margin-bottom: 20px; } /* line 35, ../sass/common/_list.scss */ .classic-list .classic p { margin-bottom: 5px; } /* line 37, ../sass/common/_list.scss */ .classic-list .classic .title-unit { text-indent: -15px; } /* line 41, ../sass/common/_list.scss */ .classic-list .classic .noticetoggle { margin-top: 0; } /* line 43, ../sass/common/_list.scss */ .classic-list .classic .noticetoggle .smalltitle_article { margin-bottom: 5px; } /* line 51, ../sass/common/_list.scss */ .classic-list .item { border-bottom: 1px solid #c2c2c2; padding: 18px 0; position: relative; } /* line 56, ../sass/common/_list.scss */ .classic-list .item:first-child { padding-top: 0; } /* line 57, ../sass/common/_list.scss */ .classic-list .item:last-child { border-bottom: none; } /* line 58, ../sass/common/_list.scss */ .classic-list .item:after { content: ""; display: table; clear: both; } /* line 60, ../sass/common/_list.scss */ .classic-list .item > .noticetoggle { margin-top: 10px; } /* line 64, ../sass/common/_list.scss */ .classic-list .item .cell.content { vertical-align: top; padding: 0 10px; } /* line 67, ../sass/common/_list.scss */ .classic-list .item .cell.content .genre { margin-bottom: 5px; } /* line 72, ../sass/common/_list.scss */ .classic-list .item .cell.image { width: 158px; text-align: center; padding: 0; vertical-align: top; } /* line 79, ../sass/common/_list.scss */ .classic-list .item .cell.activity { text-align: center; } /* line 82, ../sass/common/_list.scss */ .classic-list .item .cell.activity .collapse-precaution { position: absolute; bottom: 0; right: 0; } /* line 88, ../sass/common/_list.scss */ .classic-list .item .cell.activity.toggle-area { text-align: center; width: 12%; vertical-align: bottom; } /* line 103, ../sass/common/_list.scss */ .classic-list .secondary { border-bottom: 1px solid #c2c2c2; position: relative; padding: 18px 0; } /* line 110, ../sass/common/_list.scss */ .classic-list .secondary .noticetoggle .bullet .smalltitle_article { margin-top: 0px; } /* line 115, ../sass/common/_list.scss */ .classic-list .secondary .smalltitle_article { margin: 14px 0 10px; } /* line 119, ../sass/common/_list.scss */ .classic-list .secondary:first-child { padding-top: 0; } /* line 120, ../sass/common/_list.scss */ .classic-list .secondary:last-child { border-bottom: none; } /* line 121, ../sass/common/_list.scss */ .classic-list .secondary:after { content: ""; display: table; clear: both; } /* line 123, ../sass/common/_list.scss */ .classic-list .secondary .title { margin-bottom: 15px; font-size: 22px; line-height: 33px; color: #00a94f; font-weight: bold; } /* line 132, ../sass/common/_list.scss */ .classic-list .secondary .cell.content { padding: 0 20px; vertical-align: top; } /* line 136, ../sass/common/_list.scss */ .classic-list .secondary .cell.indent { padding-left: 27px; } /* line 141, ../sass/common/_list.scss */ .classic-list .secondary .collapse-precaution { margin-top: 10px; } /* line 145, ../sass/common/_list.scss */ .classic-list .secondary .icn-num-x { left: -3px; text-indent: 0; } /* line 154, ../sass/common/_list.scss */ .classic-list .basic { border-bottom: 1px solid #c2c2c2; position: relative; padding: 18px 0; } /* line 158, ../sass/common/_list.scss */ .classic-list .basic:first-child { padding-top: 0; } /* line 159, ../sass/common/_list.scss */ .classic-list .basic:last-child { border-bottom: none; } /* line 160, ../sass/common/_list.scss */ .classic-list .basic:after { content: ""; display: table; clear: both; } /* line 165, ../sass/common/_list.scss */ .classic-list .noticetoggle ul.bullet { margin-left: 0; } /* line 179, ../sass/common/_list.scss */ .noticetoggle ul.classic-list .title-unit { margin-bottom: 10px; } /* line 184, ../sass/common/_list.scss */ ul.list { color: #898989; font-size: 13px; margin-bottom: 10px; } /* line 188, ../sass/common/_list.scss */ ul.list > p { margin-bottom: 5px; } /* line 189, ../sass/common/_list.scss */ ul.list > li { margin-bottom: 5px; padding-left: 1em; } /* line 192, ../sass/common/_list.scss */ ol.list { margin-left: 24px; padding-left: 24px; color: #898989; } /* line 196, ../sass/common/_list.scss */ ol.list > li { padding-left: 0; background: none; margin-bottom: 5px; } /* line 197, ../sass/common/_list.scss */ ol.list:after { content: ""; display: table; clear: both; } /* line 201, ../sass/common/_list.scss */ ul.news-list > li { width: 100%; padding-top: 13px; padding-bottom: 10px; display: table; } /* line 207, ../sass/common/_list.scss */ ul.news-list > li:first-child { padding-top: 0; } /* line 210, ../sass/common/_list.scss */ ul.news-list > li:last-child { padding-bottom: 0; } /* line 213, ../sass/common/_list.scss */ ul.news-list > li a:hover { text-decoration: none; } /* line 216, ../sass/common/_list.scss */ ul.news-list > li a:hover .title { color: #00a94f; text-decoration: none; } /* line 222, ../sass/common/_list.scss */ ul.news-list > li .date { display: table-cell; vertical-align: top; width: 95px; color: #00a94f; } /* line 229, ../sass/common/_list.scss */ ul.news-list > li .title { display: table-cell; vertical-align: top; color: #333; } /* line 235, ../sass/common/_list.scss */ ul.news-list > li + li { border-top: 1px solid #ddd; } /* line 241, ../sass/common/_list.scss */ .collapse-precaution.text-left { text-align: left; } /* line 242, ../sass/common/_list.scss */ .collapse-precaution.text-right { text-align: right; } /* line 1, ../sass/common/_form-style.scss */ .form_style { /*.formError + input[type="text"], .formError + input[type="password"], .formError + input[type="number"], .formError + input[type="email"]{ border-color: $colorImportant; &:focus,&:hover{ border-color: $colorImportant; } }*/ } /* line 4, ../sass/common/_form-style.scss */ .form_style .list_form { color: #313131; font-size: 16px; } /* line 10, ../sass/common/_form-style.scss */ .form_style .form_item { float: left; min-width: 95px; line-height: 30px; text-align: right; } /* line 15, ../sass/common/_form-style.scss */ .form_style .form_item em { color: #ff0000; } /* line 17, ../sass/common/_form-style.scss */ .form_style .form_item em.white { color: #fff; } /* line 23, ../sass/common/_form-style.scss */ .form_style .form_detail { float: left; } /* line 28, ../sass/common/_form-style.scss */ .form_style label { position: relative; display: inline-block; vertical-align: top; } /* line 32, ../sass/common/_form-style.scss */ .form_style label.label_radio, .form_style label.label_checkbox, .form_style label.lebel_radio, .form_style label.lebel_checkbox, .form_style label.label_radio, .form_style label.label_checkbox { cursor: pointer; line-height: 30px; } /* line 38, ../sass/common/_form-style.scss */ .form_style .label_text { display: inline-block; line-height: 30px; vertical-align: top; } /* line 43, ../sass/common/_form-style.scss */ .form_style .label_note { display: block; margin-top: 5px; color: #b2b2b2; font-size: 14px; } /* line 49, ../sass/common/_form-style.scss */ .form_style input[type="text"], .form_style input[type="password"], .form_style input[type="number"], .form_style input[type="email"] { text-indent: 0px; } /* line 61, ../sass/common/_form-style.scss */ .form_style textarea { padding: 10px; border: 1px solid #c0c0c0; color: #c0c0c0; font-size: 13px; line-height: 18px; } /* line 67, ../sass/common/_form-style.scss */ .form_style textarea:focus, .form_style textarea:hover { color: #7f7f7f; border: 1px solid #00a94f; } /* line 72, ../sass/common/_form-style.scss */ .form_style .select_style { /*height: 30px; background: url(/cathaybk/img/common/bg_select.png) right center no-repeat $white; border: 1px solid $gray_form; overflow: hidden; &:focus,&:hover{ border-color: $green_light; background: url(/cathaybk/img/common/bg_select_hover.png) right center no-repeat $white; }*/ /* select{ background: transparent; height: 30px; padding: 0 5px; color: $gray_form; font-size: 13px; line-height: 30px; vertical-align: bottom; border: 0; -webkit-appearance: none; &:focus,&:hover{ color: $gray_deep_text; } } */ } /* line 81, ../sass/common/_form-style.scss */ .form_style .select_style select { font-family: \5FAE\8EDF\6B63\9ED1\9AD4,"Microsoft JhengHei",sans-serif; } /* line 84, ../sass/common/_form-style.scss */ .form_style .select_style option { padding: 5px !important; } /* line 87, ../sass/common/_form-style.scss */ .form_style .select_style.select_70 { width: 70px; } /* line 89, ../sass/common/_form-style.scss */ .form_style .select_style.select_70 div.selector { width: 70px !important; } /* line 91, ../sass/common/_form-style.scss */ .form_style .select_style.select_70 div.selector span { width: 60px !important; } /* line 96, ../sass/common/_form-style.scss */ .form_style .select_style.select_80 { width: 80px; } /* line 98, ../sass/common/_form-style.scss */ .form_style .select_style.select_80 div.selector { width: 80px !important; } /* line 100, ../sass/common/_form-style.scss */ .form_style .select_style.select_80 div.selector span { width: 70px !important; } /* line 105, ../sass/common/_form-style.scss */ .form_style .select_style.select_85 { width: 85px; } /* line 107, ../sass/common/_form-style.scss */ .form_style .select_style.select_85 div.selector { width: 85px !important; } /* line 109, ../sass/common/_form-style.scss */ .form_style .select_style.select_85 div.selector span { width: 75px !important; } /* line 114, ../sass/common/_form-style.scss */ .form_style .select_style.select_90 { width: 90px; } /* line 116, ../sass/common/_form-style.scss */ .form_style .select_style.select_90 div.selector { width: 90px !important; } /* line 118, ../sass/common/_form-style.scss */ .form_style .select_style.select_90 div.selector span { width: 80px !important; } /* line 123, ../sass/common/_form-style.scss */ .form_style .select_style.select_95 { width: 95px; } /* line 125, ../sass/common/_form-style.scss */ .form_style .select_style.select_95 div.selector { width: 95px !important; } /* line 127, ../sass/common/_form-style.scss */ .form_style .select_style.select_95 div.selector span { width: 85px !important; } /* line 132, ../sass/common/_form-style.scss */ .form_style .select_style.select_110 { width: 110px; } /* line 134, ../sass/common/_form-style.scss */ .form_style .select_style.select_110 div.selector { width: 110px !important; } /* line 136, ../sass/common/_form-style.scss */ .form_style .select_style.select_110 div.selector span { width: 100px !important; } /* line 141, ../sass/common/_form-style.scss */ .form_style .select_style.select_150 { width: 150px; } /* line 143, ../sass/common/_form-style.scss */ .form_style .select_style.select_150 div.selector { width: 150px !important; } /* line 145, ../sass/common/_form-style.scss */ .form_style .select_style.select_150 div.selector span { width: 140px !important; } /* line 150, ../sass/common/_form-style.scss */ .form_style .select_style.select_180 { width: 180px; } /* line 152, ../sass/common/_form-style.scss */ .form_style .select_style.select_180 div.selector { width: 180px !important; } /* line 154, ../sass/common/_form-style.scss */ .form_style .select_style.select_180 div.selector span { width: 170px !important; } /* line 159, ../sass/common/_form-style.scss */ .form_style .select_style.select_220 { width: 220px; } /* line 161, ../sass/common/_form-style.scss */ .form_style .select_style.select_220 div.selector { width: 220px !important; } /* line 163, ../sass/common/_form-style.scss */ .form_style .select_style.select_220 div.selector span { width: 210px !important; } /* GLOBAL PARAGRAPH (EDITOR ONLY)*/ /* line 3, ../sass/common/_paragraph.scss */ .text-left { text-align: left; } /* line 4, ../sass/common/_paragraph.scss */ .text-right { text-align: right; } /* line 7, ../sass/common/_paragraph.scss */ .paragraphs-group { font-size: 16px; color: #626262; } /* line 12, ../sass/common/_paragraph.scss */ .paragraphs-group p { margin: 0; padding: 0; margin-bottom: 5px; } /* line 14, ../sass/common/_paragraph.scss */ .paragraphs-group ul { margin-bottom: 20px; } /* line 17, ../sass/common/_paragraph.scss */ .paragraphs-group ul li p { margin-bottom: 10px; } /* line 21, ../sass/common/_paragraph.scss */ .paragraphs-group .title { margin-bottom: 15px; font-size: 20px; letter-spacing: 2px; line-height: 1; color: black; } /* line 29, ../sass/common/_paragraph.scss */ .paragraphs-group .title i { display: inline-block; width: 6px; height: 20px; margin-right: 10px; background-color: #008852; vertical-align: top; } /* line 40, ../sass/common/_paragraph.scss */ .paragraphs-group .title-steps { margin-bottom: 10px; font-size: 16px; font-weight: bold; display: inline-block; color: #00a94f; } /* line 48, ../sass/common/_paragraph.scss */ .paragraphs-group .collapse-precaution { font-size: 14px; } /* line 52, ../sass/common/_paragraph.scss */ .paragraphs-group .noticetoggle { display: none; } /* line 56, ../sass/common/_paragraph.scss */ .paragraphs-group .precaution { color: #898989; font-size: 13px; } /* line 59, ../sass/common/_paragraph.scss */ .paragraphs-group .precaution p { margin-bottom: 5px; } /* line 65, ../sass/common/_paragraph.scss */ .title-unit { margin-bottom: 15px; font-size: 20px; letter-spacing: 2px; line-height: 1; color: black; } /* line 73, ../sass/common/_paragraph.scss */ .title-unit i { display: inline-block; width: 6px; height: 20px; margin-right: 8px; background-color: #008852; vertical-align: top; } /*in creditcard-detail tabcont*/ /* line 87, ../sass/common/_paragraph.scss */ article.paragraphs-group.global .paragraph { margin-bottom: 35px; } /* line 89, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph { margin-bottom: 20px; font-size: 14px; color: #626262; } /* line 94, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph p { margin-bottom: 5px; } /* line 95, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph ul { margin-bottom: 20px; } /* line 98, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph ul li p { margin-bottom: 10px; } /* line 102, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph .title { margin-bottom: 15px; font-size: 20px; letter-spacing: 2px; line-height: 1; color: black; } /* line 110, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph .title i { display: inline-block; width: 6px; height: 20px; margin-right: 10px; background-color: #008852; vertical-align: top; } /* line 121, ../sass/common/_paragraph.scss */ article.paragraphs-group .paragraph .title-steps { margin-bottom: 10px; font-size: 16px; font-weight: bold; display: inline-block; color: #00a94f; } /* line 132, ../sass/common/_paragraph.scss */ article.paragraphs-group .precaution { color: #898989; font-size: 13px; padding-left: 0; } /* line 136, ../sass/common/_paragraph.scss */ article.paragraphs-group .precaution p { margin-bottom: 5px; } /*Basic Title Settings*/ /* line 145, ../sass/common/_paragraph.scss */ .highlight { color: #ff5300; } /* line 149, ../sass/common/_paragraph.scss */ .title_normal { color: #004b31; font-size: 22px; font-weight: bold; line-height: 30px; margin-bottom: 15px; } /* line 157, ../sass/common/_paragraph.scss */ .title_article { margin-bottom: 5px; color: #008852; font-size: 20px; line-height: 26px; } /* line 164, ../sass/common/_paragraph.scss */ .title-article-light { margin-bottom: 10px; color: #00a94f; font-size: 20px; line-height: 30px; } /* line 172, ../sass/common/_paragraph.scss */ .subtitle_article { color: #333333; font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 5px; } /* line 180, ../sass/common/_paragraph.scss */ .smalltitle_article { color: #7f7f7f; font-size: 16px; line-height: 22px; } /* line 184, ../sass/common/_paragraph.scss */ .smalltitle_article .highlight-green { color: #00a94f !important; } /* line 190, ../sass/common/_paragraph.scss */ .title-important { color: #ff5300; font-size: 38px; } /* line 195, ../sass/common/_paragraph.scss */ .paragraph { color: #7f7f7f; font-size: 16px; line-height: 26px; margin-bottom: 5px; } /* line 201, ../sass/common/_paragraph.scss */ .paragraph span.highlight-green { color: #00a94f; } /* line 205, ../sass/common/_paragraph.scss */ .paragraph > p { margin-top: 5px; margin-bottom: 8px; } /* line 210, ../sass/common/_paragraph.scss */ .paragraph > img { width: 100%; } /* line 215, ../sass/common/_paragraph.scss */ .paragraph-remark { color: #b2b2b2; font-size: 14px; line-height: 18px; } /* line 219, ../sass/common/_paragraph.scss */ .paragraph-remark strong { font-size: 15px; font-weight: normal; } /* line 223, ../sass/common/_paragraph.scss */ .paragraph-remark span.highlight-green { color: #00a94f; } /* line 228, ../sass/common/_paragraph.scss */ .article_contnt { margin-top: 35px; padding: 35px 0 0; border-top: 1px solid #d7d7d7; } /* line 232, ../sass/common/_paragraph.scss */ .article_contnt:first-child { margin-top: 0; padding-top: 0; border-top: none; } /* line 240, ../sass/common/_paragraph.scss */ .detail_article { margin-bottom: 25px; } /* line 243, ../sass/common/_paragraph.scss */ .paragraph_important { color: #ff6c00; font-size: 20px; font-weight: bold; line-height: 30px; } /* line 250, ../sass/common/_paragraph.scss */ .frame_img { text-align: center; } /* line 255, ../sass/common/_paragraph.scss */ .demo-box { padding: 8px; padding-top: 35px; margin: 5px 0; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; position: relative; } /* line 264, ../sass/common/_paragraph.scss */ .demo-box .indent-1 { margin-left: 30px; } /* line 265, ../sass/common/_paragraph.scss */ .demo-box .indent-2 { margin-left: 60px; } /* line 266, ../sass/common/_paragraph.scss */ .demo-box .indent-3 { margin-left: 90px; } /* line 267, ../sass/common/_paragraph.scss */ .demo-box .indent-4 { margin-left: 120px; } /* line 268, ../sass/common/_paragraph.scss */ .demo-box .indent-5 { margin-left: 150px; } /* line 269, ../sass/common/_paragraph.scss */ .demo-box .indent-6 { margin-left: 180px; } /* line 270, ../sass/common/_paragraph.scss */ .demo-box:after { content: "Example"; position: absolute; top: 0; left: 0; padding: 6px 8px; font-size: 12px; font-weight: bold; background-color: #e8e8e8; color: #9da0a4; border-radius: 4px 0 4px 0; } /* line 284, ../sass/common/_paragraph.scss */ .preview-box { padding: 8px; padding-top: 35px; margin: 5px 0; margin-bottom: 20px; border: 1px solid #e1e1e8; border-radius: 4px; position: relative; } /* line 292, ../sass/common/_paragraph.scss */ .preview-box:after { content: "Preview"; position: absolute; top: 0; left: 0; padding: 6px 8px; font-size: 12px; font-weight: bold; color: #9da0a4; background-color: #e8e8e8; border-bottom: 1px solid #e1e1e8; border-right: 1px solid #e1e1e8; border-radius: 4px 0 4px 0; } /* line 308, ../sass/common/_paragraph.scss */ .tip-box { width: 100%; position: relative; border: 2px solid #00a94f; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #e5f6ed; padding: 27px 15px 15px; font-size: 15px; } /* line 309, ../sass/common/_paragraph.scss */ .tip-box:after { content: ""; display: table; clear: both; } /* line 319, ../sass/common/_paragraph.scss */ .tip-box .tip-title { position: absolute; top: -12px; left: 20px; z-index: 2; height: 25px; padding-left: 10px; padding-right: 10px; line-height: 25px; font-size: 18px; font-weight: 700; color: #008852; } /* line 331, ../sass/common/_paragraph.scss */ .tip-box .tip-title:before { content: ''; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 14px; background: white; } /* line 341, ../sass/common/_paragraph.scss */ .tip-box .tip-title h4 { padding-left: 26px; } /* line 342, ../sass/common/_paragraph.scss */ .tip-box .tip-title b { position: relative; z-index: 2; } /* line 346, ../sass/common/_paragraph.scss */ .tip-box .tip-title img { position: absolute; z-index: 2; } /* line 351, ../sass/common/_paragraph.scss */ .tip-box .tip-link { text-align: right; } /* line 356, ../sass/common/_paragraph.scss */ .green-box { margin: 0 20px; padding: 20px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #d8ebd8 url(../img/tipbox-bg-gift.png) 54px 15px no-repeat; color: #008852; font-weight: bold; margin-bottom: 20px; font-size: 14px; } /* line 371, ../sass/common/_paragraph.scss */ .green-box .cell.box-image img { margin: 0 20px; } /* line 376, ../sass/common/_paragraph.scss */ .green-box .cell.box-content { font-size: 16px; padding-left: 20px; } /* line 379, ../sass/common/_paragraph.scss */ .green-box .cell.box-content .link-learn-more { font-size: 14px; position: absolute; bottom: 0; right: 0; } /* line 391, ../sass/common/_paragraph.scss */ .highlight-box { padding: 30px 0; text-align: center; } /* line 395, ../sass/common/_paragraph.scss */ .highlight-box strong { font: 900 27px 'verdana'; color: #ff6c00; line-height: 1.7em; } /* line 401, ../sass/common/_paragraph.scss */ .highlight-box b { font: 900 16px 'Microsoft JhengHei'; color: #008852; } /* line 409, ../sass/common/_paragraph.scss */ .filter-box { margin-bottom: 25px; padding: 10px 15px; border: 2px solid #00a94f; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* line 415, ../sass/common/_paragraph.scss */ .filter-box .filters-group .row { border-top: 1px solid #00a94f; padding-top: 10px; margin-bottom: 10px; } /* line 419, ../sass/common/_paragraph.scss */ .filter-box .filters-group .row:first-child { border-top: none; padding-top: 0; } /* line 422, ../sass/common/_paragraph.scss */ .filter-box .filter-category { width: 110px; display: table-cell; color: #008852; font-weight: 700; font-size: 16px; vertical-align: middle; } /* line 430, ../sass/common/_paragraph.scss */ .filter-box .filter-options { width: auto; display: table-cell; } /* line 434, ../sass/common/_paragraph.scss */ .filter-box .filter-options label { width: 100px; padding-left: 25px; line-height: 19px; margin: 5px 0; margin-right: 5px; } /* line 441, ../sass/common/_paragraph.scss */ .filter-box .filter-options label input { position: absolute; left: 0; } /* line 446, ../sass/common/_paragraph.scss */ .filter-box .filter-options label .checker, .filter-box .filter-options label .radio { position: absolute; left: 0; } /* line 454, ../sass/common/_paragraph.scss */ .filter-box .filter-toggle { margin-bottom: 5px; text-align: right; } /* line 457, ../sass/common/_paragraph.scss */ .filter-box .filter-toggle .btn-plus, .filter-box .filter-toggle .btn-minus { display: inline-block; color: #008852; cursor: pointer; text-decoration: underline; } /* line 462, ../sass/common/_paragraph.scss */ .filter-box .filter-toggle .btn-plus:hover, .filter-box .filter-toggle .btn-minus:hover { color: #00a94f; } /* line 464, ../sass/common/_paragraph.scss */ .filter-box .filter-toggle .btn-minus { display: none; } /* line 467, ../sass/common/_paragraph.scss */ .filter-box .filter-toggle.active .btn-plus { display: none; } /* line 468, ../sass/common/_paragraph.scss */ .filter-box .filter-toggle.active .btn-minus { display: inline-block; } /* line 475, ../sass/common/_paragraph.scss */ .search-box { margin-bottom: 25px; border: 2px solid #00a94f; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* line 485, ../sass/common/_paragraph.scss */ .search-box .cell.text { position: relative; width: 90%; } /* line 491, ../sass/common/_paragraph.scss */ .search-box .cell.magnifier { background-color: #00a94f; border-top-right-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; } /* line 498, ../sass/common/_paragraph.scss */ .search-box .cell.magnifier:hover { background-color: #008852; } /* line 502, ../sass/common/_paragraph.scss */ .search-box .cell.magnifier a { display: block; line-height: 48px; text-align: center; cursor: pointer; } /* line 509, ../sass/common/_paragraph.scss */ .search-box .cell.magnifier img { vertical-align: middle; } /* line 517, ../sass/common/_paragraph.scss */ .search-box input { border: none; padding: 15px; border-radius: 10px; font-size: 16px; color: #898989; width: 100%; } /* line 526, ../sass/common/_paragraph.scss */ .search-box input:focus { outline: 0; } /* line 534, ../sass/common/_paragraph.scss */ .triangletotal { width: 492px; height: 76px; margin: 0 auto 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAewAAABMCAMAAACYn3QIAAACT1BMVEUAqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU8AqU/1bpRSAAAAxHRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHR4fISIjJSYoKissLS4vMDIzNDY3OTo7PD5AQUNERUZHSEpMTU9QUVJUVVZYWVtdXmBiY2VmZ2hpamxub3FzdHZ3eHp7fX5/gIGChIWHiImLjI6QkZOUlZaYmZqcnZ+hoqSmp6mqq62ur7Cys7W3uLq7vL6/wcPExcbIycvMzc/Q0dLU1dfZ2tzd3uDh4uTl5ujp6uvs7e7v8PHy8/T19vf4+fr7/P3+bQAkOQAAA+9JREFUeNrt3ek7lFEYBvBnZpiYVkKL9iiRViraUylUKqRFtKlIm0ILFZW1RUIhRRuFikrCxOgP60NdV11FZs68yznve//+hPv++JzrPuS2JqvlO2heS9YaNyIi46KTz5CGlj07uchIv83a/6AfoWiRrWL/LPqHz47CbmSjLd2FO3xoCJaIy++RkFa8vxxhof8yhWa8QE7ie5ERaiJ7zE15NIC4xDXwKCWAHOAbV2pFaiKylsb5ksPGROZ9RHZi+ZgXOYYYuYadb0aComjODHclpxiCU+uQI//qUoMNJIXpiff6ECe/+u4lTicJeUbndyFVHnUVRHuS5NzWZrciW760Zq91I5kYF6c1IGFeNKQtNpK8Zh+osCFotdkeHphNivCJLepB3urpKYqdQAoaufHKB6Suhg9XNo4kxZmWnX6J7JX18vQyE6kl4NBjnEwUMvD40DxS2ZT4MpxMZGcti59CXBi75don9CGfT9e2jCWOmMMz36AVOby5sNJM3DEsOF6PbqRVf3yBgXg1Y+99PFKVSP/9vTOIc+NjCnAycdrXmzHjSQju63La0Be7tpx17iQQ49L0RrTGojF9qZHE45dUiZOJQ2yVSX4krIk7i3EysVNP8c5JJLhRm662o8nhtF/dNIo0wWX5mVfoc2ivzix3IS0JPFyDVgdTcySQNGhqwp1vKPdP3+4kTCXNGrf1+md0/NPn61vHkcaZV114i6bfXlxlJl0wLDzxVM9NPz2x0EB6MnNfuS5PJv3l+2aSDnltu/lVZ+eNW9u8SLfc1196p5em311abyGdM4Wceq79pp+fCjEREBH5H6zS8MnEVnXQHx3/adKukl4tNt1bsmsy2v3X6M25HdpquiN382j0OuTJZMXZ11pp+vXZFS5odBhBR2rFb7r2aBCatM+0PXcF3vXou7tnGjp0hEfUjU4Rm+68EeWB9hw3YvVFwU4mLVmrR6A3ViJNof816g0sRJhC738w2Kg3sPDefpvjk0n37e3e6EhKlg18TqEPP+oNTCcT7qbQ7R71BhZzkqs52fUYqE6egz7kNnm3+lPo1tI4nDcUou4UujOj3sDCNexckxpNN50Lc0X6Kph/VOEp9Lpj85G6epSbQpd61BtYeEbnf5G76S/5cox6Awt5f49t/fVnKfBCril0BUa9gYXUU+i2CqVGvYGFdL/H/u/PUuCFJcL5KXR1Rr2BhXNT6KqOegOLAKbfYx39sxR44Rvn2BS6tSzeF6mJy/4pdN5GvYGFOTxz2N9jmzPDzUhKGwzBqU+Gbrpeqj9LgReDT6GLMOoNLP6eQu8qEGXUG1j8/j22TcY/S4EXxiXpjYKOejvpB8BKzqUgbarLAAAAAElFTkSuQmCC) no-repeat 50% 0; color: white; line-height: 48px; font-size: 26px; font-weight: 700; text-align: center; } /* line 543, ../sass/common/_paragraph.scss */ .triangletotal strong { font-size: 45px; font-weight: 700; line-height: 48px; } /* Agreement box */ /* line 551, ../sass/common/_paragraph.scss */ .agreement-box { width: 90%; padding: 20px; height: 400px; margin: auto; overflow: auto; border: 2px solid #d7d7d7; margin-bottom: 10px; font-size: 14px; } /* line 553, ../sass/common/_paragraph.scss */ .agreement-box.green-highlight { border: 2px solid #00a94f; } /* line 558, ../sass/common/_paragraph.scss */ .agreement-box .title { color: #00a94f; font-size: 1.5em; text-align: center; margin-bottom: 15px; } /* Grid Skeleton Setting */ /* line 6, ../sass/common/_grid.scss */ .grid div.brick { float: left; } /* line 8, ../sass/common/_grid.scss */ .grid.one-half-grid div.brick { width: 50%; } /* line 9, ../sass/common/_grid.scss */ .grid.one-thirds-grid div.brick { width: 33.3333333%; } /* line 10, ../sass/common/_grid.scss */ .grid.one-quarters-grid div.brick { width: 25%; } /* line 12, ../sass/common/_grid.scss */ .grid:after { content: ""; display: table; clear: both; } /* line 14, ../sass/common/_grid.scss */ .grid .frame-img img { width: 100%; } /* Grid Custom Style Setting */ /* line 21, ../sass/common/_grid.scss */ .grid.menu-unit .brick { height: 200px; padding: 15px 10px; background: #f5f5f5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 81%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(81%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 81%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 81%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 81%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 81%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ border-left: 1px solid #e1e1e1; } /* line 37, ../sass/common/_grid.scss */ .grid.menu-unit .brick:nth-child(n+4) { border-top: 1px solid #e1e1e1; } /* line 40, ../sass/common/_grid.scss */ .grid.menu-unit .brick:nth-child(3n-5) { border-left: none; } /* line 45, ../sass/common/_grid.scss */ .grid.menu-unit .brick .title_menu_unit { font-size: 20px; } /* line 51, ../sass/common/_grid.scss */ .grid.menu-unit .brick dl dt { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #00a94f; } /* line 57, ../sass/common/_grid.scss */ .grid.menu-unit .brick dl dd { margin: 5px 0; padding-left: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAKElEQVQY02NgWOn/HwgYkDEDSBBdAi6ILIEiCJPAEARjgioJ247uTgDf3mzkVdv3ygAAAABJRU5ErkJggg==) 8px 5px no-repeat transparent; } /* line 61, ../sass/common/_grid.scss */ .grid.menu-unit .brick dl dd a { color: #004b31; font-size: 15px; line-height: 18px; } /* line 65, ../sass/common/_grid.scss */ .grid.menu-unit .brick dl dd a:hover { color: #00a94f; text-decoration: none; } /* line 73, ../sass/common/_grid.scss */ .grid.menu-unit:after { content: ""; display: table; clear: both; } /* line 79, ../sass/common/_grid.scss */ .grid.newspaper.type-text-center .brick .title { text-align: center; max-height: 21px; overflow: hidden; } /* line 80, ../sass/common/_grid.scss */ .grid.newspaper.type-text-center .brick p { text-align: center; margin-bottom: 13px; height: 88px; overflow: hidden; } /* line 83, ../sass/common/_grid.scss */ .grid.newspaper .brick { padding: 20px; background-color: #fff; box-sizing: border-box; border-right: 0.5px solid #dddddd; border-bottom: 0.5px solid #dddddd; -moz-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1); -webkit-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1); box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1); height: 340px; position: relative; } /* line 94, ../sass/common/_grid.scss */ .grid.newspaper .brick .frame-image { margin-bottom: 10px; } /* line 96, ../sass/common/_grid.scss */ .grid.newspaper .brick .frame-image img { width: 206px; } /* line 98, ../sass/common/_grid.scss */ .grid.newspaper .brick .date { font-size: 15px; line-height: 28px; color: #004a2f; } /* line 103, ../sass/common/_grid.scss */ .grid.newspaper .brick .title { color: #008852; font-size: 17px; font-weight: 700; line-height: 21px; margin-bottom: 10px; max-height: 42px; overflow: hidden; } /* line 112, ../sass/common/_grid.scss */ .grid.newspaper .brick p { font-size: 14px; line-height: 22px; margin-bottom: 15px; word-break: break-all; height: 44px; overflow: hidden; } /* line 120, ../sass/common/_grid.scss */ .grid.newspaper .brick .link-learn-more { display: block; text-align: center; position: absolute; bottom: 23px; width: 85%; } /* line 134, ../sass/common/_grid.scss */ .menu-list-product .brick { height: 320px; border-left: 1px solid #e1e1e1; text-align: center; } /* line 139, ../sass/common/_grid.scss */ .menu-list-product .brick:nth-child(n+4) { border-top: 1px solid #e1e1e1; } /* line 142, ../sass/common/_grid.scss */ .menu-list-product .brick:nth-child(3n-5) { border-left: none; } /* line 145, ../sass/common/_grid.scss */ .menu-list-product .brick:hover { background: #5bba32; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYmEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg4NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #5bba32 0%, #008852 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bba32), color-stop(100%, #008852)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5bba32 0%, #008852 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5bba32 0%, #008852 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5bba32 0%, #008852 100%); /* IE10+ */ background: linear-gradient(to bottom, #5bba32 0%, #008852 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bba32', endColorstr='#008852',GradientType=0 ); /* IE6-8 */ text-decoration: none; } /* line 157, ../sass/common/_grid.scss */ .menu-list-product .brick:hover .btn_text_green { color: #fff; } /* line 160, ../sass/common/_grid.scss */ .menu-list-product .brick:hover .title_menu_list_product { color: #fff200; } /* line 163, ../sass/common/_grid.scss */ .menu-list-product .brick:hover .intro_menu_list_product { color: #fff; } /* line 166, ../sass/common/_grid.scss */ .menu-list-product .brick:hover .arrow_s_right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAQAAABQpC4VAAAAIklEQVQYV2P4//8/AwQy/AcBJCaYA2P+R2b+xyKKaQLUXACua0W7P8hTAwAAAABJRU5ErkJggg==); } /* line 170, ../sass/common/_grid.scss */ .menu-list-product .brick .title_menu_list_product { margin-bottom: 15px; color: #333; font-size: 20px; } /* line 175, ../sass/common/_grid.scss */ .menu-list-product .brick .intro_menu_list_product { color: #004b31; font-size: 16px; line-height: 22px; } /* line 180, ../sass/common/_grid.scss */ .menu-list-product .brick .btn_text_green { position: absolute; width: 150px; bottom: 25px; left: 50%; margin-left: -75px; } /* line 189, ../sass/common/_grid.scss */ .menu-list-product a { display: block; position: relative; height: 320px; padding: 15px 15px; } /* line 194, ../sass/common/_grid.scss */ .menu-list-product a:hover { text-decoration: none; } /* line 199, ../sass/common/_grid.scss */ .menu-list-product [class^="icon_menu_list_product"] { display: block; height: 110px; background-position: center center; background-repeat: no-repeat; background-color: transparent; } /* line 206, ../sass/common/_grid.scss */ .menu-list-product:after { content: ""; display: table; clear: both; } /* line 1, ../sass/common/_tags.scss */ .genre { display: inline-block; padding-left: 15px; padding-right: 15px; height: 30px; line-height: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #bfe9d3; color: #004a2f; font-size: 13px; margin-bottom: 10px; } /*12等分網格系統*/ /* line 2, ../sass/common/_layout.scss */ .layout { /*for demo*/ } /* line 3, ../sass/common/_layout.scss */ .layout:after { content: ""; display: table; clear: both; } /* line 4, ../sass/common/_layout.scss */ .layout .column { float: left; } /* line 5, ../sass/common/_layout.scss */ .layout .col-1 { width: 8.33333%; } /* line 6, ../sass/common/_layout.scss */ .layout .col-2 { width: 16.66666%; } /* line 7, ../sass/common/_layout.scss */ .layout .col-3 { width: 25%; } /* line 8, ../sass/common/_layout.scss */ .layout .col-4 { width: 33.33333%; } /* line 9, ../sass/common/_layout.scss */ .layout .col-5 { width: 41.66667%; } /* line 10, ../sass/common/_layout.scss */ .layout .col-6 { width: 50%; } /* line 11, ../sass/common/_layout.scss */ .layout .col-7 { width: 58.33333%; } /* line 12, ../sass/common/_layout.scss */ .layout .col-8 { width: 66.66666%; } /* line 13, ../sass/common/_layout.scss */ .layout .col-9 { width: 75%; } /* line 14, ../sass/common/_layout.scss */ .layout .col-10 { width: 83.33334%; } /* line 15, ../sass/common/_layout.scss */ .layout .col-11 { width: 91.66667%; } /* line 16, ../sass/common/_layout.scss */ .layout .col-12 { width: 100%; } /* line 19, ../sass/common/_layout.scss */ .layout.demo .column { background: #aaaaaa; color: #ffffff; padding: 20px; font-size: 12px; text-align: center; border: 1px solid #fff; height: 60px; vertical-align: middle; } /*table cell 系統*/ /* line 34, ../sass/common/_layout.scss */ .layout-table { display: table; position: relative; width: 100%; } /* line 39, ../sass/common/_layout.scss */ .layout-table.demo .cell { background: #aaaaaa; color: #ffffff; padding: 10px; font-size: 12px; border: 1px solid #fff; } /* line 45, ../sass/common/_layout.scss */ .layout-table.demo .cell.image { padding: 10px; } /* line 50, ../sass/common/_layout.scss */ .layout-table .cell { display: table-cell; vertical-align: middle; } /* line 4, ../sass/common/_jumbotron.scss */ .jumbotron .carousel { height: 400px; opacity: 0; } /* line 9, ../sass/common/_jumbotron.scss */ .jumbotron .flexslider { margin: 0; } /* line 11, ../sass/common/_jumbotron.scss */ .jumbotron .flexslider .flex-viewport { width: 100%; height: 400px; } /* line 16, ../sass/common/_jumbotron.scss */ .jumbotron .flexslider .flex-control-nav { z-index: 3; } /* line 24, ../sass/common/_jumbotron.scss */ .flexslider a:hover { text-decoration: none; } /* line 28, ../sass/common/_jumbotron.scss */ .flexslider .inner { width: 100%; height: 400px; position: relative; overflow: hidden; } /* line 34, ../sass/common/_jumbotron.scss */ .flexslider .inner img { overflow: hidden; position: absolute; z-index: 1; width: 100%; } /* line 41, ../sass/common/_jumbotron.scss */ .flexslider .inner .content { width: 960px; margin: 0 auto; padding-top: 60px; text-align: center; font-size: 18px; line-height: 28px; color: #333; position: relative; z-index: 2; } /* line 52, ../sass/common/_jumbotron.scss */ .flexslider .inner .content.content-white { color: #fff; } /* line 56, ../sass/common/_jumbotron.scss */ .flexslider .inner .content.go-left { text-align: left; } /* line 60, ../sass/common/_jumbotron.scss */ .flexslider .inner .content.go-right { text-align: right; } /* line 64, ../sass/common/_jumbotron.scss */ .flexslider .inner .content.go-center { text-align: center; } /* line 68, ../sass/common/_jumbotron.scss */ .flexslider .inner .content .btn { margin-top: 20px; } /* line 73, ../sass/common/_jumbotron.scss */ .flexslider .inner h2 { font-size: 36px; line-height: 2; font-weight: normal; } /*Slick*/ @media only screen and (max-width: 1490px) { /* line 86, ../sass/common/_jumbotron.scss */ .full-carousel { height: 100%; width: auto; margin-left: -400px; overflow: hidden; } /* line 92, ../sass/common/_jumbotron.scss */ .full-carousel .slick-slide { width: auto; height: 1070px; overflow: hidden; } } /* line 100, ../sass/common/_jumbotron.scss */ .full-carousel .slick-slide img { width: 100%; } @media only screen and (max-width: 1400px) { /* line 100, ../sass/common/_jumbotron.scss */ .full-carousel .slick-slide img { width: auto; height: 100%; } } /* topbanner */ /* line 111, ../sass/common/_jumbotron.scss */ .topbanner { position: relative; width: 740px; height: 200px; margin-bottom: 30px; overflow: hidden; -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); } /* line 121, ../sass/common/_jumbotron.scss */ .topbanner .slides { position: relative; z-index: 1; } /* line 127, ../sass/common/_jumbotron.scss */ .topbanner .slides li { position: absolute; z-index: 1; left: 0; top: 0; display: none; } /* line 133, ../sass/common/_jumbotron.scss */ .topbanner .slides li:first-child { display: block; } /* line 134, ../sass/common/_jumbotron.scss */ .topbanner .slides li a { display: block; } /* line 138, ../sass/common/_jumbotron.scss */ .topbanner .slides li.off { z-index: 2; } /* line 139, ../sass/common/_jumbotron.scss */ .topbanner .slides li.on { z-index: 3; } /* line 143, ../sass/common/_jumbotron.scss */ .topbanner .btn-prev, .topbanner .btn-next { position: absolute; z-index: 2; top: 50%; margin-top: -19px; width: 38px; height: 38px; cursor: pointer; } /* line 150, ../sass/common/_jumbotron.scss */ .topbanner .btn-prev:hover, .topbanner .btn-next:hover { opacity: .8; } /* line 152, ../sass/common/_jumbotron.scss */ .topbanner .btn-prev { left: 12px; background-image: url("/cathaybk/img/topbanner-prev.png"); } /* line 153, ../sass/common/_jumbotron.scss */ .topbanner .btn-next { right: 12px; background-image: url("/cathaybk/img/topbanner-next.png"); } /* line 154, ../sass/common/_jumbotron.scss */ .topbanner .menu { position: absolute; z-index: 2; left: 0; bottom: 4px; width: 100%; height: 20px; text-align: center; } /* line 162, ../sass/common/_jumbotron.scss */ .topbanner .menu b { display: inline-block; width: 14px; height: 14px; margin-left: 2px; margin-right: 2px; background-image: url("/cathaybk/img/topbanner-btn.png"); cursor: pointer; } /* line 169, ../sass/common/_jumbotron.scss */ .topbanner .menu b.on, .topbanner .menu b:hover { background-image: url("/cathaybk/img/topbanner-btn-on.png"); } /* line 177, ../sass/common/_jumbotron.scss */ .topbanner-static { width: 740px; height: 240px; margin-bottom: 30px; } /* line 182, ../sass/common/_jumbotron.scss */ .topbanner-static > div { float: left; height: 100%; } /* line 187, ../sass/common/_jumbotron.scss */ .topbanner-static .cover { overflow: hidden; width: 402px; } /* line 192, ../sass/common/_jumbotron.scss */ .topbanner-static .content { background-color: #004a2f; width: 338px; padding: 35px 35px 10px; color: #fff; font-weight: 700; position: relative; } /* line 200, ../sass/common/_jumbotron.scss */ .topbanner-static .content .title { font-size: 25px; font-weight: bold; margin-top: 20px; } /* line 206, ../sass/common/_jumbotron.scss */ .topbanner-static .content .bottom-note { font-weight: bold; position: absolute; bottom: 20px; } /* line 212, ../sass/common/_jumbotron.scss */ .topbanner-static .content .title_article, .topbanner-static .content .subtitle_article, .topbanner-static .content .smalltitle_article { color: #fff; } /*index.html key-view-page*/ /* line 219, ../sass/common/_jumbotron.scss */ .key-view-page { background-color: #E8F1EC; } /* line 221, ../sass/common/_jumbotron.scss */ .key-view-page section.content { width: 960px; } /* line 224, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick { margin: 50px 0; height: 380px; } /* line 227, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick .btn-hollow { margin: 0 auto; position: relative; bottom: 0; } /* line 227, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick .btn-hollow i { margin-left: 5px; } /* line 228, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a { text-decoration: none; height: 100%; } /* line 230, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a h2 { color: #008852; text-align: center; margin-bottom: 7px; font-size: 24px; } /* line 231, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a .summary { min-height: 120px; padding: 0 60px; text-align: justify; font-size: 15px; line-height: 24px; min-height: 135px; color: #333; margin-bottom: 15px; } /* line 241, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a .frame-image { width: 150px; height: 150px; margin: 0 auto; border: 1px solid #008852; border-radius: 50%; margin-bottom: 15px; } /* line 249, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a:hover { text-decoration: none; color: #004a2f; } /* line 252, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a:hover .frame-image { background-color: white; } /* line 253, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a:hover .summary { color: #008852; } /* line 254, ../sass/common/_jumbotron.scss */ .key-view-page section.content .grid .brick a:hover .btn-hollow { border: 1px solid #00a94f; color: #00a94f; } /* consider to delete */ /*.jumbotron .menu_list_kv{ width: $wrap-width; margin: 0 auto; padding: 50px 0; } .jumbotron .menu_list_kv li{ position: relative; float: left; width: 33.33%; height: 380px; } .jumbotron .menu_list_kv a .frame_img{ width: 150px; height: 150px; margin: 0 auto; border: 1px solid #008852; border-radius: 50%; } .jumbotron .menu_list_kv a .title_menu_list_kv{ color: #008852; text-align: center; font-size: 24px; } .jumbotron .menu_list_kv a .intro_menu_list_kv{ padding: 0 60px; text-align: justify; font-size: 15px; line-height: 24px; min-height: 175px; color:#333; } .jumbotron .menu_list_kv a:hover .intro_menu_list_kv{ color:#008852; } .jumbotron .menu_list_kv .frame_img figcaption{ text-indent: -99999px; } .jumbotron .menu_list_kv a .learn_more{ border: 1px solid #008852; color: #008852; position: absolute; left: 31%; bottom: 0; text-align: center; padding: 10px 20px; font-size: 17px; line-height: 17px; } .jumbotron .menu_list_kv a .learn_more i{ margin-left: 5px; } .jumbotron .menu_list_kv a:hover .frame_img{ background-color: white; } .jumbotron .menu_list_kv a:hover .learn_more{ border: 1px solid #00a94f; color: #00a94f; } .jumbotron .menu_list_kv a:hover{ text-decoration: none; color: #004a2f; }*/ /* line 1, ../sass/common/_setting.scss */ .white { color: #fff; } /* line 2, ../sass/common/_setting.scss */ .green_light { color: #00a94f; } /* line 3, ../sass/common/_setting.scss */ .green { color: #008852; } /* line 4, ../sass/common/_setting.scss */ .green_deep { color: #004b31; } /* line 5, ../sass/common/_setting.scss */ .black_dark_text { color: #1b1b1b; } /* line 6, ../sass/common/_setting.scss */ .gray_dark_text { color: #313131; } /* line 7, ../sass/common/_setting.scss */ .gray_deep_text { color: #7f7f7f; } /* line 8, ../sass/common/_setting.scss */ .gray_text { color: #b2b2b2; } /* line 9, ../sass/common/_setting.scss */ .bold { font-weight: 700; } /* line 10, ../sass/common/_setting.scss */ .colorImportant { color: #ff6c00; } /* line 11, ../sass/common/_setting.scss */ .red { color: #ff0000; } /* line 12, ../sass/common/_setting.scss */ .black { color: #333; } /* line 14, ../sass/common/_setting.scss */ .bg_white { background-color: #fff; } /* line 15, ../sass/common/_setting.scss */ .bg_green { background-color: #E8F1EC; } /* line 17, ../sass/common/_setting.scss */ .color-important { color: #ff5300; } /* line 18, ../sass/common/_setting.scss */ .color-green { color: #008852; } /* line 19, ../sass/common/_setting.scss */ .color-lightgreen { color: #00a94f; } /* line 20, ../sass/common/_setting.scss */ .color-darkgreen { color: #004a2f; } /* line 21, ../sass/common/_setting.scss */ .color-normal { color: #626262; } /* line 22, ../sass/common/_setting.scss */ .color-light { color: #898989; } /* line 24, ../sass/common/_setting.scss */ .bg-softgreen { background-color: #e6f4e5; } /* line 25, ../sass/common/_setting.scss */ .bg-mildgreen { background-color: #cceedc; } /* line 26, ../sass/common/_setting.scss */ .bg-soft { background-color: #ebebeb; } /* line 28, ../sass/common/_setting.scss */ .genre { display: inline-block; padding-left: 15px; padding-right: 15px; height: 30px; line-height: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #bfe9d3; color: #004a2f; font-size: 13px; } /* line 39, ../sass/common/_setting.scss */ .float_l { float: left; } /* line 40, ../sass/common/_setting.scss */ .float_r { float: right; } /* line 42, ../sass/common/_setting.scss */ .br_3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* line 43, ../sass/common/_setting.scss */ .br_5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 44, ../sass/common/_setting.scss */ .br_circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } /* line 45, ../sass/common/_setting.scss */ .bs_main { -moz-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15); } /* line 49, ../sass/common/_setting.scss */ .block { display: block; } /* line 50, ../sass/common/_setting.scss */ .inline_block { display: inline-block; } /* line 51, ../sass/common/_setting.scss */ .table { display: table; } /* line 52, ../sass/common/_setting.scss */ .table_row { display: table-row; } /* line 53, ../sass/common/_setting.scss */ .table_cell { display: table-cell; } /* line 55, ../sass/common/_setting.scss */ .v_align_top { vertical-align: top; } /* line 56, ../sass/common/_setting.scss */ .v_align_middle { vertical-align: middle; } /* line 57, ../sass/common/_setting.scss */ .v_align_bottom { vertical-align: bottom; } /* line 58, ../sass/common/_setting.scss */ .t_align_left { text-align: left; } /* line 59, ../sass/common/_setting.scss */ .t_align_center { text-align: center; } /* line 60, ../sass/common/_setting.scss */ .t_align_right { text-align: right; } /* line 63, ../sass/common/_setting.scss */ .w_full { width: 100%; } /* line 64, ../sass/common/_setting.scss */ .w_half { width: 50%; } /* line 65, ../sass/common/_setting.scss */ .w_50 { width: 50px; } /* line 66, ../sass/common/_setting.scss */ .w_62 { width: 62px; } /* line 67, ../sass/common/_setting.scss */ .w_65 { width: 65px; } /* line 68, ../sass/common/_setting.scss */ .w_80 { width: 80px; } /* line 69, ../sass/common/_setting.scss */ .w_95 { width: 95px; } /* line 70, ../sass/common/_setting.scss */ .w_105 { width: 105px; } /* line 71, ../sass/common/_setting.scss */ .w_120 { width: 120px; } /* line 72, ../sass/common/_setting.scss */ .w_130 { width: 130px; } /* line 73, ../sass/common/_setting.scss */ .w_135 { width: 135px; } /* line 74, ../sass/common/_setting.scss */ .w_143 { width: 143px; } /* line 75, ../sass/common/_setting.scss */ .w_150 { width: 150px; } /* line 76, ../sass/common/_setting.scss */ .w_160 { width: 160px; } /* line 77, ../sass/common/_setting.scss */ .w_165 { width: 165px; } /* line 78, ../sass/common/_setting.scss */ .w_180 { width: 180px; } /* line 79, ../sass/common/_setting.scss */ .w_190 { width: 190px; } /* line 80, ../sass/common/_setting.scss */ .w_200 { width: 200px; } /* line 81, ../sass/common/_setting.scss */ .w_215 { width: 215px; } /* line 82, ../sass/common/_setting.scss */ .w_220 { width: 220px; } /* line 83, ../sass/common/_setting.scss */ .w_240 { width: 240px; } /* line 84, ../sass/common/_setting.scss */ .w_260 { width: 260px; } /* line 85, ../sass/common/_setting.scss */ .w_300 { width: 300px; } /* line 86, ../sass/common/_setting.scss */ .w_370 { width: 370px; } /* line 87, ../sass/common/_setting.scss */ .w_440 { width: 440px; } /* line 88, ../sass/common/_setting.scss */ .w_630 { width: 630px; } /* line 89, ../sass/common/_setting.scss */ .w_645 { width: 645px; } /* line 90, ../sass/common/_setting.scss */ .w_670 { width: 670px; } /* line 92, ../sass/common/_setting.scss */ .m_auto { margin-left: auto; margin-right: auto; } /* line 94, ../sass/common/_setting.scss */ .m_0 { margin: 0px; } /* line 95, ../sass/common/_setting.scss */ .mt_0 { margin-top: 0px; } /* line 96, ../sass/common/_setting.scss */ .mr_0 { margin-right: 0px; } /* line 97, ../sass/common/_setting.scss */ .mb_0 { margin-bottom: 0px; } /* line 98, ../sass/common/_setting.scss */ .ml_0 { margin-left: 0px; } /* line 100, ../sass/common/_setting.scss */ .m_5 { margin: 5px; } /* line 101, ../sass/common/_setting.scss */ .mt_5 { margin-top: 5px; } /* line 102, ../sass/common/_setting.scss */ .mr_5 { margin-right: 5px; } /* line 103, ../sass/common/_setting.scss */ .mb_5 { margin-bottom: 5px; } /* line 104, ../sass/common/_setting.scss */ .ml_5 { margin-left: 5px; } /* line 106, ../sass/common/_setting.scss */ .m_10 { margin: 10px; } /* line 107, ../sass/common/_setting.scss */ .mt_10 { margin-top: 10px; } /* line 108, ../sass/common/_setting.scss */ .mr_10 { margin-right: 10px; } /* line 109, ../sass/common/_setting.scss */ .mb_10 { margin-bottom: 10px; } /* line 110, ../sass/common/_setting.scss */ .ml_10 { margin-left: 10px; } /* line 112, ../sass/common/_setting.scss */ .m_15 { margin: 15px; } /* line 113, ../sass/common/_setting.scss */ .mt_15 { margin-top: 15px; } /* line 114, ../sass/common/_setting.scss */ .mr_15 { margin-right: 15px; } /* line 115, ../sass/common/_setting.scss */ .mb_15 { margin-bottom: 15px; } /* line 116, ../sass/common/_setting.scss */ .ml_15 { margin-left: 15px; } /* line 118, ../sass/common/_setting.scss */ .m_20 { margin: 20px; } /* line 119, ../sass/common/_setting.scss */ .mt_20 { margin-top: 20px; } /* line 120, ../sass/common/_setting.scss */ .mr_20 { margin-right: 20px; } /* line 121, ../sass/common/_setting.scss */ .mb_20 { margin-bottom: 20px; } /* line 122, ../sass/common/_setting.scss */ .ml_20 { margin-left: 20px; } /* line 124, ../sass/common/_setting.scss */ .m_25 { margin: 25px; } /* line 125, ../sass/common/_setting.scss */ .mt_25 { margin-top: 25px; } /* line 126, ../sass/common/_setting.scss */ .mr_25 { margin-right: 25px; } /* line 127, ../sass/common/_setting.scss */ .mb_25 { margin-bottom: 25px; } /* line 128, ../sass/common/_setting.scss */ .ml_25 { margin-left: 25px; } /* line 130, ../sass/common/_setting.scss */ .m_30 { margin: 30px; } /* line 131, ../sass/common/_setting.scss */ .mt_30 { margin-top: 30px; } /* line 132, ../sass/common/_setting.scss */ .mr_30 { margin-right: 30px; } /* line 133, ../sass/common/_setting.scss */ .mb_30 { margin-bottom: 30px; } /* line 134, ../sass/common/_setting.scss */ .ml_30 { margin-left: 30px; } /* line 136, ../sass/common/_setting.scss */ .m_35 { margin: 35px; } /* line 137, ../sass/common/_setting.scss */ .mt_35 { margin-top: 35px; } /* line 138, ../sass/common/_setting.scss */ .mr_35 { margin-right: 35px; } /* line 139, ../sass/common/_setting.scss */ .mb_35 { margin-bottom: 35px; } /* line 140, ../sass/common/_setting.scss */ .ml_35 { margin-left: 35px; } /* line 142, ../sass/common/_setting.scss */ .m_40 { margin: 40px; } /* line 143, ../sass/common/_setting.scss */ .mt_40 { margin-top: 40px; } /* line 144, ../sass/common/_setting.scss */ .mr_40 { margin-right: 40px; } /* line 145, ../sass/common/_setting.scss */ .mb_40 { margin-bottom: 40px; } /* line 146, ../sass/common/_setting.scss */ .ml_40 { margin-left: 40px; } /* line 148, ../sass/common/_setting.scss */ .m_45 { margin: 45px; } /* line 149, ../sass/common/_setting.scss */ .mt_45 { margin-top: 45px; } /* line 150, ../sass/common/_setting.scss */ .mr_45 { margin-right: 45px; } /* line 151, ../sass/common/_setting.scss */ .mb_45 { margin-bottom: 45px; } /* line 152, ../sass/common/_setting.scss */ .ml_45 { margin-left: 45px; } /* line 155, ../sass/common/_setting.scss */ .p_0 { padding: 0px; } /* line 156, ../sass/common/_setting.scss */ .pt_0 { padding-top: 0px; } /* line 157, ../sass/common/_setting.scss */ .pr_0 { padding-right: 0px; } /* line 158, ../sass/common/_setting.scss */ .pb_0 { padding-bottom: 0px; } /* line 159, ../sass/common/_setting.scss */ .pl_0 { padding-left: 0px; } /* line 161, ../sass/common/_setting.scss */ .p_5 { padding: 5px; } /* line 162, ../sass/common/_setting.scss */ .pt_5 { padding-top: 5px; } /* line 163, ../sass/common/_setting.scss */ .pr_5 { padding-right: 5px; } /* line 164, ../sass/common/_setting.scss */ .pb_5 { padding-bottom: 5px; } /* line 165, ../sass/common/_setting.scss */ .pl_5 { padding-left: 5px; } /* line 167, ../sass/common/_setting.scss */ .p_10 { padding: 10px; } /* line 168, ../sass/common/_setting.scss */ .pt_10 { padding-top: 10px; } /* line 169, ../sass/common/_setting.scss */ .pr_10 { padding-right: 10px; } /* line 170, ../sass/common/_setting.scss */ .pb_10 { padding-bottom: 10px; } /* line 171, ../sass/common/_setting.scss */ .pl_10 { padding-left: 10px; } /* line 173, ../sass/common/_setting.scss */ .p_15 { padding: 15px; } /* line 174, ../sass/common/_setting.scss */ .pt_15 { padding-top: 15px; } /* line 175, ../sass/common/_setting.scss */ .pr_15 { padding-right: 15px; } /* line 176, ../sass/common/_setting.scss */ .pb_15 { padding-bottom: 15px; } /* line 177, ../sass/common/_setting.scss */ .pl_15 { padding-left: 15px; } /* line 179, ../sass/common/_setting.scss */ .p_20 { padding: 20px; } /* line 180, ../sass/common/_setting.scss */ .pt_20 { padding-top: 20px; } /* line 181, ../sass/common/_setting.scss */ .pr_20 { padding-right: 20px; } /* line 182, ../sass/common/_setting.scss */ .pb_20 { padding-bottom: 20px; } /* line 183, ../sass/common/_setting.scss */ .pl_20 { padding-left: 20px; } /* line 185, ../sass/common/_setting.scss */ .p_25 { padding: 25px; } /* line 186, ../sass/common/_setting.scss */ .pt_25 { padding-top: 25px; } /* line 187, ../sass/common/_setting.scss */ .pr_25 { padding-right: 25px; } /* line 188, ../sass/common/_setting.scss */ .pb_25 { padding-bottom: 25px; } /* line 189, ../sass/common/_setting.scss */ .pl_25 { padding-left: 25px; } /* line 191, ../sass/common/_setting.scss */ .p_30 { padding: 30px; } /* line 192, ../sass/common/_setting.scss */ .pt_30 { padding-top: 30px; } /* line 193, ../sass/common/_setting.scss */ .pr_30 { padding-right: 30px; } /* line 194, ../sass/common/_setting.scss */ .pb_30 { padding-bottom: 30px; } /* line 195, ../sass/common/_setting.scss */ .pl_30 { padding-left: 30px; } /* line 197, ../sass/common/_setting.scss */ .p_35 { padding: 35px; } /* line 198, ../sass/common/_setting.scss */ .pt_35 { padding-top: 35px; } /* line 199, ../sass/common/_setting.scss */ .pr_35 { padding-right: 35px; } /* line 200, ../sass/common/_setting.scss */ .pb_35 { padding-bottom: 35px; } /* line 201, ../sass/common/_setting.scss */ .pl_35 { padding-left: 35px; } /* line 203, ../sass/common/_setting.scss */ .p_40 { padding: 40px; } /* line 204, ../sass/common/_setting.scss */ .pt_40 { padding-top: 40px; } /* line 205, ../sass/common/_setting.scss */ .pr_40 { padding-right: 40px; } /* line 206, ../sass/common/_setting.scss */ .pb_40 { padding-bottom: 40px; } /* line 207, ../sass/common/_setting.scss */ .pl_40 { padding-left: 40px; } /* line 209, ../sass/common/_setting.scss */ .p_45 { padding: 45px; } /* line 210, ../sass/common/_setting.scss */ .pt_45 { padding-top: 45px; } /* line 211, ../sass/common/_setting.scss */ .pr_45 { padding-right: 45px; } /* line 212, ../sass/common/_setting.scss */ .pb_45 { padding-bottom: 45px; } /* line 213, ../sass/common/_setting.scss */ .pl_45 { padding-left: 45px; } /* line 216, ../sass/common/_setting.scss */ .col_2_1 { width: 50%; } /* line 217, ../sass/common/_setting.scss */ .col_2_2 { width: 100%; } /* line 219, ../sass/common/_setting.scss */ .col_3_1 { width: 33.333333%; } /* line 220, ../sass/common/_setting.scss */ .col_3_2 { width: 66.666666%; } /* line 221, ../sass/common/_setting.scss */ .col_3_3 { width: 100%; } /* line 223, ../sass/common/_setting.scss */ .col_4_1 { width: 25%; } /* line 224, ../sass/common/_setting.scss */ .col_4_2 { width: 50%; } /* line 225, ../sass/common/_setting.scss */ .col_4_3 { width: 75%; } /* line 226, ../sass/common/_setting.scss */ .col_4_4 { width: 100%; } /* line 228, ../sass/common/_setting.scss */ .col_5_1 { width: 20%; } /* line 229, ../sass/common/_setting.scss */ .col_5_2 { width: 40%; } /* line 230, ../sass/common/_setting.scss */ .col_5_3 { width: 60%; } /* line 231, ../sass/common/_setting.scss */ .col_5_4 { width: 80%; } /* line 232, ../sass/common/_setting.scss */ .col_5_5 { width: 100%; } /* line 234, ../sass/common/_setting.scss */ .col_6_1 { width: 16.666666%; } /* line 235, ../sass/common/_setting.scss */ .col_6_2 { width: 33.333333%; } /* line 236, ../sass/common/_setting.scss */ .col_6_3 { width: 50%; } /* line 237, ../sass/common/_setting.scss */ .col_6_4 { width: 66.666666%; } /* line 238, ../sass/common/_setting.scss */ .col_6_5 { width: 83.333333%; } /* line 239, ../sass/common/_setting.scss */ .col_6_6 { width: 100%; } /* line 242, ../sass/common/_setting.scss */ .col_8_1 { width: 12.5%; } /* line 243, ../sass/common/_setting.scss */ .col_8_2 { width: 25%; } /* line 244, ../sass/common/_setting.scss */ .col_8_3 { width: 37.5%; } /* line 245, ../sass/common/_setting.scss */ .col_8_4 { width: 50%; } /* line 246, ../sass/common/_setting.scss */ .col_8_5 { width: 62.5%; } /* line 247, ../sass/common/_setting.scss */ .col_8_6 { width: 75%; } /* line 248, ../sass/common/_setting.scss */ .col_8_7 { width: 87.5%; } /* line 249, ../sass/common/_setting.scss */ .col_8_8 { width: 100%; } /* line 252, ../sass/common/_setting.scss */ .col_15_1 { width: 6.666666%; } /* line 254, ../sass/common/_setting.scss */ .col_20_1 { width: 5%; } /* line 261, ../sass/common/_setting.scss */ .text_12 { font-size: 12px; line-height: 16px; } /* line 266, ../sass/common/_setting.scss */ .text_14 { font-size: 14px; line-height: 20px; } /* line 270, ../sass/common/_setting.scss */ .text_15 { font-size: 15px; line-height: 22px; } /* line 274, ../sass/common/_setting.scss */ .text_16 { font-size: 16px; line-height: 26px; } /* line 278, ../sass/common/_setting.scss */ .text_18 { font-size: 18px; line-height: 26px; } /* line 282, ../sass/common/_setting.scss */ .text_20 { font-size: 20px; line-height: 30px; } /* line 286, ../sass/common/_setting.scss */ .text_26 { font-size: 26px; line-height: 30px; } /* line 290, ../sass/common/_setting.scss */ .text_30 { font-size: 30px; line-height: 32px; } /* line 295, ../sass/common/_setting.scss */ .text_underscore { text-decoration: underline; } /* line 298, ../sass/common/_setting.scss */ .bold { font-weight: bold; } /* line 301, ../sass/common/_setting.scss */ .outdent_2 { margin-left: 2em; text-indent: -2em; } /* line 302, ../sass/common/_setting.scss */ .outdent_2_5 { margin-left: 2.5em; text-indent: -2.5em; } /* line 303, ../sass/common/_setting.scss */ .outdent_3 { margin-left: 3em; text-indent: -3em; }