@charset "utf-8";
/*基本設定*/
body {
	font-family: "微軟正黑體", "Times New Roman", Times, serif;
	color: rgb(0, 0, 0);
	line-height: 1.5em;	
}
p.clear { clear:both; }


/* 下拉樣式 */
select { border:1px solid #ccc; margin:0; }

/* 通用設定 */
.clear{ clear:both; float:none !important; }

/*連結設定*/
a { text-decoration:none; cursor: pointer; color:#2C2C2C; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
a:hover { text-decoration:none; color:#da251c; }

/*文字顏色*/
.red { color:#dd0330; }
.orange { color:#ed872e; }
.gray { color:#868686; }
.green{
	font-weight: bold;
	color: #060;
}
.darkred{
	font-weight: bold;
	color: #9B7476;
}

/*標題樣式*/
h1.maintitle {
	height:70px;
	padding-left:30px;
	font-size:2em;
	letter-spacing:1px;
	margin-bottom:15px;
	background-image: url(images/title-bg1.png);
	background-repeat: no-repeat;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #CCC;
	color: #FFF;
	font-weight: bold;
	line-height: 200%;
}
.radius-title {
	color: #fff;
	padding: 3px 20px;
	border-radius: 20px;
	display: inline-block;
	line-height: 36px;
	background-color: #660000;
	font-weight: bold;
	border: thin inset #FFF;
}
.topbt a:hover{
	background-color: green;
	opacity: 0.6;
	height: 105%;
	width: 105%;}


/*----------------------------------------------------------------------*/
/* 標題 */
h1.title {
	padding-bottom:8px;
	margin-bottom:22px;
	border-bottom:1px solid #bbbbbb;
	font-size:140%;
	line-height:140%;
	color: #000;
}
h1.title span { display:inline-block; *display:inline; *zoom:1; border-left:5px solid #e60012; padding-left:8px; }
h2.title {
	font-size:140%;
	line-height:140%;
	color:#846300;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 10px;
}
h2.title.first { margin-top:0; }
p.postdate { margin:5px 0 15px; padding:5px 0; font-size:92.3%; color:#7f7f7f; line-height:100%; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.8px; }
p.postinfo { letter-spacing:0.8px; color:#7f7f7f; margin:5px 0 15px; }
h4.title {
	font-size:120%;
	line-height:120%;
	color:#846300;
	font-weight: bold;
	margin:5 20 10 20px;
	padding:10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #C90;
	background-color: #FFC;
}

h4.title {
	font-size:120%;
	line-height:120%;
	font-weight: bold;
	margin:5 20 10 5px;
	color:#0066FF;
	padding:10px;
}

.BiggestTitle {
	font-size: 2em;
	line-height: 100%;
	margin: 20px;
}
.withLine {
	padding: 0 10px 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #90B7DE;
}
/*----------------------------------------------------------------------*/
/* 單篇 */ 
h3.item_title {
	margin-top:20px;
	padding:7px 0 7px 30px;
	line-height:125%;
	font-size:16px;
	color:#919191;
	letter-spacing:1px;
	border-bottom:2px solid #fff;
	background-color: #f5f5f5;	
	}
	
	
ul.items { padding:5px 0 5px 5px; border-top:2px solid #f5f5f5; }
ul.items li {
	line-height:140%;
	padding:10px 0 10px 10px;
	background-image: url(images/title-bg3.png);
	background-repeat: no-repeat;
	background-position: 0 -596px;
}
ul.items li a { text-decoration:none; color:#919191; }
ul.items li a:hover { color:#da251c; }

.content{
	width: 100%;	
}
.contenttext{
	width: 90%;
	padding: 10px;
	margin-left: 30px;
}


.maincontent{
	width: 100%;
	margin-top: 120px;
}

/* table */
.table1 {
	background-image: url(../css/image/bg.jpg);
	background-repeat: repeat-y;
	text-align: center;
}


.csrtitle{
	float: left;
	width: 100%;
	margin-bottom: 10px;	
}

.table2 {
	background-color: #FF9;	
}
.table2 tr{
	margin: 5px;
	padding: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	line-height: 1.5em;
}
.table2 th{
	text-align: center;
	background-color: #FC0;
	width:80px;
    border-radius: 10px;
}
.table2 td{
	line-height: 1.5em;
	padding: 10px;	
}

.tableGreen {
	padding: 5px;
	width: 80%;	
}
.tableGreen tr{
	margin: 5px;
	padding: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	line-height: 1.5em;
}
.tableGreen th{
	text-align: center;
	background-color: #408F91;
	width:80px;
	border-radius: 15px 15px 0 0;
	color: #FFF;	
}
.tableGreen td{
	line-height: 1.5em;
	padding: 10px;	
}

.greenth{
	text-align: center;
	background-color: #408F91;	
	border-radius: 15px 15px 0 0;
	color: #FFF;	
	padding: 10px;
	}



/*n sidemenu */
.sidemenu	{
	font-size: 1em;
	width: 900px;
}

.sidemenu ul	{margin: 0;
	padding: 0;}

.sidemenu li	{
	display: block;
	width: 120px;
	line-height: 30px;	
	list-style-type: none;
	float: left;
	text-align: center;
	background-image: url(../css/image/tab06-1.png);	
}

.sidemenu li a	{
	display: block;
	width: 100px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	background-image: url(../css/image/tab06.png);
	color: #FFF;
}

.sidemenu li a:hover	{background-position: 0 -40px;}

/*word */

.word001 {
	font-size:0.95em;
	line-height: 1.2em;
	padding: 10px;
}
.word002 {
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: middle;
	margin: 10px;	
	padding: 10px;	
}
.word002B {
	font-size: 1.5em;
	line-height:2em;
	font-weight: bold;
	background-color: #80B7FA;
	color: #000;
	padding: 5px 5px 5px 10px;	
}

.word003 {
	text-align: left;
	font-weight: bold;
	margin-left: 30px;
}
.word004 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	display: block;
	padding: 20px 10px 20px 40px;	
}
.word005 {
	text-align: left;
	display: block;
	padding-left: 50px;
	float: left;
	margin-left: 50px;
	}
.word005 h1{
	font-size: 3ex;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	background-position: left;
	background-image: url(../images/p2bo.gif);
	background-repeat: no-repeat;
	padding: 10px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #663300;
	}		
	
	
.word005 h2{
	font-size: 1.2em;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 3px;
	
	}	
.word005 text{
	font-size: 1em;
	line-height: 2;
	background-color: #FFC;	
	}
	
.word005textR{
	font-size: 1.3em;
	line-height: 2;
	background-color: #FF9;
	display: block;
	color: #F00;
	text-align: center;
	font-weight: bold;
	width: 100%;
	}	
.word005 p{
	margin:0;
	margim-bottom:20px;
	}	
		
.mm001 {
	text-align: center;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
}
a:link a:visited a:hover a:active{
	text-decoration: none;
}
 
.news-word {
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	color: #F00;
}
	
.subtitle-word {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #06F;
	margin-top: 5px;
	margin-bottom: 5px;
}	
	
.imgleft{
	vertical-align: bottom;
	margin-left: 50px;
	text-align: left;
	}
	
.word006 {
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 1.5em;
	}
	
.word006 h3 {
	text-align: left;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #FFC;
	color: #896E5D;
	margin: 10px;
	padding: 10px;
	}
.word006 ul .word006 ol{
	width: 90%;
	
	}	
.word006 ul li .word006 ol li{
	font-size: 1em;	}		

/*-------------panel +_content------------------*/
.panel-heading .accordion-toggle:after /*展開時*/{
	content: "－";
	float: right;
	
}
.panel-heading .accordion-toggle::before /*展開時*/{
	content: " ▲ ";
	transform: rotate(-180deg);	
	float: left;	
}
.panel-heading .accordion-toggle.collapsed::before /*合起來*/{
	content: " ▲ ";	
	transform: rotate(90deg);
	float: left;
	}	

.panel-heading .accordion-toggle a:hover{
	text-decoration: none;
	background-color: #FF9;
}
	

	
.panel-heading .accordion-toggle.collapsed:after /*合起來*/{
	content: "＋";
	float: right;
	text-decoration: none;
}

.panel-body ol .panel footer ol .panel footer ul{
	display: block;
	float: left;}
	
.panel-body ol li .panel footer ol li .panel footer ul li{
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 0.9em;
	line-height: 1em;
	list-style-position: inside;}
	

/*text*/
.text{
	padding:5px 15px;
	border:2px #23749f solid;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}

.textL{
    text-align: left;
}
		
.text2em{
	text-indent: -2em;
	margin-left: 2em;
	margin-right: 2em;	/*內縮2em*/
	 	 }

.text3em{
	text-indent: -2em;
	margin-left: 3em;
	margin-right: 2em;		/*內縮3em*/
	 	 }


.text0em{
	text-indent: -1.5em;
	margin-left: 0em;
	margin-right: 2em;	/*內縮0em*/
	 	 }	

.top {
	width: 100%;	
}

.pc {
	display: block;
}
.mo {
	display: none;!important
}


@media only screen and (max-width:768px)
{
.pc {
	display: none;!important
}
.mo {
	display: block;
}
.word004 {
	padding: 0px;
	margin: 1px;
	}
.word006 {
	padding: 0px;	
	}
}