@charset "utf-8";



/* ----------------------------------------------------------------------import url */

@import url("header.css");

@import url("mp.css");

@import url("np.css");

@import url("qp.css");

@import url("form.css");

@import url("lp.css");

@import url("cp.css");

@import url("bbs.css");

@import url("footer.css");

@import url("sitemap.css");

@import url("menu.css");



/* ----------------------------------------------------------------------General settings */

body {

	margin: 0px;

	padding: 0px;

	background-color: #D9ECFF;

}

img {

	border-width: 0px;

	border-style: none;

}

.hidden {

	display: none;

	visibility: hidden;

}

.wrap {

	width: 930px;

	padding: 0px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-color: #509fbf;

	background-image:url(../images/header_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

.layout {

	margin: 0px;

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

	background-color: #FFF;

}

.layout tr {

	vertical-align: top;

}

.layout .leftbg {

	display: none;

}

.layout .leftbg .side {

	margin: 0px;

	padding: 0px;

	width: 190px;

}

.layout .center {

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	margin: 0px;

}

/*

.layout .rightbg {

	margin: 0px;

	padding: 0px;

	width: 200px;

	text-align: right;

}

.layout .rightbg .side {

	margin: 0px;

	padding: 0px;

	width: 190px;

}

*/

.np, .qp, .form, .sitemap, .lp, .cp, .cpphoto {

	padding-right: 10px;

	padding-bottom: 30px;

	padding-left: 10px;

}

/* ----------------------------------------------------------------------FONTS */

h2 {

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin: 0px;

	font-size: 15px;

	font-weight: bold;

	color: #2C4650;

}

h2 img {

	vertical-align: middle;

}



h3 {

	font-size: 15px;

	font-family: "新細明體", "細明體", Arial, "Times New Roman";

	font-weight: bold;

	text-decoration: none;

	color: #0F87FF;

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 0px;

	background-image: url(../images/icon_02.gif);

	background-repeat: no-repeat;

	background-position: left 2px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 11px;

}

h3 a {

	font-size: 13px;

	margin: 0px;

	padding: 0px;

	color: #056B8D;

	text-decoration: none;

	font-weight: bold;

}

.title_h2{

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 40px;

	margin: 0px;

	font-size: 18px;

	font-weight: bold;

	color: #000066;

	line-height: 30px;

	background-image: url(../images/icon_16.gif);



}

h3 a {

	font-size: 13px;

	margin: 0px;

	padding: 0px;

	color: #056B8D;

	text-decoration: none;

	font-weight: bold;

}

h4{

	font-size: 96%;

	font-family: "新細明體", "細明體", Arial, "Times New Roman";

	font-weight: bold;

	color: #CB7C2E;

	text-decoration: none;

	margin-top: 15px;

	margin-right: 5px;

	margin-bottom: 15px;

	margin-left: 0px;

	background-repeat: no-repeat;

	background-position: left 2px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 11px;

}

h5{

	font-size: 85%;

	font-family: "新細明體", "細明體", Arial, "Times New Roman";

	color: #008080;

	text-decoration: none;

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 0px;

	background-repeat: no-repeat;

	background-position: left 2px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 11px;

}

a {

	font-size:13px;

	text-decoration: none;

	font-family: "新細明體", "細明體", Arial, "Times New Roman";

	font-weight: normal;

	margin: 0px;

	color: #333;

	text-decoration: none;

	vertical-align: text-bottom;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 0px;

}

a:hover {

	color: #06C;

	text-decoration: underline;

}

p {

	font-size: 13px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	text-align: justify;

	line-height: 18px;

	color: #666;

	margin-right: 10px;

}

p a {

	color: #06C;

}

.date, .update {

	font-size: 12px;

	color: #CB7C2E;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;

	vertical-align: text-bottom;

	margin-left: 3px;

}

.update {

	padding-left: 11px;

	padding-bottom: 10px;

	margin-bottom: 3px;

}

.source {

	font-size: 12px;

	color: #366;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	vertical-align: text-bottom;

}

.detail {

	vertical-align: middle;

	font-weight: bold;

	color: #000;

}

.detail a {

	vertical-align: middle;

	padding-right: 3px;

	padding-left: 3px;

	color: #06C;

	font-size: 12px;

}

li {

	font-size: 13px;

}



/* ----------------------------------------------------------------------more */

.more {

	float: right;

	padding: 0px;

	margin-top: -23px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 0px;

	background-image: none;

}

.more a {

	margin: 0px;

	font-size: 12px;

	color: #999;

	vertical-align: middle;

	background-image: url(../images/more_icon.gif);

	background-repeat: no-repeat;

	background-position: right 0px;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.more a:hover {

	color: #000;

}



/* ----------------------------------------------------------------------Path */

.center .path {

	font-size: 13px;

	background-image: url(../images/icon_home.gif);

	background-repeat: no-repeat;

	background-position: left 0px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 24px;

	line-height: 110%;

}

.center .path span {

}

.center .path a {

	padding-left: 3px;

}

.center .path a:hover {

}



/* ----------------------------------------------------------------------function */

.center .function {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-align: right;

	padding: 0px;

}

.center .function ul {

	width: 100%;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

}

.center .function ul li {

	display: inline;

}

.center .function ul li a {

	display: inline;

	font-size: 13px;

	font-weight: normal;

	text-decoration: none;

	text-align: right;

	border: 1px solid #CCC;

	background-repeat: no-repeat;

	background-position: 4px 3px;

	padding-top: 4px;

	padding-top: 7px \9;

	*padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 3px;

	padding-bottom: 5px \9;

	*padding-bottom: 3px;

	padding-left: 25px;

	margin: 0px;

}

.center .function li a:hover{

	background-color: #CCC;

	color: #000;

	text-decoration: none;

	border-top-color: #666;

	border-right-color: #666;

	border-bottom-color: #666;

	border-left-color: #666;

}

.center .function ul li .forward {

	background-image: url(../images/icon_11.gif);

}

.center .function ul li .print {

	background-image: url(../images/icon_13.gif);

}

.center .function ul li .Interpretation {

	background-image: url(../images/icon_12.gif);

}

.center .function ul li .back {

	background-image: url(../images/icon_14.gif);

}



/* ----------------------------------------------------------------------quickLink */

.center .quickLink {

	margin-top: 40px;

	margin-right: -11px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-align: right;

	padding: 0px;

}

.center .quickLink ul {

	width: 100%;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

}

.center .quickLink ul li {

	display: inline;

}

.center .quickLink ul li a {

	display: inline;

	font-size: 13px;

	font-weight: normal;

	text-decoration: none;

	text-align: right;

	border: 1px solid #CCC;

	background-repeat: no-repeat;

	background-position: 4px 3px;

	padding-top: 4px;

	padding-top: 7px \9;

	*padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 3px;

	padding-bottom: 5px \9;

	*padding-bottom: 3px;

	padding-left: 25px;

	margin: 0px;

}

.center .quickLink ul li a:hover {

	background-color: #CCC;

	color: #000;

	text-decoration: none;

	border-top-color: #666;

	border-right-color: #666;

	border-bottom-color: #666;

	border-left-color: #666;

}

.center .quickLink ul li .gotop {

	background-image: url(../images/icon_15.gif);

}

.center .quickLink ul li a.back {

	background-image: url(../images/icon_14.gif);

}


