@charset "utf-8";
* {
    outline:none;
	border:0 solid;
	margin:0;
	padding:0;
	list-style:none;
	outline:none;
	resize:none;
}
html, body {
    background:#f6f6f6;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8E8E8D;
}
@font-face {
    font-family: NeoSans;
    src: url('../Font/NeoSansPro-Regular.ttf'),
         url('../Font/NeoSansPro-Regular.eot'); /* IE9+ */
}
@font-face {
    font-family: NeoSansBold;
    src: url('../Font/Neo_Sans_Pro_Bold.ttf'),
         url('../Font/Neo_Sans_Pro_Bold.eot'); /* IE9+ */
    font-weight:bold;
}
input[type=number] {-moz-appearance: textfield;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}
#SiteDynamic {
    position:absolute;
    width:20%;
    top:-50%;
}
img {
    border:0 solid;
}
a {color:#000;}

.Col ul li {
	background:url(../images/bg_li.png) left 5px no-repeat ;
    line-height:18px;
    font-size:14px;
    margin-left:8px;
    padding:6px 0 6px 16px;
}

header, body > nav, #Content, footer {
    width:100%;
}
.ConMax {
    position:relative;
    width:1115px;
    margin:0 auto;
}
/* Col */
.ColPan {
    display:inline-block;
    width:99%;
}
.ColPan > div {
    display:inline-block;
    float:left;
    text-align:center;
}

.Col_1 {width:8.16%;}
.Col_2 {width:16.33%;}
.Col_3 {width:24.5%;}
.Col_4 {width:32.66%;}
.Col_5 {width:40.83%;}
.Col_6 {width:49%;}
.Col_7 {width:57.16%;}
.Col_8 {width:65.33%;}
.Col_9 {width:73.5%;}
.Col_10 {width:81.66%;}
.Col_11 {width:89.83%;}
.Col_12 {width:98%;}
/* Header */
header {
    background:#fff;
    height:66px;
}
.MainPage header {
    background: url('../images/hcbg_bg_MainHead.jpg') center center no-repeat;
    height:271px;
}
header .Logo {
    position:relative;
    display:inline-block;
    background-size:100% 100%;
    width:82px;
    height:40px;
    top:14px;
    left:10px;
}
.MainPage header .Logo {
    width:146px;
    height:72px;
    top:60px;
    left:42px;
}
header nav {
    position:absolute;
    right:0;
    top:16px;
    font-family:NeoSans;
    z-index:2;
}
.MainPage header nav {
    top:0;
}
header nav ul {
    padding:0;
    margin:0;
    list-style:none;
}
header nav ul li {
    display:inline-block;
    padding:0;
    margin:0;
}
header nav a {
    text-decoration:none;
    color:#5b5b5b;
    font-size:14px;
    margin-left:40px;
    line-height:32px;
}
header nav i {
    color:#d41b24;
    font-size:16px!important;
}

header nav li ul {
    position:absolute;
    display:none;
    background:#fff;
    border:1px solid #dfdfdf;
    right:0;
    top:30px;
    width:100px;
    text-align:right;
    padding:2px 0;
}
header nav li ul li {
    display:block;
    line-height:24px;
    border-top:1px solid #dfdfdf;
}
header nav li ul li:first-child {
    border-top:0 solid;
}
header nav li ul li a {
    display:block;
    padding:0 13px;
    margin:0;
    font-size:13px;
    line-height:24px;
}
header nav li ul li a:hover {
    background:#f3f3f3;
}
header nav li:hover a + ul {
    display:inline-block;
}

/* nav */
body > nav {
    background:url(../images/hcbg_bg_nav.png) top center no-repeat;
    white-space:nowrap;
    border-bottom:1px solid #fff;
    font-family:NeoSans;
}
body > nav .ConMax {
    border-left:1px solid #fff;
}

body > nav > div > a {
    position:relative;
    background-image:url(../images/hcbg_bg_nav_It0.jpg);
    background-repeat:repeat-x;
    display:inline-block;
    float:left;
    height:100%;
    width:25%;
    text-decoration:none;
    font-size:16px;
    color:#7b7b7b;
    letter-spacing:-1px;
    text-align:center;
}
body > nav > div > a > span > span {
    position:relative;
    display:block;
    width:100%;
}
body > nav > div > a + a > span {
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;
    -webkit-box-shadow: inset 0 0 67px 4px rgba(0,0,0,0.10);
    -moz-box-shadow: inset 0 0 67px 4px rgba(0,0,0,0.10);
    box-shadow: inset 0 0 67px 4px rgba(0,0,0,0.10);
}
body > nav > div > a + a:hover > span {
    -webkit-box-shadow: inset 0 0 67px 34px rgba(0,0,0,0.10);
    -moz-box-shadow: inset 0 0 67px 34px rgba(0,0,0,0.10);
    box-shadow: inset 0 0 67px 34px rgba(0,0,0,0.10);
}
body > nav > div > a + a {
    background-image:none;
    color:#fff;
}
body > nav > div > a:last-child {
-webkit-box-shadow: 13px -1px 21px -6px rgba(0,0,0,0.57);
-moz-box-shadow: 13px -1px 21px -6px rgba(0,0,0,0.57);
box-shadow: 13px -1px 21px -6px rgba(0,0,0,0.57);
}

