@charset "utf-8";
@import url("index.css");
@import url("reset.css");
@import url("banner.css");
@import url("news.css");
@import url("product.css");
@import url("video.css");
@import url("form.css");


/* ------------- 文繞圖 ------------- */
.image-left {
float: left;
margin: 0 8px 8px 0;
border: 0px solid #ccc;
padding: 0px;
}
 
.image-right {
	float: right;
	margin: 0 0 8px 8px;
	border: 0px solid #ccc;
	padding: 0px;
}
 
   


/* 相簿 */
.albumimgfix {
    width: 200px;
/*    height: 160px;*/
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.album {
/*    background: url(../../images/temp_a/album_bg.png) no-repeat 0 0;*/
    width: 200px;
/*    min-height: 198px;*/
    float: left;
    margin-right: 25px;
    padding: 20px 0 15px 0;
}
.album a {
    color: #666;
}
.albumimgfix img {
    max-width: 200px;
/*    max-height: 140px;*/
}
.albumlist_description {
    padding-top: 10px;
}
.album_name {
    text-align: center;
}





html { 
	overflow-y:scroll;
}

body {
	margin:0;
	/*font-family: Arial, '新細明體', Verdana , sans-serif;*/
	font-family: Arial, '微軟正黑體', Verdana , sans-serif;
}

a{
	color:#333;
	text-decoration:none;
	}
	
a:hover{
	color:#0B3764;
	text-decoration:none;
	}
h6 {
	line-height: 100%;
	color:#999;
}


/* ------------- all ------------- */
#contenter{ 
	width:100%;
	display:block;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../../images/temp_a/include/bk.jpg);
	}
	
	
#top{
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
	/*overflow:hidden;*/
	}
	
#main{
	width:100%;
	display:block;
	overflow:hidden;
	position:relative;
	}

#content_b {
    width: 100%;
    display: block;
    background:rgba(55,133,199,0.2);
	margin:0 0 15px 0;
}
#content_b2 {
	width:1000px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../../images/temp_a/index/content_b2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:42px 0 30px 0;
	}
#content{ 
	width:1000px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	}

#sidebar{ 
	margin:0;
	padding:0;
	float:left;
	width:268px;
	display:block;
	overflow:hidden;
	}
	
#article{
	margin:0;
	padding:0;
	float:left;
	width:732px;
	display:block;
	overflow:hidden;
}


#footer{
	bottom:0;
	width:100%;
	display:block;
	overflow:hidden;
	background-color:#0B3764;
	}

#foot_search{
	width:100%;
	display:block;
	overflow:hidden;
	position:relative;
	min-height:200px;
	background-image: url(../../images/temp_a/index/foot_search.png);
	background-position: center top;
	background-repeat: no-repeat;
	}
#search_main{
	width:1000px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	}
#search_main2{
	width:385px;
	display:block;
	float:right;
	padding:80px 0 0 0;
	}
.btn-cis1 {
    border-radius: 6px;
    background: #0B3764;
    border-width: 1px;
    border-style: solid;
    border-color: #0B3764;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}
.btn-cis1:hover {
    background: #489DD7;
    border-width: 1px;
    border-style: solid;
    color: #fff;
	border-color: #489DD7;
}
.btn-cis2 {
    border-radius: 16px;
    background: #0B3764;
    border-width: 1px;
    border-style: solid;
    border-color: #0B3764;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.6em 0.8em;
    line-height: 1em;
    font-size: 6px;
    cursor: pointer;
    display: inline-block;
	margin:0 0 0 5px;
}
.btn-cis2:hover {
    background: #489DD7;
    border-width: 1px;
    border-style: solid;
    color: #fff;
	border-color: #489DD7;
}

.top_search {
	padding: 0 0 0 10px;
	display:block;
	overflow:hidden;
	float:right;
	
	}
.top_search input {
    border: 1px solid #0B3764;
    border-radius: 16px;
    box-shadow: none;
    height: 24px;
    padding: 0 1em;
    color: #999;
    font-size: 12px;
    letter-spacing: 2px;
}
#search_main2 input {
    border: 1px solid #0B3764;
    border-radius: 6px;
    box-shadow: none;
    height: 28px;
    padding: 0 1em;
    color: #4d4d4d;
    font-size: 14px;
    letter-spacing: 1px;
}
/* ------------- header------------- */

.hot{
	width:1000px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding:10px 0 0 0;
	}
		
.logo{
	margin:0;
	float:left;
	display:block;
	overflow:hidden;
	padding:0 0 0px 0;
	}
	.tel {
	padding: 0 0 0 10px;
	height:37px;
	display:block;
	overflow:hidden;
	float:right;
	
	}
.google {
	padding: 0 0 0 10px;
	height:37px;
	display:block;
	overflow:hidden;
	float:right;
	
	}
