/* 首頁內容
*******************************************************************************/
#main {
    height: 1400px;
}
#HomepageMainArea {
	position: relative;
	
	margin: 20px 0 0 0;
	padding: 0;

    height: 200px;
}

#HomepageMainImage {
    position: relative;

    margin: 0;
    padding: 0;

    float: left;
    width: 59%;
    height: 200px;
    background-color: #333333;
    background: url('../image/homepage_image_01.jpg') no-repeat;

    z-index: -9;
}

div.HomepagePromoText {
  position: absolute;
  bottom: 15px;
  right: 0px;
  width: 370px;
  
  padding: 9px 20px 9px 20px;

  color: black;
  background-color: white;
  
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
}

#HomepageLogin {
    position: relative;
    margin: 0;
    padding: 0;

    float: left;
    width: 41%;
    height: 200px;
    background-color: #666666;
    background: url('../image/homepage_image_right.jpg');;
}

#HomepageLogin p {
	margin: 0;
	padding: 15px;
	
	color: white;
	font-size: 14px;  
	font-weight: bold;
}

#HomepageLogin a {
	color: white;
}

#HomepageSelectArea {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	background-color: #E8E8E8;
	height: 280px;
}

#HomepageSelectArea a{
  margin: 0;
  padding: 0;
  
  text-decoration:none;
  cursor:pointer;
  
  color: #3A3A3A;
}

#HomepageSelectArea a:hover{
  margin: 0;
  padding: 0;
  
  text-decoration:underline;
  
  color: #3A3A3A;
}

#HomepageSelectArea h2{
  margin: 0;
  padding: 0;
  font-size: 130%;
}

#HomepageSelectArea p a{
  margin: 0;
  color: #2A6900;
}

#HomepageSelectArea p a:hover{
  margin: 0;
  text-decoration:underline;
}


#HomepageSelectArea p.multiPromoContent {
  height: 140px;
  border-bottom-style: dotted;
  border-bottom-color: #686868;
  border-bottom-width: 1px;  
}


#HomepageSelectArea h2 a{
  margin: 0;
  background: transparent url('../image/icon/largelinkarrow_green.gif') no-repeat scroll right center;
  padding-right: 27px;
}

#HomepageSelectArea h2 a:hover{
  margin: 0;
  background: transparent url('../image/icon/largelinkarrow_green.gif') no-repeat scroll right center;
  padding-right: 27px;
}

#HomepageSelectArea div.multiPromoLeft {
  margin: 0;
  padding: 10px 15px 10px 15px;
  
  width: 18%;
  height: 260px;
  float: left;
  
  border-right-style: dotted;
  border-right-color: #686868;
  border-right-width: 1px;
}

#HomepageSelectArea div.multiPromoCenter {
  margin: 0;
  padding: 10px 15px 10px 15px;
  
  width: 19%;
  height: 260px;
  float: left;

}

#HomepageSelectArea div.multiPromoRight {
  margin: 35px 15px 0 0;
  padding: 10px 15px 10px 15px;
  
  background-color: #FFD350;
  
  width: 27%;
  height: 155px;
  float: right;
}

#HomepageSelectArea div.multiPromoRight h2 a{
  background: none;
}

#HomepageSelectArea div.multiPromoRight form{
  margin: 0;
  padding: 15px 0 0 0;
}

#content {
	position: relative;
	clear: both;
	
	margin: 0;
	padding: 0;

    background-color: #000000;
}

div#HomepageIntroArea {
    clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: white;
	height: 260px;

}

div#HomepageIntroArea h4 {
    color: #CCC;

}

div#HomepageIntroArea div#bgmark {
    background-color: #E8E8E8;
    position: absolute;
    left: 510px;

    width: 50px;
    height: 800px;
}

div#HomepageIntroArea div#bgmark_left {
    background-color: #E8E8E8;
    position: absolute;
    left: 500px;

    width: 5px;
    height: 800px;
}

div#HomepageIntroArea div#bgmark_right {
    background-color: #E8E8E8;
    position: absolute;
    left: 565px;

    width: 5px;
    height: 800px;
}

div#HomepageIntroArea div#ServiceIntro {
    position: relative;
    margin: 15px 0 15px 0;
    padding: 0px;
    right: 0px;

    float: right;
}

div#HomepageIntroArea div#ranking1{
    position: relative;
    background-color: white; /* #F3FFE5 */
    margin: 15px 0 15px 0px;
    padding: 30px 30px 30px 15px;
    border-width: 10px;
    border-style: solid;
    border-color: green;

    height: 325px;
    width: 450px;
    float: left;
}
div#HomepageIntroArea div#ranking2{
    position: relative;
    background-color: white; /* #F3FFE5 */
    margin: 0 0 15px 0px;
    padding: 30px 30px 30px 15px;
    border-width: 10px;
    border-style: solid;
    border-color: green;

    height: 325px;
    width: 450px;
    float: left;
}