@charset "utf-8";
/* CSS Document */
*{ margin:0;font-family: Microsoft JhengHei;}
a{ text-decoration:none}
ul,li{ display:inline-block;margin: 0;padding: 0;}
	
.wrap{width:1000px; margin:0 auto;}
#header{  width:1000px; margin:0 auto;}
.bg_img{height:144px; background-image: url(../images/top_bgC.jpg)}
.toplink{text-align:right;font-size: 13px;}
.toplink a{ color: #333}
.toplink a:hover{ color:#000; text-decoration: underline}
ul.fontsize li a{background-repeat: no-repeat;padding: 10px; background-position: left;}
.S{background-image: url(../images/fontsmall.gif);}
.M{background-image: url(../images/fontcenter.gif);}
.L{background-image: url(../images/fontbig.gif);}
.fontsize{ padding:0; margin:0;     vertical-align: middle;}
.fontsize li{ float:right; }
.guest{float:right;display: inline-block;padding:10px;}
.navigation{background:#FF4800; height:50px;clear: both;}
.small_block{height:40px; background:#FBFCEC ;}
.guide{display: inline-block;padding: 8px 10px;}
.guide select{padding:3px 5px;}
.date{display: inline-block;padding: 0px 0px 0px 30px;background-image: url(../images/icon_cal.gif);background-repeat: no-repeat;;background-position: 5px;}
.float_left{float: left;width: 720px;}
.flash_../images{background: #FCEBD0; padding:10px}
.flash_title{font-weight:bold; padding:0 10px; background:#FFF}
.flash_link_block{ padding:3px 30px; background:#FFF}
.flash_link_block span{display:inline-block ; padding:2px 0}
.flash_link_block a{ color:#333}
.flash_link_block a:hover{ color:#F00; text-decoration:underline}
.m_block{margin:10px 0}
.block_title{border-bottom: 5px solid #FF4800; position:relative;padding: 5px 0;}
.block_title b {background-repeat: no-repeat;padding: 5px 50px;font-size: 120%;background-position: 10px;font-weight: bold;}
.block_title font{font-size:65%; right:5px;bottom:10px; color:#FF6700}
.news{background-image: url(../images/news.png);}
.report{background-image: url(../images/report.png);}
.video{ background-image: url(../images/video.png);}
.link{ background-image: url(../images/link.png);}
.people{background-image: url(../images/people.png);}
.Q{ background-image: url(../images/Q.png);}
.block_title font:hover,.right_title font:hover{ color:#F00 ; text-decoration:underline}
.block_word{padding:5px 0; font-size:14px}
.block_word div{border-bottom:1px dashed #666666; padding:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.block_word div:hover{ background:#FFE7E7; color:#000}
.block_word a{ color:#333}
.float_right{float:right; width:270px; min-height: 254px}
.search_title{letter-spacing: 4px;font-size: 130%; display:block;}
.search_block input{margin:5px 0; height:26px;width: 180px; padding:0 5px}
.inquire{background: #FFA300;padding: 4px 6px;border: 1px solid #CBC5C5;letter-spacing: 2px;color: #000;cursor: pointer;font-size: 15px; margin-left: 5px}
.a_inquire{margin: 5px 0; background: #FF6700;padding: 4px 6px;border: 1px solid #CBC5C5;letter-spacing: 2px;color: white; cursor: pointer;font-size: 15px;}
.search_block{background: #FCEBD0;  padding:20px 10px}
.keyword_block{padding:0 5px}
.keyword_block span{letter-spacing: 4px;font-size: 16px; display:block; margin:5px 0}
.keyword_block font{background: #FC4949;color: #FFF;display: inline-block; padding: 3px 10px;font-size: 15px; margin:5px 0}
.keyword_block font:hover{box-shadow: 5px 5px 6px -3px rgba(20%,20%,40%,0.5);}
.right_block{margin:10px 0;height: 250px;}
.right_title{border-bottom: 5px solid #FF4800; position:relative;padding: 5px 0;}
.right_title span{ background-repeat: no-repeat;padding: 5px 50px;font-size: 18px;background-position: 10px;font-weight: bold;}
.right_title font{font-size:12px; position:absolute; right:5px;bottom:10px; color:#FF6700}
.vedio_name{margin:10px 0px; font-size:14px; color:#F00; overflow: hidden;height: 21px;text-overflow: ellipsis;white-space: nowrap;}
.vedio_name a{ color:#F00; font-weight:bold}
.otherlink{margin:10px}
.otherlink div{width:150px; height:55px;margin: 0 auto; padding:5px 0}
.clear{clear:both;padding-top: 10px;}
.sec{width: 495px;}
.float_left{float: left;}
.float_right{float: right;}
.qa_block{padding:5px 0; background:#FFE2DC;min-height:200px}
.q_title{color:#D84403; padding:10px 20px; font-weight:bold; font-size:120%}
.aswer{padding: 0 30px;line-height: 30px; height:120px;overflow: hidden;white-space: pre-line;}
.detail{text-align:right;padding: 10px 30px;}
.detail a{ color:#000;}
.detail a:hover{ color:#F00 ; text-decoration:underline;}
.fatfooter_block{background:#FFEAE6; padding:30px}
.fatfooter_small_block{display: table-cell; font-weight:bold; width:250px}
.inner{padding:0 10px}
.inner div > div{margin:5px 0;color: #333333;    font-size: 110%;}
ul.fatfooter li a{ color: #797676}
ul.fatfooter li a:hover{ text-decoration:underline;color:#333}
ul.fatfooter >li{font-size: 100%;padding: 2px;list-style: disc;  display: list-item; margin-left:30px}
.footer{background: url(../images/foot_bg.jpg) no-repeat; text-align: center;margin: 20px 0 0;padding: 10px 0 30px 0px;color: #807e7e;line-height: 1.5em;font-size: 12px;background-position: 1px bottom;}
.footer div{white-space: pre;}
.footer a{text-decoration:underline; color:#000}
.footer a:hover{ color:#7F0909;text-decoration:none;}
.border_block{border: 1px solid #CBCBCB; margin: 20px 0;padding: 20px 0;}
	/*父項目*/
	ul.nav_layer1>li{ padding:0 5px ; color:#FFF; font-weight: bold ;cursor: pointer;}
	ul.nav_layer1>li:hover{ color:#ECDA00}
	ul.nav_layer1{  width: 100%;text-align: center;margin-top: 15px; padding-left:0}
	
	/*子項目li背景顏色*/
	ul.nav_layer1>li>ul>li{ display:block;background: #F4DECE;}
	
	/*未觸及，子項目隱藏*/
	ul.nav_layer1>li>ul{ color: #615340; text-align:left;position: absolute;padding: 10px 0px; display:block;box-shadow: 0px 5px 6px -3px rgba(20%,20%,40%,0.5);padding-bottom: 0;    z-index: 1;}
	
	/*觸及li後，顯示子項目區塊*/
	ul.nav_layer1 li:hover >ul{ display:block}

	/*每個子項目的第一個位置*/
	ul.nav_layer1 ul li:nth-child(1){margin-top: 4px;}
	
	/*子項目的樣式、及觸碰樣式*/
	ul.nav_layer1 ul li a{ padding:8px 12px;width: 180px; display:block; color: #000;font-size: 15px;}
	ul.nav_layer1 ul li a:hover{ background: #FFC1A9; color: #F00}
	
	/*最後的li的子項目靠左邊*/
	ul.nav_layer1 li:last-child{ position:relative}
	ul.nav_layer1 li:last-child ul{ position:absolute; right:-18px}




	.keywd p{    letter-spacing: 4px;
    font-size: 16px;
    display: block;
    margin: 5px 0;}

.keywd a:nth-child(1){    margin: 5px 0;
    background: #FF6700;
    padding: 4px 6px;
    border: 1px solid #CBC5C5;
    letter-spacing: 2px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;}

 .keywd a:nth-child(n+2){    background: #FC4949;
    color: #FFF;
    display: inline-block;
    padding: 3px 10px;
    font-size: 15px;
    margin: 5px 0;}
.keywd a:nth-child(n+2):hover{box-shadow: 5px 5px 6px -3px rgba(20%,20%,40%,0.5);}
.table_style{border-collapse: collapse; border:1px solid #E4E0DF}
.table_style td{ border-bottom:1px solid #E4E0DF; padding: 5px 10px; }
.table_style tr:hover{ background-color:#FEECEC;  }
.table_style th{background-color:#E4E0DF;font-size: 110%;}
.table_style th:nth-child(1){ width: 660px}
.table_style tr:last-child > td{border-bottom:none;}
.google_plus div{ width: 50px!important}

.bg_clr{    background: #F7F7F5; padding: 10px!important;}


#menu ul>li{ background-image: none; border-bottom: none; }
#menu { text-align: center; margin-bottom: 20px}
#menu ul{background: #929397;}
body, ul, li, a{
				margin: 0;
				padding: 0;
				
				text-decoration: none;
			}
			ul, li {
				list-style: none;
			}
			/* 選單 li 之樣式 */
			#menu ul  li {
				position: relative;
				float: left;
				padding: 0;
				width: auto;

			}
			/* 選單 li 裡面連結之樣式 */
			#menu ul li a{
				display: block;
				padding: 12px 30px;
				
			}
			/* 特定在第一層，以左邊灰線分隔 */
			#menu ul > li > a{
				    border-left: 1px solid #CCC;
				    color: white;
			}

			#menu ul > li > a:hover{
				color: #333333;
				background: #ECECEC;
			}
			/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
			#menu ul > li > ul{
				display: none;
				float: left;
				position: absolute;			
				left: 0;	
				margin: 0;
			}

			/* 當第一層選單被觸發時，指定第二層顯示 */
			#menu ul li:hover > ul{
				display: block;
			}			
			/* 特定在第二層或以後下拉部分 li 之樣式 */
			#menu ul >  li > ul > li{
				border-bottom: 1px solid #DDD;
			}
			/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
			#menu ul > ul li:last-child {
				border-bottom: none;
			}

			/* 第二層或以後選單 li 之樣式 */
			#menu ul > li > ul > li > a {
				width: 150px;
				padding: 10px 12px;	
				color: #000;		
				background: #EEE;			
			}
			#menu ul > li > ul > li > a {		
				background: #FFFFFF;
				border-left: none;				
			}
			/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
			#menu ul > li > ul > li:hover > ul{
				display: block;
				position: absolute;
				top: 0;				
				left: 100%;
			}

.ex_link{ text-align:center;border: 1px solid #EDEDED;padding: 10px;}
.ex_link td{ padding-bottom:10px}
.word_hidn ul { width: 100%;display: block;}
.Hflash{float:right}
.Hflash2{margin-top: 60px; margin-left: 80px;}
.main_template{width:1000px; margin: 0 auto;}
.block_title a {float:right;margin-top: 10px;}
.vedio_name{margin:10px 0px; font-size:14px; color:#F00; overflow: hidden;height: 21px;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
/* for tab */
ul.nav_layer1 li:focus >ul{ display:block}
li[aria-expanded='false'] .sub-menu{
		  	display: none;
}
.Hflash span{display:none;}
.Hflash2 span{display:none;}
.btn_a{
	float: none;
    margin-left: 330px;	
    display:inline-block;
}
.btn_a a{
	border: 1px solid #D3BFCB;
    border-radius: 5px;
    padding: 2px 5px;
    background: white;
	margin: -2px 20px 0px 30px !important;
}