@charset "utf-8";
/* CSS Document */

html, body{
  background:#f0f0f0;
  height: 100%;
  }
  
body{
  margin-top:0px;  
  background-image: url(../images/all_page_bg.jpg);
  background-repeat: repeat-x;
  background-position: center top;
}
  
#wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -130px;
  width:1010px;
  }

html, body,
input, textarea{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#898888;
  }

a{color:#368CBB;}

a:hover{
  color:#000;}
/*====HEADER====*/

#header-row{
  height:109px;}

#header-bg{}
/*原版行最上方"登入"連結區域*/
.user-menu-row{
  background:#303030;
  
  }
  
.user-menu{
  float:right;

}
  
ul.menu{
  margin:0;}
  
.user-menu ul.menu li a,
.user-menu ul.menu li{
  line-height:40px;
  color:#000000;
  display:inline;
  text-decoration:none;
  
  }
  
.user-menu ul.menu li a{
  background:url(../images/user-marker.png) no-repeat;
  background-position: left -32px;
  padding:0 20px;
  }
  
.user-menu ul.menu li a:hover{
  background-position: left 1px;
  color:#fff;
  }

#header{
  /*
  原版型header背景
  background:url(../images/header.jpg) top center no-repeat;
  */
  overflow:hidden;
  }

#header-left{
  float:left;}

#logo h1 {
  /*原版型logo, marging四邊距離
  margin:25px 0 25px 29px;
  */
  margin-top:27px;
  font-weight:normal;
  /*logo旁邊小符號
  background:url(../images/logo-item.png) no-repeat;
  */
  background-position: left top;
  line-height:52px;
    padding-left: 15px;
  letter-spacing: -2px;
  }
  
#logo h1 a{
  font-size:52px;
  color:#000;
  text-decoration:none;
  }


#header-right{
  float:right;
  margin:35px 30px 0 0;}

#user-menu{}

#user-menu ul.menu li{
  float:left;
  padding:0 1em;
  }

  
.search input.button{
padding:6px 5px 23px;}



/*====TOP====*/

#top-row{
  height:57px;
  position:relative;
  z-index:10;
  background:url(../images/menu-tail.jpg) top left repeat-x;
  font-family:微軟正黑體;
  }

#top-bg{}

#top{}

#top-menu{
position:relative;
}
/*主架構上方橫列選單區域*/
#top-menu ul.menu li{
  float:left;
  padding:0;
  display:block;
  margin-top:0px;
  }
  
#top-menu ul.menu > li > a{
  display:block;
  height:40px;
  line-height:40px;
  font-size:16px;
  color:#FFF;
  padding: 0 25px;
  margin-top:8px;
  /*原版行上方橫列選單連結 區隔白線
  background:url(../images/menu-divider.gif) top right no-repeat;
  */
  text-decoration:none;
  }
  
#top-menu ul.menu > li > a:hover,
#top-menu ul.menu > li.current > a,
#top-menu ul.menu > li.active > a,
#top-menu ul.menu > li.actives > a{
  color:#000;
  background:url(../images/menu-act.gif) top left repeat-x;
  }

  
#top-menu ul.menu > li.first{
  padding-left:0;
  }
#top-menu ul.menu > li.last{
  padding-right:0;
  }
  
#top-menu ul.menu ul{
display:none; 
top:45px; 
position:absolute;  
padding:10px 0px;
background:url(../images/sub-menu.png) top left repeat;
  width:180px;
}

#top-menu  ul.menu li ul li{
  padding:0 20px;
  position:relative;
  }

#top-menu  ul.menu li ul li ul{
    left: 0;
    margin-left: 180px;
    width:260px;
    top: -10px;
  }

#top-menu  ul.menu ul li > a{
  line-height:26px;
  color:#fff;
  text-decoration:none;
  }
  
#top-menu  ul.menu ul li > a:hover,
#top-menu  ul.menu ul li.actives > a,
#top-menu  ul.menu ul li.current > a{
  color:#7ead01;
  }

#top-menu ul.menu li ul li{
  display:block;
  float:none;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #666;
  }
  

  
/*====MAIN ROW====*/
  
