@charset "utf-8";
.1 {
}
/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}


img {border: 0;}
a img{border: 0;}

ol, ul, li {list-style: none;}

a{ text-decoration:none;
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}/*去除連結虛線框*/

/*以上做網頁先複製


/*背景body*/
body{
	font-family: "微軟正黑體";
	width:100%;
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	padding:0;
	margin:0;
	background-color: #FFF;
}


/*外圍wrapper*/
#wrapper{
	width: 100%;
	/*position:relative;*/
	/*margin: 0 auto;*/
	} 



#header{
	width: 100%;
	height: 121px;
	margin: 0 auto;
	
	/*background-color: #2162ab;*/
	background-image: url(../images/logo_02.png);
}


#logo{
	/*float:left;*/
	width: 1024px;
	height: 121px;
	/*background-image: url(../images/logo.png);*/
	margin: 0 auto;
}

/*-------nav-------------------------*/

#nav_box{
	/*float:left;*/
	width:100%;
	height:41px;
	background-image: url(../images/nav.png);
	}


#nav{
	/*float:left;*/
	width:1026px;
	height:41px;
	margin:0 auto;
	/*background-image: url(../images/nav.png);*/
	}

ul.td_menu {
	list-style: none;
	padding: 0;
	margin:0 auto;
}

ul.td_nav > li {
	position: relative;
	float: left;
	
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
}

ul.td_nav > li.nav_01 {
	width: 152px;
	height: 41px;
}

ul.td_nav > li.nav_02 {
	width: 104px;
	height: 41px;
		
}

ul.td_nav > li.nav_03 {
	width: 92px;
	height: 41px;
	
}

ul.td_nav > li.nav_04 {
	width: 131px;
	height: 41px;
	
}

ul.td_nav > li.nav_05 {
	width: 125px;
	height: 41px;
	
}

ul.td_nav > li.nav_06 {
	width: 98px;
	height: 41px;
	
}

ul.td_nav > li.nav_07 {
	width: 73px;
	height: 41px;
	
}

ul.td_nav > li.nav_08 {
	width: 101px;
	height: 41px;
	
}

ul.td_nav > li.nav_09 {
	width: 146px;
	height: 41px;
	
}
/*-------navend-------------------------*/

#header_bg1_box{
	width:100%;
	height:43px;
	background-image: url(../images/search_03.png);
	}

#header_bg1{
	width: 1024px;
	height: 43px;
	position:relative;
	float:right;
}


#header_bg2_box{
	width:100%;
	height:302px;
	background-image: url(../images/banner_04.png);

	}

#header_bg2{
	width: 1024px;
	height: 274px;
	position:relative;
	margin: 0 auto;

	
}

#content{
	width: 1024px;
	height: auto;
	min-height: 400px;
	/*position:relative;*/
	margin: 0 auto;
	background-color: #FFF;
	background-repeat: no-repeat;	
	padding:30px 0px 0px 0px;		
}

/*底部footer*/
#footer{
	width: 1024px;
	height: 74px;
	/*position:relative;*/
	margin: 0 auto;
}

#footer_box{
	width: 100%;
	height: 74px;
	background-image: url(../images/footer_02.png);
	background-repeat: repeat-x ;
	margin:100px 0px 0px 0px;
} 

/*左列內容*/
#left-menu{
	height:auto;
	margin: 0 auto;
	min-height:400px;
    width:1024px;
	
} 



.word {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;	
}

.word:hover {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #3b5591;
	word-wrap: break-word;
	word-break: break-all;	
}



.ppp {
	border: 1px solid #cdcdcd;
} 

.ppp:hover {
	border: 1px solid #1e41aa;
	/*box-shadow:10px 10px 10px 10px #6fc83a inset ;*/
} 

.pg{
	width: 242px;
	height: 82px;
	background-image: url(../images/products.png);
	background-repeat: no-repeat;
	/*background-color: #FF0000;*/	
	
	
	
}



.hotline{
	background-image: url(../images/hotline_02.png);
	background-repeat: no-repeat;

}



.p1 {
	font-family: "微軟正黑體";
	font-size: 11.5pt;
	color: #717071;
	word-wrap: break-word;
	word-break: break-all;
}

.p2 {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
}

.p3 {
	font-family: "微軟正黑體";
	font-size: 15pt;
	color: #1e41aa;
	word-wrap: break-word;
	word-break: break-all;
}

.p4 {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}

.p5 {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #ff0000;
	word-wrap: break-word;
	word-break: break-all;
}

.p6 {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}


.p7 {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}


.p8 {
	font-family: "微軟正黑體";
	font-size: 18pt;
	color: #1e41aa;
	word-wrap: break-word;
	word-break: break-all;
}


.p9 {
	font-family: "微軟正黑體";
	font-size: 15pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}

.p10 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #1e41aa;
	word-wrap: break-word;
	word-break: break-all;
}

/*分頁美化開始*/
.page{
	clear: both;
	margin-top:10px;
	text-align:center;
	padding:2px;font-weight:bolder;font-size:12px;}/*分頁整體間距;字體粗體;字體大小*/
