/* Minification failed. Returning unminified contents.
(1916,1): run-time error CSS1019: Unexpected token, found '@charset'
(1916,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1916,17): run-time error CSS1019: Unexpected token, found ';'
 */
/* $Workfile: style.css $, $Date: 12/01/13 1:24p $,  $Revision: 94 $ */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}
    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }
/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}
    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

#articleData table td {
    line-height: 18px;
}

ol {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ul {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

li {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

/*reset end*/
/*reset end*/
/*reset end*/
body {
    font-size: 12px;
    margin: 0;
    font-family: arial, helvetica, clean, sans-serif,新細明體;
    font-variant: normal;
    background-color: #EBEBEB;
    font-size-adjust: none;
    font-stretch: normal;
    border: 0px;
    background-position: center;
    margin-top: 0px;
    color: #666666;
}

a {
    FONT-SIZE: 12px;
    COLOR: #006699;
    font-family: Arial, Helvetica, sans-serif,新細明體;
    TEXT-DECORATION: none;
}

    a:visited {
        COLOR: #006699;
    }

    a:hover {
        COLOR: #0099ff;
    }

    a:active {
        COLOR: #0099ff;
    }
/*================Web Layout*/
.container {
    width: 970px;
    background-color: #FFFFFF;
    margin: 0px;
}

#header {
    width: 970px;
}

#logoArea {
    width: 970px;
    height: 67px;
}
#logo_holding {
    width: 135px;
	height: 67px;
	float:left;
}
#delayQuote {
    /*display: none;*/
    height: 65px;
    margin: 0;
    padding: 0 10px 0px 10px;
    overflow: hidden;
    /*    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    */
    background-image: url(../../images/quote06.png);
    background-repeat: no-repeat;
    color: #48555b;
}

#Quote {
    margin-left: 10px;
    margin-right: 9px;
}


#delayQuote td {
    padding-right: 5px;
    padding-left: 5px;
    border-right-style: dashed;
    border-right-color: #000;
    border-right-width: thin;
}

#delayQuote thead td {
    text-align: center;
}

#delayQuote td label {
    font-size: 11px;
    color: #495a63;
}

#delayQuote .line {
    width: 3px;
    background-image: url(../../images/quote_sep.gif);
    background-repeat: no-repeat;
}

.align-right {
    text-align: right;
    float: right;
}

#wrapper {
    display: inline-block;
    width: 970px;
    position: relative;
    border-bottom: #5B6C77 3px;
    text-align: left;
    background-image: url(../../images/wrapper.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.line_sep {
    background-image: url(../../images/line_sep.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 10px;
    margin: 0px 0px 10px 0px;
}

#cont {
    width: 470px;
    border: 0px;
    float: left;
}

    #cont th {
        width: 470px;
        color: #0099FF;
        text-align: left;
        font-weight: 100;
    }

    #cont td {
        width: 470px;
        text-align: left;
        font-weight: 100;
    }
/*================Web Home Layout*/
#LeftCont {
    width: 230px;
    float: left;
}

#CenterCont {
    width: 530px;
    float: left;
    padding: 10px;
}

#RightCont {
    height: 470px;
    width: 190px;
    /*float: right;*/
    margin-top: 10px;
}

    #RightCont .title {
        vertical-align: top;
        color: #fff;
        background-color: #a25549;
        font-size: 1.2em;
        font-family: 微軟正黑體;
        height: 24px;
        padding-top: 3px;
        margin-bottom: 2px;
    }

    #RightCont .daily {
        height: 260px;
        background-color: #fff0eb;
        border-bottom: #cca223 solid 3px;
        font-family: Arial, Helvetica, sans-serif,新細明體;
        font-size: 11px;
        margin: 0;
    }

    #RightCont .indices {
        background-color: #fff;
        font-family: Arial, Helvetica, sans-serif,新細明體;
        font-size: 11px;
        border: 1px #666 solid;
        padding: 1px;
        margin-top: 3px;
        width: 98%;
    }

#author {
    width: 248px;
    height: 120px;
    float: left;
    display: block;
}

    #author td.photo {
        height: 75px;
        padding: 6px 10px 6px 10px;
    }

.comment {
    background-image: url(../../images/en/comment.jpg);
    background-repeat: no-repeat;
    width: 228px;
    height: 30px;
}

.comment_bg {
    background-image: url(../../images/comment_bg.gif);
    width: 1px;
    height: 87px;
}

#leftbanner {
    width: 250px;
    float: left;
}
/*================Web Body Layout*/
#content {
    width: 740px;
    float: right;
    vertical-align: top;
    border: 0px;
}
#ArticleTitle {
    margin-bottom: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    width: 529px;
    background-color: #f9f0e3;
}

