@charset "utf-8";
@import url("reset.css");
/*-box----------------------------------------------------------------------------------------*/
#wrapper{ width:780px; margin: 0 auto;}
#wrapper .bg ,#wrapper .bg2{ width:780px; background-repeat:repeat-y; overflow:hidden;}
/*for  訊息快報*/
#wrapper .bg{ background-image:url(../images/shared/bg.gif); }
/*for  訊息快報反之*/
#wrapper .bg2{ background-image:url(../images/shared/bg2.gif);}

/*for  訊息快報*/
#content{ width:540px; margin: 25px 0 0 5px; float:left; border-top:solid #9abce4 1px; border-left:solid #9abce4 1px; border-radius:30px 0 0 0;}
#content h1 { width:425px; height:33px; margin: 30px auto 10px auto; padding: 10px 0 0 0; text-align:center; font-size: 15px; font-weight: bold; background-color:#e6f2f9;}
#content .msg{ font-size:18px; color:#FF0000; width:540px; text-align:center; margin: 20px auto 0 auto; display:inline-block;}

/*for  訊息快報 反之*/
#content2{ width:595px; margin: 25px 0 0 5px; float:left; border-top:solid #9abce4 1px; border-left:solid #9abce4 1px; border-radius:30px 0 0 0;}
#content2 h1 { width:555px; height:33px; margin: 30px auto 10px auto; padding: 10px 0 0 0; text-align:center; font-size: 15px; font-weight: bold; background-color:#e6f2f9;}

/*--sidebar-------------------------------------------------------------------------------------------------*/
/*for  訊息快報*/
#sidebar{ width:205px; margin: 35px 10px 0 10px; padding: 10px 0 0 0; border-top:solid #9abce4 1px; float:left;}
#sidebar .list{ margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom:solid #9abce4 1px;}

/*--subMenu-------------------------------------------------------------------------------------------------*/
#subMenu{ width:150px; margin: 20px 10px 0 10px; float:left;  }
#subMenu ul{ padding: 2px 0 0 0; background-image:url(../images/shared/line.gif); background-repeat:repeat-x; background-position:top; line-height: 30px;}
#subMenu li a{ background-color:#e8f2f9; display:block; font-size: 15px; color: #666666; text-align:center; background-image:url(../images/shared/line.gif); background-repeat:repeat-x; background-position:bottom;}
#subMenu li a.style2{text-align:left;padding-left:20px;}
#subMenu li a:hover{ background-color:#f1f8fc; text-decoration:none;}
#subMenu dl{ padding: 0 0 2px 0; display:block; background-image:url(../images/shared/line.gif); background-repeat:repeat-x; background-position:bottom;}
#subMenu dd{}
#subMenu dd a{ width:120px; height:29px; background-color:#e8f2f9; display:block; font-size: 13px; color: #666666; padding: 0 0 0 30px; margin:-4px 0 0 0; vertical-align: middle; }
#subMenu dd a.style2{ width:130px; text-align:left;padding-left:20px;}

