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

@import url("ui_module/_m_cols_float.css");
@import url("ui_module/_word_style.css");
@import url("ui_module/_default_set.css");
@import url("ui_module/_m_menu.css");
/*photo slider css*/
@import url("ui_module/_m_photoslider.css");

@import url("jquery.aw-showcase.css");
@import url("flexslider_top.css");

/* CSS Document */
body {
	background-color: #CCC;
	
}

body .title,
body .subtitle,
body .mainlink-list,
body .page-header,
body .header{
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS";
	
}

#CenterFrame a,
#CenterFrame a *{
	font-family: "新細明體", "Arial Unicode MS";
}
/*************** MainFrame ****************************/
#MainFrame {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	width: 980px;
	background-color: #FFF;
}
/*************** HeaderFrame ****************************/
#HeaderFrame  {
}
	#HeaderFrame .colsblock .block{
		float: left;
	}
	/***header-infor-01**/
	#HeaderFrame .header-infor-01{
		background-attachment: scroll;
		background-image:  url(../_images/00_header_banner_00.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		height: 105px;
	}
		
		#HeaderFrame .header-infor-01 .index-back{
			width: 320px;
		}
			#HeaderFrame .header-infor-01 .index-back a{
				width: 300px;
				text-indent: -99999px;
				display: block;
				min-height: 105px;
			}
		#HeaderFrame .header-infor-01 .comm-iconlink{
			padding: 30px 0 0 20px;
			width: 300px;
		}
			#HeaderFrame .header-infor-01 .comm-iconlink .lang{
				background-color:#1e68b1;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				width: 245px;
				text-align: center;
				color: #FFF;
				padding: 3px;
			}
				#HeaderFrame .header-infor-01 .comm-iconlink .lang a{
					color: #FFF;
				}
			#HeaderFrame .header-infor-01 .comm-iconlink .convlink{
				text-align: center;
				width: 200px;
				padding: 10px 0 0 0;
			}
				#HeaderFrame .header-infor-01 .comm-iconlink .convlink a{
					font-size: 11px;
					padding: 0 5px;
				}
		#HeaderFrame .header-infor-01 .sju-intro{
			width: 340px;
		}
			#HeaderFrame .header-infor-01 .sju-intro a{
				text-indent: -99999px;
				display: block;
				min-height: 105px;
			}
	
	/***header-infor-02**/
	#HeaderFrame .header-infor-02{
		background-attachment: scroll;
		background-image:  url(../_images/99_bg_01.jpg);
		background-repeat: repeat-y;
		background-position: center top;
		background-color:#FF4;
		float: left;
	}
		#HeaderFrame .header-infor-02 .block{
			color: #FFF;
			
		}

		#HeaderFrame .header-infor-02 .dialy-sentence{
			width: 230px;
			padding: 10px 10px 0px 45px;
			background-attachment: scroll;
			background-image:  url(../_images/98_icon_voice_01.png);
			background-repeat: no-repeat;
			background-position: 15px 8px;
		}
		
		#HeaderFrame .header-infor-02 .guest-type{
			width: 460px;
			text-align: center;
			background-color:#552b00;
			min-height: 35px;
		}
			#HeaderFrame .header-infor-02 .guest-type .cols{
				padding: 10px 0 0 0;
				float: left;
			}
			#HeaderFrame .header-infor-02 .guest-type .cols.title{
				padding-left: 30px;
				width: 100px;
			}
			#HeaderFrame .header-infor-02 .guest-type a{
				color: #FFF;
				padding: 0 5px;
			}
			#HeaderFrame .header-infor-02 .guest-type a:hover{
				color: #FF0;
				text-decoration:underline;
			}
			#HeaderFrame .header-infor-02 .guest-type .check a{
				color: #eecc55;
				font-weight: bold;
				text-decoration: underline;
			}
		#HeaderFrame .header-infor-02 .keyword-search{
			padding: 8px 10px 0px 10px;
			width: 215px;
		}
		#HeaderFrame .header-infor-02 .keyword-search input{
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #FFF;
			/*padding: 1px;*/
		}
		#HeaderFrame .header-infor-02 .keyword-search input[type=button]{
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #000;
			background-color:#000;
			padding: 1px;
			color: #FFF;
			cursor: pointer;
		}
	
	/***header-infor-03/comm-slider**/
	#HeaderFrame .header-infor-03.comm-slider{
		background-color:#000;
		text-align: center;
		color: #FFF;
		float: left;
	}
		#HeaderFrame .header-infor-03.comm-slider .block{
			float: left;
			height: 250px; /* 185 */
			overflow: hidden;
		}
		#HeaderFrame .header-infor-03.comm-slider .slider-thumbnail{
			height: 245px; /* 180 */
			width: 0px; /* 285 */
		}
		#HeaderFrame .header-infor-03.comm-slider .slider-thumbnail .photo-group .photo-url img{
			height: 80px;
		}
		#HeaderFrame .header-infor-03.comm-slider .slider-url{
			overflow: hidden;
			width: 980px; /* 695 */
		}
			#HeaderFrame .header-infor-03.comm-slider .slider-url .photo-cover{

				background-color:#333;
			}
			#HeaderFrame .header-infor-03.comm-slider .slider-url img{
				max-height: 250px; /* 180 */
				height: 250px; /* 180 */
				/*max-width: 100%;
				width: auto;*/
			}
		
	/***header-infor-04**/
	#HeaderFrame .header-infor-04{
		background-attachment: scroll;
		background-image:  url(../_images/99_bg_02.jpg);
		background-repeat: repeat-x;
		background-position: center top;
		padding: 2px 5px 5px 15px;
		min-height: 25px;
		float: left;
		overflow: hidden;
	}
		#HeaderFrame .header-infor-04 .mainlink-list{
			width: 760px;
			float: left;
		}
			#HeaderFrame .header-infor-04 .mainlink-list .main-button{
				float: left;
				min-width: 55px;
				max-width: 75px;
			}
			#HeaderFrame .header-infor-04 .mainlink-list .main-button a{
				color: #FFF;
				padding: 5px;
				text-align: center;
				height: 30px;
				display: block;
				font-size: 15px;
			}
			#HeaderFrame .header-infor-04 .mainlink-list .main-button.check a{
				color: #333;
				background-color:#FFF;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background-attachment: scroll;
				background-image:  url(../_images/98_icon_04.png);
				background-repeat: no-repeat;
				background-position: center 25px;
			}
			#HeaderFrame .header-infor-04 .mainlink-list .main-button.check a:hover{
				color: #CCC;
			}
			#HeaderFrame .header-infor-04 .mainlink-list .main-button a:hover{
				color: #fff000;
				text-decoration:underline;
			}
		#HeaderFrame .header-infor-04 .mainconn-phone{
			padding: 5px 0 0 30px;
			color: #FFF;
			font-size: 11px;
			min-height: 25px;
			font-weight: 600;
			width: 170px;
			background-attachment: scroll;
			background-image:  url(../_images/98_icon_phone_01.png);
			background-repeat: no-repeat;
			background-position: 5px center;
		}