#LeftPart {
    width: 228px;
    float: left;
    text-align: left;
    padding: 0px;
    border-right: #d0d2d3 1px solid;
    margin-top: 0px;
}

    #LeftPart .titleImgtw02 {
        background-image: url(../../images/en/ir02.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw03 {
        background-image: url(../../images/en/ir03.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw04 {
        background-image: url(../../images/en/ir04.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw05 {
        background-image: url(../../images/en/ir05.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw06 {
        background-image: url(../../images/en/ir06.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw08 {
        background-image: url(../../images/en/ir08.jpg);
        width: 230px;
        height: 85px;
    }

#content .ThemeImagetw02 {
    width: 750px;
    height: 95px;
}

#KM_body, #articleData {
    width: 528px;
    float: left;
    padding: 10px;
    line-height: 18px;
    display: block;
    border-right-color: #d3d3d3;
    border-right-style: dashed;
    border-right-width: 1px;
}

#Aside {
    width: 190px;
    height: 100%;
    float: right;
    vertical-align: top;
}

    #Aside .banner {
        margin-top: 5px;
        padding: 5px;
        height: 60px;
        vertical-align: top;
        display: block;
        margin-right: 0px;
    }

    #Aside .indices {
        margin-top: 5px;
        padding: 5px;
        height: 200px;
        text-align: center;
        vertical-align: top;
        color: #000000;
        background-color: #fad7af;
    }

/*=============== =login*/
#loginHK {
    width: 230px;
    height: 155px;
    float: left;
    background-image: url(../../images/en/loginArea.jpg);
    background-repeat: no-repeat;
    font-size: 12px;
    color: #FFF;
}

.help {
    width: 12px;
    background-image: url(../../images/questionmark2.png);
    background-repeat: no-repeat;
    padding-right: 8px;
}

#loginArea {
    float: left;
}

    #loginArea a, #loginArea a:visited {
        color: #FFF;
    }

        #loginArea a:hover {
            color: #FFF;
            text-decoration: underline;
        }

.txtBox {
    font-size: 0.917em;
    width: 80px;
    border: 1px solid #fff;
    color: #333;
    padding: 2px 2px 2px 5px;
    font-family: Arial, Helvetica, sans-serif;
    height: 15px;
    margin-top: 2px;
}

/*================banner*/
#bannerArea {
    width: 720px;
    height: 155px;
    float: left;
    background-repeat: no-repeat;
}

#blockbtn {
    width: 970px;
    height: 73px;
    float: left;
    background-image: url(../../images/ad_bg.jpg);
    border-bottom: 1px #A5ADB3 solid;
    border-top: 1px #A5ADB3 solid;
}

    #blockbtn ul, ul li, a:hover {
        list-style: none;
        margin-top: 0px;
        cursor: auto;
    }

        #blockbtn .AD01 {
            background-image: url(../../images/en/ad_01.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 30px;
        }

        #blockbtn .AD02 {
            background-image: url(../../images/en/ad_02.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }

        #blockbtn .AD03 {
            background-image: url(../../images/en/ad_03.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }

        #blockbtn .AD04 {
           background-image: url(../../images/en/2FA_banner.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }
		 #blockbtn .AD05 {
            background-image: url(../../images/en/ad_05.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }

/*================header link & footer*/
.tpLink {
    background-image: url(../../images/en/logoR.jpg);
	float:left;
	display:block;
	width:835px;
	height:67px;
}
.tpLink ul {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

    .tpLink ul li {
        padding: 0 0 0 5px;
        float: left;
        line-height: 20px;
    }

        .tpLink ul li a, .tpLink ul li a:visited, .tpLink ul li span {
            font-size: 12px;
            color: #fff;
        }

            .tpLink ul li a:hover {
                font-size: 12px;
                color: #fff;
                text-decoration: underline;
            }

#footer_outline {
    width: 970px;
    height: 15px;
    background-image: url(../../images/footer_bg.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#ftLnks {
    background-color: #ebebeb;
}

    #ftLnks ul {
        width: 970px;
        float: right;
        margin-top: 10px;
        font-family: arial, helvetica, clean, sans-serif,新細明體;
        font-size: 12px;
        background-color: #ebebeb;
    }

        #ftLnks ul li {
            padding: 0 0 0 5px;
            float: left;
            line-height: 20px;
            color: #0068cb;
        }

            #ftLnks ul li a, #ftLnks ul li a:visited, #ftLnks ul li span {
                font-size: 12px;
                color: #0068cb;
            }

                #ftLnks ul li a:hover {
                    font-size: 12px;
                    color: #f46720;
                    text-decoration: none;
                }
