@charset "utf-8";

body , .wrapper{ position:relative; color:#666666; background:#fff;}

/*a 鏈結字*/
a { color:#666666;}
a:hover, a:focus { color:#002870;}


/*分頁===================*/
.page{
	padding:30px 0px 0px 0px;
	margin-bottom:30px;
	font-size:0.9em;
	text-align:center;
}
.page , .page a{ color: #666666;}
.page a:hover{ color: #002870; }
.page a , .page span{
	display:inline-block;
    padding: 4px 4px 4px 4px;
	line-height:1.5;
	min-width:30px;
	text-align:center;
	border:#666 solid 1px;
}

.page span{ 
	background: #002870; 
	color: #fff; 
}



.sidebar{
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	height:100%;
	min-height:100vh;
	width:278px;
	background:#002870;
}

.header-top{
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	background:#002870;
	width:100%;
	height:22px;
}

.header-top:before{
	position:absolute;
	bottom:-14px;
	right:0;
	width:1038px;
	height:14px;
	content:"";
	background:url(../images/shadow_02.png) no-repeat center;
	background-sizw:cover;
}

/*------*/

#menu {
    background: #FFF url(../images/left_bg.png) top right repeat-y;
    /*width: 15%;*/
	max-width:278px;
    overflow: hidden;
    height: 100%;
	background-size:73px auto;

	display: block;
    position: fixed;
    top: 0;
    left: 0;
}

#menu:before{
	position:absolute;
	top:0;
	right:0;
	width:22px;
	height:1052px;
	content:"";
	background:url(../images/shadow_01.png) no-repeat top right;
	background-sizw:cover;
}

#menu #logo {
    width: 143px;
    height: 143px;
	margin:60px auto 125px auto;
    overflow: hidden;
}

#menu #hmenu {
    width: 250px;
    margin: 0 0 0 75px;
    padding: 0;
    list-style: none;
}

#menu #hmenu li {
	width:140px;
    padding: 0 5px 10px 5px;
    margin: 30px 0 0px 0;
	border-bottom:#808080 1px solid;
}

#menu #hmenu li a{
    color: #808080;
}

#menu #hmenu li a span {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
    font-size: 12px;
    letter-spacing: 1px;
    color: #808080;
	text-align:right;
	text-transform:uppercase;
}

#menu #hmenu > li:hover,
#menu #hmenu > li.active {
	border-bottom:#738CBA 1px solid;
}


#menu #hmenu > li > a:hover,
#menu #hmenu > li.active > a {
    color: #002870;
	font-weight:bold;
}

#menu #hmenu > li.active > a span,
#menu #hmenu > li > a:hover span {
    color: #738CBA;
	font-weight:bold;
	position:relative;
	text-align:left;
    animation:TestMove 1s 1 forwards; /*IE*/
    -moz-animation:TestMove 1s 1 forwards; /*FireFox*/
    -webkit-animation:TestMove 1s 1 forwards; /*Chrome, Safari*/
}

@keyframes TestMove{
    from {left:95%;}
    to {left:0%;}
}
@-moz-keyframes TestMove{
    from {left:95%;}
    to {left:0%;}
}
@-webkit-keyframes TestMove{
    from {left:95%;}
    to {left:0%;}
}

/*內容區 ======================*/

.content-wrap {
/*	position:absolute;
	top:22px;
	right:0;
	width: 85%;
	height: 100%;
	overflow: scroll;*/
	/*float:left;*/
	/*position:absolute;
	z-index:3;
	top:0;
	left:0;*/
	padding-left:278px;
	
	/*width:85%;*/
	width:100%;
	/*max-width:100%;*/
	min-width:950px;
	height:100%;

	background:#FFF;
	z-index:9;
	/*overflow: scroll;*/
}