.language {
	padding: 0 0 0 10px;
	height:37px;
	display:block;
	overflow:hidden;
	float:right;
	
	}

.language ul{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	}

.language ul li{
	float:left;
	color:#0f409b;
	/*padding: 0 5px;*/
	display:block;
	font-size:13px;
	list-style:none;
	text-align:center;
	margin: 0 0 0 5px;
	}

.language ul li a{
	display:block;
	color:#0f409b;
	padding: 0 2px;
	}

.language ul li a:hover{ 
	color:#155ada;
	display:block;
	}

.top_menu{
	width:100%;
	height:32px;
	display:block;
	background-color: #0B3764;
	}

.top_menu ul {
	width:1000px;
	display:block;
	/*overflow:hidden;*/
	margin:0 auto;
	/*padding: 0 0 0 85px;*/
	}
.top_menu ul ul , .top_menu ul ul li  , .top_menu ul ul li a { padding:0px; margin:0px;}
.top_menu ul li{
	float:left;
	color:#FFFFFF;
	display:block;
	cursor:pointer;
	list-style:none;
	padding:0 25px 0 0;
	text-align:center;
	width: 220px;
	}

.top_menu ul li a, .top_menu ul li a:link, .top_menu ul li a:visited{
	color:#FFFFFF;
	display:block;
	padding-top: 5px;
	}

.top_menu ul li a:hover, .top_menu ul li a:active{
	color:#FFFFFF;
	display:block;
	}
	
.top_menu ul li:hover{
	color:#FFFFFF;
	display:block;
	}
	
/* ------------- left ------------- */

#left{ 
	float:left;
	width:305px;
	display:block;
	overflow:hidden;
	margin:95px 0 60px 0;
	}

#left img{ 
	display:block;
	padding:0;
	margin:0;
	}
		
ul.menu{ 
	padding:0;
	margin:0;
	width:305px;
	display:block;
	background-position:center;
	background-repeat:repeat-y;
	background-image:url(../../images/temp_a/include/left_bk.png);
	}

ul.menu li{
	display:block;
	color:#636363;
	font-size:16px;
	list-style:none;
	overflow:hidden;
	position:relative;
	margin:0 25px;
	padding:2px 0 2px 15px;
	background-position:left 16px;
	background-repeat:no-repeat;
	background-image:url(../../images/temp_a/index/index_icon_03.png);
	line-height: 220%;
	}

ul.menu li a{
	color:#636363;
	display:block;
	}
	
ul.menu li a:hover{
	color:#2A5BA0;
	}


.menu_s01{
	font-size:13px;
	display:block;
	color:#f6e7b4;
	cursor:pointer;
	overflow:hidden;
	list-style:none;
	margin:0 50px 5px 50px;
	}

.menu_s01 a{
	color:#828282;
	display:block;
	margin:0 0 5px 0;
	padding:5px 10px 5px 15px;
	border-bottom:1px solid #e4e4e4;
	background-position:5px 10px;
	background-repeat:no-repeat;
	background-image:url(../../images/temp_a/include/left_menu_2_icon.png);
	}
	
.menu_s01 a:hover{
	color:#eea659;
	}
	
	
	
.company_menu_02{
	margin:0;
	font-size:13px;
	display:block;
	color:#f6e7b4;
	cursor:pointer;
	overflow:hidden;
	list-style:none;
	padding:0 10px 0 0;
	}

.company_menu_02 a{
	color:#828282;
	display:block;
	padding:5px 10px 5px 15px;
	border-bottom:1px solid #e4e4e4;
	background-position:5px 10px;
	background-repeat:no-repeat;
	background-image:url(../../images/temp_a/include/left_menu_2_icon.png);
	}
	
.company_menu_02 a:hover{
	color:#eea659;
	}
	
		
.prod_search{
	display:block;
	margin:0 auto;
	padding:10px 0 20px 0;
	}

.prod_search_input{
	color:#333333;
	font-size:12px;
	padding:2px 4px;
	border:1px solid #e1e0e0;
	}
			
.left_contact{
	display:block;
	padding:10px 0;
	margin:0 auto 0 10px;
	}
	
	
/* ------------- article ------------- */

#rightbox{
	margin:0;
	padding:0 0 60px 0;
	float:left;
	width:695px;
	display:block;
	overflow:hidden;
	}

.content-main{
	display:block;
	width:645px;
	overflow:hidden;
	margin: 0 0 0 50px;
	}
				
.title{
	padding:0;
	margin:0 auto;
	position:relative;
	text-align: right;
	}

.title span{
	margin:0;
	display:block;
	color:#9d9d9d;
	font-size:14px;
	float: right;
	padding: 15px 0 0 0;
}
.title2{
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url(../../images/temp_a/include/title_bg.png);
	height: 36px;
	width: 100%;
	margin: 118px 0 20px 50px;
	}