/*================上方選單開始*/
#navTop {
    width: 970px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 38px;
    background-image: url(../../images/headernav_bg.gif);
    background-repeat: repeat-x;
    z-index: 100;
    position: relative;
}

    #navTop li.quotebtn span {
        width: 88px;
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 5px;
        height: 38px;
        z-index: 100;
        display: block;
        background-image: url(../../images/en/quote_close.gif);
        background-repeat: no-repeat;
        text-indent: -9999px;
        cursor: pointer;        
    }

    #navTop li.quotebtn .quoteoff {
        background: url(../../images/en/quote_open.gif);
        background-repeat: no-repeat;
    }

    #navTop ul li {
        float: left;
        list-style: none;
        text-decoration: none;
    }

        #navTop ul li.home a {
            background-image: url(../../images/home_bg.gif);
            background-repeat: no-repeat;
            padding: 0px 15px 0px 40px;
            height: 30px; /*IE7*/
        }

            #navTop ul li.home a:visited {
                background-image: url(../../images/home_hover.gif);
                padding: 0px 15px 0px 40px;
                height: 36px; /*IE7*/
            }

            #navTop ul li.home a:hover {
                background-image: url(../../images/home_hover.gif);
                color: #ffffff;
                padding: 0px 15px 0px 40px;
                height: 36px; /*IE7*/
            }

        #navTop ul li.none a {
            height: 30px; /*IE7*/
        }

            #navTop ul li.none a:visited {
                height: 36px; /*IE7*/
            }

            #navTop ul li.none a:hover {
                height: 36px; /*IE7*/
            }

        #navTop ul li.sep {
            height: 38px;
            width: 2px;
            background-image: url(../../images/headernav_sep.gif);
        }

        #navTop ul li a, #navTop ul li a:visited {
            color: #636161;
            display: block;
            float: left;
            padding: 0px 6px 0px 7px; /*上方選單li左右距離*/
            font-size: 1em;
            text-decoration: none;
        }

            #navTop ul li a:hover {
                background-image: url(../../images/headernav_hover.gif);
                color: #ffffff;
                display: block;
                float: left;
                padding: 0px 6px 0px 7px;
                text-decoration: none;
                font-size: 1em; /*上方選單hover*/
            }

        #navTop ul li.select a {
            background-image: url(../../images/headernav_hover.gif);
            color: #ffffff;
            height: 38px;
            display: block;
            float: left;
            padding: 0px 6px 0px 7px;
            text-decoration: none;
            font-size: 1em; /*上方選單select*/
        }

    /*下方選單第二層map*/
    #navTop > ul > li > ul {
        visibility: hidden;
        position: absolute;
        height: 0;
        top: 3px;
        left: 0;
        z-index: 10;
    }

    #navTop ul.bg {
        display: block;
        width: 100%;
        height: 250px;
        background-color: #ffe8e2;
        margin-top: 35px;
        border-right: #C4B4AF 1px solid;
        border-bottom: #C4B4AF 10px solid;
        border-left: #C4B4AF 1px solid;
        margin-left: 0px;
    }

    #navTop ul li.image01 {
        width: 100px;
        height: 125px;
        margin: 10px 10px 10px 20px;
        background-image: url(../../images/image01.jpg);
    }

    #navTop ul li.image02 {
        width: 100px;
        height: 125px;
        margin: 10px 10px 10px 20px;
        background-image: url(../../images/image02.jpg);
    }

    #navTop ul li.image03 {
        width: 100px;
        height: 125px;
        margin: 10px 10px 10px 20px;
        background-image: url(../../images/image03.jpg);
    }

    #navTop ul li.image04 {
        width: 100px;
        height: 125px;
        margin: 10px 10px 10px 20px;
        background-image: url(../../images/image04.jpg);
    }

    #navTop ul li.image05 {
        width: 100px;
        height: 125px;
        margin: 10px 10px 10px 20px;
        background-image: url(../../images/image05.jpg);
    }

    #navTop ul li.title70, li.title90, li.title120, li.title140, li.title170, li.title210, li.title230, li.title260 {
        background-color: #fff;
        border-bottom: #000 1px solid;
        margin-left: 3px;
        margin-right: 3px;
        height: 20px;
        position: relative;
    }

    #navTop ul li.title70, li.title70 ol li {
        width: 80px;
        margin-top: 6px;
    }

    #navTop ul li.title90, li.title90 ol li {
        width: 90px;
        margin-top: 6px;
    }

    #navTop ul li.title120, li.title120 ol li {
        width: 120px;
        margin-top: 6px;
    }

    #navTop ul li.title140, li.title140 ol li {
        width: 140px;
        margin-top: 6px;
    }

    #navTop ul li.title170, li.title170 ol li {
        width: 150px;
        margin-top: 6px;
    }

    #navTop ul li.title210, li.title210 ol li {
        width: 210px;
        margin-top: 6px;
    }

    #navTop ul li.title230, li.title230 ol li {
        width: 230px;
        margin-top: 6px;
    }
	 
    #navTop ul li.title260, li.title260 ol li {
        width: 260px;
        margin-top: 6px;
    }


        #navTop ul li.title70 a,
        #navTop ul li.title90 a,
        #navTop ul li.title120 a,
        #navTop ul li.title140 a,
        #navTop ul li.title170 a,
        #navTop ul li.title210 a,
        #navTop ul li.title230 a,
        #navTop ul li.title260 a,
        #navTop ul li.title70 a:visited,
        #navTop ul li.title90 a:visited,
        #navTop ul li.title120 a:visited,
        #navTop ul li.title140 a:visited,
        #navTop ul li.title170 a:visited,
        #navTop ul li.title210 a:visited,
        #navTop ul li.title230 a:visited,
		 #navTop ul li.title260 a:visited {
            color: #006bb4;
            background-image: none;
            float: left;
        }

            #navTop ul li.title70 a:hover,
            #navTop ul li.title90 a:hover,
            #navTop ul li.title120 a:hover,
            #navTop ul li.title140 a:hover,
            #navTop ul li.title170 a:hover,
            #navTop ul li.title210 a:hover,
            #navTop ul li.title230 a:hover,
			 #navTop ul li.title260 a:hover {
                color: #f36422;
            }

    #navTop ul li a.title, #navTop ul li a.title:visited {
        color: #006bb4;
        padding-top: 5px;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        #navTop ul li a.title:hover {
            color: #f36422;
        }

    #navTop ul li:hover ul, #navTop ul a:hover ul {
        visibility: visible;
    }

    #navTop ul li.title {
        text-align: center;
    }

.title70 ol li a,
.title90 ol li a,
.title120 ol li a,
.title140 ol li a,
.title170 ol li a,
.title210 ol li a,
.title230 ol li a,
.title260 ol li a {
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin: 0px;
}