body > nav > div > a > span > i {
    position:relative;
    background-image:url(../images/hcbg_ic_nav.png);
    display:inline-block;
    width:35px;
    height:35px;
}
body > nav > div > a.ic1 > span > i {
    background-position-x:-35px;
}
body > nav > div > a.ic2 > span > i {
    background-position-x:-70px;
}
body > nav > div > a.ic3 > span > i {
    background-position-x:-105px;
}
body > nav > div > a.ic4 > span > i {
    background-position-x:-140px;
}

/* nav dynamic */
    body > nav > div > a > span > i {
        margin:4px 0 -8px 0;
    }
    body.MainPage > nav > div > a > span > i {
        margin:18px 0 0 0;
    }
    body > nav, body > nav .ConMax {
        height:66px;
    }
    body.MainPage > nav, body.MainPage > nav .ConMax {
        height:111px;
    }
    /* color default */
        header .Logo {
            background-image: url('../images/hcbg_Logo.png');
        }
        body > nav {
            background-color:#8a0d16;
        }
        body > nav > div > a > span > i {
            background-position-y:0;
        }
        body > nav > div > a + a {
            background-color:#991e25;
        }
        body > nav > div > a + a + a {
            background-color:#800b13;
        }
        body > nav > div > a + a + a + a {
            background-color:#720b11;
        }
        body > nav > div > a + a + a + a + a {
            background-color:#8a0d16;
        }
    /* color1 */
        .color1 header .Logo {
            background-image: url('../images/hcbg_Logo1.png');
        }
        body.color1 > nav, .color1 .LTable thead th {
            background-color:#369836;
        }
        body.color1 > nav > div > a > span > i {
            background-position-y:-35px;
        }
        body.color1 > nav > div > a + a {
            background-color:#3dac3d;
        }
        body.color1 > nav > div > a + a + a {
            background-color:#339133;
        }
        body.color1 > nav > div > a + a + a + a {
            background-color:#308830;
        }
        body.color1 > nav > div > a + a + a + a + a {
            background-color:#369836;
        }
    /* color2 */
        .color2 header .Logo {
            background-image: url('../images/hcbg_Logo2.png');
        }
        body.color2 > nav, .color2 .LTable thead th {
            background-color:#71901d;
        }
        body.color2 > nav > div > a > span > i {
            background-position-y:-70px;
        }
        body.color2 > nav > div > a + a {
            background-color:#7a9b1f;
        }
        body.color2 > nav > div > a + a + a {
            background-color:#5c7518;
        }
        body.color2 > nav > div > a + a + a + a {
            background-color:#536915;
        }
        body.color2 > nav > div > a + a + a + a + a {
            background-color:#66811a;
        }
    /* color3 */
        .color3 header .Logo {
            background-image: url('../images/hcbg_Logo3.png');
        }
        body.color3 > nav, .color3 .LTable thead th {
            background-color:#1c8b6d;
        }
        body.color3 > nav > div > a > span > i {
            background-position-y:-105px;
        }
        body.color3 > nav > div > a + a {
            background-color:#1e9676;
        }
        body.color3 > nav > div > a + a + a {
            background-color:#17725a;
        }
        body.color3 > nav > div > a + a + a + a {
            background-color:#156751;
        }
        body.color3 > nav > div > a + a + a + a + a {
            background-color:#197a60;
        }
    /* color4 */
        .color4 header .Logo {
            background-image: url('../images/hcbg_Logo4.png');
        }
        body.color4 > nav, .color4 .LTable thead th {
            background-color:#555555;
        }
        body.color4 > nav > div > a > span > i {
            background-position-y:-140px;
        }
        body.color4 > nav > div > a + a {
            background-color:#5c5c5c;
        }
        body.color4 > nav > div > a + a + a {
            background-color:#444444;
        }
        body.color4 > nav > div > a + a + a + a {
            background-color:#3d3d3d;
        }
        body.color4 > nav > div > a + a + a + a + a {
            background-color:#4b4b4b;
        }
    /* color5 */
        .color5 header .Logo {
            background-image: url('../images/hcbg_Logo5.png');
        }
        body.color5 > nav, .color5 .LTable thead th {
            background-color:#198f88;
        }
        body.color5 > nav > div > a > span > i {
            background-position-y:-175px;
        }
        body.color5 > nav > div > a + a {
            background-color:#1c998e;
        }
        body.color5 > nav > div > a + a + a {
            background-color:#0b7e75;
        }
        body.color5 > nav > div > a + a + a + a {
            background-color:#0a716a;
        }
        body.color5 > nav > div > a + a + a + a + a {
            background-color:#0d8a82;
        }
    /* color6 */
        .color6 header .Logo {
            background-image: url('../images/hcbg_Logo6.png');
        }
        body.color6 > nav, .color6 .LTable thead th {
            background-color:#9e471f;
        }
        body.color6 > nav > div > a > span > i {
            background-position-y:-210px;
        }
        body.color6 > nav > div > a + a {
            background-color:#a74922;
        }
        body.color6 > nav > div > a + a + a {
            background-color:#8d3410;
        }
        body.color6 > nav > div > a + a + a + a {
            background-color:#813210;
        }
        body.color6 > nav > div > a + a + a + a + a {
            background-color:#993810;
        }
    /* color7 */
        .color7 header .Logo {
            background-image: url('../images/hcbg_Logo7.png');
        }
        body.color7 > nav, .color7 .LTable thead th {
            background-color:#da6200;
        }
        body.color7 > nav > div > a > span > i {
            background-position-y:-245px;
        }
        body.color7 > nav > div > a + a {
            background-color:#e86900;
        }
        body.color7 > nav > div > a + a + a {
            background-color:#c05700;
        }
        body.color7 > nav > div > a + a + a + a {
            background-color:#b45100;
        }
        body.color7 > nav > div > a + a + a + a + a {
            background-color:#cc5c00;
        }
    /* color8 */
        .color8 header .Logo {
            background-image: url('../images/hcbg_Logo8.png');
        }
        body.color8 > nav, .color8 .LTable thead th {
            background-color:#405269;
        }
        body.color8 > nav > div > a > span > i {
            background-position-y:-280px;
        }
        body.color8 > nav > div > a + a {
            background-color:#455872;
        }
        body.color8 > nav > div > a + a + a {
            background-color:#344255;
        }
        body.color8 > nav > div > a + a + a + a {
            background-color:#2e3b4c;
        }
        body.color8 > nav > div > a + a + a + a + a {
            background-color:#39495e;
        }
    /* color9 */
        .color9 header .Logo {
            background-image: url('../images/hcbg_Logo9.png');
        }
        body.color9 > nav, .color9 .LTable thead th {
            background-color:#2392ba;
        }
        body.color9 > nav > div > a > span > i {
            background-position-y:-315px;
        }
        body.color9 > nav > div > a + a {
            background-color:#259bc6;
        }
        body.color9 > nav > div > a + a + a {
            background-color:#1e7fa2;
        }
        body.color9 > nav > div > a + a + a + a {
            background-color:#1d799a;
        }
        body.color9 > nav > div > a + a + a + a + a {
            background-color:#2188ae;
        }
