@charset "utf-8";
/* CSS Document */

/* body */
body,td,th {
	font-family: "微軟正黑體", Arial;
	font-size: 12px;
	color: #FFF;
}
body {
	width: 100%;
	height:100%;
	margin: 0 auto;
	background:url(../../images/bg.gif) top left repeat;
}
a{	
	color:#FFF;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}
a:hover{
	color:#ffff00;
}
ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_line {
	/*float: left;*/
	width: 100%;
	height: 2px;
	background: url(../../images/line_top.png) top left repeat-x;
}
#line_00 {
	/*float: left;*/
	width: 100%;
	height: 2px;
	background: url(../../images/line_00.png) top left repeat-x;
}

/* top */
#btop {
	width: 100%;
	/*height: 251px;*/
	background: url(../img/bg_top.jpg) center left  no-repeat;
	text-align: center;
	background-attachment: scroll;
	background-size: cover;
}
#btop .bg {
	width: 100%;
	height: 100%;
	/*background: url(../img/bg_topa.jpg) top center no-repeat;*/
	/*display: inline-block;*/
}
#btop .center {
	width: 100%;
	margin:0 auto;
}
#btop .txt {
	width: 100%;
	top: 0px;
	left: 0px;
}
#btop .txt img{
	width:90%;
}
#btop .txt .slogon{
	width:60%;
}

/* bg01 */
#bg01 {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	position:relative;
	margin:0 auto;
}
#bg01_warp {
	width: 100%;
	text-align: center;
	position:relative;
}
#bg01 .title {
	width: 100%;
}
#bg01 .title img {
	width: 80%;
}

/* bg02 */
#bg02 {
	width: 96%;
	height:100%;
	position:relative;
	margin:0 auto;
	min-height:230px;
}
#bg02_warp {
	position:relative;
	width: 100%;
	height:100%;
	margin:0 auto;
}
.subpage_topic {
	
	border-bottom: solid 1px #4a4d55;
	padding-bottom: 11px;
	margin-top: 10px;
	width: 100%;
	margin:0 auto;
}
.subpage_title {
	width:96%;
	/*background: url(../../images/icon.png) center left no-repeat;
	line-height: 30px;*/
	font-size: 1.2em;
	color: #ffe095;
	white-space:nowrap;
	float:none;
	text-align:left;
	padding-left:0px;
	
}
.subpage_title img{
	width:48%;
}
.subpage_date {
	width:17%;
	font-size: 1.2em;
	color: #949aaf;
	white-space: nowrap;
	float:none;
}
.subpage_arrow {
	width: 18px;
	height: 18px;
	position: relative;
	float: right;
	right: 2px;
	bottom: 26px;
	background:url(../img/in_title_arrow.png) top center no-repeat;
}
.subpage_footer {
	width:100%;
	text-align:center;
	padding:5px 0;
}
/*.hoi.subpage_title {
	text-decoration: underline;
}
.on.subpage_title {
	background: url(../img/in_title_bg_on.png) top left no-repeat;
	color: #fff13a;
	text-decoration: none;
}
.on .subpage_arrow {
	background: url(../img/in_title_arrow_on.png) top center no-repeat;
}*/
.subpage_content {
	width:100%;
	text-align: left;
	font-size:0.8em;
	border-bottom: solid 1px #4a4d55;
	padding: 10px 0;
}

.subpage_content img{
	width:100%;
}

.qa_topic {
	border-bottom: solid 1px #4a4d55;
	padding-bottom: 11px;
	margin-top: 10px;
}
.qa_title {
	/*height: 30px;
	background: url(../img/in_title_bg.png) top left no-repeat;	
	background-color: rgba(4, 23, 46, 0.7);*/
	padding: 5px;
	line-height: 1.5em;
	font-size: 1em;
	color: #FFF;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	
}
.qa_arrow {
	width: 18px;
	height: 18px;
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	background:url(../../images/in_title_arrow.png) top center no-repeat;
}
.hoi.qa_title {
	text-decoration: underline;
}
.on.qa_title {
	/*background: url(../img/in_title_bg_on.png) top left no-repeat;*/
	background-color: rgba(44, 109, 151, 0.7);
	color: #fff13a;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.on .qa_arrow {
	background: url(../../images/in_title_arrow_on.png) top center no-repeat;
}
.qa_content {
	display: none;
	margin: 6px 0 0;
	padding-left: 0px;
	text-align: left;
}

/* btn */
.mbtn {
	width: 30%;
	/*max-width: 250px;*/
	vertical-align: top;/*Fix for different height elements*/
	margin:3px 0 3px 3px ;
	/*margin-bottom: 10px;*/
	display: inline-block;
}
.mbtn img{
	width:100%;
}

/* div */
#wrapper {
	width: 100%;
	max-width: 640px;
	min-height:100%;
	/*padding-bottom:90px;*/
	background: url(../img/bg_a.jpg) top center no-repeat;
	background-attachment: scroll;
	background-size: auto;*/
}
.bg_top {
	width: 100%;
	padding-bottom: 1em;
	/*background:url(../img/bg_top.png) center top repeat-x;*/
}
.bg_bottom {
	width: 100%;
	padding-bottom:1em;
}
.notices_btn{
	position:absolute;
	top:0.2em;
	right:0.2em;
}
.low{
	width: 100%;
	/*background: url(../img/bg_low.png) left bottom repeat-x;*/
	text-align:center;
	position:relative;
	height:90px;
	padding-bottom:10px;
	bottom:0;
}
.lowb{
	width: 100%;
	vertical-align: top;
	/*background: url(../../images/clogo.png) center bottom no-repeat;*/
	background-size: contain;
	-moz-background-size: cover;  /* Firefox 3.6 */
	display: inline-block;
}
.lowb .horse{
	float:left;
}
.lowb .clogo{
	float:right;
}
.lowb .logo{
	padding-top:0.8em;
	display:block;
}
.lowb .copyright{
	display:block;
	color:#fff;
	font-size:0.8em;
	bottom:0;
}
.gotop {
	max-width: 50px;
	position: fixed;
	bottom: 8px;
	right: 10px;
	z-index: 9999;
}
.gotop img {
	margin: 2px;
}

/* top */
#bg_top {
	position: relative;
	float: left;
	width: 100%;
	background: url(../img/bg_top.jpg) center top no-repeat;
	background-attachment: scroll;
	/*background-size: auto;*/
}
#bg_top_a {
	width: 100%;
	max-width: 100%;
	padding-top: 0.3em;
	/*background: url(../img/bg_topa.png) top center no-repeat;*/
	display: inline-block;
}
.bg_top_a_img{
	width: 100%;
}
#bg_top_btn {
	padding: 0.313em 0 1.250em;
}



/* Shrink */
.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
/* placeholder */
::-webkit-input-placeholder	{
	color: #000;
}
input:-moz-placeholder {
	color: #000;
}
input:-ms-placeholder {
	color: #000;
}
::-ms-input-placeholder	{
	color: #000;
}
:-ms-input-placeholder {
	color: #000;
}
.clearfix{
	clear:both;
}

.img_full_size{
	width:100%;
}#wrapper #bg02_warp #bg02 .subpage_content p .style2 {
	color: #FF3535;
}