#subMenu dd a:hover{ background-color:#f1f8fc; text-decoration:none;}
#subMenu dd img{vertical-align: middle; }
#subMenu li a.on ,#subMenu dd a.on{ background-color:#d9eff7;}
#subMenu li a.off ,#subMenu dd a.off{ background-color:#e8f2f9;}
/*--share-------------------------------------------------------------------------------------------------*/
a{color: #437eb7; text-decoration:none;}
a:hover{color: #437eb7; text-decoration:underline;}
#path{font-size: 13px;color: #333333; background-image:url(../images/shared/path_background.jpg); background-repeat:no-repeat; padding: 0 0 0 20px;}
.editor { width:425px; margin: 0 auto; font-size: 15px; line-height: 28px; }
.gotop{ display:block; float:right; margin: 150px 0 5px 0; clear:both;}
.text { font-size: 13px; line-height: 24px;  }

/*--pageNumber---------------------------------------------------------------------------------------------------*/
.pageNumber{ width:555px; font-size:13px; margin: 20px auto; display:inline-block; text-align:center;vertical-align:sub;}
.pageNumber a ,.active{width:21px; height:22px; text-align:center; display:inline-block; vertical-align:sub;}
.pageNumber a{border: 1px solid #fff;}
.pageNumber a:hover{ border: 1px solid #437eb7; text-decoration:none;}
.pageNumber .active{ background-color:#437eb7; color:#FFFFFF}

/*--about---------------------------------------------------------------------------------------------------*/
.about { width:555px; margin: 0 auto; }
.about .boxCenter{ width:555px; text-align:center; margin: 0 auto; display:inline-block;}
.about .img{ width:555px;}
.about dt{width:545px; height:30px; margin: 10px auto 10px auto; padding: 2px 0 0 10px; background-color:#e6f2f9;}
.about dd{width:545px; padding: 0 0 0 10px; }

/*--tissue_annual---------------------------------------------------------------------------------------------------*/
.tissue_annual{ width:555px; margin: 0 auto; }
/*社長、秘書簡介*/
.tissue_annual dl{display:block; clear:both; margin: 0 0 20px 0; overflow:hidden;}
.tissue_annual dt{width:545px; height:30px; margin: 10px auto 10px auto; padding: 2px 0 0 10px; background-color:#e6f2f9;}
.tissue_annual dd.img{width:120px; margin: 0 15px 0 0; float:left; display:block; float:left; overflow:hidden;}
.tissue_annual dd.info{width:420px; float:left; display:block;}
.themes1 {width:120px; height:auto;}
.themes1 img{max-width:120px;}

/*組織表*/
.tissue_annual table{ width:555px;}
.tissue_annual .issue th{ height:30px; margin: 10px auto 10px auto; padding: 2px 0 0 10px; background-color:#d3e7f3; text-align:center; border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF; font-weight:bold;}
.tissue_annual .issue td{ padding: 2px 0 ; }
.tissue_annual .issue .td1{ padding: 0 0 0 10px; }
.tissue_annual .issue .highLights{height:30px; margin: 10px 0 ; padding: 0 0 0 10px; background-color:#e4f0f8; overflow:hidden; font-weight:bold;}
/*社員及職業*/
.tissue_annual .item {margin: 0;}
.tissue_annual .item dd{ height:31px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; background-color:#e6f2f9; float:left; text-align:center; padding: 4px 0 0 0;}
.tissue_annual .item .company{ width:110px;}
.tissue_annual .item .name{width:90px;}
.tissue_annual .item .firm{width:240px;}
.tissue_annual .item .post{width:107px;}
/*行事曆*/
.tissue_annual .calendar th{height:30px; margin: 10px auto 10px auto; padding: 2px 0 0 10px; text-align:center; border-bottom: 1px solid #747474; border-right: 1px solid #747474; font-weight:bold;}
.tissue_annual .calendar td{ padding: 2px 5px ; }

/*--servicesSummary---------------------------------------------------------------------------------------------*/
.servicesSummary { width:555px; height:auto; overflow:hidden; margin: 10px auto; }
.servicesSummary ul { margin:0px; padding:0px; float:left; list-style-type:none; }
.servicesSummary li { width:169px; height:95px; float:left; cursor:pointer; display:inline; margin:0 5px 10px 5px; border:1px solid #CCC; float:left; overflow:hidden;}
.servicesSummaryImg li{width:169px; height:95px; }
.servicesSummaryImg li img{max-width:169px; }

/*--message---------------------------------------------------------------------------------------------*/
.message{width:555px; margin: 20px auto 0 auto; }
.message table{ width:100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #cccccc; margin:20px 0 ;}
.message td{ border: 1px solid #ccc; vertical-align: top; padding: 5px 10px; }
.message .tit{ width:70px; text-align:center; background-color:#e6f2f9;}
.message .con{ width:460px;}
/*--friends-------------------------------------------------------------------------------------------------*/
.friends{ width:555px; margin: 0 auto; }
.friends dl{ width:555px; display:inline-block;}
.friends dl.color{background-color:#ecf5fb;}
.friends dl.color2{ background-color:#d9ecf7;}
.friends dd{ border-right:2px solid #fff; border-bottom:2px solid #fff; float:left; }
.friends dd.companyName{ width:181px; text-align:center; padding:5px;}
.friends dd.url{ width:340px; padding:5px 10px;}

/*-footer-----------------------------------------------------------------------------------------------*/
#footer{ height:22px; line-height:22px; padding: 3px 0 ; color: #FFFFFF; font-size: 13px; background-color:#1d7dca; text-align: center; }