#navTop ul li.title70 a.title,
#navTop ul li.title90 a.title,
#navTop ul li.title120 a.title,
#navTop ul li.title140 a.title,
#navTop ul li.title170 a.title,
#navTop ul li.title210 a.title,
#navTop ul li.title230 a.title,
#navTop ul li.title260 a.title,
#navTop ul li.title70 a.title:visited,
#navTop ul li.title90 a.title:visited,
#navTop ul li.title120 a.title:visited,
#navTop ul li.title140 a.title:visited,
#navTop ul li.title170 a.title:visited,
#navTop ul li.title210 a.title:visited,
#navTop ul li.title230 a.title:visited,
#navTop ul li.title260 a.title:visited,
#navTop ul li.title70 a.title:hover,
#navTop ul li.title90 a.title:hover,
#navTop ul li.title120 a.title:hover,
#navTop ul li.title140 a.title:hover,
#navTop ul li.title170 a.title:hover,
#navTop ul li.title210 a.title:hover,
#navTop ul li.title230 a.title:hover,
#navTop ul li.title260 a.title:hover {
    -moz-text-align-last: center;
    -ms-text-align-last: center;
    text-align-last: center;
}

#navTop > ul > li > a, #navTop > ul > li > a:visited, #navTop > ul > li > a:hover {
    font-size: 12px;
    font-weight: bold;
    line-height: 38px;
}
/*================左方選單開始*/
#lftmenu {
    width: 229px;
    display: block;
}

    #lftmenu ul {
        width: 229px;
        margin-top: 0px;
        padding: 0px;
        list-style: none;
        display: block;
        background-color: #FFFFFF;
    }

        #lftmenu ul li a {
            color: #383838;
            text-decoration: none;
            padding: 7px 15px 6px 15px;
            border-right: #d0d2d3 1px solid;
            border-bottom: #999 1px solid;
            display: block;
        }

            #lftmenu ul li a:hover {
                background-color: #f4f4f4;
                vertical-align: central;
                display: block;
            }

        #lftmenu ul ul {
            display: none;
            border-bottom: #768d9d solid 1px;
            background-color: #FFC;
        }

            #lftmenu ul ul a {
                text-indent: 20px;
                background-repeat: no-repeat;
                background-color: #fff;
                background-image: url(../../images/menu_bg.png);
                padding-left: 10px;
            }

    #lftmenu > ul > .select > a {
        color: #007fc6;
        background-color: #e9edef;
        text-indent: -8px;
        border-left: #768d9d 8px solid;
    }

    #lftmenu > ul > li > ul > .select > a {
        color: #007fc6;
        /*background-color:#e9edef;*/
        background-position-x: 0 \9;
        text-indent: 20px;
    }

/*===================Advertisement=======================*/
#advslides div {
    height: 155px;
}

    #advslides div img {
        width: 740px;
        height: 155px;
        z-index: 0;
    }



#advctrl {
    display: block;
    z-index: 90;
    position: absolute;
    bottom: 3px;
    right:0;
}

    #advctrl a {
        width: 19px;
        height: 19px;
        margin-left: 2px;
        background: url(../../images/page.png);
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        text-align: center;
        line-height: 22px;
        font-size: 9px;
        color: white;
    }

    #advctrl .activeSlide {
        background: url(../../images/page_a.png);
    }

/*=======================專業評論======================*/
#author .slides {
    position: relative;
    height: 90px;
}

    #author .slides table {
        background: url("../../images/comment_bg.gif");
    }

    #author .slides img, #author .slides p {
        margin: 0;
        padding: 0;
        width: 68px;
        height: 85px;
    }

.author_article {
    width: 100%;
}

.position-right-bottom {
    position: absolute;
    right: 0px;
}


/*=======================測試用, 上線前移除======================*/
#Home_Cycle_test {
    height: 125px;
}

#Home_Cycle_testctrl {
    top: -10px;
}

/*========================Login Button==========================*/
#loginHK input[type="submit"] {
    border: 1px solid rgb(0,163,230);
    background-color: rgb(0,163,230);
    color: white;
    padding: 1px 10px 0 10px;
    vertical-align: middle;
    line-height: 16px;
}

    #loginHK input[type="submit"]:hover {
        border-top: 2px solid rgb(0,163,230);
        border-left: 2px solid rgb(0,163,230);
        border-bottom: 0px;
        border-right: 0px;
    }

/*====================Attachment===============*/
.attachments, .opens {
    display: inline;
}

    .attachments a, .opens a {
        display: inline-block;
        margin-left: 10px;
        background-image: url(../../images/pdf.jpg);
        background-repeat: no-repeat;
        -moz-background-size: 25px 18px;
        -o-background-size: 25px 18px;
        -webkit-background-size: 25px 18px;
        background-size: 25px 18px;
        text-indent: -9999px;
    }
/*====================Attachment===============*/


/*    delay Quote    */
#delayQuote > div {
    width: 2000px;
    position: relative;
    display: block;
}

    #delayQuote > div > div {
        display: block;
        float: left;
    }

#delayQuote #Quote, #delayQuote #Qstock {
    padding-top: 15px;
    width: 750px;
    /*margin-right:161px;
    margin-right:190px\9;*/
}

    #delayQuote #Qstock td {
        padding: 0 10px 0 10px;
    }


.lang-hide {
    display: none;
}