/* nav dynamic */
    .ColorBtnPan {position:fixed;display:none;bottom:0;right:0;z-index:9;}
    .ColorBtnPan a {position:relative; display:inline-block; width:20px; height:20px;float:left;margin-left:1px;}
    .ColorBtnPan .color0 {background-color:#8a0d16}
    .ColorBtnPan .color1 {background-color:#369836}
    .ColorBtnPan .color2 {background-color:#71901d}
    .ColorBtnPan .color3 {background-color:#1c8b6d}
    .ColorBtnPan .color4 {background-color:#555555}
    .ColorBtnPan .color5 {background-color:#198f88}
    .ColorBtnPan .color6 {background-color:#9e471f}
    .ColorBtnPan .color7 {background-color:#da6200}
    .ColorBtnPan .color8 {background-color:#405269}
    .ColorBtnPan .color9 {background-color:#2392ba}
/* nav */


/* Content */
#Content {
    background:#fff;
    border-top:1px solid #dedede;
    -webkit-box-shadow: inset 0px 15px 28px -19px rgba(0,0,0,0.23);
    -moz-box-shadow: inset 0px 15px 28px -19px rgba(0,0,0,0.23);
    box-shadow: inset 0px 15px 28px -19px rgba(0,0,0,0.23);
    min-height:200px;
}
#Content .RightPan {
    position:relative;
    display:inline-block;
    float:right;
}
#Content .mRightPan {
    display:none;
}

#Content .RightPan nav {
    padding-top:22px;
}
#Content .RightPan nav a {
    position:relative;
    display:block;
    padding:0 12px 0 0;
    width:228px;
    line-height:42px;
    font-family:NeoSans;
    font-size:18px;
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #efefef;
    text-align:right;
    letter-spacing:-0.5px;
}
#Content .RightPan nav a:hover {
    background-color:#f5f5f5;
}
#Content .RightPan nav a.active {
    background-color:#e8e8e8;
}
#Content .RightPan nav a:last-child {
    border-bottom:0 solid;
}
#Content .RightPan + .Col {
    margin-right:280px;
}
#Content .Col {
    padding:0 0 2px 0;
    text-align:justify;
    min-height:400px;
}
#Content h1 {
    font-family:NeoSans;
    font-size:28px;
    font-weight:normal;
    color:#000;
    line-height:72px;
    padding:0 0 0 6px;
    border-bottom:1px dotted #e7e7e7;
    margin:0 0 12px 0;
}
#Content h2 {
    font-family:NeoSans;
    font-size:20px;
    font-weight:normal;
    color:#000;
    padding:12px 0 0 6px;
}
#Content p {
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:24px;
    margin:30px 6px;
}
#Content p img {
    max-width:99%
}
/* footer */
footer {
    line-height:34px;
    font-size:11px;
    color:#a9a9a9;
    border-top:1px solid #dedede;
    -webkit-box-shadow: inset 0px 15px 28px -19px rgba(0,0,0,0.23);
    -moz-box-shadow: inset 0px 15px 28px -19px rgba(0,0,0,0.23);
    box-shadow: inset 0px 15px 28px -19px rgba(0,0,0,0.23);
}
footer nav {
    float:right;
}
footer nav a {
    position:relative;
    display:inline-block;
    line-height:22px;
    font-size:11px;
    color:#a9a9a9;
    text-decoration:none;
    border-left:1px solid #dfdfdf;
    border-right:1px solid #fdfdfd;
    padding:0 18px;
    float:left;
    margin-top:10px;
}
footer nav a:hover {
    color:#000;
}
footer nav a:first-child {
    border-left:0 solid;
}
footer nav a:last-child {
    border-right:0 solid;
}

