@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
}

/* header */

_html { background: url(about:blank) fixed}  /* scrolling effect for IE6 */


#footer-webpages{
	width:100%;
}

#dmheader {
	width:100%;
	height:40px;
	position:fixed;
	z-index:10000;
	_position: absolute; /* position fixed for IE6 */
	_top:expression(documentElement.scrollTop+"px");
	top:0;
	left:0;
	z-index:1000 !important; /* cola bar always on top */
	background-image:url(../style/header_bg.png);
	background-repeat:repeat-x;
	
}

#dmheader_wrap {
	margin:0 auto;
	max-width:960px;
	min-width:320px;
	height:40px;
	position:relative;
	text-align:left;
	z-index:1000;
}

#dmheader_wrap .dmheader_logo {
	position:absolute;
	z-index:100;
	top:0;
	left:20px;
	width:290px;
	height:40px;
	margin:0;
	padding:0;
	text-indent:-3000px;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/header_logo2.png) no-repeat;
}

#dmheader_wrap .dmheader_logo a {
	display:block;
	width:100%;
	height:100%;
}

#dmheader_wrap .dmheader_link {
	position:absolute;
	/*top:9px;*/
	line-height:31px !important; /*chrome&ie11*/
	line-height:30px \9 !important; /*ie89*/
	*line-height:30px !important;/*ie7*/
	right:62px;
	margin:0;
	padding:1px;
	font-size:12px;
	font-family:'新細明體';
	color:#FFF;	
	font-weight: normal;
	}

:root #dmheader_wrap .dmheader_link{
	line-height:31px !important; /*ie9*/
	}

.dmbank #dmheader_wrap .dmheader_link {
	right:5px;
}
#dmheader_wrap .dmheader_link a {
	color:#FFF;
	text-decoration:none;
	font-family:'新細明體';
	font-weight: normal;
}

#dmheader_wrap .dmheader_link a:hover {
	color:#ffc600;
}

#dmheader_wrap .dmheader_share {
	position:absolute;
	top:5px;
	right: 10px;
}
#dmheader_wrap .dmheader_share .dmheader_share_fb,
#dmheader_wrap .dmheader_share .dmheader_share_google {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 2px;
}
#dmheader_wrap .dmheader_share .dmheader_share_fb a,
#dmheader_wrap .dmheader_share .dmheader_share_google a {
	width: 100%;
	height: 100%;
	display: block;
	border:none;
}
#dmheader_wrap .dmheader_share .dmheader_share_fb a {
	border:none;	
}
#dmheader_wrap .dmheader_share .dmheader_share_google a {
	margin-left:5px;
	border:none;
}


#dmheader_wrap .dmheader_share .dmheader_share_google a img,
#dmheader_wrap .dmheader_share .dmheader_share_fb a img{
	border:none;
	}

/*award*/
.dmheader_award {
	position:absolute;
	top:4px;
	right:130px;
	margin:0;
	padding:2px 10px;
	font-size:13px;
	color:#FF0;
	font-weight: bold;
}




/* footer */

body{
	}

#dmfooter {
	width:100%;
	display:block;
	bottom:0;
	height:40px;
	_height:40px;
	position: relative;
	z-index:9999;
	background-color:#84329b;
	font-family: Verdana;
	
}

#dmfooter_wrap {
	margin:0 auto;
	max-width:960px;
	min-width:600px;
	position:relative;
	text-align:left;
	z-index:9999;
	height:40px;
	background-color:#84329b;
}

#dmfooter_wrap .dmfooter_logo {
	position:absolute;
	top:-14px;
	left:20px;
	width:49px;
	height:49px;
	margin:0;
	padding:0;
	text-indent:-3000px;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/footer_logo.png) no-repeat;
}

#dmfooter_wrap .dmfooter_logo a {
	width:100%;
	height:100%;
	display:block;
}