.page a{
	border: 1px solid #ccc;
	padding: 0 5px 0 5px;
	margin: 2px;
	text-decoration: none;
	color: #666;
	border-radius: 5px;
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/

.page span{
	padding: 0 5px 0 5px;/*內間距*/
	margin: 2px;/*外間距*/
	color: #fff;/*字顏色*/
	border-radius: 5px;
	border: 1px solid #1e41aa; /*邊框顏色*/
	background-color: #1e41aa;/*背景色*/
}

/*分頁美化結束*/





.search-btn{
	/*outline:0;
	border:1px solid #EFEFEF;*/
	padding-left:28px;
	padding-right:10px;
	height:25px;
	margin-top:0px;
	background:#ffffff url(../images/icon-serch.png) no-repeat left center;
}

.search-btn:hover{
	background:#EFEFEF url(../images/icon-serch.png) no-repeat left center;
}



.download-btn{
	text-align:center;
/*	margin-top:80px;
	padding-bottom:150px;
	padding-top:25px;*/
	padding-top:35px;
	margin-bottom:-40px;


}

.download-btn a{
	/*float:left;*/
	display:inline-block;
	margin-left:30px;
	margin-right:30px;
	/*margin-top:20px;
	margin-bottom:30px;
	background:#75131E;*/
	color:#000;
	font-family: "微軟正黑體";
	font-size: 13pt;	
	width:150px;
	line-height:2;
	
	border-radius:50px;
	-ms-border-radius:50px; 
	-moz-border-radius:50px; 
	-webkit-border-radius:50px; 
	-o-border-radius:50px; 
	
	border:1px solid #cdcdcd;
}

.download-btn a:hover{
	background:#1e41aa;
	border:1px solid #1e41aa;
	color:#fff;
}

#category{
	margin-top:30px;
	padding-bottom:10px;
	position:relative;
	font-size:14px;
	padding-left:820px;

}


#category .category-selt{
	display:inline-block;
	padding:4px 10px 4px 10px;
	margin:0;
	border:1px solid #23415B;
}

#category .category-selt:focus{
	outline:none;
	
	box-shadow:inset 0 1px 1px rgba(35,65,91, 0.075),0 0 8px rgba(59,110,153, 0.8);
	-ms-box-shadow:inset 0 1px 1px rgba(35,65,91, 0.075),0 0 8px rgba(59,110,153, 0.8);
	-moz-box-shadow:inset 0 1px 1px rgba(35,65,91, 0.075),0 0 8px rgba(59,110,153, 0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(35,65,91, 0.075),0 0 8px rgba(59,110,153, 0.8);
	-o-box-shadow:inset 0 1px 1px rgba(35,65,91, 0.075),0 0 8px rgba(59,110,153, 0.8);
}

.film_iframe{
	width:800px;
	height:auto;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:50px;
	text-align:center;
	padding-left:18px;


}	




.story-con , .media-con , .activity-con , .contact-con , .shopping-con , .product-con , .pro_detail-con , 
.register-be-con , .register-con , .center-con , .find-pw-con , .cart-con , .order-view-con , .change-pw-con , 
.checkout-con , .error-con , .sgs-con , .beauti-con , .audit-con , .search01-con{
	min-height:400px;
}

.story01-1{
	margin-top:40px;
	margin-bottom:30px;
	padding-top:18px;
	margin-right:11px;
}

.story01-2{
	margin-top:40px;
	margin-bottom:30px;
	line-height:20px;
	color:#5F5D5D;
	font-size:18px;
	letter-spacing:3px;
}

.story01-3{
	margin-top:40px;
	margin-bottom:30px;
	padding-top:18px;
	margin-left:11px;
	
}

.story02 , .media01, .activity01 , .contact01 , .shopping01 , .product01 , .pro_detail01 , 
.register-be01 , .register01 , .center01 , find-pw01 , .cart01 , .order-view01 , .change-pw-view01 ,
.checkout01 , .error01 , .sgs01 , .beauti0101 , .audit01 , .order01 , .search01{
	padding:20px 0 60px 0;
	text-align:left;
	font-size:18px;
	
}

.product01-1 .title , .search01-1 .title{
	font-size:15pt;
	line-height:60px;
	color:#1e41aa;
}

.product01-1 .more , .search01-1 .more{
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#999;
	padding:0 5%;
	width:100%;
}

.product01-1 .more a  , .search01-1 .more a{
	border:1px solid #1e41aa;
	color:#1e41aa;
	padding:2px 5px;
	margin-right:10px;
}

.product01-1 .more a:hover  , .search01-1 .more a:hover{
	background:#1e41aa;
	color:#FFF;
}

/* <<===begin search================================>> */

.search01-1{
	float:left;
	/*border-bottom:1px dashed #ccc;*/
	padding:30px 10px;
	background-image:url(../images/lin_02.png);
	background-position: center bottom;/*背景置中置上*/
	background-repeat:no-repeat;
	
}

.search01-1 .title{
	padding-left:20px;
}

.search_txt{
	min-height:100px;
	overflow:hidden;
	font-size:13pt;
	color:#000;
	padding-left:20px;
}

.search01-1 .more{
	text-align:right;
	padding:0 0;
} 
.search01-1 .more a{margin-right:-200px;}



/* <<===End search==>> */