/*****Reset All *****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td,img,em { margin: 0;padding: 0;font-size:12px; border:0;}
/*****Reset All *****/
.clear{clear: both; height:0px;}
.Bold{ font-weight:bold;}
.sidebar{background: #FFF;}
.sidebarSmall{background: #EEE;height: 2px;margin-top: 10px;}
.sidebarBig{background: #0088aa;height: 10px; margin-top: 10px;}
.sidebarColor{background: #EEE;}
.center{ text-align:center; vertical-align:middle; margin: 0 auto;}
.centerDiv{ margin: 0 auto;}

/* 鏈接樣式*/
a:link { color: #333; text-decoration: none;} 
a:visited { color: #990099; text-decoration: none;} 
a:hover { color: #0088aa; text-decoration:none;} 
a:active { color: #333; text-decoration: none} 

a.red:link { color: #FF0000; text-decoration: none;} 
a.red:visited { color: #FF0000; text-decoration: none;} 
a.red:hover { color: #606060; text-decoration: none;} 
a.red:active { color: #606060; text-decoration: none;} 

a.black:link { color: #333; text-decoration: none;} 
a.black:visited { color: #990099; text-decoration: none;} 
a.black:hover { color: #0088aa; text-decoration: none;}  
a.black:active { color: #333; text-decoration: none;}  

a.linkJob:link { color: #333; text-decoration: none;}  
a.linkJob:visited { color: #990099; text-decoration: none;}  
a.linkJob:hover { color: #0088aa; text-decoration: underline;}   

a.ameth:link { color: #400040; text-decoration: none;}  
a.ameth:visited { color: #400040; text-decoration: none;}  
a.ameth:hover { color: #FF3399; text-decoration: none;} 

div.other a:link { color: #004000; text-decoration: none;}  
div.other a:visited { color: #004000; text-decoration: none;} 
div.other a:hover { color: #008000; text-decoration: underline;} 

/***** set Page *****/
#page-container{width: 1000px;background-color:#FFF; margin:0 auto;}

/***** set Head *****/
#top{width:100%; height:100px;} 
#top #logo
{
    width: 250px;
    height:100px;
    float: left;
    background-color: #FFF;
    /*background-image:url("../images/home/logo.gif");*/
    background-repeat:no-repeat;
    cursor:hand;
}
#top #banner
{
    width: 480px;
    height:90px;
    float: left;
    background-color: #FFF;
    /*background-image:url("../AD/home/banner.gif");*/
    background-position:center;
    background-repeat:no-repeat;
    vertical-align:middle;
    margin-top:5px;
    margin-left:-30px;
    cursor:hand;
}
#top #search
{
    width: 180px;
    float: left;
}
#top #search li
{
    width: 157px;
    height:28px;
    cursor:hand;
    margin-top:14px;*margin-top:14px;_margin-top:14px;
    margin-bottom:10px;*margin-bottom:7px;_margin-bottom:7px;
    list-style-type:none;
}
#top #marklist
{
    width: 115px;
    float: left;
}
#top #marklist li
{
    height:12px;
    cursor:hand;
    margin-top:15px;*margin-top:12px;_margin-top:12px;
    margin-bottom:15px;*margin-bottom:12px;_margin-bottom:12px;
    list-style-type:none;
}

/***** set Menu *****/
#menu{width:100%; height:32px; background-color: #0088CC;background-image:url("../images/home/menubg.gif"); background-repeat:repeat-x;} 
#menu #menubar {margin:auto;}
.menu
{
    width: 100%;
    margin: 0 auto;
    height: 22px;
    text-align: center;
    background-image:url("../images/home/menuboxbg.gif"); 
    background-repeat:repeat;
}
.menu li
{
    float:left;
    width: 9.8%;
    list-style-type:none;
    margin:9px 0 8px 1px;
    font-weight:bold;
}
.menu a:link, .menu a:visited
{
    text-decoration: none;
    color: #FFF;
}
.menu a:hover
{
    text-decoration: none;
    color: #FFFF00;
}

#notice{ width:92%; margin:5px auto 0 auto;}
#notice li{ background-image:url("../images/home/notice.gif"); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; list-style-type:none;}
/***** set Content *****/
#content{width:100%; margin:0 auto;*margin:0 auto;_margin:-10px auto; word-wrap: break-word; word-break: break-all;} 

    /***** set Content part1 *****/
#content #part1{width: 100%;height:220px;}
#content #part1 #login
{
    float: left;
    width: 200px;
    height:220px;*height:99%;_height:100%;
    background-color: #FFF;
    background-image:url("../images/home/loginTitleBg.jpg");
    background-repeat:repeat-x;
    border:1px solid #0088aa;
    background-color:#F1F1F1;
}
.loginbt{ padding:40px auto 80px auto;}
#content #part1 #login h1{background-image:url("../images/home/logintitle.jpg");background-repeat:no-repeat; height:27px; margin-bottom:10px; background-position-x:left;list-style-type:none;}
#content #part1 #login ul
{
    margin:auto 10px;
}
#content #part1 #login li
{
    height:28px;*height:28px;_height:20px;
    list-style-type:none;
    margin-bottom:1px;
}
.boxLogin{ background-color:#f0f6f8; text-align:left; height:20px;_height:16px; width:100px; color:#0088aa;}
.boxText{ background-color:#f0f6f8; text-align:left; height:20px;_height:16px; width:250px; color:#0088aa;}

#content #part1 #searchjob
{
    float: left;
    width: 325px;
    height:100%;*height:99%;_height:100%;
    background-image:url("../images/home/webSearchbg.jpg");
    background-repeat:no-repeat;
    margin:0 0 0 5px;
    border:1px solid #0088aa;
}
#content #part1 #searchjob li
{
    height:20px;*height:28px;_height:25px;
    list-style-type:none;
    margin-bottom:1px;
    margin-top:5px;*margin-top:-3px;_margin-top:-3px;
    padding-left:5px;*padding-left:5px;_padding-left:15px;
}

#content #part1 #newjob
{
    float: left;
    width: 458px;
    height:100%;*height:99%;_height:100%;
    margin:0 0 0 5px;
    border:1px solid #0088aa;
    margin-top:-222px;*margin-top:-220px;_margin-top:-222px;
    margin-left:540px;*margin-left:540px;_margin-left:270px;
}
#content #part1 #newjob h1{ font-size:13px; font-weight:bold; color:#FFF; border:1px solid #0088aa; padding:0px; background-image:url("../images/home/loginbg.jpg"); background-repeat:repeat-x;}
#content #part1 #newjob ul{margin:10px;}
#content #part1 #newjob li
{
    float: left;
    width: 33%;
    height:22px;
    background-position-y:bottom;
    background-image:url("../images/home/rowline.jpg");
    background-repeat:repeat-x;
    overflow:hidden;
}


    /***** set Content part2 *****/
#content #part2{width: 100%;height:185px; margin-top:0px;*margin-top:0px;_margin-top:-10px;}
#content #part2 #flashAD
{
    float:left;
    width: 320px;
    height:185px;
    background-color: #EEE;
    margin:4px 4px 4px 0px;*margin:4px 4px 4px 0px;_margin:0px 4px 0px 0px;
}

#content #part2 #logos
{
    float:right;
    width:680px;
    margin:-185px 0 0 325px;*margin:-185px 0 0 300px;_margin:-185px 0 0 120px;
}

#content #part2 #logos li
{
    float:right;
    width:160px;
    height:40px;
    padding:10px 2px 10px 6px;*padding:0px 2px 8px 6px;_padding:0px 2px 8px 6px;
    margin-top:-13px;*margin-top:-2px;_margin-top:0px;
    overflow:hidden;
}
.showlogo{width:180px;border:1px solid #0088aa;overflow:hidden;}

#dv2-3{ background-color:#F1F1F1; width: 100%; height:10px;}

    /***** set Content part3 *****/
#content #part3{ width: 100%;height:250px;*height:250px;_height:220px;border:1px solid #0088aa;margin-top:10px;*margin-top:10px;_margin-top:0px;}
#content #part3 #hotEntTitle{margin-top:5px;*margin-top:5px;_margin-top:0px;height:28px;_height:25px; background-color:#ECECEC; background-image:url("../images/home/districtbg.jpg");background-repeat:repeat-x; width:100%;}
#content #part3 #hotEntTitle li{width:49%; float:left;}
#content #part3 #hotEnt{ height:100%; margin-top:0; *margin-top:5px;_margin-top:5px;}
#content #part3 #hotEnt #hotEntAD{float:left;width: 310px; vertical-align:middle;}
#content #part3 #hotEnt #hotEntAD li
{
    float:left;
    width:100%;
    height:50%;
    overflow:hidden;
    padding:2px;
    margin:3px auto 2px auto;*margin:1px auto 1px auto;_margin:10px auto 3px auto;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
}

#content #part3 #hotEnt #hotEntShow{float:left;width: 680px;margin-left:320px;*margin-left:320px;_margin-left:160px;margin-top:-200px;*margin-top:-200px;_margin-top:-200px; overflow:hidden;}
.hotEntShowTD
{
	width: 30%;
    height:22px;
    overflow:hidden;
    border-left:1px dotted #888;
    padding:0px;*padding:0px;_padding:0px;
    margin:1px;*margin:0px;_margin:0px;
}
#content #part3 #hotEnt #hotEntShow li
{
    float: left;
    width: 30%;
    height:22px;
    overflow:hidden;
    border-left:1px dotted #888;
    padding:0 0 0 20px;*padding:3px 0 0 20px;_padding:3px 0 1px 20px;
    margin:5px 0 0 0;*margin:1px 0 0 0;_margin:3px 0 0 0;
}

#banner1000{width:99.8%;border:1px solid #0088aa;overflow:hidden; height:80px; margin:2px auto 2px auto;*margin:2px auto;_margin:2px auto;}



    /***** set Content part4 *****/
#content #twoTitle{width: 100%;height:31px; margin:0 auto;}
#newEntTitle{float:left;width: 680px;height:100%;overflow:hidden;margin-top:2px;border:1px solid #EEE;background-image:url("../images/home/districtbg.jpg");background-repeat:repeat;}
#newEntTitle li{width:49%; float:left;}
#newPerTitle{float:left;width: 300px;height:100%; margin-left:700px;*margin-left:700px;_margin-left:350px; margin-top:-33px;overflow:hidden;border:1px solid #EEE;background-image:url("../images/home/districtbg.jpg");background-repeat:repeat;}
#newPerTitle li{width:49%; float:left;}
#content #part4{width: 100%;height:580px;}
#content #part4 #newEnt{float:left;width: 680px;height:100%;border:1px solid #EEE;overflow:hidden;}
#content #part4 #newPer{float:left;width: 300px;height:100%;overflow:hidden; margin-left:700px;*margin-left:700px;_margin-left:350px;margin-top:-580px;border:1px solid #EEE;}
#content #part4 #newPer li{text-align:left;  padding:4px; height:20px;*height:20px;_height:20px;}

#content #twoBanner{width: 100%;height:80px; margin:0 auto;}
#banner680{float:left;width: 680px;height:100%;overflow:hidden;margin-top:2px;border:1px solid #EEE;}
#banner300{float:left;width: 300px;height:100%; margin-left:700px;*margin-left:700px;_margin-left:350px; margin-top:-82px;overflow:hidden;border:1px solid #EEE;}

#content #part5 h1{  margin-top:5px; height:27px;background-image:url("../images/home/OneWord.jpg");background-repeat:no-repeat; width:100%;}
#content #part5{width:100%; margin-top:5px;*margin-top:-3px;_margin-top:-7px;}
#content #part5 #oneWord-L{width:390px; height:300px;float:left;border:1px dotted #0088aa;padding:5px;}
#content #part5 #oneWord-L Div{ list-style-type:none; height:153px;*height:153px;_height:153px; line-height:20px;overflow-y:auto;}
#content #part5 #oneWord-C{width:188px;_width:186px; height:300px;float:left; border-top:1px dotted #0088aa; padding:5px;  display:block;writing-mode:tb-rl;direction:ltr; line-height:20px;overflow:auto;}
#content #part5 #oneWord-R{width:388px;*width:388.9px; height:300px;float:left; margin:-312px 0 0 601px;*margin:-312px 0 0 601px;_margin:-319px 0 0 300px; border:1px dotted #0088aa;padding:5px;}
#content #part5 #oneWord-R Div{ list-style-type:none; height:153px;*height:153px;_height:153px;  line-height:20px;overflow-y:auto;}
#content #part5 #oneWord-more{width:100%; height:100%; float:left; margin:0;border:1px dotted #0088aa;}
#content #part5 #oneWord-more li{ width:188px; height:125px; float:left; border:1px dotted #0088aa; list-style-type:none; padding:5px;overflow-y:auto;line-height:20px;}


/*************** FooterFriendLink css start ***************************/
#linkTitle{border-bottom: 1px dotted #0088aa; padding:0px 0 5px 5px;}
#footerFriendLink
{
    height: 0px;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: #999;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #efefef;
    padding: 10px 0px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #EEE;
}
.footerFriendLinkbox{width: 96%;margin: 0 auto;height: 12px;text-align:left;}
.footerFriendLinkbox .nobg{background: none;}
.footerFriendLinkbox li{float: left;padding: 15 auto;width: 12%;line-height:20px;}
.footerFriendLinkbox a:link, .menubox a:visited{color: #999;text-decoration: none;margin-left: 5px;text-align: center;}
.footerFriendLinkbox a:hover{color: #D90000;}
/*************** FooterFriendLink css end  ***************************/



/*************** FooterMenu css start ***************************/
#footerMenu
{
	margin-top:30px;
    height: 14px;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: #FFF;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #efefef;
    padding: 5px 0px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #0088CC;
}
#footerMenu a{color: #EEE;text-decoration: none;}
#footerMenu a:hover{color: #FFF;}

.footerMenubox{width: 80%;margin: 0 auto;height: 16px;text-align: center;}
.footerMenubox li{float: left;padding: 20 auto;width: 14%;}
.footerMenubox a:link, .menubox a:visited{text-decoration: none;margin-left: 5px;text-align: center;}
/*************** FooterMenu css end  ***************************/



/*************** Footer css start ***************************/
#footer{height: 60px;font-family: Tahoma, Arial, Helvetica, Sans-serif;font-size: 10px;color: #c9c9c9;border-top: 1px solid #ccc;padding: 13px 25px;line-height: 18px;text-align: center;}
#footer a{color: #999;text-decoration: none;}
#footer a:hover{color: #0088CC;}
#footer #altnav-L{width: 100%;text-align: center;color: #999;}
#footer #altnav-R{width: 20%;float: left;text-align:left;margin-top:-30px;}

/*************** Footer css end  ***************************/




/*************** Other css start ***************************/
.NoPoint-li
{
    list-style-type: none;
}
ul
{
    list-style-type: none;
}


/* text color set */
.red
{
    color: #D90000;
}
.blue
{
    color: #0088CC;
}
.green
{
    color: Green;
}
.white
{
    color: White;
}
.white-Bold
{
    color: White;
    font-weight: bold;
}
.black
{
    color: Black;
}
.black-Bold
{
    color: Black;
    font-weight: bold;
}
.bblue
{
    color: #1E1B68;
    font-weight: bold;
}
.bred
{
    color: #D90000;
    font-weight: bold;
}
.gray
{
    color: #666;
}
.gray2
{
    color: #888;
}
.gray3
{
    color: #999;
}

/* font-size color set */
.size8
{
    font-size: 8px;
}
.size10
{
    font-size: 10px;
}
.size11
{
    font-size: 11px;
}
.size12
{
    font-size: 12px;
}
.size13
{
    font-size: 13px;
}
.size14
{
    font-size: 14px;
}
.size16
{
    font-size: 16px;
}
.size18
{
    font-size: 18px;
}
.S8{font-size: 8px;*font-size: 8px;_font-size: 6px;}
.S16{font-size: 16px;*font-size: 16px;_font-size: 12px;}

/* height set */
.divpart{height: 2px; margin:0;}
.H5{height: 5px;}
.H10{height: 10px;}
.H12{height: 15px;}
.H18{height: 18px;}
.H25{height: 25px;}
.H40{height: 40px;}
.H400
{
    height: 400px;
}
.H480
{
    height: 480px;
}
.H100
{
    height: 100px;
}
.H600
{
    height: 600px;
}
.H800
{
    height: 800px;
}
.H-auto
{
    height: 100%;
}
.H1
{
    height: 1px;
}

/* width set */
.W1
{
    width: 1px;
}
.W768
{
    width: 768px;
}
.W480
{
    width: 480px;
}
.W1000
{
    width: 1000px;
}
.W600
{
    width: 600px;
}
.W800
{
    width: 800px;
}
.W100
{
    width: 100px;
}
.W-auto
{
    width: 100%;
}
.W-auto33
{
    width: 33%;
}
.W-auto20
{
    width: 20%;
}
.W-auto50
{
    width: 50%;
}
.W-auto40
{
    width: 40%;
}
.W-auto10
{
    width: 10%;
}

/* background-color set */
.bg-White
{
    background-color: #FFF;
}
.bg-Black
{
    background-color: #000;
}
.bg-Gray
{
    background-color: #EEE;
}
.bg-Green
{
    background-color: green;
}
.bg-Red
{
    background-color: red;
}
.bg-Blue
{
    background-color: blue;
}

.pad5{padding: 5px;*padding:5px;_padding:0px;}
.pad10
{
    padding: 10px;
}
.pad20
{
    padding: 20px;
}
.pad30
{
    padding: 30px;
}
.pad40
{
    padding: 40px;
}
.pad50
{
    padding: 50px;
}

/*************** Other css end  ***************************/


/*************** LoginForm css start  ***************************/
.loginForm {
	background-image: url(../images/login/loginbg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height:400px;
	width:560px;
	margin-top:20px;
	background-color:#FFF;
}
.loginTitleBg {
	background-position:bottom;
	height:80px;
	background-image: url(../images/home/rowline.jpg);
	background-repeat: repeat-x;
	background-color:#FFF;
}
.loginMainForm{border:1px dotted #0088aa;}
/*************** LoginForm css end  ***************************/

/******************** OneWord css start **********************/
#OneWordAddForm{border:1px dotted #0088aa;width:550px;text-align:left;padding:5px;}
#OneWordAddForm h1{border:1px dotted #888; background-color:#EEE; color:#FF0000; font-size:20px; font-weight:bold; padding:5px;}
#OneWordAddForm li{border:1px dotted #EEE; background-color:#FFF; color:#333; font-size:12px; padding:2px;}
/******************** OneWord css end **********************/

.companyInfo{ font-size:12px; color:#444; line-height:30px; text-kashida-space:15px;}



/*企業後台css*/
#EntHome{ margin:0 auto; width:1000px; border:1 solid #a3a3a3; height:700px; background-color:#EEE;}
#EntHomeLeft
{
    background-color: #E8F5FE;
    border: 1px solid #A9C9E2;
    height: 100%;
    width: 200px;
}
#EntHomeRight
{
	float:left;
    background-color: #FFF;
    border: 1px solid #F9B3D5;
    height: 100%;
    width: 790px;
    margin-left: 202px;*margin-left: 202px;_margin-left: 101px;
    margin-top:-702px;
    overflow-y:auto;
}

/*個人後台css*/
#PerHome{ margin:0 auto; width:1000px; border:1 solid #a3a3a3; height:700px; background-color:#EEE;}
#PerHomeLeft
{
    background-color: #E8F5FE;
    border: 1px solid #A9C9E2;
    height: 100%;
    width: 200px;
}
#PerHomeRight
{
	float:left;
    background-color: #FFF;
    border: 1px solid #F9B3D5;
    height: 100%;
    width: 790px;
    margin-left: 202px;*margin-left: 202px;_margin-left: 101px;
    margin-top:-702px;
    overflow-y:auto;
}

.bestcolor{ color:#FFE7F4;}   /*淺粉紅*/

.noVisible{ width:0px; height:0px; padding:0px; margin:0px; line-height:0px;}