#main-row{
  background:url(../images/container-bg.png) top left repeat-x #fbfbfb;
  padding-top:30px;
  padding-bottom: 10px;
  position:relative;
  z-index:8;
  overflow:hidden;}
  
#content{
  overflow:hidden;}
  
.moduletable h3,
.item-page h2,
.item h2,
.contact h2,
#member-registration legend{
  font-size:16px;
  font-weight:normal;
  color:#000;
  background:url(../images/title-tail.gif) top left repeat-x;
  height:49px;
  line-height:49px;
  padding-left:20px;
  margin:0;
  }

#member-registration legend  {
  display: block;
  width:100%;
  }

  
.item-page h2{
  margin-bottom:12px;}
  
.contact h2 {
margin-bottom:30px;}
  
.item-content{
  border:1px solid #e9e9e9;
  padding: 0 20px 20px;
}

h4{
font-size:12px;
font-weight:bold;
}
  
    
.moduletable p.date,
.moduletable p.author,
dd.createdby{
  display:none;}
  
  
p.art-img{
  float:left;
  margin:0 20px 0 0;}
  
  
a.block-more{
  color:#000;
  text-decoration:none;
  }
  
a.block-more span{
  background:url(../images/marker.png) no-repeat;
  background-position: 100% 112%;
    width:11px;
  position:absolute;
  text-indent:-999em;
    margin-left: 5px;
  }
  
a.block-more:hover span{
  background-position: 100% -14%;
}


a.readmore,
a.button{
  background:url(../images/button.png) repeat-x;
  background-position: left top;
  line-height:29px;
  padding: 7px 10px;
  color:#f6f6f6;
  text-decoration:none;
  }
  
a.readmore span{
  background:url(../images/list-marker.png) no-repeat;
  background-position: right 1px;
  padding-right:15px;
  }
  
a.readmore:hover{
  background:url(../images/button_green.png) repeat-x;
  background-position: left bottom;
  }
  
/*content-top*/

.moduletable.slider{
  margin-bottom:25px;}
  
/*改日期顯示顏色*/    
ul.newsflash-vert li p.date,
.newsflash-horiz li p.date{
  display:none;
  color:#7EAD01;
  }  
  
.newsflash-horiz li p.date{
  font-weight: bold;
    margin-bottom: 7px;
    margin-top: 6px;
  }
  
.newsflash-horiz li p.author{
display:none;
    margin-top: 0;}
  
.newsflash-horiz li p.art-img{
margin-bottom:15px;}

  
ul.menu-list{
  margin:0;
  border:1px solid #e9e9e9;
  border-top:none;
}
  
ul.menu-list li{
  height:37px;
  background:url(../images/list-tail.gif) top left repeat-x;
  }
  
ul.menu-list li a{
  display:block;
  line-height:37px;
  color:#000000;
  background:url(../images/list-marker.png) no-repeat;
  background-position: 19px -25px;
  padding-left: 40px;
  text-decoration:none;
  height:37px;
  }
  
ul.menu-list li a:hover{
  background-position: 19px 12px;
  color:#fff;
}
  
ul.menu-list li:hover{
  background:url(../images/list-act.gif) top left repeat-x;
  color:#fff;
}
  
ul.menu-list li{
  border-bottom:1px solid #e9e9e9;
  }
  
ul.menu-list li.last{
  border:none;}
  
/*tabs*/

ul.newsflash-horiz.tabs li{
  width:310px;
  float:left;
  margin-right:28px;}
  
ul.newsflash-horiz.tabs li.last{
  margin:0;
  }
  
ul.newsflash-horiz.tabs li h4{
  display:none;
  color:#000;
  font-size:20px;
  line-height:26px;
  font-weight:bold;
  font-family:微軟正黑體;
  padding-top: 5px;
  margin:0;
  }
  
  
ul.tab-links{
  background:url(../images/title-tail.gif) top left repeat-x;
  margin:0;
  overflow:hidden;
}

ul.tab-links li a{
  font-size:16px;
  font-weight:normal;
  color:#000;
  height:49px;
  line-height:49px;
  padding:0 20px;
  display:block;
  float:left;
  text-decoration:none;
}

ul.tab-links li {
  height:49px;
  line-height:49px;
  }
  
ul.tab-links li.ui-state-active {
  background:url(../images/tab-tail.gif) top left repeat-x;

}