#delayQuote #Qsearch {
    margin: 10px 0 0 5px;
}

    #delayQuote #Qsearch span {
        margin-bottom: 12px;
    }

    #delayQuote #Qsearch .textfield {
        width: 90px;
    }

    #delayQuote #Qsearch p {
        position: absolute;
        border: 1px solid black;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    #delayQuote #Qsearch #btndq {
        color: transparent;
        width: 15px;
        height: 16px;
        border: none;
        background: url(../../images/search.png);
        background-repeat: no-repeat;
        text-indent: -9999px;
        position: absolute;
        right: 6px;
        top: 1px;
    }

    #delayQuote #Qsearch #btndqreflash {
        color: transparent;
        width: 65px;
        height: 18px;
        border: none;
        background: url(../../images/en/refresh.png);
        background-repeat: no-repeat;
        text-indent: -9999px;
        margin: 0px;
    }

    #delayQuote #Qsearch .time {
        line-height: 1.2;
        font-size: 0.9em;
        color: #9f9e9e;
        padding-top: 5px;
    }

#delayQuote #btndqback {
    color: transparent;
    width: 17px;
    height: 59px;
    border: none;
    background: url(../../images/openbtn.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: none;
    margin-right: 10px;
}

#Qstock > table {
    float: right;
}

.remark {
    color: red;
}

.k-animation-container {
    margin-top: 11px;
}

/*    Accordion    */
#accordion li {
    margin-top: 5px;
    margin-bottom: 5px;
}

#accordion img {
    vertical-align: middle;
}

/*    WebPart Article Back Btn    */
.backbtn-top {
    display: block;
    /*text-align: right;*/
    float: right;
    /*margin-bottom: 15px;*/
}

    .backbtn-top a {
        padding: 4px 15px 5px 15px;
        background-image: url(../../images/graybtn.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }

        .backbtn-top a:hover {
            color: white;
            background-position: 0 -25px;
        }

/*    Clear fix    */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
    overflow: visible;
}

/*jquery validate message style*/
#orform table td {
    position: relative;
}

label.error {
    position: absolute;
    top: 0;
    right:0;
    color: red;
    padding: 2px 5px 2px 25px;
    background: url(../../images/error.png) left center no-repeat;
    background-color: rgb(255, 249, 242);
    border: 1px solid pink;
    margin-top: 1px;
    margin-left: 10px;
}

/*.fix-validate-acc-pos label.error{
    margin-left:41px;
}*/

.fix-validate-type-pos label.error {
    margin-left: -73px;
}

label.valid {
    border: 1px solid transparent;
    background: url(../../images/valid.png) left center no-repeat;
    background-color: transparent;
    display: inline-block;
    text-indent: -9999px;
}

#calcform input[type='text'], #calcresult input[type='text'] {
    text-align: right;
}

#author .prev {
    display: block;
    height: 87px;
    width: 16px;
    z-index: 1000;
    text-indent: -999px;
    background: url(../../images/left.jpg);
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
}

#author .next {
    display: block;
    height: 87px;
    width: 16px;
    z-index: 1000;
    text-indent: -999px;
    background: url(../../images/right.jpg);
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
}

#noscript {
    text-align: center;
    font-family: 微軟正黑體;
    font-weight: bold;
    font-size: 16px;
    color: blue;
    height: 50px;
    border: 3px #f46c20 solid;
    margin: 5px;
    padding-top: 25px;
}

/*首頁 switch color*/ 
    /*.switchcolorbtn.up {
        background-image: url(../../images/en/change_green.png);
    }
    .switchcolorbtn.switch-up {
        background-image: url(../../images/en/change_red.png);
    }*/
	
	
/*================HKETlayout開始*/
#ArticleTitle_hket {
    margin-top: 10px;
	margin-bottom:10px;
	margin-left:10px;
}

#lftmenu_hket {
    width: 196px;
	float:left;
	
}
    #lftmenu_hket ul {
        width: 196px;
        margin-top: 0px;
        padding: 0px;
        list-style: none;
        display: block;
        background-color: #FFFFFF;
    }

        #lftmenu_hket ul li a {
            color: #383838;
            text-decoration: none;
            padding: 7px 15px 6px 15px;
            border-right: #d0d2d3 1px solid;
            border-bottom: #999 1px solid;
            display: block;
        }

            #lftmenu_hket ul li a:hover {
                background-color: #f4f4f4;
                vertical-align: central;
                display: block;
            }

        #lftmenu_hket ul ul {
            display: none;
            border-bottom: #768d9d solid 1px;
            background-color: #FFC;
        }

            #lftmenu_hket ul ul a {
                text-indent: 20px;
                background-repeat: no-repeat;
                background-color: #fff;
                background-image: url(../../images/menu_bg.png);
                padding-left: 10px;
            }

    #lftmenu_hket > ul > .select > a {
        color: #007fc6;
        background-color: #e9edef;
        text-indent: -8px;
        border-left: #768d9d 8px solid;
    }

    #lftmenu_hket > ul > li > ul > .select > a {
        color: #007fc6;
        /*background-color:#e9edef;*/
        background-position-x: 0 \9;
        text-indent: 20px;
    }
#wrapper_hket {
    display: inline-block;
    width: 970px;
    position: relative;
    border-bottom: #5B6C77 3px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: top left;
}
/*手冊用*/ 
#logo_hket{
    background: url(../../images/hk/hket_logo.jpg) no-repeat;
	width:196px;
	height:80px;
}

.brochure {
    width: 773px;
	height:44px;
	padding-top:18px;
	padding-bottom:18px;
}


