﻿@charset "utf-8";
/* CSS Document */


    body{
	background:#fff;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, SealmemoryHeader,"DFKai-sb","Microsoft JhengHei", serif;
    }

    body {
	line-height:1.7;
	font-size:91%;
	}

    body,html {
	height: 100%;
	}
	
	img {
	vertical-align: middle;
	}

	a:focus {
		outline: 3px solid #900;
	}
	
	
/* html,body,div,ul,ol,li,dl,dt,dd,pre,form,p,h1,h2,h3,h4,h5,h6,blockquote,fieldset,input { margin: 0; padding: 0; } */
html,body,div,ul,li,dl,dt,dd,pre,form,p,h1,h2,h3,h4,h5,h6,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }


/* ul,ol { list-style: none; } */
ul { list-style: none; }
img { border: none; }

	
	/* old */


/*樣式*/
.form01 { text-align:center;}
input {
	color: #333333;
	padding:1px;}
select {
	color: #333333;}
.btn01 {color: #FFF; background:url(../all_img/in_img/btn00_bg.gif) repeat-x #585858; border:1px #FFF solid;}
.btn02 {color: #FFF; background:url(../all_img/in_img/btn02_bg.gif) repeat-x #aeaeae; border:1px #FFF solid;}
.btn02 a {color: #FFF; text-decoration:none;}
.btn02 a:hover {color: #FFF; text-decoration: underline;}
	
/*內頁共用------------------------------*/
#i_top {
	height:80px;
	width:1002px;
	position:absolute;}
#i_menu {
	text-align:right;
	width:729px;
	margin-top:35px;
	margin-left:239px;
	padding-right:34px;
	position:absolute;}
#i_menu img { padding-left:3px;}
#i_menu a {}
#i_menu a:hover {}


/*內頁形象圖------------------------------*/
#i_image {
	height:290px;}
	#i_image .img_i {
		height:230px;
		width:1002px;}
#i_fla {
	position:absolute;
	z-index:900px;}
#i_poto {
	position:absolute;
	z-index:800px;}
#i_poto img {
	padding-top:60px;
	width:1002px;
	height:230px;}

/*內頁大框------------------------------*/
#i_box {}

/*內頁左選單------------------------------*/
#i_left {
	width:236px;/*與i_con的margin-left同尺寸*/
	float:left;
	height:auto; 
	>position: relative; /* For IE7*/
	>margin-left:0; /* For IE7*/}
#i_left_ti {
	height:63px;}
.i_left_li {
	background:url(../all_img/in_img/left_icon.gif) no-repeat left center;
	margin:0 10px 8px 39px;
	padding:5px 5px 5px 20px;
	border-top:1px #E1E1E1 solid;
	font-weight:bold;
	color:#666;}
	.i_left_li a {
	color:#333;
	text-decoration:none;}
	.i_left_li a:hover {
		color: #C36;
		font-weight:bold;
		text-decoration:none;}
.i_left_lis {
	font-size:90%;
	margin:0 10px 2px 50px;
	padding:2px 2px 2px 20px;
	border-bottom:1px #EBEBEB dotted;
	font-weight: normal;
	color:#666;}
	.i_left_lis a {
	color: #666;
	text-decoration:none;}
	.i_left_lis a:hover {
		color: #C36;
		font-weight:bold;
		text-decoration:none;}

/*內頁標題------------------------------*/
#i_ri {
	width:22px;
	height:200px;
	margin-left:980px;
	margin-top:270px;
	position:absolute;
	float:left;
	z-index:90000;}

/*內頁內容------------------------------*/
#i_con {
	/*float:left;*/
	width:744px;
	background:#FFF;
	margin-left:236px;/*與i_left同尺寸*/
	_margin-left:118px; /* For IE6*/}
#i_title {
	font-weight:bold;
	color:#333;
	width:714px;
	height:32px;
	margin-top:-20px;
	margin-left:236px;
	/*position:absolute;*/
	padding:0;
	z-index:10000px;}
#i_tibbg {
	width:714px;
	height:32px;
	padding-top:14px;
	padding-left:35px;
	position:absolute;}
#i_view {
	color:#666;
	font-size:90%;
	font-weight:normal;
	text-align:right;
	margin-right:25px;
	margin-left:340px;
	margin-top:-20px;}
	#i_view a {
	color:#666;
	text-decoration:none;}
	#i_view a:hover {
	color:#936;
	text-decoration:none;}
	
#i_con_le {
	width:15px;
	height:414px;
	float:left;}
#i_con_ce {
	width:644px;
	float:left;
	padding:25px 35px 40px 35px;}
	
#i_con_ri {
	width:15px;
	height:414px;
	float:left;}

