@charset "utf-8";

/* Basic Styles */
body{
 background: #ebebeb;
 color:#363636;
 font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei";
 font-size: 1em;
 line-height: 1.4em;
 margin:0 auto;
 width: 100%;
}

#wrap{
 margin:0 auto;
 width:100%;
}
.header{
 overflow:hidden;
 max-width:960px;
 margin:0 auto;
 padding:12px 5px;
}
.logo{
 float:left;
 width:30%;
}
.topnav{
 float:right;
 list-style:none;
 padding-top:40px;
}
.topnavbox a{
 color:#393939;
 padding:0 10px;
 text-decoration:none;
}
.topnavbox a.last {
  padding:0 0 0 10px;
}

#navbox{
 width:100%;
 background:#372b67;
}

/* Main Styles */
.conwrap{
 max-width:960px;
 margin:0 auto;
 padding:45px 5px 0 5px;
}

.mainbox{
 display:inline-block;
 width: -moz-calc(100% - 290px);
 width: -webkit-calc(100% -290px);
 width: calc(100% - 290px); 
}

.banner{
 display:inline-block;
 width:100%;
 vertical-align:top;
 position:relative;
}

.banner img{
 border-radius:45px 0 0 0;
 width: 100%;
 height: auto;
}
 
.banner .arrow01{
 position:absolute;
 top:50%;
 left:-1px;
 cursor:pointer;
}
 
.banner .arrow02{
 position:absolute;
 top:50%;
 right:0;
 cursor:pointer;
}
.banner .arrow01 img, .banner .arrow02 img{
 border-radius:0 0 0 0; 
}

.adbox{
 width:100%;
 vertical-align:top;
}

.adbox img{
 padding:12px 4px 0 4px;
}

.adbox img.last{
 padding:12px 0 0 1px;
}

.newsbox{
 margin-top:20px;
 width:100%;
}

.newstitle{
 background-image: url(../img/bground_newstitle.gif);
 background-repeat: no-repeat;
 background-position:2px 5px;
 font-size:0.875em;
 font-weight:600;
 padding-left:10px;
 margin-bottom:12px;
}

.newstitle .focus{
 color:#382C68;
}

.focus{
 color:#f00;
}

.newstitle span{
 color:#888;
}

.newspic{
 display:inline-block;
 height:135px;
 vertical-align:top;
 width:120px;
}

table.newstable{
 display:inline-block;
 font-family: Helvetica, Arial, "新細明體", "Microsoft JhengHei";
 font-size:0.8125em;
 width: -moz-calc(100% - 130px);
 width: -webkit-calc(100% -130px);
 width: calc(100% - 130px); 
}

table.newstable th{
 background-image: url(../img/icon_arrow.png);
 background-repeat: no-repeat;
 background-position:2px 11px;
 border-bottom:1px solid #b6a4d0;
 overflow: hidden;
 padding:3px 12px 2px 9px;
 text-align:left;
 overflow: hidden;
 width:78%;
}

table.newstable td{
 background-image: url(../img/bground_newstitle02.gif);
 background-repeat: no-repeat;
 background-position:4px 7px;
 border-bottom:1px solid #b6a4d0;
 font-family: Verdana, Arial, "新細明體", "Microsoft JhengHei";
 padding:3px 0 2px 15px;
 vertical-align:top;
 width:20%; 
 min-width:135px; 
}

/* 側邊訊息區 */
.subbox{
 display:inline-block;
 margin-left:10px;
 vertical-align:top;
 width:270px;
}

.fbbox{
 background-image:url(../img/bground_fb.png);
 background-repeat:repeat-y;
 padding:24px 11px 22px 11px;
 width:270px;
}

.fbtitle{
 background-image: url(../img/icon_fb.gif);
 background-repeat: no-repeat;
 background-position:10px 3px;
 font-size:0.875em;
 font-weight:600;
  padding:0 0 10px 28px;
 }

.fbtitle span{
  color:#888;
  }
 
 .jointitle{
 background-image: url(../img/bground_join.png);
 background-repeat: no-repeat;
 background-position:0 3px;
 color:#fff;
 font-size:0.9375em;
 font-weight:600;
 padding:10px 0 10px 18px;
 margin-top:22px;
 }

.jointitle span{
  color:#d5cfe2;
 }
 
 .joinmsg{
  font-size:0.8125em;
  font-family: Verdana, Arial, "新細明體", "Microsoft JhengHei";
 }
 
 /* footer */
footer{
 background-image: url(../img/bground_map.gif);
 background-repeat: repeat;
 margin-top:55px;
 overflow:hidden;
 width:100%;
}

footer .mapbox{
 color:#fff;
 max-width:950px;
 margin:0 auto;
 overflow:hidden;
 padding:40px 0 40px 10px;
}

footer .mapbox ul{
 list-style:none;
 padding:0;
 margin:0 0 30px 0;
}

footer .mapbox ul li{
 color:#fff;
 float:left;
 line-height:2;
 list-style:none;
 width:100%;
}

footer .mapbox ul li a{
  color:#fff;
  font-size:0.9375em;
 }
 
