/* Links */
a,
a:focus,
a:hover {
  color: #fff;
  text-decoration: none;
}



/*
 * Base structure
 */

body {
	color: #fff;
	font-family: 微軟正黑體, Microsoft JhengHei, SimSun, Arial, Helvetica, sans-serif;
	background-image:url(../images/channel_bg.jpg);
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-repeat:no-repeat;	
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

.img01{ width: 28px; height: 28px; margin-top: -5px !important;}
.img02{ width: 65px; height: 28px; margin-top: -5px !important; margin-right: -15px !important; display:inline-block;   }
.mr_1{ margin-right:10px !important;}
.mt_1{ margin-top: -30px;}
	
.titlebanner0{
	background-image: url(../images/channel_banner.png);
	background-repeat: no-repeat;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-repeat:no-repeat;
  height: 150px;
  }	

.paper{
	background-image: url(../images/bedge_grunge.png);
	background-repeat: no-repeat;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
	}


.btn_01{
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #9a4ec9;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #824ba2 5%, #451863 100% );
	background:-ms-linear-gradient( top, #824ba2 5%, #451863 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#824ba2', endColorstr='#451863');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #824ba2), color-stop(100%, #451863) );
	background-color:#824ba2;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #8c48c4;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #b276e3;
 	-moz-box-shadow:inset 1px 1px 0px 0px #b276e3;
 	box-shadow:inset 1px 1px 0px 0px #b276e3;
}.btn_01:hover {
	background:-moz-linear-gradient( center top, #451863 5%, #824ba2 100% );
	background:-ms-linear-gradient( top, #451863 5%, #824ba2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#451863', endColorstr='#824ba2');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #451863), color-stop(100%, #824ba2) );
	background-color:#451863;
}.btn_01:active {
	position:relative;
}


.pro_01{ background-image: url(../images/pro_01.png); width: 300px; height: 180px; background-repeat: no-repeat; display:block; text-indent: -9999999px; margin: 0 auto;}
.pro_01:hover { background-image: url(../images/pro_01_hover.png);}
.pro_01:active { position:relative; }

.pro_02{ background-image: url(../images/pro_02.png); width: 300px; height: 180px; background-repeat: no-repeat; display:block; text-indent: -9999999px; margin: 0 auto;}
.pro_02:hover { background-image: url(../images/pro_02_hover.png);}
.pro_02:active { position:relative; }

.pro_03{ background-image: url(../images/pro_03.png); width: 300px; height: 180px; background-repeat: no-repeat; display:block; text-indent: -9999999px; margin: 0 auto;}
.pro_03:hover { background-image: url(../images/pro_03_hover.png);}
.pro_03:active { position:relative; }

.pro_04{ background-image: url(../images/pro_04.png); width: 300px; height: 180px; background-repeat: no-repeat; display:block; text-indent: -9999999px; margin: 0 auto;}
.pro_04:hover { background-image: url(../images/pro_04_hover.png);}
.pro_04:active { position:relative; }

/* text */
.mt{ margin-top: -5px;}
.font1{	font-family: Georgia, "Times New Roman", Times, serif; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.clear { clear: both;}
.tag1{ background-color:#666; color:#fff; padding: 3px 5px; font-size:11px;}
.w1{ color:#fff; font-size:16px; margin: 0px 6px 0px 0px; white-space:nowrap;}
.purple1{ background-color:#824ba2; color:#fff; padding: 2px 5px; margin: 0px 0px 5px 0px; }
.purple2{ color:#6a2492; font-weight:bold; }
.purple3{ color:#ecccff; }
.purple_bg{ background-color:#562674; color:#fff; padding: 5px 12px;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: inline-block; }
.purple{ padding: 5px; border-bottom: #1d165b 1px solid;  }
.copyright{ font-size:10px; text-align:center; margin-top: 300px;}
.mh_1{ min-height: 61px;}



.t_link {color:#faceff; font-size: 15px; margin-left: 120px;}
.keywords { color: #fff;  font-size: 15px; }
.keywords a { color: #fff; font-size: 15px; margin: 0px 5px;}
.keywords a:visited {color: #fff; font-size: 15px; }
.keywords a:hover, .keywords a:active, .keywords a:focus {color: #fce4ff; font-size: 15px; }

/* table */
table#a1 { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; }
table#a1 th, table#a1 td { padding: 5px 0px;border-bottom: 1px dotted #2b1f88; vertical-align:top;}