/* Minification failed. Returning unminified contents.
(1894,1): run-time error CSS1019: Unexpected token, found '@charset'
(1894,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1894,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/cn/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/cn/ir02.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw03 {
        background-image: url(../../images/cn/ir03.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw04 {
        background-image: url(../../images/cn/ir04.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw05 {
        background-image: url(../../images/cn/ir05.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw06 {
        background-image: url(../../images/cn/ir06.jpg);
        width: 230px;
        height: 85px;
    }

    #LeftPart .titleImgtw08 {
        background-image: url(../../images/cn/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/cn/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/cn/ad_01.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 30px;
        }

        #blockbtn .AD02 {
            background-image: url(../../images/cn/ad_02.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }

        #blockbtn .AD03 {
            background-image: url(../../images/cn/ad_03.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }

        #blockbtn .AD04 {
            background-image: url(../../images/cn/2FA_banner.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }
		  #blockbtn .AD05 {
            background-image: url(../../images/cn/ad_05.jpg);
            float: left;
            width: 210px;
            height: 73px;
            margin-left: 20px;
        }

/*================header link & footer*/
.tpLink {
    background-image: url(../../images/hk/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: 30px;
        margin-right: 5px;
        height: 38px;
        z-index: 100;
        display: block;
        background-image: url(../../images/cn/quote_close.gif);
        background-repeat: no-repeat;
        text-indent: -9999px;
        cursor: pointer;
    }

    #navTop li.quotebtn .quoteoff {
        background: url(../../images/cn/quote_open.gif);
        background-repeat: no-repeat;
    }

    #navTop ul li {
        float: left;
        list-style: none;
        text-decoration: none;
        display: block;
        line-height: 15px;
    }

        #navTop ul li.home a {
            background-image: url(../../images/home_bg.gif);
            background-repeat: no-repeat;
            padding: 0px 20px 0px 40px;
            height: 30px; /*IE7*/
        }

            #navTop ul li.home a:visited {
                background-image: url(../../images/home_hover.gif);
                padding: 0px 20px 0px 40px;
                height: 36px; /*IE7*/
            }

            #navTop ul li.home a:hover {
                background-image: url(../../images/home_hover.gif);
                color: #ffffff;
                padding: 0px 20px 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 15px 0px 15px; /*上方選單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 15px 0px 15px;
                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 15px 0px 15px;
            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.title220  {
        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: 70px;
        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: 170px;
        margin-top: 6px;
    }
    #navTop ul li.title220, li.title220 ol li {
        width: 220px;
        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.title220 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.title220 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.title150 a:hover,
            #navTop ul li.title170 a:hover, 
            #navTop ul li.title220 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,
.title220 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.title220 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.title220 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.title220 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: 1.2em;
    font-family: 微軟正黑體;
    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 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/cn/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 #Qsearch .time .b {
            font-weight: bold;
        }

#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/cn/change_green.png);
    }
    .switchcolorbtn.switch-up {
        background-image: url(../../images/cn/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/cn/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-image: url(../../images/ir30/index_08.jpg);
	background-repeat: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: "微軟正黑體", "新細明體";
	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: "微軟正黑體", "新細明體";
	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/cn/fund_login.jpg);
	width:517px;
	height:365px;
	vertical-align:top;
	font-family: "微軟正黑體", "新細明體";
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#000;
}
.fund_riskagt01 {
	background-image: url(../../images/cn/fund_riskagt01.jpg);
	width:517px;
	height:258px;
	vertical-align:top;
	font-family: "微軟正黑體", "新細明體";
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#000;
	text-align:justify;
}
.fund_riskagt02 {
	background-image: url(../../images/cn/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/cn/fund_risk_menu.jpg);
	width:517px;
	height:411px;
	vertical-align:top;
	font-family: "微軟正黑體", "新細明體";
	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/cn/fund_login01.png); 
   } 
.login:hover { 
   background-image: url(../../images/cn/fund_login02.png); 
} 
.agt { 
   width: 105px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/cn/fund_agree01.png); 
   } 
.agt:hover { 
   background-image: url(../../images/cn/fund_agree01.png); 
} 
.disagt { 
   width: 105px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/cn/fund_disagree02.png); 
   } 
.disagt:hover { 
   background-image: url(../../images/cn/fund_disagree01.png); 
} 
.sepline { 
   background-image: url(../../images/hk/fund_sepline.png); 
   height:30px; 
} 
.attn { 
	font-family: "微軟正黑體", "新細明體";
	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: 158px; 
   height:35px; 
   display:block; 
   background-image: url(../../images/cn/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);
    }