footer .mapbox ul li.first{
 float:left;
 color:#b6a4d0;
 font-weight:bold;
 margin-bottom:5px;
 width:100%;
}
footer .mapbox ul li.first a{
 color:#b6a4d0;
 display:block;
}
footer .mapbox ul:nth-child(1){width:120px;float:left;margin-right:8px}
footer .mapbox ul:nth-child(2){width:125px;float:left;margin-right:8px}
footer .mapbox ul:nth-child(3){width:170px;float:left;margin-right:8px}
footer .mapbox ul:nth-child(4){width:125px;float:left;margin-right:8px}
footer .mapbox ul:nth-child(5){width:125px;float:left;margin-right:8px}
footer .mapbox ul:nth-child(6){width:125px;float:left;margin-right:8px}
footer .mapbox ul:nth-child(7){width:102px;float:left;margin-right:0}
footer .mapbox ul:nth-child(8){width:115px;float:left;}

footer .mapbox02{
 color:#fff;
 background: linear-gradient(#888, #aaa);
 padding:15px 0 10px 0;
 text-align:center;
}

footer .mapbox02 a:link, footer .mapbox02 a:visited{
 color:#fff;
 font-size:0.9375em;
 padding:0 12px;
}

.footerwrap{
 max-width:960px;
 margin:0 auto;
 padding:20px 5px 0 5px;
}

.mapbox03{
 background-color: #fff;
 width:100%;
}

.mapbox03box{
 display:inline-block;
 font-family: Verdana, Arial, "新細明體", "Microsoft JhengHei";
 font-size:0.8125em;
 line-height:1.3;
 margin-right:16px;
 vertical-align:top;
}

.mapbox03box .last{
 margin-right:0;
}

.mapbox03box span{
 color:#828282;
 padding-right:40px;
}

.mapbox03box span a:link, .mapbox03box span a:visited{
 color:#828282;
}

.mapbox03box span a:hover{
 color:#363636;
}

.mapbox03box:nth-child(3){
 margin:50px 0 0 0;
}

/* 內頁區 */
.pagewrap{
 max-width:960px;
 margin:0 auto;
 padding:30px 5px 0 5px ;
}

.pageinfo{
 font-size:0.875em;
 padding-bottom:15px;
 text-align:right;
}

/* 左邊選單區 */
.sidebox{
 display:inline-block; 
 width:220px;
}

.sidenav{
 background-image: url(../img/bground_fb.png);
 background-repeat: repeat-y;
 background-position:left top; 
 float:left;
 margin-top:0;
 padding:0 0 25px 0;
 width:190px;
}

.sidenav li{
 border-bottom:1px dotted #565656;
 float:left;
 font-weight:bold;
 list-style: none;
 padding:8px 0 6px 0;
 text-align:center;
 width:190px;
}

.sidenav li.title{
 background-image: url(../img/bground_sidebar.png);
 border-bottom:none;
 color:#fff;
 height:40px;
 letter-spacing: 1px;
 text-align:center;
}

.sidenav li a:link, .topnav li a:visited{
 color:#565656;
 display:block;
 }

.sidenav li a:hover {
 color:#4b3795;
}

.sidepic img{
  padding-top:20px ;
}

/* 主文區 */
.mainwrap{
 display:inline-block;
 line-height:1.4;
 vertical-align:top;
 width: -moz-calc(100% - 225px);
 width: -webkit-calc(100% -225px);
 width: calc(100% - 225px); 
}

.pagebanner img{
 max-width:100%;
 height:auto; 
}
 
.pagemsg{
 background-image: url(../img/bground_pagemsg.gif);
 background-repeat: no-repeat;
 background-position:0 3px;
 border-bottom:1px dotted #565656;
 font-weight:bold;
 letter-spacing: 1px;
 margin:15px 0;
 padding:0 0 5px 10px;
} 

.mainmsg{
 line-height:1.5;	 
 margin:15px 0 30px 0;
}
 
 .pagemsg02{
 background-color:#f6f6f6;
 border:1px solid #bbb;
 line-height:1.4;
 min-height:200px;
  padding:10px 10px;
 -webkit-box-shadow: 0 0 0 3px #ddd;
 -moz-box-shadow: 0 0 0 3px #ddd;
 box-shadow: 0 0 0 3px #ddd;
 }
 
.magtitle{
 color:#382C68;
 font-weight:bold;
 padding-top:12px;
}
 
.magtitle02{
 color:#382C68;
 padding:8px 0;
}

.magpdf{
 font-size:0.875em;
 text-align:right;
}

.magpdf img{
 vertical-align:middle;
}

.newsdate{
 padding-top:10px;
}

.newtitle{
 border-bottom:1px dotted #ccc;	 
 color:#382C68;
 font-weight:bold;
 font-size:1em;
 padding:2px 0;	 
}

.newtitle a:link, .newtitle a:visited{
 color:#382C68;
}
.newtitle02{
 border-bottom:1px dotted #ccc;
 color:#382C68;
 font-weight:bold;
 font-size:1em;
 padding:3px 0;	 
}

.newsmsg{

 padding:6px 0;

}

.backnews{
 font-size:0.875em;
 text-align:right;
}