#i_p {
	color: #666;
	text-align:right;
	width:650px;
	height:30px;
	margin-top:-60px;
	margin-left:260px;
	margin-right:50px;
	padding-top:15px;
	padding-left:30px;
	position:absolute;
} 
	
#i_bk {
	background:#FFF;
	width:24px;
	height:200px;
	margin-top:-230px;
	margin-left:978px;
	padding-top:10px;
	position:absolute;}
	

/*表格樣式*/
#form_a {}
#form_a .th01 { padding-left:12px; color: #ca5a8b;font-weight:normal; border-top: #FFF 1px solid;}
#form_a .th01 { font-weight: normal; border-bottom:dotted #666 1px; border-top:none;}
#form_a td { padding: 5px 5px 5px 12px;}
	#form_a .form_a_thbg th { background:url(../all_img/in_st01/form_a_02.jpg) no-repeat bottom right; border-bottom: #AAA 4px solid; color: #C36; font-weight:normal;}
	/*#form_a .form_a_thbg td,th { border-bottom:#AAA 4px solid; border-top:#AAA 1px solid;}*/
	#form_a .form_a_thbg td { border-bottom:#AAA 4px solid; border-top:#AAA 1px solid;}
.form_line01 td, .form_line01 th { border-bottom:dotted #CCC 1px;}
.form_line02 td { background-color:#f2f2f2; border-bottom:dotted #666 1px;}
.form_list { color: #666; background:url(../all_img/in_st01/form_a_icon.gif) no-repeat left center; line-height:1.5; padding: 5px 5px 5px 15px;}
	.form_list a {
	color: #333;
	text-decoration:none;
}
	.form_list a:hover { color:#900; text-decoration:none;}
.form_day { color:#39C; text-align:center; line-height:1.2;}
.form_type { color:#690; text-align:center;}


/*form_b內業－主管簡介*/
#form_b { background:url(../all_img/in_img/form_c_02.jpg) repeat-y ;width:246px;}
#form_b ul { background:url(../all_img/in_img/form_c_01.jpg) no-repeat top ; height:20px;}
#form_b ol { background:url(../all_img/in_img/form_c_03.jpg) no-repeat top #FFF; height:23px;}

/*form_e內業－觀光*/
.form_e { background:url(../all_img/in_img/form_e_02.jpg) repeat-y center;width:190px; }
.form_e ul { background:url(../all_img/in_img/form_e_01.jpg) no-repeat top center ; height:20px;}
.form_e ol { background:url(../all_img/in_img/form_e_03.jpg) no-repeat top center #FFF; height:23px;}

/*form_d 內業－*/
#form_d {}
#form_d th { border-top:1px solid #FFF;}
#form_d td { color: #666; text-align:left; vertical-align:middle;}
#form_d a {
	color:#FFF; text-decoration:none; font-weight:bold;}
#form_d .form_list { padding-left:20px; color: #000; background:url(../all_img/in_img/form_d_icon.gif) no-repeat left; border-bottom:1px dotted #999;}
#form_d .form_list a {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
#form_d .form_list a:hover { color:#666; text-decoration: underline; font-weight:normal;}
.form_d01 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_01.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d02 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_02.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d03 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_03.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d04 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_04.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d05 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_05.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d06 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_06.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d07 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_07.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}
.form_d08 {
	color:#FFF;
	background:url(../all_img/in_img/form_d_08.jpg) no-repeat top left ;
	width:240px;
	height:42px;
	padding:20px 60px 10px 60px;}

/*頁碼*/
#num_a { text-align:center; padding-left:70px; border-top:#CCC solid 2px; padding-top:5px;}
	#num_a a {
	color:#666;
	text-decoration:none;
}
	#num_a a:hover{
	color:#666;
	text-decoration:none;
}
	#num_a img { border:0;}

/*圖片*/	
.img_00 {
	border:1px #CCC solid;
	background-color:#FFF;
	padding:3px;
	margin:7px;}
	
/*線條*/
.line_td td {
	border-bottom:#666 1px dotted;}
.line_td0 {
	border-bottom:#666 1px dotted;}
.line_td_red td { border-bottom:#933 1px solid;}
	
/*文字*/
.wo_ti {
	color: #D10000;
	font-weight:bold;
	text-align:left;}	
.wo_ti a {
	color: #D10000;
	text-decoration:none;}	
.wo_ti a:hover {
	color: #D10000;
	text-decoration: underline;}	
.wo_type {
	color: #06C;
}	
.wo_type02 {
	color: #390000;
}	
.wo_day {color: #C60;}	
.wo_link01 a {
	line-height:1;
	color:#333;
	text-decoration:none;
} 
.wo_link01 a:hover {
	color:#C30;
	text-decoration: underline;} 
.wo_link02 a {
	color:#FFF;
	text-decoration:none;} 
.wo_link02 a:hover {
	color:#FFF;
	text-decoration: underline;} 
.wo_04 {
	color:#666;}
.wo_s { font-size:90%; line-height:1.3;}

/*按鈕*/
.babt01 {
	color:#333;
	background:url(../all_img/babt_02.gif);}
	.babt01 a {
	color:#333;
	text-decoration:none;}
	.babt01 a:hover {
	color: #C30;
	text-decoration: underline;}

.title_09 {
	padding-top:5px;
	padding-bottom:2px;
	border-bottom:2px solid #CCC;
	color:#C60;
	font-weight:bold;}
.form_d09 {}
	.form_d09 th { font-weight:normal; border-bottom: 1px #999 dotted; border-top:0px;}
	

	
   /*google saerch*/
   
   .gsc-input .gsc-input-box  {
   border: 3px solid #e44d26;  
   }      
      
      

   .search-frame .gsc-control-cse{
   background-color:rgba(255, 255, 255, 0);
   border:0px solid rgba(255, 255, 255, 0);   
   }
   
   .search-frame  .cse .gsc-control-cse, .gsc-control-cse {
   background-color:rgba(255, 255, 255, 0);
   border:0px solid rgba(255, 255, 255, 0);
   }

   .search-frame  .cse .gsc-control-cse, .gsc-control-cse {
   background-color:rgba(255, 255, 255, 0);
   border:0px solid rgba(255, 255, 255, 0);
   }

   .search-frame  .gsc-control-cse {
   padding-top:11px;
   }
    

   #mobile-search .gsc-control-cse{
   background-color: transparent;
   border:0px;
   padding: 0.625em;
   }
   #mobile-search .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 5px; }
   #mobile-search .gsc-input .gsc-input-box {
   	border-radius: 5px;
   	height: 32px;
   	width: 100%;
   }
   #mobile-search .gsib_a { height: 30px; }
   #mobile-search .gsc-search-button input[type="image"] { 
   	border-radius: 5px;
   	border-color: #fff;
   	height: 30px;
   	width: 70px;
   }



   /**/
   .gsc-thumbnail-inside .gs-title {
	text-align: left;
	padding-bottom:15px;
        min-height:40px;		  
   }

    .gsc-results .gsc-webResult .gs-webResult .gsc-thumbnail-inside .gs-title .gs-title {
	font-size: 110%;
	line-height: 30px;
	font-weight: normal;
	color: #e44d26;
	text-decoration: none;	  
   }
   .gsc-results .gsc-webResult .gs-webResult .gsc-thumbnail-inside .gs-title .gs-title b {
	font-size: 110%;
	line-height: 30px;
	font-weight: normal;
	color: #e44d26;
	text-decoration: none;	  
   }
   .gs-webResult {
    padding-top:10px;
	padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
	background-color:#f5f5f5;
	 -moz-border-radius: 5px; /* Firefox */
     -webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px; /* Konqueror */
     border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
     behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
   }

  .gsc-wrapper .gsc-adBlock {
   display:none;
   }

   /**/

    .gsc-cursor {
     width:100%;
     display:inline-block;
     background-color:#f5f5f5;
     padding:10px;
     }
     .gsc-resultsRoot .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page {
	display: inline-block;
	background-color: #f5f5f5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 110%;
	line-height: 30px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
     }
     .gsc-resultsRoot .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page:hover {
	color: #e44d26;
     }

   /**/

   .gsc-search-button input[type="image"] {
     width:68px;
     height:26px;
   }

      .gsc-results .gcsc-branding{
    display:none;
   }

   .gsc-results .gsc-webResult:first-child {
     padding:0px;
   }

   .gsc-results .gsc-webResult .gs-error-result{
	position: absolute;
	left: 0px;
	top: 30px;
        padding:0px;
   }
   .gsc-results .gsc-webResult .gs-error-result .gs-snippet  {
        padding:0px;
        width:300px;
   }


	/*跳至主要內容區塊*/
  
	.sr-only  {
		position: absolute;
	    width: 0.063rem;
	    height: 0.063rem;
	    padding: 0;
	    margin: -0.063rem; 
	    overflow: hidden;
	    clip: rect(0, 0, 0, 0);
	    border: 0;	
	    left: 0;
	}
	.sr-only-focusable:active, .sr-only-focusable:focus {
	    position: absolute;
	    width: auto;
	    height: auto;
	    margin: 0;
	    overflow: visible;
	    clip: auto;
	    top: 0;
	}


	
	/*------------------------------------*\
	    所有版型共用
	\*------------------------------------*/
	.logo-frame a { display: inline-block;}
	#head-frame-mid a:focus { outline: 1px dotted #fff; }
	.service01-frame li div .rom a:focus { outline: 1px dotted #fff; outline-offset: 4px;}
	#error-frame-form input:focus, #error-frame-form textarea:focus { border: 2px solid #f00; outline: none;}
	.new-title h2, .ser-box-title h2 { display: inline-block; }
	#error-frame-form2 input:focus, #error-frame-form2 textarea:focus { border: 2px solid #f00; outline: none;}


	/*隱藏button value*/
	.search-frame-pa .date .date-icon { color: transparent; }


	/* download */	
	.download-list h3 {
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 20px;
    }

    .download-list {
        width: 100%;
        float: left;
        text-align: left;
        margin-bottom: 20px;
    }
    .download-list li {
        width: 100%;
        float: left;
        text-align: left;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #ccc;
    }
    .download-list li:nth-child(odd) { background-color: #fff;}
    .download-list li { background-color: #f5f5f5;}
    .download-list li:hover { background-color: #ededed;}

    .download-list li .filename {
    	color: #000;
        display: inline-block;
        float: left;
        text-align: left;
    }
    .download-list li .filedl a {
        border: 1px solid #6898ce;
	    border-radius: 3px;
	    color: #333333;
        display: inline-block;
        float: left;
	    margin: 5px 2px;
	    padding: 2px;
        text-align: center;
    }
    .download-list li  .filedl a:hover {
        color: #e44d26;
        border-color: #e44d26;
    }

	@media(min-width: 768px) {
	    .download-list li {
	            padding-top: 7px;
	            padding-bottom: 7px;
	        }
	        .download-list li .filename {
	            width: 70.5%;
	            margin-left: 3%;
	            padding-top: 7px;
	        }
	        .download-list li .filedl a {
	            width: auto;
	            margin-right: 1.5%;
	            text-align: right;
	            float: right;
	        }
	}

	@media(max-width: 767px) {
	    .download-list li {
	            padding-top: 10px;
	            padding-bottom: 10px;
	        }
	        .download-list li .filename {
	            width: 100%;
	            margin-left: 3%;
	            line-height: 25px;
	        }
	        .download-list li .filedl { margin-left: 3%; margin-top: 5px; }
	        /*.download-list li .filedl a { display: inline-block; padding: 0 2px; }*/
	}	
		


	/*連絡通訊 (list-intro05) */
	.list-content .list-intro05 li div {
		float:left;
		display:inline-block;
		padding-left:1%;
		padding-right:1%;
	}  

	@media (min-width: 768px) {
		.list-intro05 .list-item { display: inline-block;}
		.list-content .list-intro05 li div a { color:#333;}
	}

	@media (max-width: 767px) {
		.list-intro05 .list-item { display: none;}
		.list-content .list-intro05 li:nth-child(odd){
			background-color:#f5f5f5;
			margin-bottom:10px;
			margin-top:10px;
			-moz-border-radius: 5px; /* Firefox */
			-webkit-border-radius: 5px; /* Safari, Chrome */
			-khtml-border-radius: 5px; /* Konqueror */
			border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
			behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
		}
		.list-content .list-intro05 li div a { color: #e44d26; display: inline-block; width:auto;}	
		.list-content .list-intro05 li div b { color: #999; font-weight: normal; margin-right: 3px;}
	}


	
	/*------------------------------------*\
	    共用模組區
	\*------------------------------------*/

	/**
	 * 表格模組
	 * @tb  TH在上
	 * @tb2 TH在左
	**/
	.tb { border: 0; line-height: 25px; border-collapse: collapse; border-spacing: 0px;}
		.tb th { border: 1px solid #666; border-right: 0; text-align: center;}
		.tb th:last-child, .tb td:last-child { border-right: 1px solid #666;}
		.tb td { border-left: 1px solid #666; border-bottom: 1px solid #666; padding: 0 5px;}

	.tb2 { border: 0; line-height: 25px; border-collapse: collapse; border-spacing: 0px;}
		.tb2 th { border: 1px solid #666; text-align: center;}
		.tb2 th:last-child, .tb2 td:last-child { border: 1px solid #666;}
		.tb2 td { border-right: 1px solid #666; border-top: 1px solid #666; padding: 0 5px;}




	/** 區塊 **/
	.bg-gray {
		padding: 10px;
	    border-radius: 10px;
	    background: #f5f5f5;
	    float: left;
	    margin-top: 30px;
	    text-align: left;
	}
	.bg-gray a { color: #D10000;text-decoration: underline; }
	.bg-gray a:hover { text-decoration: none; }		
	
		
	input, select, select option{color:#333333 !important;}
	input[placeholder], [placeholder], *[placeholder] {
    color: #333333 !important;}