ul.tab-links li.ui-state-active a{
  color:#fff;}
  
/* blog & article*/

.items-row{
  padding: 0 20px;}

.item{
  margin-bottom:30px;
}
.item h2{
  margin-bottom:0;}
  
.item .date,
.item-page .date{
  color: #7EAD01;
    display: block;
  font-weight:bold;
  margin-top:28px;
  margin-bottom:0px;}
  
.item-page h3{
  color:#000;
  font-size:16px;
  line-height:22px;
  font-weight:normal;
}
  
ul.team{
  width:100%;
  overflow:hidden;
  }
  
ul.team li{
    float: left;
    height: 84px;
    margin-bottom: 10px;
    width: 50%;}
  
p.member{
  font-weight:bold;
  color:#7ead01;
  }
  
ul.products{
  overflow:hidden;
  }
  
ul.products li{
      float: left;
    margin: 0 6px;
    width: 290px;}
  
dl.faq dt{
  font-weight:bold;
  color:#368CBB;
  }

dl.faq dd{
  margin:0 0 20px 20px;}
  
/* art list*/

.art-cols{
  width:100%;
  overflow:hidden;}
  
.art-cols .col{
  float:left;}
    
.art-cols.two .col{
  width:50%;}  
  
  
/*==Forms==*/

input.required,
#search-searchword,
#modlgn-username,
#modlgn-passwd,
#username,
#password{  
    background:url(../images/input.jpg) top left repeat-x;
  height:27px;
  line-height:27px;
  border:1px solid #cbcbcb;
  padding: 0 5px;
}

input.required{
  width:230px;
  box-shadow:none;
}

#modlgn-username,
#modlgn-passwd{  
width:95%;
}

#contact-form dl dt label,
#user-registration label,
#member-registration label,
.login form label{
  height:27px;
  line-height:27px;
  }
  
  
#searchForm label,
#searchForm input,
#searchForm button{
  vertical-align:middle;}
  
#searchForm button{
margin-left:2px;}
/*textarea*/

#jform_contact_message{
height:120px;
min-height:120px;
max-height:120px;
width:230px;
max-width:230px;
min-width:230px;
overflow:auto;
border:1px solid #cbcbcb;
padding:5px;
resize: none;
background:#fcfcfc;
box-shadow:none;
}

input.button,
button.button,
button.validate{
  background:url(../images/button.png) repeat-x #7eac01;
  background-position: top left;
    height: 1px;
    padding: 6px 10px 23px;
  color:#fff;
  border:none;
  cursor:pointer;
  height: 29px;
  }
  
input.button:hover,
button.button:hover,
button.validate:hover{
  background:url(../images/button_green.png) repeat-x #7eac01;
  background-position: left bottom;
  }
  
#mod-search-searchword{
  background:url(../images/input.jpg) top left repeat-x;
  height:27px;
  line-height:27px;
  border:1px solid #e9e9e9;
  border-right:none;
  padding: 0 5px;
    width: 165px;
  }
  
input{
  vertical-align:middle;}
  
#map{
margin-left:0;
}

.contact-form.grid_10{
margin-right:0;}

.jicons-icons,
.other-info h3,
#contact-form legend{
display:none;
}

#contact-form,
#contact-form fieldset,
#contact-form  dl {
margin:0;}

#contact-form   button.validate{
float:right;}

/*===SIDEBAR===*/

#right .moduletable,
#left .moduletable{
  margin-bottom:30px;}

.newsflash-vert li.newsflash-item p.date{    
margin: 14px 0 15px;
font-size:12px;}
  
.newsflash-vert li.newsflash-item p.art-img{
margin-bottom:12px;}

.newsflash-vert li.newsflash-item p{
font-size:14px;
color:#000;}

ul.newsflash-vert li,
#login-form{
  overflow:hidden;
  padding:0 18px;
  background:url(../images/popular-tail.jpg) top left repeat-x #f6f6f6;
  margin-bottom:16px;
  }



/*===BOTTOM====*/

#bottom-row{
  overflow:hidden;
padding-bottom: 30px;
  background:#fbfbfb;

  }
  
#bottom  .mod-container{
  padding:6px 18px 10px;
}
  
