body {font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0;}
a {color: #6699CC;}
a:hover {color: #2a4f5e;}
h2 {color: #2a4f5e; font-size: 16px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; letter-spacing:1px;}
h3 {color: #1F3945; font-size: 14px; margin: 0; padding: 0; text-align: justify; letter-spacing:1px;}
.text1 {color: #FF3366; letter-spacing:1px;}
.text2 {color: red; font-size: 14px; float: right; letter-spacing:1px;}
.qtext {color: #330066; font-size: 16px; letter-spacing:1px;}

#header {margin:0 auto; padding: 0; overflow: hidden; width: 1090px;}
#header #logo { float: left; height: 100px; width: 150px;}
#header #logo img {border: 0;}
#header ul {float: right; margin: 0; padding: 46px 0 0 0; overflow: hidden; width: 925px; }
#header ul li {list-style-type: none; float: left; margin: 0; padding: 0; width: 130px;}
#header ul li a {background-color:#346b84; color: #fff; display: block; font-size: 12px; height: 36px; line-height: 36px; margin: 0; padding: 0 0 0 2px; text-align: center; text-decoration: none; letter-spacing:1px; }
#header ul li a:hover {color: #C4ECFF;}

#body {background: url(images/bg-content.png) repeat-x top left; margin: 0; padding: 0; min-width: 960px; }
#body .header {background: url(images/bg-body.png) repeat-x bottom center; margin: 0 0 30px 0; height: 550px;}
#body .header div {height: 490px; margin: 0 auto; padding: 0; width: 960px;}
#body .header div div {background: none; margin: 0; padding: 0 0 0 13px; height: 100px; width: 490px;}
#body .header div h3 {color: #1F3945; font-size: 36px; line-height: 74px; margin: 18px 0 0 0; padding: 0; letter-spacing:1px;}
#body .header div p {color: #466875; font-size: 14px; line-height: 24px; margin: 0; padding: 0; letter-spacing:1px;}
#body .header ul {overflow: hidden; margin: 0; padding: 18px 0 0;}
#body .header ul li {float: left; list-style: none; padding: 0 5px 10px; letter-spacing:1px;}

#body .body {border: 1px solid #e0e0e0; margin: 0 auto 34px auto; overflow: hidden; padding: 0 2px; width: 954px;}
#body .body div {float: left;}

#body .talkvideo,
#body .resume,
#body .letter,
#body .interviewskills,
#body .consultation,
#body .interviewvedio,
#body .resources {margin: 0 auto; padding: 25px 10px 50px 10px; width: 940px;}

#body .talkvideo p {color: #333333; font-size: 15px; line-height: 26px; margin: 0; padding: 15px 0; text-align: justify; width: 830px; letter-spacing:1px;}
#body .talkvideo div.content {margin: 0; padding: 0 0 20px 0;}
#body .talkvideo div.content>ul {margin: 0; padding: 0 0 50px 0;}
#body .talkvideo div.content>ul li {color: #2a4f5e; font-size: 14px; list-style: none; margin: 0; padding: 5px 0; letter-spacing:1px;}

#body .consultation div {padding: 50px 0 0 0;}
#body .consultation p {color: #333333; font-size: 15px; line-height: 24px; margin: 10px 0 0; padding: 0; text-align: justify; width: 830px; letter-spacing:1px;}

#body .resume div {padding: 50px 0 0 0;}
#body .resume p {color: #333333; font-size: 18px; line-height: 24px; margin: 10px 0 0; padding: 0; text-align: justify; width: 830px; letter-spacing:1px; }

#body .letter div {padding: 26px 0 0 0;}
#body .letter div div {border-width:1px; border-style:solid;}
#body .letter div div div {border-width:0px;}
#body .letter div div div div  {border-width:0px;}
#body .letter div div div div div {border-width:1px; border-style:solid; border-color:#000000; color:#7b7b7b;}
#body .letter div div div div div div {border-width:2px; border-style:solid; border-color:#000000; color:#7b7b7b;}
#body .letter #sp {border-width:1px; border-style:solid; border-color:#000000; color:#7b7b7b; margin-left: 10px; margin-right:10px;}


#body .letter p {color: #333333; font-size: 15px; line-height: 24px; margin: 28px 0 0; padding: 0; text-align: justify; width: 900px; letter-spacing:1px;}
#body .text1 {color: #333333; font-size: 15px; text-align: center; letter-spacing:1px;}
#body .text2 {color: #333333; font-size: 15px; text-align: right; letter-spacing:1px;}
#body .text3 {color: #333333; font-size: 15px; letter-spacing:1px;}
#body .text4 {color: #333333; font-size: 15px; text-align: center; letter-spacing:1px;}
#body .text5 {color: #333333; font-size: 15px; padding-left:772px; letter-spacing:1px;}
#body .text6 {color: #333333; font-size: 15px; padding-left:786px; letter-spacing:1px;}
#body .textA {color: #CC3399; font-size: 15px; letter-spacing:1px;}
#body .textP {color: #339900; font-size: 12px; letter-spacing:1px;}
#body .textS {color: #FF6666; font-size: 12px; letter-spacing:1px;}
#body .textS a {text-decoration:none;}
#body .textL {color: #333333; font-size: 15px; padding-left: 30px; letter-spacing:1px;}


#body .letter ul li {background: url(images/border-dashed.gif) repeat-x bottom left; list-style: none; margin: 0; padding: 15px 0;}
#body .letter a {text-decoration:none;}
#body .letter a:hover{text-decoration:underline;}
#body .alpha {opacity:0.3; filter:alpha(opacity=30); /* 適用 IE8 及早期版本 */}
#body .alpha:hover {opacity:1.0; filter:alpha(opacity=100); /* 適用 IE8 及早期版本的相容性 */}

#body .interviewskills div {overflow: hidden; margin: 0; padding: 40px 0 0;}
#body .interviewskills p {color: #333333; font-size: 15px; line-height: 24px; letter-spacing:1px;}
#body .interviewskills div ul {float: left; margin: 0; padding: 20px 0 0; width: 312px;}
#body .interviewskills div div {overflow: hidden; margin: 0; padding: 0 0 25px 0;}
#body .interviewskills div div img {float: left; padding: 0 10px 0 0;}
#body .interviewskills div div p {padding: 0 30px 0 0; text-align: justify; letter-spacing:1px;}

#body .interviewvedio {margin: 0 auto; padding: 25px 0 70px 0; width: 960px;}
#body .interviewvedio h2 {color: #2a4f5e; font-size: 26px; margin: 0; text-align: center; padding: 50px 0 30px 0; letter-spacing:1px;}
#body .interviewvedio p {color: #333333; font-size: 15px; line-height: 24px; margin: 0; padding: 0 10px; text-align: justify; letter-spacing:1px;}
#body .interviewvedio div {overflow: hidden; margin: 0 0 40px 0; padding: 0;}
#body .interviewvedio div div {float: left; margin: 0; padding: 0 10px; text-align: center; width: 300px;}
#body .interviewvedio div p {font-size: 16px; letter-spacing:1px;}
#body .interviewvedio div div p {font-size: 14px; margin: 0; padding: 0; text-align: justify; letter-spacing:1px;}

#body .resources {overflow: hidden;}
#body .resources div {padding: 26px 0 0 0; width: 800px;}
#body .resources div p {color: #333333; font-size: 15px; line-height: 10px; margin: 10px 0 0; padding: 0; text-align: justify; width: 900px; letter-spacing:1px;}
/*#body .resources ul {float: left; margin: 0; padding: 10px 0 0 0; width: 800px;}
#body .resources ul li {background: url(images/border-dashed.gif) repeat-x bottom left; list-style: none; margin: 0; padding: 15px 0;}
#body .resources ul li:last-child {background: none;}
*/
#body .resources p {color: #333333; font-size: 15px; line-height: 24px; margin: 0; padding: 0; text-align: justify; letter-spacing:1px;}
#body .resources div p {padding: 10px 0; letter-spacing:1px;}

#footer {background: #f5f5f5 url(images/bg-footer.png) repeat-x top left; margin: 0; min-width: 960px; padding: 0;}
#footer div {margin: 0 auto; overflow: hidden; padding: 26px 0 0; width: 960px;}
#footer div p {color: #c1c1c1; font-size: 12px; margin: 0; padding: 0 0 30px 0; text-align: center; letter-spacing:1px;}


/*ToolTip CSS*/
a.tooptip{z-index:9; color:#FF3366; border-bottom:1px dotted #FF3366; text-decoration:none !important; }
a.tooptip:hover{position:relative; z-index:99;}
a.tooptip span{display:none; }
a.tooptip:hover span{display:block; position:absolute; float:left; white-space:nowrap; top:-2.25em; left:0; background:#DFFFFF; border:1px solid #000000; color:#3399FF; padding:1px 5px; margin:0; z-index:9;}



/*CSS for Simple Tree Menu*/
.treeview ul{
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(list.gif) no-repeat left center;
background-color:#FFF;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}






#nav-primary{
    background: #FFF;
    height: 5px;
}

#nav-primary ul{
    background: #DDFFFF;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav-primary li{
    float: left;
    position:relative;
}

#nav-primary a{
    color: #666;
    display: block;
    float: left;
    height: 5px;
    line-height: 10px;
    padding: 0 0px;
    text-decoration: none;
}

#nav-primary a:hover{
    background: #DDFFFF;
}

#nav-primary ul ul{
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
    width: auto;
}

#nav-primary ul ul li{
    width: 200px;
}

#nav-primary ul li:hover > ul {
    display: block;
}

#nav-primary ul ul ul {
    left: 100%;
    top: 0;
}