.title2 h1{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	float: left;
	padding: 8px 0 0 15px;
}




.title span a{
	color:#9d9d9d;
	font-size:14px;
}

.title span a:hover{
	color:#0B3764;
}


.site{
	top:5px;
	right:50px;
	margin:0;
	display:block;
	overflow:hidden;
	line-height:30px;
	position:absolute;
	}

.site ul{
	margin:0;
	float:right;
	padding:0 10px;
	}
	
.site ul li{
	margin:0;
	color:#636363;
	display:inline;
	list-style:none;
	font-size:12px;
	padding: 0 5px 0 0;
	}

.site ul li a{
	margin:0;
	color:#3b79bb;
	}

.site ul li a:hover{
	margin:0;
	color:#3b79bb;
	}


/*----------------------------------------------------------------  各頁面內容  ---------------*/
.m_com{
	display:block;
	width:695px;
	background-repeat:repeat-y;
	background-image:url(../../images/temp_a/include/main_bk.png);
}
.m_com p{
	color:#828282;
	padding:10px 40px;
	font-size:12px;
	line-height: 24px;
}


.section{
	margin:0;
	padding:0;
}

.section h1{
	margin:0;
	color:#3b79bb;
	font-size:1em;
	font-weight:bold;
	line-height: 24px;
	padding:10px 20px;
	background-repeat:no-repeat;
	background-image:url(../../images/temp_a/include/section_icon.png);
}
	
.section p{
	margin:0;
	color:#828282;
	padding:10px 50px;
	font-size:0.8em;
	line-height: 24px;
}

.main_down{
	margin:0;
	height:90px;
	padding:20px 0 0;
}


.search{
	margin:0 auto;
	padding:10px 40px 10px 50px;
}

.search_list{
	margin:0 auto;
	padding:5px 0;
	display:block;
	overflow:hidden;
}

.search_list h1{
	margin:0;
	padding:0;
	float:left;
	width:200px;
	display:block;
	color:#828282;
	font-size:14px;
	line-height: 24px;
}

.search_list input{
	margin:0;
	padding:0;
	float:left;
	display:block;
}


/* ------------- page ------------- */
#move_page { text-align:center; margin:0 auto; padding:20px 0; display:block; clear:both;}
#move_page .onthis{	font-size:14px; font-weight:bold; color:#424242; text-decoration:none;  text-transform:none; padding-right:5px; padding-left:5px;}
#move_page a { font-size:11px; font-weight:normal;	color:#838383; text-decoration:none; padding-right:5px; padding-left:5px;}
#move_page a:hover { color:#424242;  text-transform:none;}


/* ------------- footer ------------- */

#foot_m{ 
	width:100%;
	min-height:138px;
	clear:both;
	display:block;
	overflow:hidden;
	min-height:200px;
	background-color:#E4E4E4;
	}
#foot_m2{
	width:1000px;
	margin: 0 auto;
	clear:both;
	display:block;
	overflow:hidden;
	padding: 26px 0 0 0;
	min-height:74px;
	background-image:url(../../images/temp_a/index/foot_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	}	
#foot_m3{ 
	width:1000px;
	margin: 0 auto;
	clear:both;
	display:block;
	overflow:hidden;
	padding: 0 0 40px 0;
	}


.footer_menu{ 
	width:100%;
	height:40px;
	margin: 0 auto;
	background-color:#333333;
	}

.footer_menu ul{ 
	width:1000px;
	text-align:center;
	margin: 0 auto;
	}	
	
.footer_menu ul li{ 
	margin:0;
	padding: 0;
	font-size:13px;
	color:#cbcbcb;
	display:inline;
	list-style:none;
	line-height:40px;
	}
	
.footer_menu ul li a{ 
	color:#cbcbcb;
	padding: 0 20px;
	}
	
.footer_menu ul li a:hover{ 
	color:#FFFFFF;
	}
		
.footer_box{ 
	width:1000px;
	margin: 0 auto;
	position:relative;
	padding:15px 0 6px 0;
	}

.footer_box p{
	color:#fff;
	font-size:12px;
	padding:0 0 10px 0;
	}
	
.footer_box p a{
	color:#fff;
	}

.footer_box p a:hover{
	color:#fff;
	}

.design{
	top:20px;
	right:0;
	height:40px;
	color:#ef8100;
	font-size:10px;
	line-height:40px;
	position:absolute;
	padding: 0 0 0 30px;
	background-position:left;
	background-repeat:repeat-y;
	background-image:url(../../images/temp_a/include/footer_box_line.jpg);
	}
	
.design a{
	color:#6a6a6a;
	}

.design a:hover{
	color:#000000;
	}