.Main_Title_HKET {
	font-family: "微軟正黑體", "新細明體";
	font-size: 26px;
	font-style: normal;
	line-height: 40px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.Minor_Title_HKET {
	font-family: "微軟正黑體", "新細明體";
	font-size: 20px;
	font-style: normal;
	line-height: 40px;
	vertical-align: top;
	text-align: center;
	background-color: #006BD7;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-weight: bold;
}
.Content_Title_HKET {
	font-family: "微軟正黑體", "新細明體";
	font-size: 15px;
	font-style: normal;
	line-height: 30px;
	text-align: left;
	vertical-align: top;
	background-color: #FFF1F0;
	font-weight: bold;
	color: #930;
}
.Content_Minor_Title_HKET {
	font-family: "微軟正黑體", "新細明體";
	font-size: 14px;
	font-style: normal;
	vertical-align: top;
	text-align: left;
	background-color: #F7FFFF;
}
.Text_Content_1_HKET {
	font-family: "微軟正黑體", "新細明體";
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #FFF8F7;
}
.Images_1_HKET {
	vertical-align: top;
	background-repeat: repeat;
	text-align: center;
	background-color: #333;
}
.point _HKET {
	background-color: #F7FFFF;
}
.top_1_HKET {
	background-image: url(images/line_1.jpg);
	background-repeat: repeat-x;
}
.arrow_1_HKET {
	background-color: #FFF1F0;
	text-align: right;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
}
.tableup_HKET {
	color: #FFF;
}
.tabledown_HKET {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.hket_table01{
	background-image: url(../../images/ir30/index_01.jpg);
	width:34px;
	height:31px;
}
.hket_table02{
	background-image: url(../../images/ir30/index_02.jpg);
	background-repeat:repeat-x;
	height:31px;
}
.hket_table03{
	background-image: url(../../images/ir30/index_03.jpg);
	width:44px;
	height:31px;
}
.hket_table04{
	background-image: url(../../images/ir30/index_04.jpg);
	background-repeat:repeat-y;
	width:34px;
}
.hket_table06{
	background-image: url(../../images/ir30/index_06.jpg);
	background-repeat:repeat-y;
	width:44px;
}
.hket_table07{
	background-image: url(../../images/ir30/index_07.jpg);
	width:34px;
	height:38px;
}
.hket_table08{
	background:url(../../images/ir30/index_08.jpg) repeat-x;
	height:38px;

}
.hket_table09{
	background-image: url(../../images/ir30/index_09.jpg);
	width:44px;
	height:38px;
}

#ads {
    position: fixed !important;
    position: absolute;
    right: 0;
    top: 0;
}
/*基金登入用*/ 
.Text_Content {
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	color: #333;
	padding-top:80px;
	margin:10px;
    text-align:justify;
}
.Text_Content01 {
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	color: #333;
	padding-top:80px;
	margin:10px;
	text-align:justify;
}
.fund_bg {
	background-image: url(../../images/en/fund_login.jpg);
	width:517px;
	height:365px;
	vertical-align:top;
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#000;
}
.fund_riskagt01 {
	background-image: url(../../images/en/fund_riskagt01.jpg);
	width:517px;
	height:348px;
	vertical-align:top;
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#000;
	text-align:justify;
}
.fund_riskagt02 {
	background-image: url(../../images/en/fund_riskagt02.jpg);
	width:517px;
	height:123px;
	vertical-align:top;
	font-style: normal;
	line-height: 18px;
	color:#000;
	text-align:justify;
}
.fund_risk_menu {
	background-image: url(../../images/en/fund_risk_menu.jpg);
	width:517px;
	height:411px;
	vertical-align:top;
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#000;
	text-align:justify;
	vertical-align:top;
}
.login { 
   width: 105px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/en/fund_login01.png); 
   } 
.login:hover { 
   background-image: url(../../images/en/fund_login02.png); 
} 
.agt { 
   width: 105px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/en/fund_agree01.png); 
   } 
.agt:hover { 
   background-image: url(../../images/en/fund_agree01.png); 
} 
.disagt { 
   width: 105px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/en/fund_disagree02.png); 
   } 
.disagt:hover { 
   background-image: url(../../images/en/fund_disagree01.png); 
} 
.sepline { 
   background-image: url(../../images/hk/fund_sepline.png); 
   height:30px; 
} 
.attn { 
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 12px;
	color:red;
} 
.openaccount_online {
	background-image: url(../../images/openaccount_online_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:517px;
	vertical-align:top;
    font-family: arial, helvetica, clean, sans-serif,微軟正黑體;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#000;
	text-align:justify;
}
.openaccount_btn { 
   width: 170px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/en/openaccount_btn.png); 
   } 