/* Content */
.MainBLink {
    position:relative;
    display:inline-block;
    padding-left:100px;
    width:60%;
    height:94px;
    text-decoration:none;
    margin:60px 0 55px 0;
}
.MainBLink > label {
    position:relative;
    display:block;
    font-family:NeoSansBold;
    color:#464646;
    letter-spacing:-1px;
    font-size:22px;
    padding-top:4px;
    text-align:left;
}
.MainBLink > span {
    position:relative;
    display:block;
    font-family:NeoSans;
    color:#464646;
    font-size:12px;
    padding-left:1px;
    text-align:left;
}
.MainBLink.ic0 {
    background:url(../images/hcbg_ic_Main0.png) no-repeat;
}
.MainBLink.ic1 {
    background:url(../images/hcbg_ic_Main1.png) no-repeat;
}
.MainBLink.ic2 {
    background:url(../images/hcbg_ic_Main2.png) no-repeat;
}

/* LTable */
.LTable {
    position:relative;
    display:block;
    margin:30px 0;
}
.LTable table {
    width:99.9%;
    padding:0;
    margin:0;
    border-spacing:0;
    border-collapse:collapse;
}
.LTable table caption {
    color:#000;
    font-size:16px;
    text-align:left;
    padding-bottom:6px;
}
.LTable thead th {
    padding:14px;
    background:#999;
    text-align:left;
    color:#fff;
    font-size:14px;
}
.LTable thead th a {
    color:#fff;
}
.LTable table tbody td {
    background:#fdfdfd;
    border-bottom:1px solid #f3f3f3;
    border-left:1px solid #f3f3f3;
    padding:14px 16px;
    font-size:13px;
    color:#000;
}
.LTable table tbody td a {
    color:#000;
    line-height:22px;
}
.LTable.nowrap table tbody td {
    white-space:nowrap;
}
.LTable table tbody td:first-child {
    border-left:0px solid;
}
.LTable table tbody th {
    background:#fbfbfb;
    border-bottom:1px solid #f3f3f3;
    border-left:1px solid #f3f3f3;
    padding:14px 16px;
    font-size:13px;
    color:#000;
    text-align:left;
}

/* LTable */
.LogoPan {
    margin:30px 6px;

}
.LogoPan a {
    display:inline-block;
    float:left;
}
.LogoPan a img {
    border:0 solid;
}
span[class^='skype_pnh_container'] {display:none !important;}
span[class^='skype_pnh_print_container'] {display:inline !important;}