/*************** CenterFrame ****************************/
#CenterFrame  {
	margin: 0px;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #000;
}
/*************** FooerFrame ****************************/
#FooterFrame {	
	padding: 1px 0;
	overflow: hidden;
}

 /** speed  **/
 #FooterFrame img 
  {
    -webkit-transition: 0.3s; 
    -ms-transition: 0.3s;
  }

  /** zoom in  **/
  #FooterFrame #commlinks-slider img:hover 
  {  
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
  }
	/**commlinks-slider**/
	#FooterFrame #commlinks-slider {	
		float: left;
		padding: 7px;
	}
		#FooterFrame #commlinks-slider .cols{	
			float: left;
			display: block;
			margin: 2px 3px;
		}
		#FooterFrame #commlinks-slider .cols.ctrl-prev a,
		#FooterFrame #commlinks-slider .cols.ctrl-next a{
			padding: 30px 2px 5px 2px;
			height: 35px;
			background-color: #CCC;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			display: block;
			color: #FFF;
		}
		#FooterFrame #commlinks-slider .ctrl-list{
			/*height: 188px;*/
			overflow: hidden;
			width: 935px;
		}
			#FooterFrame #commlinks-slider .ctrl-list .icon-url{
				position: relative;
				left: 25px;
				display: inline;
				min-width: 100%;
			}
			#FooterFrame #commlinks-slider .ctrl-list .icon-url img{	
				max-width: 140px;
				height: 50px;
			}
			#FooterFrame #commlinks-slider .ctrl-list .icon-url li{	
				float: left;
				padding: 2px;
				border: 1px solid #CCC;
				margin: 0px 20px 5px 0px;
			}
	/**copyright-infor**/
		#FooterFrame #copyright-infor {	
			text-align: center;
		}
		#FooterFrame #copyright-infor .infor-CIS{	
			padding: 4px 10px;
			background-attachment: scroll;
			background-image:  url(../_images/99_bg_03.jpg);
			background-repeat: repeat-x;
			background-position: center top;
			background-color: #044474;
			float: left;
			width: 100%;
			font-size: 11px;
		}
		#FooterFrame #copyright-infor .infor-CIS .cols{
			float: left;
			color: #FFF;
		}
		#FooterFrame #copyright-infor .infor-CIS li.cols{
			border-right: 1px solid #FFF;
		}
		#FooterFrame #copyright-infor .infor-CIS li.cols:last-child{
			border: none;
		}
		#FooterFrame #copyright-infor .infor-CIS .cols.infor-logo{
			padding: 5px;
			width: 290px;
		}
		#FooterFrame #copyright-infor .infor-CIS .cols.infor-conn{
			width: 290px;
			padding: 0 10px;
		}
		#FooterFrame #copyright-infor .infor-CIS .cols.infor-conn .cols{
			padding: 2px 5px;
		}
		#FooterFrame #copyright-infor .infor-CIS .cols.infor-copyright-en{
			width: 220px;
			color: #FF0;
			padding: 5px;
		}
		#FooterFrame #copyright-infor .infor-CIS .cols.accessibility{
			width: 125px;
			padding: 1px;
		}
		#FooterFrame #copyright-infor .infor-addr{	
			padding: 10px;
		}			
		
		.acKeyW {
			color: #FFF;
		}
			
		.acKeyW:hover {
			color: #FFF;			
			text-decoration:underline;
		}
			
		
		/* tab 跳至主內容控制項 */		
		.focusable { 
			    background: #465667;
			    float: left;
			    width:0px;
			    height:0px;    
			    overflow: hidden;  
		}

		.focusable:focus {
			   position :absolute;
			   width:auto;
			   height:auto; 
			   color: #fff!important;
			   float: left;
			   text-decoration:none;
			   padding: 5px 10px;       
		}