/*
/* 立軒企業社 producer by Roni 2010/03/23
/* Final date 2010/03/25 Roni 
/* 標準深藍：#142f63
/* 標準翠綠：#59abb2
/* 淺綠底：#c8e5dd

/*-------------------------------------------------------------*/

* {padding:0;margin:0;}
body{font:normal 12px/1.5 Arial, Helvetica, sans-serif;}

a{color:#142f63;text-decoration:underline;}
a:hover{color:#59abb2;text-decoration:underline;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,form,label,ul,ol,dl,fieldset,address{margin:20px 0;}
h1{font-size:120%;color:#febb3a;margin:5px 0;} 
h2{font-size:120%;color:#fff;margin:5px 0;} 
h3{font:bolder 130% Arial, Helvetica, sans-serif;color:#fff;margin:0;} 
h4{} h5{} h6{} 
img{border:none;}
li,dd,blockquote{margin-left:40px;}
fieldset{padding:10px;}
.txt_center{text-align:center;}
.txt_right{text-align:right;}
.imgl{float:left;margin:0 8px 8px 0;clear:left;}
.imgr{float:right;margin:0 0 8px 8px;clear:right;}
.img_border{border:1px solid #ccc;}
.flr{float:right;padding:0;margin:0;}
.fll{float:left;padding:0;margin:0;}
.letter_spacing{letter-spacing:normal;}
table{border-collapse:collapse;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
.pad1{padding:15px 0 0 0;}
.pad2{text-indent:4em;}
.big_text{font-size:15px;}

/*-------共用欄位--------*/
.container{width:702px;margin:0 auto;}
.header{height:60px;margin:0; overflow:hidden;}
.body-top{width:702px;height:48px;background:url("images/body-top.gif") no-repeat;overflow:hidden;}
.body-middle{width:702px;padding:1px 0;background:url("images/body-middle.gif") repeat-y;}
.body-bottom{width:702px;height:25px;background:url("images/body-bottom.gif") no-repeat;overflow:hidden;}
.main-col{width:404px;float:left;margin-left:32px;display:inline;}

.nameplate-top{width:404px;height:8px;background:url("images/nameplate-top.gif") no-repeat;overflow:hidden;}
.nameplate-middle{background:#c8e5dd;padding:4px 6px;}
.nameplate-middle img{float:left;display:inline;}
.nameplate-middle p {color:#fff;float:right;font-size:90%;margin:0;padding:9px 0 0;text-align:right;}
.nameplate-bottom{width:404px;height:8px;background:url("images/nameplate-bottom.gif") no-repeat;overflow:hidden;margin-bottom:15px;}
.content-top{width:403px;height:8px;background:url("images/content-top.gif") no-repeat;overflow:hidden;}
.content-wrapper{width:387px;border-right:8px solid #c8e5dd;border-left:8px solid #c8e5dd;}

/*-------左欄內容區-------*/
.content{background:#142f63;border-right:1px solid #fff;border-left:1px solid #fff;padding:10px 0; font:123%/2 Verdana, Geneva, sans-serif;}
.content h2{text-indent:57px;}
.content div{padding:5px 10px;border-bottom:1px solid #c5d6e8;}
.content-bottom{width:403px;height:8px;background:url("images/content-bottom.gif") no-repeat;overflow:hidden;}


/*---------右欄----------*/
.side-col{width:221px;float:right;margin-right:34px;display:inline;color:#142f63;}
.side-col .txt {font:112%/1.5 Arial,Helvetica,sans-serif;letter-spacing:.1em;margin:0 11px 0 1px;}
.side-col .txt p{background:url("images/point.gif") repeat-x 0 100%; margin:0;padding:0 0 3px;}
.side-box-top{width:221px;height:7px;background:url(images/side-box-top.gif) no-repeat;overflow:hidden;}
.side-box-middle { background:#c8e5dd; padding:3px 0 0 12px; width:209px; }
.side-box-bottom{width:221px;height:7px;background:url("images/side-box-bottom.gif") no-repeat;overflow:hidden;margin-bottom:10px;}

/*-------header 選單區--------*/
.logo {display:inline;float:left;height:35px;margin:16px 0 0;width:401px;}
.email{float:right;text-align:center;padding:30px 9px 0;}
.email a{background:url("images/email.gif") no-repeat 0 0;height:30px;color:#fff;text-decoration:none;font:normal 110%/2.4 Arial, Helvetica, sans-serif;display:block;width:143px;}
.email a:hover{background:url("images/email_active.gif") no-repeat 0 0;}
ul.main-nav{margin:14px 0 0 30px;}
ul.main-nav li{float:left;list-style-type:none;margin:0;text-align:center;}
ul.main-nav li a{background:url("images/menu.gif") no-repeat 0 0;height:27px;color:#fff;text-decoration:none;font: normal 110%/2.4 Arial, Helvetica, sans-serif;display:block;width:140px;}html:root ul.main-nav li a{line-height:2;}
ul.main-nav li a:hover,ul.main-nav li a.active:hover{background:url("images/menu_active.gif") no-repeat 0 0;color:#fff; text-decoration:none;}
ul.main-nav li a.active{background:url("images/menu_active.gif") no-repeat 0 0;color:#142f63; text-decoration:none;}

.content div p{margin:10px 0;color:#fff;line-height:160%;}
.content a{color:#c8e5dd;}
.content a:hover{color:#59abb2;}
.login-box{color:#fff;}
.footer{color:#ccc;}
.login-box form{margin:5px 0 0 0;text-align:center;}
.login-box form input{margin:0;vertical-align:middle;}
.login-box form input.txt{width:75px;border:1px solid #46627c;padding:2px;height:12px;line-height:10px;}


.footer{color:#142f63;padding:6px 0 0 6px; height:29px;}
.webset{padding:5px 0 0 0;}