.idx-banner {
	width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.idx-banner .item { width: 100%; }
.idx-banner .item img{ width:100%; height:auto; }


/*標題 ========================*/
.headline{
	position:relative;
	border-bottom:1px solid #002870;
	padding:50px 0 30px 50px;	
}

.headline:before{
	position:absolute;
	top:35px;
	left:145px;
	width:75px;
	height:50px;
	content:"";
	background:url(../images/title_icon.png) no-repeat center;
	background-size:cover;
}

.headline:after{
	position:absolute;
	bottom:-15px;
	left:0;
	width:1038px;
	height:14px;
	content:"";
	background:url(../images/shadow_02.png) no-repeat left;
	background-size:cover;
}

.headline .title{
	position:relative;
	display:block;
	padding:0px 5px;
	text-align:left;
	color:#002870;
	font-size:20px;
}

.headline .subtitle{
	position:relative;
	display:block;
	text-align:left;
	/*width:120px;*/
	padding:0px 0px 0 125px;
	color:#738CBA;
	font-size:16px;
}

/*導覽 ========================*/
.breadcrumbs{
	position:absolute;
	z-index:5;
	top:-20px;
	left:0px;
	font-size:14px;
	line-height:1.5;
	text-align:right;
	color:#738CBA;
}
.breadcrumbs span{margin-right:0px;}
.breadcrumbs span:after{
	content:"/";
	margin-left:5px;
	font-size:10px;
}
.breadcrumbs span:last-child:after{display:none;}
.breadcrumbs a{ color:#738CBA; }
.breadcrumbs a:hover{ color:#002870; }

/*分類 ========================*/

.category li { 
	position:relative;
	z-index:2;
	float:left;
/*	margin-left:30px;*/
	margin-right:60px;
}

.category li a{
	font-size:16px;
	line-height:1.5;
	color:#fff;
	background:#002870;
	padding:2px 20px 2px 25px;
	
	-ms-border-radius:0px 30px 30px 0px;
	-moz-border-radius:0px 30px 30px 0px;
	-webkit-border-radius:0px 30px 30px 0px;
	-o-bborder-radius:0px 30px 30px 0px;
	border-radius:0px 30px 30px 0px;
}
.category li a:hover{ color:#fff; background:#738CBA; }

.category li.active a{
	color:#fff; 
	background:#738CBA; 
}
/*.category li a:before{
	position:absolute;
	z-index:-9;
	top:-50%;
	left:50%;
	width:145px;
	height:49px;
	content:"";
	background:url(../images/title_icon_01.png) no-repeat center;
	background-size:cover;
}

.category li a:last-child:before{ display:none;}*/

/*頁尾 footer==================*/
.footer{
	/*display: block;*/
	position:relative;
	display:block;
    margin: 0px 0 0 0%;
	width:100%;
    /*height: 258px;*/
    background: #002870;
    font-size: 12px;
    line-height: 42px;
    color: #737373;
    text-align: center;
}

.footer , .footer a{ color:#FFF; }
.footer a:hover{ color:#ccdde9; }

.top-boutton{
	position:absolute;
	z-index:5;
	top:-30px;
	right:1%;
	width:59px;
	height:59px;
}

.foooter-info , .foooter-info a{ color:#FFF; text-align:left;}
.foooter-info{ position:relative; font-size:14px; line-height:1.5; padding:80px 0 0px 200px ;}
.foooter-info:before{
	position:absolute;
	top:40px;
	left:50px;
	width:141px;
	height:141px;
	content:"";
	background:url(../images/logo.png) no-repeat center;
	background-size:cover;
}
.foooter-info li{ padding-left:13px;}

.social-list{ text-align:right; padding-bottom:20px; padding-right:15px;}
.social-list li{ 
	display:inline-block; 
	margin-left:10px; 
}

.social-list li a{ display:block; width:100%; height:100%; }
.social-list li img{ display:block; }

.social-list li.fb {
	background:url(../images/fb_icon.png);
	width:34px;
	height:34px;
}

.social-list li.fb:hover {
	background:url(../images/fb_icon_hover.png);
}

.social-list li.mail {
	background:url(../images/mail_icon.png);
	width:34px;
	height:34px;
}

.social-list li.mail:hover {
	background:url(../images/mail_icon_hover.png);
}

.social-list li.line {
	background:url(../images/line_icon.png);
	width:34px;
	height:34px;
}

.social-list li.line:hover {
	background:url(../images/line_icon_hover.png);
}

.social-list li.home {
	background:url(../images/home_icon.png);
	width:34px;
	height:34px;
}

.social-list li.home:hover {
	background:url(../images/home_icon_hover.png);
}
.web-designer{
	background:#4D4D4D;
	color:#FFF;
	height:50px;
	padding-right:20px;
	text-align:right;
	font-size:14px;
}


.pdlerg-set{
	position: relative;
	/*width:70%;*/ 
	height:100%; 
	padding-top:40px; 
	clear:both; 
	padding-bottom: 150px;
}



/*以上首頁和內頁共同設定*/
/*----------------------------------------------*/

/* <<=== 首頁 =============================================>> */

/*整個搜尋區塊*/
.search-fm{
	position:absolute;
	top:250px;
	left:75px;
	border:1px solid #002870; 
	background:#ffffff; 
	padding:0px;
}
.search-fm:before, .search-fm:after{ display:table; content:" " }
.search-fm:after{ clear:both }

.search-input , .search-btn{
	border:1px solid #E6E6E6;
	background:#E6E6E6;
	float:left;
	font-size:14px;
	line-height:1; 
	height:30px;
	outline:none;
	color:#002870;
	font-weight:bold;
}
.search-input{ padding:0px 15px;  width:104px;}

.search-btn{ position:relative; cursor:pointer; text-align:center; width:35px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #002870;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #002870;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #002870;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #002870;
  opacity: 1;
}

/*整個搜尋區塊*/

.pro-con{
	width:100%;
	height:auto;
	position:absolute;
	top:25%;
	left:1%;
}

.pro-index{ 
	position:relative; 
	text-align:center;
	background:#FFF;
	
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.pro-index .photo{
	position:relative;
	width:100%;
	height:364px;
	overflow:hidden;
	border:2px solid #002870;
	-webkit-box-shadow: 0 0 5px 0px #7F7F7F;
	-moz-box-shadow: 0 0 5px 0px #7F7F7F;
	box-shadow: 0 0 5px 0px #7F7F7F;
}

.pro-index .photo a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	z-index:5;
}

.pro-index:hover{
	-webkit-box-shadow:0 0 12px 5px rgba(255,255,255,0.95);
	-moz-box-shadow:0 0 12px 5px rgba(255,255,255,0.95);
	-o-box-shadow:0 0 12px 5px rgba(255,255,255,0.95);
	box-shadow:0 0 12px 5px rgba(255,255,255,0.95);
}

/*.pro-index .photo a:before{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	height:100%;
	content:"";
	background:#000;
	opacity:0.27;
	filter:alpha(opacity=27);
	
	
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
}

.pro-index .photo a:after{
	position:absolute;
	top:50%;
	left:50%;
	z-index:4;
	width:136px;
	height:89px;
	margin-top:-10px;
	margin-left:-70px;
	content:"View Products";
	color:#FFF;
		
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	
	transition:All 0.7s ease;
	-webkit-transition:All 0.7s ease;
	-moz-transition:All 0.7s ease;
	-o-transition:All 0.7s ease;
}*/

.pro-index .photo img{
	display:block;
	max-width: 100%;
	max-height: 100%;

	position: absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.pro-index .box{
	/*padding:30px 10px;*/
	background:#002870;
}
.pro-index .box a{
	display:block;
	color:#fff; 
	font-size:16px;
	padding:30px 10px;
}

.pro-index .photo a:hover:before , .pro-index .photo a:hover:after {
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

/*****MORE*****/

.index-more {
	display:inline-block;
	text-align:left;
	width:280px;
}

.index-more .more{
	position:relative;
	background:#002870;
	border: 1px solid #002870;
	color:#ffffff;
	cursor: pointer;
    padding: 0.2em 3em;
	margin:50px 0;
	text-align:center;
	-ms-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-bborder-radius:30px;
	border-radius:30px;
}
.index-more .more a{
	color:#ffffff;
}
.index-more .more:hover{ background:#738CBA; border-color:#738CBA; color:#ffffff; outline: none;}

.new-con{
	width:100%;
	height:auto;
	position:absolute;
	top:5%;
	left:1%;
}

.new-title{
	position:relative;
	width:100%;
	height:auto;
	font-size:35px;
	color:#002870;
	font-weight:bold;
}

.news-item-index{
	position:relative;
	width:100%;
	height:200px;
	margin:1px 0;
	border:transparent solid 3px;
	position:relative;
	color:#000;
	background:rgba(255,255,255,0.5)
	/*border-bottom: 3px solid transparent;*/
}

.news-item-index a{
	float:left;
	width:100%;
	height:100%;
	padding:0px 20px 0px;
}

.news-item-time{
	float:left;
	width:50%;
	/*color:#000;*/
	font-size:14px;
	padding:30px 10px 10px;
}

.news-item-title{
	float:left;
	width:100%;
	/*color:#000;*/
	font-weight:600;
	font-size:18px;
	letter-spacing:2px;
	padding:0px 10px 5px;
	height:30px;
    overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.news-item-intro{
	float:left;
	width:100%;
	/*color:#000;*/
	font-size:16px;
	letter-spacing:1px;
	padding:0px 10px 0px;
	max-height:100px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-height:1.5;
	word-wrap: break-word;
	word-break: break-all;
}

.news-item-index:hover ,.news-item-index a:hover{
	background:rgba(0,0,0,0.3);
	color:#ffffff;
}

.news-item-index:hover{
	border:#002870 solid 3px;
}

.index-if{
	display:inline-block;
	width:49%;
	min-width:450px;
	
	padding:50px 5px 50px 5px;
	text-align:center;
}

/* <<=== 關於我們 =============================================>> */
.about-area{position:relative; z-index:3;}

.about-area .photo{ /*max-width:750px;*/}
.about-area .photo img{ display:block; margin:0 auto; max-width:100%; height:auto;}

.about-area .photo li{ padding-bottom:30px;}

.about-area .photo li img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.about-area .photo li iframe{
	display:block;
	max-width:750px;
	height:300px;
	margin:0 auto;
}

/*因後台編輯器 span會自添縮排*/
.about-area .intro span{ display:block; clear:both;}

/* <<=== 最新消息 =============================================>> */

.news-item{
	position:relative;
	width:100%;
	height:200px;
	padding:0px 20px 0px;
	margin:0px 0px -3px 0;
	border:#B3B3B3 solid 3px;
	position:relative;
	color:#000;
	/*border-bottom: 3px solid transparent;*/
}

.news-item a{
	float:left;
	width:100%;
	height:100%;

}

.news-item-time{
	float:left;
	width:50%;
	/*color:#000;*/
	font-size:14px;
	padding:30px 10px 10px;
}

.news-item-title{
	float:left;
	width:100%;
	/*color:#000;*/
	font-weight:600;
	font-size:18px;
	letter-spacing:2px;
	padding:0px 10px 5px;
	height:30px;
    overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.news-item-intro{
	float:left;
	width:100%;
	/*color:#000;*/
	font-size:16px;
	letter-spacing:1px;
	padding:0px 10px 0px;
	max-height:70px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height:1.5;
	word-wrap: break-word;
	word-break: break-all;
}

.news-item:hover ,.news-item a:hover{
	background:#7f7f7f;
	color:#e6e6e6;
}

.news-item:hover{
	border:#002870 solid 3px;
}

/* <<=== 最新消息詳細頁 =============================================>> */

.news-item-time-vi{
	width:50%;
	/*color:#000;*/
	font-size:14px;
	padding:0px 0px 10px;
}

.news-item-title-vi{
	width:100%;
	/*color:#000;*/
	font-weight:600;
	font-size:18px;
	letter-spacing:2px;
	padding:0px 0px 5px;
	height:30px;
    overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.download{
	/*max-width:750px;*/
	text-align:center;
	margin:10px 0 0 0;
}

.download li{
	position:relative;
	display:inline-block; 
}

.download ,.item a{	
	-ms-border-radius:30px 0px 0px 30px;
	-moz-border-radius:30px 0px 0px 30px;
	-webkit-border-radius:30px 0px 0px 30px;
	-o-bborder-radius:30px 0px 0px 30px;
	border-radius:30px 0px 0px 30px;

}

.download ,.item-dow a{
	-ms-border-radius:0px 30px 30px 0px;
	-moz-border-radius:0px 30px 30px 0px;
	-webkit-border-radius:0px 30px 30px 0px;
	-o-bborder-radius:0px 30px 30px 0px;
	border-radius:0px 30px 30px 0px;
}


.download a {
	font-size:16px;
	line-height:1.5;
	color:#fff;
	background:#002870;
	padding:2px 25px 2px 25px; 
}

.download a:hover{
	color:#fff; 
	background:#738CBA; 
}

/* <<=== 商品介紹 =============================================>> */

.pro-cate{
	float:left;
	width:80%;
	padding:0;
}


.pro-cate > li {
	float:left;
	width:40%;
	margin:0px 45px 15px 0%;
	position:relative;
}

.pro-cate > li:before{
	position:absolute;
	bottom:-14px;
	left:0;
	width:100%;
	height:14px;
	content:"";
	background:url(../images/shadow_03.png) no-repeat center;
	background-sizw:cover;
}

.pro-cate > li:after {
	position:absolute;
	top:3px;
	right:20px;
	width:18px;
	height:18px;
	content:"";
	background:url(../images/side_accordion.png) no-repeat center;
    background-position: 0 0%;
}
.pro-cate > li:hover:after {
    background-position: 0 100%;
}

.pro-cate > li:nth-child(6n) {
	margin-right:0px
}



.pro-cate > li.has-subcate > a{ cursor:default; }

.pro-cate > li > a {
	float:left;
	width:100%;
	height:25px;
	line-height:25px;
	font-size:0;
	padding:0 20px;
	color: #FFF;
	
	background: rgba(0,40,112,0.75);
}


.pro-cate > li > a span{
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#ffffff;
	letter-spacing:1px;
	
	padding:0px 0.5% 0 0.5%;
}


.pro-cate > li:hover > a {
	background: rgba(0,40,112,1);

}

.pro-cate > li.sub-cate:hover > a{
	border:1px solid #002870;
	border-bottom:1px solid #002870;

}


.pro-cate > li:hover > a span {
	color:#fff;
}

.pro-cate li:hover .sub-cate {
	visibility: visible;
	opacity: 1;
}


/*次選單 =====*/
.sub-cate {
	position: absolute;
	top:25px;
	left:0;
	width: 100%;
	padding:0;
	
	z-index: 12;
	background: rgba(0,0,0,1);
	border:2px solid #002870;
	padding:10px 0;	
	
	-webkit-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
	
	visibility: hidden;
	opacity: 0;
}

.sub-cate:before{
	position: absolute;
	z-index:13;
	top:-1px;
	left:0px;
	width: 66.6666%;
	height:1px;
	
	content:"";
	
	background:#000;
	background-size:cover;

}


.sub-cate li {
	float:left;
	width:100%;
	height:auto;
	list-style: none;
}

.sub-cate li a {
	float:left;
	width:100%;
	height:100%;
	font-size: 13px;
	line-height:1.4;
	text-decoration: none;
	color:#FFF;
	padding:2px 20px;
	text-align:left;

}

.sub-cate li a:hover {
	text-decoration:underline;
}

/* //次選單=*/

.pdlerg-set-item{
	position: relative;
	width:100%; 
	height:100%; 
	padding-top:40px; 
	clear:both; 
	padding-bottom: 70px;
}


.pro-item{ 
	text-align:center; 
	margin-bottom:80px;
	background:#FFF;
	
	
}

.pro-item .photo{
	position:relative;
	width:100%;
	height:364px;
	overflow:hidden;
	border:2px solid #002870;
	-webkit-box-shadow: 0 0 5px 0px #7F7F7F;
	-moz-box-shadow: 0 0 5px 0px #7F7F7F;
	box-shadow: 0 0 5px 0px #7F7F7F;
	
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.pro-item:hover .photo{
	-webkit-box-shadow:0 0 8px 3px rgba(0,40,112,0.9);
	-moz-box-shadow:0 0 8px 3px rgba(0,40,112,0.9);
	-o-box-shadow:0 0 8px 3px rgba(0,40,112,0.9);
	box-shadow:0 0 8px 3px rgba(0,40,112,0.9);
}

.pro-item .photo a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	z-index:5;
}

/*.pro-item .photo a:before{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	height:100%;
	content:"";
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	
	
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
}

.pro-item .photo a:after{
	position:absolute;
	top:50%;
	left:50%;
	z-index:4;
	width:136px;
	height:89px;
	margin-top:-50px;
	margin-left:-50px;
	content:"";
	background:url(../images/pro-hover.png) no-repeat center;
	background-size:cover;
		
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	
	transition:All 0.7s ease;
	-webkit-transition:All 0.7s ease;
	-moz-transition:All 0.7s ease;
	-o-transition:All 0.7s ease;
}*/

.pro-item .photo img{
	display:block;
	max-width: 100%;
	max-height: 100%;

	position: absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.pro-item .box{
	padding:10px 0 0 0;

}
.pro-item .box a{ color:#002870; font-size:16px;}

.pro-item .photo a:hover:before , .pro-item .photo a:hover:after{
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
/*.pro-item:hover .box a{ color:#ffbe42; text-decoration:underline;}*/

/* <<=== 商品介紹詳細頁 =============================================>> */

.pro-item-title-vi{
	width:100%;
	color:#002870;
	font-weight:600;
	font-size:18px;
	letter-spacing:2px;
	padding:0px 0px 10px;
    overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

/* <<=== 聯絡我們 =========================================================>> */
.pdlerg-contact {
    position: relative;
    width: 70%;
    height: 100%;
    padding-top: 40px;
    clear: both;
    padding-bottom: 150px;
}

.name-product_02 {
	position:relative;
	width:100%;
	font-size: 16px;
	color: #002870;
    padding: 0px 0px;
	margin:0 0 10px 2%;
	font-weight:bold;
}

.fm-btnsec {
	text-align:right;
}

/*-----------*/
.contact-info-wrap{ text-align:center; }
.contact-info{ display:inline-block; margin:30px 0; }
.contact-info , .contact-info a{ color:#002870; text-align:left;}
.contact-info{ position:relative; height:100%; font-size:16px; line-height:1.5; padding:0px 0 0px 160px ;}
.contact-info:before{
	position:absolute;
	top:0px;
	left:0px;
	width:141px;
	height:141px;
	content:"";
	background:url(../images/logo.png) no-repeat center;
	background-size:cover;
}
.contact-info li{ padding-left:13px;}


.contact-list{ display:inline-block; text-align:left; padding-top:20px; }
.contact-list span{ 
	display:inline-block; 
	margin-left:10px; 
}

.contact-list span a{ display:block; width:100%; height:100%; }
.contact-list span img{ display:block; }

.contact-list span.fb {
	background:url(../images/fb_icon_con.png);
	width:34px;
	height:34px;
}

.contact-list span.fb:hover {
	background:url(../images/fb_icon_hover.png);
}

.contact-list span.mail {
	background:url(../images/mail_icon_con.png);
	width:34px;
	height:34px;
}

.contact-list span.mail:hover {
	background:url(../images/mail_icon_hover.png);
}

.contact-list span.line {
	background:url(../images/line_icon_con.png);
	width:34px;
	height:34px;
}

.contact-list span.line:hover {
	background:url(../images/line_icon_hover.png);
}

.contact-list span.home {
	background:url(../images/home_icon_con.png);
	width:34px;
	height:34px;
}

.contact-list span.home:hover {
	background:url(../images/home_icon_hover.png);
}

.qrcode-info {
    position: relative;
	text-align:center;
  
}
.qrcode-info li{
	display:inline-block;
	margin:0 10px;
    
}

.map-sec{
	display:block;
	width:100%;
	height:300px;
	clear:both;
}



.menu-social-list{ margin-top:30px; margin-left:82px; }
.menu-social-list li{ display:inline-block; }
.menu-social-list li img{ display:block; max-width:35px; }
.menu-social-list li:hover{ opacity:0.8;}