@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url("page.css"); /*頁碼*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
/* CSS Document */

body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 14px;
	line-height:1.5;
	color: #454545;
	background:url(../images/all/bg.jpg) left top repeat-x;
	}
a { color:#000; text-decoration: none; }
a:hover { color:#777; 
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/* --為避免客戶使用編輯器時會用到ul ol, 此重置值依情況自行啟用！
ol, ul, li { 
    margin: 0;
	padding: 0;
	font: inherit;
	border:0;
	vertical-align: baseline;
}
--*/

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1;}  /*清左右浮動*/
.page_title{
	background:url(../images/all/title_bg.png) no-repeat;
	width:684px;
	height:60px;
	font-size:22px;
	padding: 10px 0 0 0;
    font-weight: bold;
	}

/*通用排版用*/
.center { text-align:center; }
.flt { float:left; }
.flr { float:right; }

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.css-shadow {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #25AEE9; }
.red { color: #CC0000; }
.green { color: #28A9B1; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#613C33; }


/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
#wrapper { width:1000px; margin:0 auto;}
.container {width:1000px; background:url(../images/all/index_bg.png) repeat-y;}
.container2{ width:1000px; background:url(../images/all/index_bg.jpg) no-repeat; padding:0 20px; overflow: hidden;}
.youtube_all{ clear:both; display:block; width:560px; margin:0 auto; padding-top:20px;}

/*頁首*/
header { width:1000px; margin:0 auto; background:url(../images/all/header_bg.png) no-repeat; }
.headerContainer{
	overflow:hidden;
	padding: 20px 20px 0 20px;
	}
.logo{
	float:left;
	margin: 20px 0 15px 0;
	}
.top_right{
	float:right;
	text-align: right;
    margin: 10px 10px 0 0;
}
.eurolub{
	margin:30px 20px 0 0;
	}
header .submenu { list-style:none; padding:0 10px; margin:0; overflow:hidden; }
header .submenu li{
	float:left;
	}
/*主選單*/
nav { }
nav ul { list-style:none; padding:0; margin:0; }
nav ul li { }

/*次選單*/
.submenu { }
.submenu li { }

/*頁尾*/
/*footer { 
	background:url(../images/all/footer_bg.jpg) no-repeat;
	width:1000px;
	padding: 40px 20px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	z-index:1;
	}*/
footer {
	background:url(../images/all/index_bg.png) repeat-y;	
	width:1000px;
	margin:0 auto;
	}
.footer_box{
	background:url(../images/all/footer_bg.jpg) no-repeat #FFF left -1px;
	padding: 40px 20px;	
	overflow:hidden;
	clear: both;
	}
.footer_qr{
	float:left;
	}
.footer_info{
	float:left;
	font-size:13px;
	line-height:20px;
	margin:0;
	width:764px; text-align:center;
	}

.footer_info ul{
	overflow:hidden;
	list-style-type:none;
	margin: 0;
    padding: 0;
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:15px;
	font-weight:bold;
	text-align:center;
	}
.footer_info ul li{
	display:inline-block;
	}
footer a:hover{
	color:#e8540d;
	}
.footer_right{
	float:right;
	
	}

/*頁面框架*/
.main { float:right; width:675px; margin:40px 10px 0 0;}

/*側邊*/
.sidebar { float:left; width:230px; margin-top:40px; margin-left: 10px;}
.sidebar_title{
	background:url(../images/all/sidebar_title_b.png) no-repeat;
	font-size:20px;
	text-align:center;
	line-height:54px;
	color:#FFF;
	}
.sidebar_title2{
	background:url(../images/all/sidebar_title_o.png) no-repeat;
	font-size:20px;
	padding:0 0 0 20px;
	color:#FFF;
	line-height:45px;
	}
.sidebar .sidemenu { list-style:none; padding:0; margin: 0 0 40px 0; font-size:16px; }
.sidebar .sidemenu li { background:url(../images/all/point_b.png) no-repeat 20px 20px; padding:0 0 0 40px; line-height:54px; border-bottom:1px #cdd7eb solid; }
.sidebar .sidemenu li a{display:block; color:#565656; font-weight:bold;}
.sidebar .sidemenu li a:hover{color:#32446f; font-weight:bold;}
.sidebar_txt{
	font-size:13px;
	}
/*導航*/
.crumb { }
.crumb li { }

/*表單*/
.formWrap {
	margin: 10px 20px 0 20px;
    padding: 25px;
    border: 1px #ccc solid;
    border-radius: 10px;
	font-size: 16px;
	}
.formWrap table td{
	padding:5px 10px;
	}
.form_item{
	width:100px;
	line-height:36px;
	text-align: right;
	}
.form_item2{
	width:100px;
	line-height:36px;
	text-align: right;
	vertical-align: top;
	}
.form_date{
	width:480px;
	}
input.date_text{
	border: none;
    border-bottom: 1px #ccc solid;
    width: 100%;
	}
textarea.date_message{
	border: none;
    border-bottom: 1px #ccc solid;
	width:100%;
	height:70px;
	}
.form_txt{
	font-size:12px;
	text-align:right;
	}	
.date_code{
	border: none;
    border-bottom: 1px #ccc solid;
	height: 32px;
	}	
.red_txt{
	font-size:13px;
	color:#e8540d;
	}
.contact_txt{
	background:url(../images/p5_contact/img.jpg) no-repeat top right;
	margin: 30px 20px 0 20px;
	height:220px;
	}
.contact_txt p{
	padding:10px 5px 0 0;
	width:300px;
	font-size:16px;
	line-height:30px;
	}		
	
/*按鈕*/
.btnWrap { text-align:center; margin: 20px auto; overflow: hidden; width: 250px; }
.reset_btn, .Send_btn{
	float:left;
	background-color:#1a376f;
	margin:0 15px;
	width:95px;
	line-height:36px;
	height:36px;
	border-radius: 5px;
	}
.reset_btn a, .Send_btn a{
	color:#FFF;
	display:block;
	line-height:36px;
	height:36px;
	border-radius: 5px;
	}
.reset_btn a:hover, .Send_btn a:hover{
	background-color:#4f669f;
	}

/* 回頂端 */
#goTop {
/*	position:absolute;
	top:-8px;
	right:20px;*/
	width:69px;
	height:28px;
	cursor:pointer;
	display:none;
	-webkit-box-shadow: #EEE 0px 0px 5px; 
    -moz-box-shadow: #EEE 0px 0px 5px; 
    box-shadow: #EEE 0px 0px 5px;
	z-index:5;
	float: right;
    margin: 0 30px 0 0;
}
/*#goTop:hover { background:#000; color:#FFF; }*/
/*****************首頁**********************/
.banner_box{
	width:960px; margin:0 auto; padding-top:10px; padding-bottom: 50px;
	}
.content{
	overflow:hidden;
	padding: 0 0 40px 0;
	}
.index_link{
	float:left;
	width:230px;
	}
ul.link_list{
	width:230px;
	list-style-type:none;
	margin: 15px 0 40px 0;
    padding: 0;
    font-size: 13px;
    overflow: hidden;
	}
ul.link_list li{
	width:50%;
	background: url(../images/all/point.png) no-repeat left 13px;
    padding: 0 0 0 10px;
    float: left;
    line-height: 30px;
	text-decoration:underline;
	}
ul.link_list li a{
	display:block;
	}
ul.link_list li a:hover{
	color:#e8540d;
	}
.index_pro{
	float:left;
	background:url(../images/all/index_pro_bg.jpg) no-repeat;
	width:507px;
	height:263px;
	margin:0 20px;
	}
.index_pro_box{
	overflow:hidden;
	width:430px;
	margin: 30px 0 0 0;
	}
.index_proImg{
	float:left;
	/*margin: 0 0 0 10px;*/
    width: 120px;
	text-align:center;
	}
.index_proInfo{
	float:right;
	width: 285px;
    margin: 0 5px 0 0;
	}
.index_proInfo h2{
	font-size:20px;
	color:#025eb1;
	/*line-height:40px;*/
	padding:0px 0 14px 0;
	border-bottom:1px #aaa dashed;
	}
.focus_1{
	clear:both;
	}
.content_right{
	float:right;
	}
.content_right img{
	margin-bottom:10px;}

/*****************關於優路博*******************/
.header_box{
	width:960px; margin:0 auto; padding-top:10px;
	}
.about_blue{ color:#223f77; font-weight:bold;}
.about_yellow{ background:#fff799;}
.about_tx{ line-height:30px;}
.about_info{
	background:url(../images/p1_about/about_img.jpg) no-repeat;
	width:681px;
	line-height:30px;
	padding:0 0 40px 0;
	}
.about_info2{
	line-height:30px;
	padding: 20px 0 40px 0;
	}
.about_box{
	width:350px;
	padding-top:300px;
	}
.brand_list{
	overflow:hidden;
	}
.brand_list ul{
	width:300px;
	}
.certificate_list, .img_list{
	overflow:hidden;
	margin:20px 0;
	}
.certificate_box{
	float:left;
	border:1px #cdd7eb solid;
	box-shadow: 0px 0px 8px #797979;
	width:190px;
	height:263px;
	padding:5px;
	margin: 10px 15px 30px 15px;
	}
.img_box{
	border: 1px #cdd7eb solid;
    float: left;
    padding: 5px 4px;
    margin: 0 25px 25px 0px;
    height: 144px;
    width: 200px;
    line-height: 128px;
    box-shadow: 0px 0px 8px #797979;
	}
.img_box img{
	width:190px;
	}
/************產品分類**************/	
.pro_box{
	overflow:hidden;
	margin: 30px 0 0 0;
    padding: 0 0 10px 0;
	width:680px;
	}	
.style_left{
	float:left;
	}
.style_right{
	float:rigth;
	}
.pro_img{
	background:url(../images/p3_product/pro_bg.jpg) no-repeat;
	width:190px;
	height:240px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	}	
.pro_info{
	margin: 8px 0 0 0;
	float:right;
	width:470px;
	letter-spacing:1px;
	}
.pro_info > h2{
	font-size:20px;
	color:#025eb1;
	line-height:54px;
	border-top:1px #aaa dashed;
	border-bottom:1px #aaa dashed;
	}
.info_txt{
	line-height:24px;
	margin:10px 0 0 0;
	}	
.suit_info{
	font-size:13px;
	padding:0 0 0 3px;
	}	
.size_box{
	background-color:#f3f3f3;
	padding: 0px 20px 10px 20px;
	margin: 30px 0 50px 0;
	}
.size_box p{
	border-bottom:1px #ccc solid;
	line-height: 42px;
    padding: 0 0 0 10px;
	font-weight:bold;
	}
.size_box ul{
	overflow:hidden;
	padding: 0 0 0 30px;
	}	
.size_box ul li{
	float:left;
	width:25%;
	color:#666;
	}
.usr_table{
	margin:20px 0 40px 0;
	font-weight:bold;
	font-size:16px;
	color:#025eb1;
	}	
/*************p2******************/
.certification_01{
    color: #4f669f;
    background: url(../images/p2_certification/01.png) no-repeat 7px 7px #fff;
    padding: 10px 0 0 65px;
    height: 64px;
    margin: 30px 0 0px 0;
	font-weight:bold;
	}
.certification_02{
	color: #4f669f;
    background: url(../images/p2_certification/02.png) no-repeat 7px 7px #fff;
    padding: 10px 0 0 65px;
    height: 64px;
    margin: 30px 0 0px 0;
	font-weight:bold;
	}
.certification_03{
	color: #4f669f;
    background: url(../images/p2_certification/03.png) no-repeat 7px 7px #fff;
    padding: 10px 0 0 65px;
    height: 64px;
    margin: 30px 0 0px 0;
	font-weight:bold;
	}
.certification_table{
	width:100%;
	border-left:1px #fff solid;
	border-top:1px #fff solid;
	line-height:24px;
	margin:5px 0 40px 0;
	}
.certification_table td{
	border-bottom:1px #fff solid;
	border-right:1px #fff solid;
	padding: 5px 10px;
	}
.table_title{
	background-color:#00457c;
	color:#FFF;
	}	
.td_bg{
	background-color: #5068a2;
    text-align: center;
    color: #fff;
	}
.td_bg2{
	background-color:#dfdfdf;
	}
	
	
	
@media (max-width: 1024px) { 

}

@media (max-width: 768px) { 

}

@media (max-width: 640px) { 

}

@media (max-width: 480px) { 

}