#dmfooter_wrap .dmfooter_link {
	position:absolute;
	top:10px;
	left:20px;
	margin:0;
	padding:0;
	font-size:12px;
	color:white;
}
#dmfooter_wrap .dmfooter_link a {
	color:white;
	text-decoration: none;
}

#dmfooter_wrap .dmfooter_tel {
	/*position:absolute;
	top:10px;
	left:85px;*/
	margin:0 0 0 10px;
	padding:8px 0 0 0;
	font-size:15px;
	line-height:25px;
	color:white;
	float: left;
}

#dmfooter_wrap .dmfooter_telx2 {
	/*position:absolute;
	top:5px;
	left:90px;*/
	margin:0 0 0 10px;
	padding:4px 0 0 0;
	font-size:13px;
	line-height:15px;
	color:white;
	float: left;
}

#dmfooter_wrap .dmfooter_tel_long {
	/*position:absolute;
	top:4px;
	left:90px;*/
	margin:0 0 0 10px;
	padding:4px 0 0 0;
	font-size:12px;
	line-height:16px;
	color:white;
	float: left;
	font-family:'新細明體';
	font-family: 'Verdana';
}
#dmfooter_wrap .dmfooter_tel_long a {
	color:white;
	text-decoration: none;
}

#dmfooter_wrap .dmfooter_location {
	/*position:absolute;
	top:11px;
	left:220px;*/
	margin:11px 0 0 19px;
	padding:3px 7px 2px 22px;
	padding:4px 7px 1px 22px\9;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/footer_home.png) 5px 5px no-repeat #d40f7d;
	border-radius: 2px;
	font-size:12px;
	color:#ffc600;
	display: inline-block;
	float: left;
	height: 15px;
	-webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing: content-box;
	
}
#dmfooter_wrap .dmfooter_location a {
	color:white;
	width: 100%;
	height: 100%;
	display: block;
	font-weight:normal;
	text-decoration: none;
	font-family:'新細明體';
	font-family: 'Verdana';
	vertical-align: middle;
	line-height:15px;
	
}
#dmfooter_wrap .dmfooter_locationx2 {
	/*position:absolute;
	top:11px;
	left:220px;*/
	margin:-10px 0 0 10px;
	padding:2px 7px 2px 22px;
	padding:3px 7px 1px 22px\9;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/footer_home.png) 5px 4px no-repeat #d40f7d;
	border-radius: 2px;
	font-size:12px;
	line-height:15px;
	color:white;
	display: inline-block;
	font-family:'新細明體';
	font-family: 'Verdana';
}
#dmfooter_wrap .dmfooter_locationx2 a {
	color:white;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	font-family:'新細明體';
	font-family: 'Verdana';
}

#dmfooter_wrap .dmfooter_location_right {
	position:absolute;
	top:11px;
	left:440px;
	margin:0;
	padding:2px 7px 2px 22px;
	padding:3px 7px 1px 22px\9;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/footer_home.png) 5px 4px no-repeat #d40f7d;
	border-radius: 2px;
	font-size:12px;
	line-height:15px;
	color:white;
}

#dmfooter_wrap .dmfooter_location_right a {
	color:white;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

#dmfooter_wrap .dmfooter_ask {
	/*position:absolute;
	top:12px;
	left:210px;*/
	margin:8px 0 0 10px;
	padding:2px 7px 2px 22px;
	padding:3px 7px 1px 22px\9;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/footer_home.png) 5px 6px no-repeat #d40f7d;
	border-radius: 2px;
	font-size:12px;
	line-height:18px;
	color:white;
	display:inline-block;
	/*height:18px;*/
	*width:50px;
	font-family:'新細明體';
	font-family: 'Verdana';
    box-sizing: initial;
    -webkit-box-sizing: initial;
	-moz-box-sizing: initial;
}

#dmfooter_wrap .dmfooter_ask a {
	color:white;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	font-family:'新細明體';
	font-family: 'Verdana';
	font-weight: normal!important;
    line-height: normal;
    padding-top: 2px;
	padding-bottom: 3px;
}