.mod-container{
  padding:6px 30px 10px;
  border:1px solid #e9e9e9;
  background:url(../images/box-tail.gif) top left repeat-x;
  overflow:hidden;
  }
  
.mod-container a.readmore{}

ul.archive{
  margin:7px 0 0;}
  
ul.archive li{
  border-bottom:1px solid #efefef;}
  
ul.archive li.last{
  border:none;}

ul.archive li a,
ul.art-list li a{
  /*color:#898888;*/
  display:block;
  height:29px;
  line-height:29px;
  background:url(../images/marker.png) no-repeat;
  background-position: 0 -21px;
  padding-left:20px;
  text-decoration:none;
  }
  
ul.art-list li a{
  text-decoration:underline;}
  
ul.archive li a:hover,
ul.art-list li a:hover{
  background-position: 0 9px;
  color:#7ead01;
  }
  
.newsflash a.readmore,
p.readmore a{
  background:url(../images/link-marker.gif) no-repeat;
  background-position: right 5px;
  line-height:18px;
  text-decoration:underline;
  color:#368CBB;
  padding:0 7px 0 0;
  }
  
.newsflash .more-block,
p.readmore{
  border-top:1px solid #f2f2f2;
  padding: 8px 0;
  margin:0;
  }
  
.newsflash .more-block{
    margin-top: 22px;}
  
.newsflash a.readmore span,
p.readmore a span{
  background:none;
  padding:0;
  }
  
.newsflash a.readmore:hover,
p.readmore a:hover{
  text-decoration:underline;
  color:#000;
  }

.newsflash-vert-alt li{
  border-bottom:1px solid #f2f2f2;
  padding-bottom: 4px;}

.newsflash-vert-alt li.last{
  border-bottom:none;
  padding-bottom: 5px;}

  
.newsflash-vert-alt li p{
  background:url(../images/testim-marker.jpg) no-repeat;
  background-position: left 3px;
  padding-left:20px;
  }
  
.newsflash-vert-alt li p.author-alt{
  background:none;
  text-align:right;
  color:#368CBB;
  font-weight:bold;
  margin-top:1px;
  display: block;
  }
  
.newsflash-vert-alt li p{
  margin-bottom:0;}
  
  
/*====BOTTOM MENU====*/

#bottom-menu-row{
  width:100%;
  margin:0 auto;
  height:50px;
  background:#f0f0f0;
  background-image: url(../images/footer_link_ul_bg.jpg);
  background-repeat: repeat-x;
  background-position: center top;
}


#bottom-menu ul.menu li{
  display:inline;
  margin-right:20px;}
  
#bottom-menu ul.menu li a{
  color:#FFF;
  line-height:50px;
  text-decoration:none;
  }
  
#bottom p.art-img{
  margin-bottom:12px;}
  
  
#bottom-menu ul.menu li a:hover{
  text-decoration:underline;
  }
  
#bottom-menu ul.menu li.current a{
  color:#FFF;
  font-size:12pt;
  text-decoration:none;
  }
  
/*====FOOTER====*/

#footer-row{
  width:990px;
  /*
  background:#000;
  */
  margin:0 auto;
  line-height:0px;
  color:#6c6c6c;
  /*margin-bottom:25px;*/
  overflow:hidden;
}

#footer-bg{}

#footer p{
  margin:0;}


#footer{
  float:right;
  padding-right:30px;}
  
#footer a{
  color:#7ead01;
  text-decoration:none;}
  
#footer a:hover{
  text-decoration:underline;}

.push-row, .push {
height: 130px;
}
#foot_copyrigth_co {
  widht:100%;
  height:95px;
  background-color:#444;
  padding-top:20px;
  color:#FFF;
  font-size:9pt;
  line-height:18pt;
}
#foot_copyrigth_info {
  width:985px;
  MARGIN: 0 auto 0;
}
#foot_copyrigth_info_logo {
  float:left;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCC;
  padding-right:10px;
  marghin-rihgt:10px;
  margin-top:3px;
}
#foot_copyrigth_info_txt {
  float:left;
  padding-left:10px;
}
/*-----表單填寫----------------------*/
.singin_padding_left {
  padding-left: 15px;
}
#selsection {
  width:162px;
}