/*  ================================================================================
 * 2015 Gamania Digital Entertainment Co., Ltd. All Rights Reserved.
================================================================================  */
@charset "utf-8";
/* CSS Document */
ul, il{
	list-style-image: none;
	list-style-type: none;}	

html {	overflow-x: hidden;}
*, body, html {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: "微軟正黑體";
	font-size: 16px;
}
a {
 text-decoration: none;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

a:visited {
	background: none;
	font-weight: normal;
	}
.ie6 img {	width:100%;}
img{height: auto;width: 100%;}	
img{ border:0px; margin:0px; padding:0px;}
/*---------------------------------------------*/
body{
	background-image: url(../img/sb_page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-color: #f8f4d1;
}
.container{
	width: 100%;
	max-width: 960px;
	overflow: hidden;	
	}
.page-header{
	width: 100%;
	padding: 0px;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
	clear: both;
}

.page-header h1 a{
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 190px;
	width: 224px;
	max-height: 190px;
	max-width: 224px;
}
.page-header h1 a:hover{
	padding-top: 1px;
}
/*------------------------*/
.btnBox{display: block;}
.btnBox2, .btnBox3{display:none;}
.btnBox,
.btnBox2,
.btnBox3{
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.btnBox ul,
.btnBox2 ul,
.btnBox3 ul{
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
}
.btnBox li,
.btnBox2 li,
.btnBox3 li{
	overflow: hidden;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	max-height: 94px;
	max-width: 215px;
	margin-left: 10px;
}
.btnBox li.a1 a,
.btnBox li.a2 a,
.btnBox li.a3 a,
.btnBox li.a4 a,
.btnBox2 li.a1 a,
.btnBox2 li.a2 a,
.btnBox2 li.a3 a,
.btnBox2 li.a4 a,
.btnBox3 li.a1 a,
.btnBox3 li.a2 a,
.btnBox3 li.a3 a,
.btnBox3 li.a4 a{
	margin-top: 0px;
	display: block;
	float: left;
	width: 100%;
	height:94px;
}
.btnBox li.a1 a:hover,
.btnBox li.a2 a:hover,
.btnBox li.a3 a:hover,
.btnBox li.a4 a:hover,
.btnBox2 li.a1 a:hover,
.btnBox2 li.a2 a:hover,
.btnBox2 li.a3 a:hover,
.btnBox2 li.a4 a:hover,
.btnBox3 li.a1 a:hover,
.btnBox3 li.a2 a:hover,
.btnBox3 li.a3 a:hover,
.btnBox3 li.a4 a:hover{
	margin-top: 1px;
	display: block;
	float: left;
	width: 100%;
	height:94px;
}
/*-----------------------------------------------*/
.page_main{
	width: 100%;
}
.nav{ margin-bottom: -6px;}
.news{
	width: 100%;
	max-width: 960px;
	display: block;
	padding: 0px;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: hidden;
}
.news .tit{
	max-height: 55px;
	max-width: 190px;
	clear: both;
	display: block;
	margin-bottom: 10px;
}
.news .nav-tabs {
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	float: left;
}

/*complex*/
.news .nav-tabs > li.complex {
	float: left;
	height: 53px;
	width: 152px;
	overflow: hidden;
	margin-left: 0px;
}	

.news .nav-tabs > li.complex > a {
	height: 52px;
	width: 152px;
	background-image: url(../img/tabs_ul_off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 70;
}
.news .nav-tabs > li.complex > a:hover,
.news .nav-tabs > li.complex.active > a,
.news .nav-tabs > li.complex.active > a:hover,
.news .nav-tabs > li.complex.active > a:focus {
	height: 52px;
	width: 152px;
	background-image: url(../img/tabs_ul_s.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*event*/
.news .nav-tabs > li.event {
	float: left;
	height: 52px;
	width: 153px;
	overflow: hidden;
	margin-left: -10px;
}
.news .nav-tabs > li.event > a {
	height: 52px;
	width: 153px;
	background-image: url(../img/tabs_ul_2off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 69;
}
.news .nav-tabs > li.event > a:hover,
.news .nav-tabs > li.event.active > a,
.news .nav-tabs > li.event.active > a:hover,
.news .nav-tabs > li.event.active > a:focus{
	background-image: url(../img/tabs_ul_s2.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*system*/
.news .nav-tabs > li.system {
	float: left;
	height: 52px;
	width: 153px;
	overflow: hidden;
	margin-left: -10px;

}
.news .nav-tabs > li.system > a {
	height: 52px;
	width: 153px;
	background-image: url(../img/tabs_ul_3off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 67;
}
.news .nav-tabs > li.system > a:hover,
.news .nav-tabs > li.system.active > a,
.news .nav-tabs > li.system.active > a:hover,
.news .nav-tabs > li.system.active > a:focus {
	background-image: url(../img/tabs_ul_s3.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*service*/
.news .nav-tabs > li.service {
	float: left;
	height: 52px;
	width: 153px;
	overflow: hidden;
	margin-left: -10px;

}
.news .nav-tabs > li.service > a {
	height: 52px;
	width: 153px;
	background-image: url(../img/tabs_ul_4off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 66;
}
.news .nav-tabs > li.service > a:hover,
.news .nav-tabs > li.service.active > a,
.news .nav-tabs > li.service.active > a:hover,
.news .nav-tabs > li.service.active > a:focus {
	background-image: url(../img/tabs_ul_s4.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*-----------------*/
#myTabContent{
	margin-top: 0px;
	max-width: 960px;
	width: 100%;
	background-image: url(../img/tabs_02.png);
	background-repeat: repeat-y;
	background-position: 0px bottom;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
}
.tab-container{
	font-size: 1em;
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	display: block;
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tab-content{
	display: block;
	clear: both;
	width: 90%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-color: #634219;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tab-content dl{	margin: 0px;}
.tab-content a:hover{
	color: #FFF;
	display: block;
	background-color: #7a6140;
	border: 1px solid #fef9d4;
	overflow: hidden;
	text-decoration: none;
}
.tab-content dl a{
	color: #FFF;
	display: block;
	clear: both;
	width: 100%;
	height: 52px;
	max-height: 52px;
	padding: 5px;
	margin: 0px;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
.tab-content dl:nth-child(odd){
	background-color: #321b04;
	border: 1px solid #543e24;
}
.tab-content dl:nth-child(even){
	background-color: #412910;
	border: 1px solid #412910;
	}
.tab-content dt{
	display: block;
	overflow: hidden;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 42px;
	font-size: 0.8em;	
}
.tab-content dd {
	font-weight: bold;
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	line-height: 42px;
}
.tab-content dd.txt {
	line-height: 42px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 65%;
}
/*page number-------------------------------*/
.pagination select {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	line-height: 43px;
	height: 43px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #8c6940;
	color: #8c6940;
}
.pagination select { min-width: 75px;}
.pagination{
	background-image: url(../img/tabs_03.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	display: block;
	width: 100%;
	height: 115px;
	max-width: 960px;
	max-height: 115px;
	clear: both;
	margin: 0px;
	overflow: hidden;
}
.pagination-table{
	width: 60%;
	height: 50px;
	line-height:28px;
	display: block;
	margin: 20px auto; 
}
.pagination-table a.next,
.pagination-table a.prev{
	background-repeat: no-repeat;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
}
.pagination-table a.next{
	background-image: url(../img/next.png);
	background-position: right bottom;
}
.pagination-table a.prev{
	background-image: url(../img/prev.png);
	background-position: left bottom;
}

.pagination-table,
.pagination-text,
.pagination-numbers {	display: block; text-align: center; }
/*.pagination-numbers{ overflow: hidden;}*/
.pagination-numbers a {
	max-height:43px;
	text-decoration: none;
	color: #fef9d4;
	font-size: 1em;
	display: inline;
	position: relative;
	width: auto;
	height: auto;
	background: transparent;
	outline: none;
	border: 0px;
	cursor: pointer;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}
.pagination-numbers a:hover,
.pagination-numbers a:active,
.pagination-numbers a.act {
	background-color: transparent;
	color: #FF0;
}
/*-------------page----*/
.txtContent{
	margin-top: 0px;
	max-width: 960px;
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.txtmain{
	max-width: 960px;
	width: 100%;
	background-image: url(../img/txt_bg_03.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	margin: 0px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	clear: both;
	padding-top: 0px;
	overflow: hidden;

}
.txtfooter{
	background-image: url(../img/txt_bg_04.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	height: 130px;
}
.txtmain h2{
	display: block;
	text-align: center;
	clear: both;
	width: 100%;
	background-color: #ba643f;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.txtmain img{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.Nevin{
	font-size: 1em;
	color: #4e310f;
	text-decoration: none;
	line-height: 28px;
	clear: both;
	width: 95%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}
.Nevin b{
	font-size: 1.2em;
	font-weight: bolder;
}
.Nevin img{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 640px;
	height: auto;
}
.red{
	font-size: 1.3em;
	color: #CC0000;
	font-weight: bolder;
	text-decoration: none;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
a.backTo{
	display: block;
	height: 50px;
	width: 151px;
	max-height: 50px;
	max-width: 151px;
	overflow: hidden;
	float: right;
	margin-right: 20px;
	margin-top: 0px;
}
a.backTo:hover{
	margin-top: 1px;
}
/*-----------------------------------------------*/
iframe{
	width: 608px;
	display: block;
	float: left;
	height: 415px;
	overflow: hidden;
}
.iframe{
	background-color: transparent;
	background-image: none;
}

.mini_news{
	width: 100%;
	max-width: 608px;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*----------------------------------------*/
.mini_news .nav-tabs {
	margin-top: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*complex*/
.mini_news .nav-tabs > li.complex {
	float: left;
	height: 53px;
	width: 152px;
	overflow: hidden;
	margin-left: 0px;
}	

.mini_news .nav-tabs > li.complex > a {
	height: 52px;
	width: 152px;
	background-image: url(../img/tabs_ul_soff.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 70;
}
.mini_news .nav-tabs > li.complex > a:hover,
.mini_news .nav-tabs > li.complex.active > a,
.mini_news .nav-tabs > li.complex.active > a:hover,
.mini_news .nav-tabs > li.complex.active > a:focus {
	height: 52px;
	width: 152px;
	background-image: url(../img/tabs_ul_s.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*event*/
.mini_news .nav-tabs > li.event {
	float: left;
	height: 52px;
	width: 153px;
	overflow: hidden;
	margin-left: -10px;
}
.mini_news .nav-tabs > li.event > a {
	height: 52px;
	width: 153px;
	background-image: url(../img/tabs_ul_s2off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 69;
}
.mini_news .nav-tabs > li.event > a:hover,
.mini_news .nav-tabs > li.event.active > a,
.mini_news .nav-tabs > li.event.active > a:hover,
.mini_news .nav-tabs > li.event.active > a:focus{
	background-image: url(../img/tabs_ul_s2.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*system*/
.mini_news .nav-tabs > li.system {
	float: left;
	height: 52px;
	width: 153px;
	overflow: hidden;
	margin-left: -10px;

}
.mini_news .nav-tabs > li.system > a {
	height: 52px;
	width: 153px;
	background-image: url(../img/tabs_ul_s3off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 67;
}
.mini_news .nav-tabs > li.system > a:hover,
.mini_news .nav-tabs > li.system.active > a,
.mini_news .nav-tabs > li.system.active > a:hover,
.mini_news .nav-tabs > li.system.active > a:focus {
	background-image: url(../img/tabs_ul_s3.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*service*/
.mini_news .nav-tabs > li.service {
	float: left;
	height: 52px;
	width: 153px;
	overflow: hidden;
	margin-left: -10px;

}
.mini_news .nav-tabs > li.service > a {
	height: 52px;
	width: 153px;
	background-image: url(../img/tabs_ul_s4off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	z-index: 66;
}
.mini_news .nav-tabs > li.service > a:hover,
.mini_news .nav-tabs > li.service.active > a,
.mini_news .nav-tabs > li.service.active > a:hover,
.mini_news .nav-tabs > li.service.active > a:focus {
	background-image: url(../img/tabs_ul_s4.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	color: none;
    border: none;
	background-color: transparent;
	overflow: hidden;
	position: absolute;
	z-index:99;
}

/*-----------------*/
.tab-container2{
	font-size: 1em;
	text-decoration: none;
	color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	display: block;
	clear: both;
	max-width:608px;
	height:369px;
	max-height:369px;
	width: 100%;
	float: left;
	background-image: url(../img/iframe_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin-top: -10px;
	margin-left: 0px;
	position: absolute;
	z-index: 98;
}
.tab-content2{
	display: block;
	clear: both;
	width: 90%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-color: #634219;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tab-content2 dl{	margin: 0px;}
.tab-content2 a:hover{
	color: #FFF;
	display: block;
	background-color: #7a6140;
	border: 1px solid #fef9d4;
	overflow: hidden;
	text-decoration: none;
}
.tab-content2 dl a{
	color: #FFF;
	display: block;
	clear: both;
	width: 100%;
	height: 52px;
	max-height: 52px;
	padding: 5px;
	margin: 0px;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
.tab-content2 dl:nth-child(odd){
	background-color: #321b04;
	border: 1px solid #543e24;
}
.tab-content2 dl:nth-child(even){
	background-color: #412910;
	border: 1px solid #412910;
	}
.tab-content2 dt{
	display: block;
	overflow: hidden;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 42px;
	font-size: 0.8em;	
}
.tab-content2 dd {
	font-weight: bold;
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	line-height: 42px;
}
.tab-content2 dd.txt {
	line-height: 42px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 65%;
}
.more a{
	height: 27px;
	width: 96px;
	display: block;
	position: absolute;
	overflow: hidden;
	z-index: 999;
	margin-top: 290px;
	margin-left: 450px;
	background-image: url(../img/more.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
}
.more a:hover{	background-position: 0px 1px;}
/*----------------------------------------
------------------------------------footer*/
footer {
	clear: both;
	display: block;
	width: 100%;
	background-color: #fff;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
  padding-top: 20px;
  padding-bottom: 0px;
}
.fmain{
	max-width: 960px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	clear: both;
}
.ghg{
	height: 61px;
	width: 221px;
	max-height: 61px;
	max-width: 221px;
}
.Lv6{height: 35px;
	width: 35px;
	max-height: 35px;
	max-width: 35px;}
.cp{	
height: 33px;
width: 339px;
max-height: 33px;
	max-width: 339px;}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
@media (min-width: 736px) and (max-width: 800px) {	
.btnBox ul{
	width: 100%;
	margin-left: 20px;
}
.btnBox li{
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.btnBox li.a1,
.btnBox li.a2,
.btnBox li.a3,
.btnBox li.a4{
	width: 170px;
}
}
@media (max-width:800px) {.news{margin-top: 0px;}}
@media (max-width:768px) { 
.news{	margin-top: 0px;}
.nav{ margin-bottom: -8px;}
}

@media (max-width:736px) { 
.news{	margin-top: 10px;}}
@media (max-width: 667px) {
.nav{ margin-bottom: -8px;}
.txtfooter{height: 100px;}
.btnBox ul{
	width: 100%;
	margin-left: 20px;
}
.btnBox li{
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.btnBox li.a1,
.btnBox li.a2,
.btnBox li.a3,
.btnBox li.a4{
	width: 150px;
}
.news{	margin-top: 10px;}
.txtmain{
	padding-right: 30px;
	padding-left: 30px;
}
.txtmain h2{
	font-size: 1.5em;
}
}

@media (max-width: 640px) {
footer {margin-top: 0px;
  padding-top: 0px;
}
.page-header,
.btnBox{display:none;}
.btnBox2{
	display: block;
/*	margin-top: 300px;*/
}
.btnBox3{
	display: block;
	margin-top: 20px;
}
.btnBox2 ul,
.btnBox3 ul{
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.btnBox2 li,
.btnBox3 li{
	overflow: hidden;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	max-height: 94px;
	max-width: 215px;
	margin-left: 10px;
}

.btnBox2 > li.a1 a,
.btnBox2 > li.a2 a,
.btnBox2 > li.a3 a,
.btnBox2 > li.a4 a{
	display: block;
	float: left;
	width: 100%;
	height:94px;
}
.news{	margin-top: -10px;}
img.tit {width: 30%;}
.txtfooter{height: 100px;}
}
@media (max-width: 600px) {
ul#myTab{margin-bottom: -8px;}
ul#myTab li{width: 30%;}
ul#myTab li.event {margin-left: -40px;}
ul#myTab li.system {margin-left: -40px;}
ul#myTab li.service {margin-left: -40px;}
.more a{margin-left: 400px;	margin-top: 300px;}
}
@media (max-width: 568px) {
.txtmain{margin-top: -1px;}
.tab-content dd.txt,
.tab-content2 dd.txt {
	line-height: 42px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 60%;
}
.news{	margin-top: -40px;}
.ghg{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
}
.Lv6{
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cp{		display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
}


@media (max-width: 480px) {
.tab-content2 dd.txt {
	line-height: 42px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 50%;
}
.more a{margin-left: 300px;	margin-top: 300px;}
.news{	margin-top: -70px;}

.news .nav-tabs > li.complex > a,
.mini_news .nav-tabs > li.complex > a{
	background-image: url(../img/tabs_320_01.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;
}

.news .nav-tabs > li.complex > a:hover,
.news .nav-tabs > li.complex.active > a,
.news .nav-tabs > li.complex.active > a:hover,
.news .nav-tabs > li.complex.active > a:focus,
.mini_news .nav-tabs > li.complex a:hover,
.mini_news .nav-tabs > li.complex.active a,
.mini_news .nav-tabs > li.complex.active a:hover,
.mini_news .nav-tabs > li.complex.active a:focus {
	background-image: url(../img/tabs_320_on_01.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}
/*event*/
.news .nav-tabs > li.event > a,
.mini_news .nav-tabs > li.event a{
	background-image: url(../img/tabs_320_02.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}

.news .nav-tabs > li.event > a:hover,
.news .nav-tabs > li.event.active > a,
.news .nav-tabs > li.event.active > a:hover,
.news .nav-tabs > li.event.active > a:focus,
.mini_news .nav-tabs > li.event a:hover,
.mini_news .nav-tabs > li.event.active a,
.mini_news .nav-tabs > li.event.active a:hover,
.mini_news .nav-tabs > li.event.active a:focus{
	background-image: url(../img/tabs_320_on_02.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}

/*system*/
.news .nav-tabs > li.system > a,
.mini_news .nav-tabs > li.system a{
	background-image: url(../img/tabs_320_03.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}

.news .nav-tabs > li.system > a:hover,
.news .nav-tabs > li.system.active > a,
.news .nav-tabs > li.system.active > a:hover,
.news .nav-tabs > li.system.active > a:focus,
.mini_news .nav-tabs > li.system a:hover,
.mini_news .nav-tabs > li.system.active a,
.mini_news .nav-tabs > li.system.active a:hover,
.mini_news .nav-tabs > li.system.active a:focus{
	background-image: url(../img/tabs_320_on_03.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}

/*service*/
.news .nav-tabs > li.service > a ,
.mini_news .nav-tabs > li.service a{
	background-image: url(../img/tabs_320_04.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}

.news .nav-tabs > li.service > a:hover,
.news .nav-tabs > li.service.active > a,
.news .nav-tabs > li.service.active > a:hover,
.news .nav-tabs > li.service.active > a:focus,
.mini_news .nav-tabs > li.service a:hover,
.mini_news .nav-tabs > li.service.active a,
.mini_news .nav-tabs > li.service.active a:hover,
.mini_news .nav-tabs > li.service.active a:focus {
	background-image: url(../img/tabs_320_on_04.png);
	background-size: 60% auto;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	-o-background-size: 60% auto;
	-ms-background-size: 60% auto;}

/*pagination*/
.pagination{
	height: 80px;
	margin-top: 0px;
	padding-bottom: 10px;
}
.pagination-table{width: 100%;}
.pagination-numbers{
	margin-top: 0px;
	padding: 0px;
	}
.pagination-numbers a {
	height: 23px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1em;
	line-height: 23px;
	padding-top: 10px;
}
.txtmain{margin-top: -2px;}
a.backTo{width: 30%; height:auto;}
.txtfooter{height: 80px;}
}

@media (max-width: 414px) {
.news{	margin-top: -90px;}
ul#myTab,.mini_news ul#myTab{margin-bottom: -10px;}
ul#myTab li.event{margin-left: -35px;}
ul#myTab li.system{margin-left: -40px;}
ul#myTab li.service{margin-left: -40px;}

.mini_news ul#myTab li.event{margin-left: -48px;}
.mini_news ul#myTab li.system{margin-left: -45px;}
.mini_news ul#myTab li.service{margin-left: -45px;}

/*news*/
.news .nav-tabs > li.complex > a,
.news .nav-tabs > li.complex > a:hover,
.news .nav-tabs > li.complex.active > a,
.news .nav-tabs > li.complex.active > a:hover,
.news .nav-tabs > li.complex.active > a:focus,
.news .nav-tabs > li.event > a,
.news .nav-tabs > li.event > a:hover,
.news .nav-tabs > li.event.active > a,
.news .nav-tabs > li.event.active > a:hover,
.news .nav-tabs > li.event.active > a:focus,
.news .nav-tabs > li.system > a,
.news .nav-tabs > li.system > a:hover,
.news .nav-tabs > li.system.active > a,
.news .nav-tabs > li.system.active > a:hover,
.news .nav-tabs > li.system.active > a:focus,
.news .nav-tabs > li.service > a,
.news .nav-tabs > li.service > a:hover,
.news .nav-tabs > li.service.active > a,
.news .nav-tabs > li.service.active > a:hover,
.news .nav-tabs > li.service.active > a:focus{
	width: 90px;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;}

/*mini_news*/
.mini_news .nav-tabs > li.complex > a,
.mini_news .nav-tabs > li.event a,
.mini_news .nav-tabs > li.system a,
.mini_news .nav-tabs > li.service a,
.mini_news .nav-tabs > li.complex a:hover,
.mini_news .nav-tabs > li.complex.active a,
.mini_news .nav-tabs > li.complex.active a:hover,
.mini_news .nav-tabs > li.complex.active a:focus,
.mini_news .nav-tabs > li.event a:hover,
.mini_news .nav-tabs > li.event.active a,
.mini_news .nav-tabs > li.event.active a:hover,
.mini_news .nav-tabs > li.event.active a:focus,
.mini_news .nav-tabs > li.system a:hover,
.mini_news .nav-tabs > li.system.active a,
.mini_news .nav-tabs > li.system.active a:hover,
.mini_news .nav-tabs > li.system.active a:focus,
.mini_news .nav-tabs > li.service a:hover,
.mini_news .nav-tabs > li.service.active a,
.mini_news .nav-tabs > li.service.active a:hover,
.mini_news .nav-tabs > li.service.active a:focus {
	width: 85px;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
}

/*complex*/
.news .nav-tabs > li.complex > a,
.mini_news .nav-tabs > li.complex > a{background-image: url(../img/tabs_320_01.png);}

.news .nav-tabs > li.complex > a:hover,
.news .nav-tabs > li.complex.active > a,
.news .nav-tabs > li.complex.active > a:hover,
.news .nav-tabs > li.complex.active > a:focus,
.mini_news .nav-tabs > li.complex a:hover,
.mini_news .nav-tabs > li.complex.active a,
.mini_news .nav-tabs > li.complex.active a:hover,
.mini_news .nav-tabs > li.complex.active a:focus{background-image: url(../img/tabs_320_on_01.png);}

/*event*/
.news .nav-tabs > li.event > a,
.mini_news .nav-tabs > li.event a{ background-image: url(../img/tabs_320_02.png);}

.news .nav-tabs > li.event > a:hover,
.news .nav-tabs > li.event.active > a,
.news .nav-tabs > li.event.active > a:hover,
.news .nav-tabs > li.event.active > a:focus,
.mini_news .nav-tabs > li.event a:hover,
.mini_news .nav-tabs > li.event.active a,
.mini_news .nav-tabs > li.event.active a:hover,
.mini_news .nav-tabs > li.event.active a:focus{background-image: url(../img/tabs_320_on_02.png);}

/*system*/
.news .nav-tabs > li.system > a,
.mini_news .nav-tabs > li.system a{background-image: url(../img/tabs_320_03.png);}

.news .nav-tabs > li.system > a:hover,
.news .nav-tabs > li.system.active > a,
.news .nav-tabs > li.system.active > a:hover,
.news .nav-tabs > li.system.active > a:focus,
.mini_news .nav-tabs > li.system a:hover,
.mini_news .nav-tabs > li.system.active a,
.mini_news .nav-tabs > li.system.active a:hover,
.mini_news .nav-tabs > li.system.active a:focus{background-image: url(../img/tabs_320_on_03.png);}


/*service*/
.news .nav-tabs > li.service > a,
.mini_news .nav-tabs > li.service a{background-image: url(../img/tabs_320_04.png);}

.news .nav-tabs > li.service > a:hover,
.news .nav-tabs > li.service.active > a,
.news .nav-tabs > li.service.active > a:hover,
.news .nav-tabs > li.service.active > a:focus,
.mini_news .nav-tabs > li.service a:hover,
.mini_news .nav-tabs > li.service.active a,
.mini_news .nav-tabs > li.service.active a:hover,
.mini_news .nav-tabs > li.service.active a:focus{background-image: url(../img/tabs_320_on_04.png);}
/*----------------------------------------------------*/
.txtmain{margin-top: -5px;}
.txtfooter{height: 60px;}
.more a{margin-left: 200px;	margin-top: 300px;}

.tab-content dl a,
.tab-content2 dl a{
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 50px;
	overflow: hidden;
	font-size: 12px;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: auto 20px;
	-moz-background-size: auto 20px;
	-webkit-background-size: auto 20px;
	-o-background-size: auto 20px;
	-ms-background-size: auto 20px;
}

.tab-content dt,
.tab-content2 dt{
	padding-left: 0px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}
.tab-content dd,
.tab-content2 dd {
	font-size: 12px;
	margin-left: 5px;
	height: 24px;
	line-height: 24px;
}
.tab-content dd.txt,
.tab-content2 dd.txt {
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 70%;
	font-size: 12px;
	float: left;
	clear: both;
	margin-left: 50px;
	height: 24px;
	line-height: 24px;
}

.pagination-numbers a {
	padding-right: 20px;
	padding-left: 20px;
}
.pagination-table a.next,
.pagination-table a.prev{
	padding-top: 20px;
}
.pagination-table a.next{	padding-right: 25px;}
.pagination-table a.prev{	padding-left: 25px;}

.btnBox2 ul,
.btnBox3 ul{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.btnBox2 li,
.btnBox3 li{
	overflow: hidden;
	display: block;
	float: left;
	width: 190px;
	height: auto;
	margin-left: 0px;
}

.btnBox2 > li.a1 a,
.btnBox2 > li.a2 a,
.btnBox2 > li.a3 a,
.btnBox2 > li.a4 a{
	display: block;
	float: left;
	width: 90%;
	height: auto;
}
.txtmain{margin-top: -3px;}
.txtmain{
	padding-right: 15px;
	padding-left: 15px;
}
.txtmain h2{font-size: 18px;}
.Nevin{
	font-size: 12px;
	line-height: 24px;
}
.red{	font-size: 13px;}
a.backTo{width: 30%; height:auto;}
.txtfooter{height: 65px;}
.more a{margin-left: 285px;	margin-top: 300px;}
}
@media (max-width: 384px) {
.news{	margin-top: -110px;}
ul#myTab{margin-bottom: -10px;}

ul#myTab li a{ width: 85px;}
ul#myTab li.event{margin-left: -28px;}
ul#myTab li.system{margin-left: -28px;}
ul#myTab li.service{margin-left: -30px;}

.mini_news ul#myTab li a{width: 88px;}
.mini_news ul#myTab li.event{margin-left: -40px;}
.mini_news ul#myTab li.system{margin-left: -40px;}
.mini_news ul#myTab li.service{margin-left: -40px;}
.tab-container2{margin-top: -8px;}

.more a{margin-left: 270px;	margin-top: 300px;}

.btnBox2 ul,
.btnBox3 ul{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

.btnBox2 li,
.btnBox3 li{
	overflow: hidden;
	display: block;
	float: left;
	width: 170px;
	height: auto;
	margin-left: 0px;
}

.btnBox2 > li.a1 a,
.btnBox2 > li.a2 a,
.btnBox2 > li.a3 a,
.btnBox2 > li.a4 a{
	display: block;
	float: left;
	width: 90%;
	height: auto;
}
.txtmain{margin-top: -4px;}
a.backTo{width: 30%; height:auto;}
.txtfooter{height: 65px;}
}

@media (max-width: 375px) {
ul#myTab{margin-bottom: -12px;}
ul#myTab li a{ width: 85px;}
ul#myTab li.event{margin-left: -40px;}
ul#myTab li.system{margin-left: -45px;}
ul#myTab li.service{margin-left: -45px;}
	
.more a{margin-left: 250px;	margin-top: 300px;}
.btnBox2 ul,
.btnBox3 ul{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.btnBox2 li,
.btnBox3 li{
	overflow: hidden;
	display: block;
	height: 94px;
	width: 215px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	float: none;
}

.btnBox2 > li.a1 a,
.btnBox2 > li.a2 a,
.btnBox2 > li.a3 a,
.btnBox2 > li.a4 a{
	display: block;
	height: 94px;
	width: 215px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
}
ul#myTab ul{
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
}

ul#myTab li{width: 33%;}

.news .nav-tabs > li a{
	width: 20px;
	margin-left:0px;
}
.news .nav-tabs > li.system > a {margin-left:5px;}
.news .nav-tabs > li.service > a {margin-left: 8px;}
.mini_news ul#myTab ul{
	width: 95%;
	margin-bottom: 10px;
}
.mini_news ul#myTab li{width: 33%;}
}

@media (max-width: 360px) {
ul#myTab{margin-bottom: -12px;}
ul#myTab li a{ width: 80px;}
ul#myTab li.event{margin-left: -40px;}
ul#myTab li.system{margin-left: -40px;}
ul#myTab li.service{margin-left: -40px;}
	
.mini_news ul#myTab li a{width: 88px;}
.mini_news ul#myTab li.event{margin-left: -38px;}
.mini_news ul#myTab li.system{margin-left: -40px;}
.mini_news ul#myTab li.service{margin-left: -40px;}
.tab-container2{margin-top: -8px;}	
	
.txtmain{margin-top: -5px;}
.txtfooter{height: 60px;}
.more a{margin-left: 230px;	margin-top: 300px;}
	}

@media (max-width: 320px) {
ul#myTab{margin-bottom: -18px;}
ul#myTab li a{ width: 75px;}
ul#myTab li.event{margin-left: -30px;}
ul#myTab li.system{margin-left: -35px;}
ul#myTab li.service{margin-left: -35px;}
	
.mini_news ul#myTab li a{width: 80px;}
.mini_news ul#myTab li.event{margin-left: -35px;}
.mini_news ul#myTab li.system{margin-left: -35px;}
.mini_news ul#myTab li.service{margin-left: -35px;}
.more a{margin-left: 200px;	margin-top: 300px;}

.tab-container2{margin-top: -10px;}
.tab-content2 dl a{
	font-size: 12px;
	padding: 0px;
}
.tab-content2 a:hover{	padding: 0px;}
.tab-content dt{	font-size: 12px;}
.tab-content2 dd {	font-size: 12px;}
.tab-content2 dd.txt {	font-size: 12px;}
.news{	margin-top: -130px;}
.txtfooter{height: 50px;}

.pagination-numbers a {
	padding-right: 10px;
	padding-left: 10px;
}
.pagination-table a.next,
.pagination-table a.prev{
	padding-top: 20px;
}
.pagination-table a.next{	padding-right: 20px;}
.pagination-table a.prev{	padding-left: 20px;}

	}
@media (max-width:980px) {.pad{display: none;}}
@media (max-width:767px) {.mclose{display: none;}}
@media (max-width:767px) {.mnews{margin-top: 30px;}}