#dmfooter_wrap .dmfooter_onlytel {
	position:absolute;
	top:15px;
	right:10px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#0060b0;
	font-family:'新細明體';
	font-family: 'Verdana';
}

#dmfooter_wrap .dmfooter_slogan {
	width: 360px;
	height: 40px;
	text-indent: -5000px;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/footer_slogan201705.png) right 0 no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
#dmfooter_wrap .dmfooter_slogan a {
	width: 100%;
	height: 100%;
	display: block;
}
#dmfooter_wrap .dmfooter_copyright_pc {
	width: 171px;
	/*height: 12px;*/
	display: block;
	background:url(/B2E_PageDesign/webDM/DMinfo/style/copyright_2025pc.png) right 3px no-repeat;
	position: absolute;
	right: 284px;
	top: 23px;
	text-indent: -5000px;
	line-height: 1;
}
#dmfooter_wrap .dmfooter_copyright_ipad {
	position: absolute;
	right: 284px;
	bottom: 1px;
	display: none;
}
#dmfooter_wrap .dmfooter_copyright_ipad img {
	width: 171px;
}



#sharecola {display: none;}


/*---rwdfooter---*/
#footer_rwd{
	display:none;
	bottom:0;
	padding:0;
	background-color:#84329b !important;	
	}

#footer_box{
	overflow:hidden;
	padding:2.2% 3% 2.2% 3%;
	background-color:#84329b !important;	
	position: relative;
	}

.footer_rwd_logo{
	width:50%;
	float:left;
	}

.footer_rwd_logo a{
	display:block;
	width:100%;
	}
	
.footer_rwd_logo img{
	width:85%;
	} 
	
#share_rwd{
	float:right;
	width:50%;
	}
#share_rwd img {
	display:block;}

#share_rwd div{
	width:22%;
	margin:4px 0 0 3%;
	float:right;
	}
#footer_box .dmfooter_copyright_ipad {
    position: absolute;
    right: 3.6%;
    /*bottom: -2px;
    width: 45%!important;*/
    width: 40%!important;
    bottom: 15px;
}
#footer_box .dmfooter_copyright_ipad img {
	width: 100%;
}





@media only screen and (min-width: 481px) {
	
	#footer_box{
	padding:2%  3% 1.5% 3%;
	}
	
	.footer_rwd_logo{
		width:40% !important;
		float:left;
		}	
	#share_rwd{
		float:right;
		width:50% !important;
		}
	#share_rwd div{
		margin-top:3px;
		width:20%;
		}
		
	/*#footer_box .dmfooter_copyright_ipad {
		bottom: -3px;
		width: 25%!important;
	}*/
	
}

/*------------特殊情況-------------*/

/*---FB-發燒好康的外掛---*/
#widgetUserReferr{
		display:none !important;
}

/*GOTOP 按鈕*/
#back-top, #gotop{
	bottom:50px;
}
	
/*------------側邊FB會員跟隨欄---------*/

.fblikebox{
	background: url(/B2E_PageDesign/webDM/DMinfo/style/btn_fb.png) no-repeat scroll left top transparent !important;
	display: block;
	float: right;
	/*height: 270px;*/
	height: 44px;
	padding: 0 5px 0 46px;
	width:245px;
	z-index: 99999;
	position:fixed;
	cursor:pointer;
	right:-250px;
	top:30%;
	*display:none;
	_position:absolute; 
	_background: url(/B2E_PageDesign/webDM/DMinfo/style/btn_fb.jpg) no-repeat scroll left center transparent;
	 -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
	}
		
.fblikebox div{
	position:relative;display:block;
	border:none !important;
	}

.fblikebox span{
	bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;
	right: 6px;
	text-align: right;z-index: 99999;}
	
.fblikebox span a{color: #808080;text-decoration:none;}
.fblikebox span a:hover{text-decoration:underline;} 