@charset "utf-8";
/* CSS Document */
ol {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ul {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

li {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

body {
    font-size: 12px;
    font-family: arial, helvetica, clean, sans-serif,新細明體;
    font-variant: normal;
    background-color: #EBEBEB;
    font-size-adjust: none;
    font-stretch: normal;
    border: 0px;
    background-position: center;
    margin-top: 0px;
    color: #666666;
}

table {
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
}

.dotlines {
    height: 1px;
    width: 100%;
    background-image: url(../../images/dotlines.png);
    background-repeat: repeat-x;
    display: block;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    FONT-SIZE: 12px;
    COLOR: #006699;
    font-family: Arial, Helvetica, sans-serif,新細明體;
    TEXT-DECORATION: none;
    cursor: pointer;
}

    a:visited {
        COLOR: #006699;
    }

    a:hover {
        COLOR: #0099ff;
        cursor: pointer;
    }

    a:active {
        COLOR: #0099ff;
    }

h1 {
    margin: 0px;
    padding: 0px 15px 8px;
    line-height: 1.2;
    font-size: 2em;
    font-weight: 400;
}

h2 {
    margin: 0px;
    padding: 0px 15px 10px;
    line-height: 1.13;
    font-size: 1.5em;
    font-weight: 400;
}

h3 {
    margin: 0px;
    padding: 0px 15px 11px;
    line-height: 1.2;
    font-size: 1em;
    font-weight: 700;
}

pink_title {
    margin: 0px;
    padding-top: 3px;
    font-size: 1em;
    height: 27px;
    padding-bottom: 3px;
    color: #542d2d;
}

h4 {
    margin: 0px;
    padding: 0px 15px 12px;
    line-height: 1.2;
    font-size: 1.16em;
    font-weight: 400;
}

h5 {
    margin: 0px;
    padding: 0px 15px 10px;
    line-height: 1.2;
    font-size: 1.25em;
    font-weight: 400;
}

h6 {
    margin: 0px;
    padding: 0px 15px 13px;
    line-height: 1.2;
    font-size: 0.91em;
    font-weight: 700;
}

sup {
    line-height: 0.7;
    font-size: 0.83em;
    vertical-align: super;
}

p {
    margin: 10px;
}

    p.legal {
        line-height: 1.2;
        padding-bottom: 14px;
        font-size: 0.9em;
        text-align: justify;
        color: #9f9e9e;
    }

.pagetitle {
    font-size: 1.1em;
    font-weight: 700;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #aab8c1;
    padding-bottom: 3px;
    color: #f35800;
    letter-spacing: 0.3em;
}

.author_article {
    padding: 10px 0px 5px 5px;
    color: #C66;
    height: 60px;
    vertical-align: top;
}

.author_photo {
    padding-left: 5px;
}

#headerContainer {
    width: 100%;
    clear: both;
    background-color: rgb(255, 255, 255);
}

#bannerContainer {
    width: 100%;
    clear: both;
}

#content .triple ul {
    margin-top: 10px;
    float: right;
}

#content .triple li {
    padding: 0px 0px 0px 10px;
    color: rgb(217, 217, 217);
    line-height: 20px;
    float: left;
    font-size: 24px;
}

    #content .triple li span {
        font-size: 0.91em;
    }

a.name {
}

    a.name:hover {
        text-decoration: underline;
    }

.wBox .cnt h2 a:hover {
    color: rgb(0, 102, 204);
}

.wBox h2 .arrow {
    background: url("/system/file?cmsid=prospect-sprite-images&filename=ps_icon.png") no-repeat 0px -550px;
    width: 14px;
    height: 20px;
    margin-bottom: 15px;
    float: left;
    display: inline-block;
}

.wBox h2:hover .arrow {
    background: url("/system/file?cmsid=prospect-sprite-images&filename=ps_icon.png") no-repeat 0px -530px;
    cursor: pointer;
}

.wBox .cnt h2 a:active {
    color: rgb(0, 102, 204);
    text-decoration: none;
}

.wBox .cnt h2:hover a {
    color: rgb(0, 102, 204);
    text-decoration: none;
}

.wBox .cnt a:hover {
    color: rgb(0, 102, 204);
    text-decoration: underline;
}

.wBox {
    width: 351px;
    margin-bottom: 30px;
    float: left;
}

    .wBox .cnt h2 a {
        width: 309px;
        color: rgb(51, 51, 51);
        padding-bottom: 15px;
        text-decoration: none;
        float: left;
    }

    .wBox .hdr {
        background: url("/system/file?cmsid=prospect-sprite-images&filename=white_module.png") no-repeat -711px 0px;
        width: 351px;
        height: 24px;
        float: left;
    }

    .wBox .cnt {
        background: url("/system/file?cmsid=prospect-sprite-images&filename=white_module.png") repeat-y -1067px 0px;
        width: 351px;
        overflow: visible;
        float: left;
    }

    .wBox .ftr {
        background: url("/system/file?cmsid=prospect-sprite-images&filename=white_module.png") no-repeat -1423px 0px;
        width: 351px;
        height: 8px;
        float: left;
    }
/* ==========================================================================
   KM OL Style
   ========================================================================== */
.txtColor01 {
    color: #FFF;
    background-color: #0252a9; /*9c0 ffb21c*/
}

.txtColor02 {
    color: #000;
    background-color: #f35800; /*1e7e01 f6dd00 f35800*/
}

.txtColor03 {
    color: #000;
    background-color: #fcbe00; /*c90103 b4307b fcbe00*/
}

.txtColor04 {
    color: #000;
    background-color: #f6dd00; /*c90103 b4307b*/
}

.txtColor05 {
    color: #000;
    background-color: #c90103; /*c90103 b4307b*/
}

.txtColor06 {
    color: #000;
    background-color: #b4307b; /*c90103 b4307b*/
}

.title01 {
    margin-top: 5px;
    display: inline-block;
    color: #5d6365;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    background-image: url(../../images/blue_arrow.gif);
    background-repeat: no-repeat;
}

.content_sub {
    background-image: url(../../images/inside_title.jpg);
    height: 35px;
    width: 530px;
    padding-top: 4px;
}

.browntxt {
    color: #664401;
}

.orangetxt {
    color: #f35800;
}

ol.list {
    margin: 10px;
    font-size: 12px;
    list-style: none;
    color: #666666;
}

    ol.list li {
        color: #666666;
        padding-left: 32px;
        background-image: url(../../images/ollist_arrow.gif);
        background-repeat: no-repeat;
        line-height: 18px;
        text-align: justify;
    }

ol.listnum {
    width: 500px;
    margin: 10px;
    font-size: 12px;
    color: #666666;
}

    ol.listnum li {
        color: #666666;
        padding-left: 32px;
        line-height: 18px;
        text-align: justify;
        list-style: decimal;
    }

.sub_arrow {
    padding-left: 10px;
    background-image: url(../../images/sub_arrow.gif);
    background-repeat: no-repeat;
}

#table_01 {
    border: 1px solid #c9c9c9;
    width: 100%;
    background-color: #FFFFFF;
}

    #table_01 td.title {
        font-weight: bold;
        background-color: #d1bedc;
        color: #336699;
        line-height: 18px;
        padding-top: 7px;
        text-align: center;
    }

    #table_01 th {
        border: none;
        color: #FFFFFF;
        background-color: #336699;
        line-height: 20px;
        padding: 3px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        #table_01 th.end {
            border-right: 1px solid #336699;
        }

    #table_01 td {
        border-top: none;
        border-bottom: none;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        padding: 3px;
        line-height: 18px;
        vertical-align: top;
    }

.c1 {
    background-color: #f2f1f1;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    vertical-align: top;
}

.c2 {
    background-color: #eef3f5;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    vertical-align: top;
}

#calcform > div, #calcresult {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    -moz-transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    -o-transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    left: 0;
    margin: 0px 0 10px 0;
    width: 96%;
    padding: 15px 0 10px 10px;
    position: relative;
    z-index: 2;
}

    #calcform span, #calcresult span {
        width: 255px;
        float: left;
    }

#calcform input {
    width: 80px;
}

#calcform .ui-slider {
    display: inline-block;
    width: 100px;
    margin: 5px 20px 0 20px;
}

#calcform .ui-slider-range {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzE0Mzk4NyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzQzOWFlZiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #186dbb), color-stop(100%, #00a3e6));
    background-image: -webkit-linear-gradient(bottom, #186dbb 0%, #00a3e6 100%);
    background-image: -moz-linear-gradient(bottom, #186dbb 0%, #00a3e6 100%);
    background-image: -ms-linear-gradient(bottom, #186dbb 0%, #00a3e6 100%);
    background-image: -o-linear-gradient(bottom, #186dbb 0%, #00a3e6 100%);
}

#calcform .ui-slider-handle {
    background: white;
    border-radius: 10px;
}

#calcresult {
    margin-top: 0px;
	color:#1b5081;
	size:12px;
	background-color:#fff;
	margin:0px;border:0px;
	text-align:left;
}

/*Home indexes*/

#Kline {
    border: 0;
    height: 278px;
}

    #Kline #hsi {
        width: 190px;
        height: 160px;
    }

    #Kline ul {
        padding: 3px 0 0 0;
        background-color: #a25549;
    }

    #Kline .k-icon {
        display: none;
    }

    #Kline .k-content {
        padding: 0;
        margin: 0;
        background-color: #fff0eb;
        border: 0;
    }

        #Kline .k-content img {
            height: 160px;
        }

    #Kline .k-item {
        background: none;
        background-color: transparent;
        border: 0;
        border-radius: 0;
    }

        #Kline .k-item a {
            color: white;
            cursor: pointer;
        }

            #Kline .k-item a:hover {
                color: yellow;
            }

        #Kline .k-item.k-state-active {
            border-radius: 6px;
            border-radius: 6px 6px 0 0;
            behavior: url(ie-css3.htc); /* 使用ie-css3 */
            background-image: url(../../images/indices_bg.jpg) \9;
            background-position: -1px 0\9;
            background-color: #fff0eb;
            padding-bottom: 0\9;
        }

            #Kline .k-item.k-state-active a {
                color: #a25549;
            }

#newsPart td {
    position: relative;
}

.Recent, .Today {
    display: block;
    width: 30px;
    height: 13px;
    background-image: url(../../images/new_update.gif);
    background-repeat: no-repeat;
    float: right;
}

/*    SiteMap    */
.CateRoot ul {
    padding-left: 25px;
}

.Article-Subject {
    font: inherit;
    color: #494949;
    font-size: 11pt;
    padding-top: 10px;
    font-weight: 600;
}

.Article-Time {
    font: inherit;
    font-size: 11px;
    padding-bottom: 10px;
}

/* 全站漲跌顏色, 預設如下,如各語系不同的話再搬至 style.css*/
.down {
    color: red;
}

.up {
    color: green;
}

/*changed 需要在 up 跟 down 下面*/
.switch-up {
    color: red;
}

.switch-down {
    color: green;
}

.unchange {
    color: gray;
}

.switchcolorbtn {
    /*width:40px;*/
    /*height:30px;*/
    padding-right:15px;
    line-height:15px;
    background-repeat: no-repeat;
    background-position: right;
    cursor:pointer;
    text-align:right;
    /*text-indent:-9999px;*/
}
.switchcolorbtn *{
    cursor:pointer;
}
    .switchcolorbtn.up {
        color:white;
        background-image: url(../../images/arrow_up_green.gif);
    }
    .switchcolorbtn.switch-up {
        color:white;
        background-image: url(../../images/arrow_up_red.gif);
    }