@charset "utf-8";
/* CSS Document */
/*--共用-----------------------------------------*/
*{padding:0; margin:0; list-style:none;}
html {
	 font-family:"微軟正黑體", Arial, Helvetica,sans-serif;
	 -webkit-text-size-adjust:none;
	 height:100%;margin:0; padding:0;}
body{min-height:100%;font-family:"微軟正黑體", Arial, Helvetica,sans-serif;margin: 0;padding: 0;}
a:link{ color:#2A2A2A;text-decoration:none;}
a:visited{color:#2A2A2A;}
img{ display:block;}
img, object, embed, video {	max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
.clear{ clear:both;}
header,nav,article,section,aside,footer,main{display:block;}/*ie不支援html5標籤解法*/

/*----------------------------------------------*/
/* Desktop Layout */
header{ width:100%; height:58px; background-color:#003377; position:fixed; top:0px; z-index:100; box-shadow:rgba(0,0,0,0) 0px 1px 3px;}
header .header_Box{ width:1200px; margin:0 auto; position:relative;}
header .header_Box .logo{position:absolute; width:172px;/* margin: 0 auto;*/height:50px; top:6px; left:0px;}
header .TopLink{position:absolute;width:190px;height:34px;background-color: #00479d; right: 12px;top: 12px;text-align: center;line-height:34px;border-radius: 20px;letter-spacing: 1px;text-indent:20px;background-image: -moz-linear-gradient( 100deg, rgb(0,51,113) 0%, rgba(0,71,157,0) 100%);
  background-image: -webkit-linear-gradient( 100deg, rgb(0,51,113) 0%, rgba(0,71,157,0) 100%);
  background-image: -ms-linear-gradient( 100deg, rgb(0,51,113) 0%, rgba(0,71,157,0) 100%);box-shadow: 1px 2px 3px rgba(0,0,0,0.3);z-index: 200;}
header .TopLink a{display:block;color: #fff;}
header .TopLink a:before{content:"AAAAA";display: block; width:145px;height: 30px;position: absolute;}
header .TopLink a:hover{color:#ffff00;}
header .TopLink span,header .TopLink_B span{display:block;width:42px;height:42px;position: absolute;background-image: url(images/top-link.png);background-repeat: no-repeat;background-size: 100%;top:3px;right:0px;}

header .TopLink_B{position:absolute;width:190px;height:34px;background-color: #ca033e; right: 12px;top: 12px;text-align: center;line-height:34px;border-radius: 20px;letter-spacing:1px;text-indent:20px;background-image: -moz-linear-gradient( 100deg, rgb(134,0,40) 0%, rgba(134,0,40,0) 100%);
  background-image: -webkit-linear-gradient( 100deg, rgb(134,0,40) 0%, rgba(134,0,40,0) 100%);
  background-image: -ms-linear-gradient( 100deg, rgb(134,0,40) 0%, rgba(134,0,40,0) 100%);box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
header .TopLink_B a{display:block;color: #fff;}
header .TopLink_B a:before{content:"AAAAA";display: block; width:145px;height: 30px;position: absolute;}
header .TopLink_B a:hover{color:#ffff00;}

header .header_Box .logo a{display: block; width:250px; margin: 0 auto;height:50px;background-image:url(images/logo.png);background-size:100%;background-repeat: no-repeat; background-position: center;}
header .header_Box .logo img{width:0%;}
header .header_Box h2{ position:absolute; font-size:12px; color:#FFFFFF; letter-spacing:2px; left:135px; top:13px;text-indent: -9999px;}
#wrapper{width:1200px; margin:0 auto; height:100%; margin-top:58px;background-attachment: scroll !important;}
main{width:100%;background-color: transparent !important;}

/*電梯快速連結*/
.L_QuickLink{display:block;position: fixed; top:0px; width:830px;height:58px;margin: 0 auto;right:50%; margin-right:-398px;z-index:100;background-color:transparent;overflow: hidden;text-align: center;/*pointer-events:none;*/}
.L_QuickLink ul{list-style:none;display:flex;height:58px;margin: 0;padding: 0;justify-content: center;}
.L_QuickLink ul li{float:none;flex-basis:15%;}
.L_QuickLink ul li a{ display:block;height:58px; overflow:hidden; line-height:68px;background-color:#eeeeee;text-align:center; font-size:0.9em; margin-bottom:0px; text-decoration:none; color:#333333;border-radius:0;border:none; box-sizing:border-box; border-left:none;}
.L_QuickLink ul li:after{ display:block;border-right:1px #dddddd solid;position: absolute;z-index:100;}
.L_QuickLink ul li a:hover{color:#FFFFFF; background-color:#888888 !important;text-decoration:none;}
.L_QuickLink ul li a.h14{ line-height:14px; width:24px; height:24px; padding:10px;}
.conUnit{position:relative;top:-80px;height:0;overflow:hidden;}

/*輪播廣告*/
.AD_Box{width:100%; margin-top:45px;position: relative;height: 0;padding-bottom:52%;}
.AD_Box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*輪播廣告END*/
/* 商品區名稱：Pro_xx*/
/*4公格*/
.Pro_01{ width:100%;margin:0 auto; overflow:hidden; clear:both; box-sizing:border-box; /*background-color:transparent!important;*/}
.Pro_01 ul{ display:block; text-align:center; text-indent:4px; margin:6px 0;}
.Pro_01 ul li{ display:inline-block;width:23%;margin:8px; -moz-border-radius:0px !important; border-radius:0px !important;border:1px #cccccc solid;box-sizing: border-box;height:auto; position:relative;text-indent:0px;}
.Pro_01 ul li h4{ display:block; text-align:center;width:100% !important;margin:0px auto;height:100% !important; overflow: hidden; border:0px #dddddd solid !important;}
.Pro_01 ul li h4 img{display: block; width:100% !important; height:100% !important;border-radius:0px !important; border:none; margin-top:0px !important;transition:all 0.6s;}
.Pro_01 ul li h2{ display:block;text-align:center; margin:1px 0 0; color:#003377; font-size:12px;line-height:16px; height:32px; overflow:hidden;width:100%;padding:0px;box-sizing: border-box;transition:all 0.6s;}
.Pro_01 ul li h5{ display:block;text-align:center;  margin:10px 0 0; font-family:"微軟正黑體",Arial; color:#444444; font-size:16px; font-weight:bold; height:38px; line-height:18px; margin-bottom:0px; overflow:hidden;width:100%;transition:all 0.6s;}
.Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_01 ul li h3{ display:block;text-align:center; margin:0 auto; font-size:14px;color:#FFF; margin-bottom:0px !important; height:20px; line-height:20px;overflow:hidden;background-color:#003377 !important;width:100%;transition:all 0.6s;position: absolute;bottom:72px;}
.Pro_01 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}

/*2公格*/
.Pro_02{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box; /*background-color:transparent!important;*/}
.Pro_02 ul{ display:block; text-align:center; text-indent:4px; margin:6px 0;}
.Pro_02 ul li{ display:inline-block;width:44%;margin:20px; -moz-border-radius:0px !important; border-radius:0px !important;border:1px #cccccc solid;box-sizing: border-box;height:auto; position:relative;text-indent:0px;}
.Pro_02 ul li h4{ display:block; text-align:center;width:100% !important;margin:0px auto;height:100% !important;overflow: hidden; border:0px #dddddd solid !important;}
.Pro_02 ul li h4 img{display: block; width:100% !important; height:100% !important;border-radius:0px !important; border:none; margin-top:0px !important;transition:all 0.6s;}
.Pro_02 ul li h2{ display:block;text-align:center;margin:28px 0 0; color:#333333; font-size:16px;line-height:20px; height:42px; overflow:hidden;width:100%;padding:3px;box-sizing: border-box;transition:all 0.6s;}
.Pro_02 ul li h5{ display:block;text-align:center; font-family:"微軟正黑體",Arial; color:#8d0128; font-size:1em; font-weight:bold; height:30px; line-height:30px; margin-bottom:5px; overflow:hidden;width:100%;transition:all 0.6s;}
.Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_02 ul li h3{ display:block;text-align:center; margin:0 auto; font-size:16px;color:#FFF; margin-bottom:0px !important; height:36px; line-height:36px;overflow:hidden;background-color:#d80003 !important;width:100%;transition:all 0.6s;position: absolute;bottom:80px;}
.Pro_02 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}

.Pro_02 ul li .price{color:#fff !important;position:relative;margin-bottom: 10px;font-weight:bold;font-size:1.2em;background-color:#d80003;padding:3px;letter-spacing:1px;}
.Pro_02 ul li .price span{font-size:0.80em;letter-spacing:0px; font-weight:normal;}



/*3公格*/
.Pro_03{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box; /*background-color:transparent!important;*/}
.Pro_03 ul{ display:block; text-align:center; text-indent:4px; margin:6px 0;}
.Pro_03 ul li{ display:inline-block;width:31%; height:auto; margin:1%; -moz-border-radius:0px !important;  border-radius:0px !important; position:relative;text-indent:0px !important;border:1px #cccccc solid;box-sizing: border-box;box-shadow: 2px 2px 8px rgba(0,0,0,0);}
.Pro_03 ul li h4{ display:block; text-align:center;width:100% !important;margin:0px auto;height:100% !important;overflow: hidden; border:0px  solid !important;position:relative;z-index:2;}
.Pro_03 ul li h4 img{display: block; width:90% !important; height:auto !important;margin: 0 auto 24px;margin-top:10px; border-radius:0px #dddddd !important; border:none; transition:all 0.6s;}
/*.Pro_03 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}*/
.Pro_03 ul li h2{display:block;text-align:center;margin:2px 0 0; color:#003377; font-size:0.92em;line-height:20px; height:44px; overflow:hidden;width:100%;padding:3px;box-sizing: border-box;transition:all 0.6s;}
.Pro_03 ul li h5{display:block;text-align:center; margin:10px 0 0;font-family:"微軟正黑體",Arial; color:#444444; font-size:1em; font-weight:bold; height:40px; line-height:20px; margin-bottom:0px; overflow:hidden;width:100%;transition:all 0.6s;}
.Pro_03 ul li h5 span{font-family:Century Gothic,"微軟正黑體",Arial; font-size:16px; font-weight:normal;}
.Pro_03 ul li .price{color:#fff !important;position:relative;margin-bottom: 10px;font-weight:bold;font-size:1.2em;background-color:#2a5a98;padding:3px;letter-spacing:1px;}
.Pro_03 ul li .price span{font-size:0.80em;letter-spacing:0px; font-weight:normal;}
.Pro_03 ul li h3{display:block;text-align:center; margin:0 auto; font-size:1em;color:#FFF; margin-bottom:0px !important; height:24px; line-height:24px;overflow:hidden;background-color:#003377 !important;width:100%;transition:all 0.6s;position: absolute;bottom:90px;}
.Pro_03 ul li h6{position: absolute;display: block;width:50px;padding:5px;line-height:14px; background-color:#ff5a00;bottom:25px;left:30px;color:#fff;z-index: 10;font-weight: normal;border-radius: 5px;text-align: center;box-shadow:0px 0px 8px rgba(250,250,250,1)}


.more a{display: block; width:96%;margin: 10px auto;border-radius: 5px; height: 50px;line-height: 50px;font-size: 2em;letter-spacing:6px;font-weight: normal;border: 1px #aaa solid; background-image: -moz-linear-gradient( 90deg, rgb(167,167,167) 0%, rgb(203,203,203) 50%, rgb(225,225,225) 50%, rgb(245,245,245) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(167,167,167) 0%, rgb(203,203,203) 50%, rgb(225,225,225) 50%, rgb(245,245,245) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(167,167,167) 0%, rgb(203,203,203) 50%, rgb(225,225,225) 50%, rgb(245,245,245) 100%);text-shadow: 1px 1px 5px rgba(255,255,255,0.7);color: #006699;}

.ad{ width:1200px; height:auto; margin:0 auto; overflow:hidden; background-color:#CC0000;}
.ad ul{ text-align:center;}
.ad ul li{ display:inline-block;width:47.5%;height:auto; margin-left:5px; margin-bottom:1px; margin-top:5px;}
.ad ul li:nth-child(even){margin-right:0px;}
.ad ul li:nth-child(odd){margin-left:0px;}
.ad ul li img{ width:100%; border-radius:0px;/*border:#ccc 1px solid;*/}

.Bottom_Ad a{display: block; width:96%;margin:10px auto 15px;height:0;padding-bottom:37.44%;background-image: url(images/event.html);background-size: 100%;}
.copyright{height:25px; clear:both; padding-bottom:2px; margin-top:10px;}
.copyright p{font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; z-index:100;}
/*回到上方icon*/
.GoTop a{width:50px;height:50px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 23.9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1,0.4L23.6,4l0.1,0.1l15.5,15.5l-3.5,3.5L20.1,7.5L4.5,23.1L1,19.6L20.1,0.4z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;position: fixed;bottom:40px;right:8%;background-color: rgba(0,0,0,0.5);background-size:60%;-webkit-background-size:30px;background-position:center;display: block;opacity: 0;z-index: 10;}
/*回到上方icon END*/


#wrapper .top_ad{display: none; width:100%;height:0;padding-bottom:6.25%; overflow:hidden;background-image: url(images/top_ad.html);background-repeat: no-repeat;text-indent:-999px;background-size: cover;}


/* 廣告區名稱：Ads_xx，目前到04 */
.Ads_02{ overflow: hidden; clear:both;}
.Ads_02 li{ width:50%; float:left;}
.Ads_02 img{ width:100%;}
.Ads_02 h2{ display:block;}
.Ads_02 h2 img{width:100%;}
.Ads_03{ overflow: hidden; clear:both;}
.Ads_03 li{ width:33.33%; float:left;margin-top:8px;}
.Ads_03 img{ width:100%;}
.Ads_03 h2{ display:block;}
.Ads_03 h2 img{width:100%;}
.Ads_04{ overflow: hidden; clear:both;}
.Ads_04 li{ width:240px; float:left;}
.Ads_04 img{ width:100%;}
.Ads_04 h2{ display:block;}
.Ads_04 h2 img{width:100%;}


@media screen and (min-width:960px) and (max-width:1199px){
header{height:58px;}
header .header_Box{width:100%;}
header .TopLink,header .TopLink_B{width:150px;right:2%;}
header .TopLink a:before{content:"AAAAA";width:110px;font-size:0.8em;left:-6px;}
header .TopLink span,header .TopLink_B span{right:0px;}
header .TopLink_B{width:130px;font-size:0.9em;text-align:center;text-indent:inherit;}
header .TopLink_B a:before{content:"AAAAA";width:110px;font-size:0.8em;left:-6px;}
#wrapper{ width:100%;height:100%; margin-top:58px;}
main{ width:100%; margin:0 auto;}
/*電梯快速連結*/
.L_QuickLink{width:70%; margin-right:-35%;}
.L_QuickLink ul{list-style:none;display:inline-block;height:58px;margin: 0;padding: 0;}
.L_QuickLink ul li{float:none;display:inline-block;}
.L_QuickLink ul li a{ display:block; width:76px; height:58px; overflow:hidden; line-height:68px;background-color:#eeeeee;text-align:center; font-size:0.9em; margin-bottom:0px; text-decoration:none; color:#333333;border-radius:0;border:none; box-sizing:border-box; border-left:none;}
.L_QuickLink ul li:after{ display:block;border-right:1px #dddddd solid;position: absolute;z-index:100;}
.L_QuickLink ul li a:hover{color:#FFFFFF; background-color:#888888 !important;text-decoration:none;}
.L_QuickLink ul li a.h14{ line-height:14px; width:24px; height:24px; padding:10px;}
.conUnit{position:relative;top:-80px;height:0;overflow:hidden;}
.ad{width:100%;}
/*2宮格*/
.Pro_02 ul{text-indent:0px; margin:5px 0;}
.Pro_02 ul li{ width:46%;margin:1.5%;height:auto;}
.Pro_02 ul li h4{}
.Pro_02 ul li h4 img{margin-top:90px;margin-bottom: 10px;}
.Pro_02 ul li h2{}
.Pro_02 ul li h5{ display:block;text-align:center; font-family:"微軟正黑體",Arial; color:#8d0128; font-size:1em; font-weight:bold; height:30px; line-height:30px; margin-bottom:0px; overflow:hidden;width:100%;transition:all 0.6s;}
.Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
/*3宮格*/
.Pro_03 ul li{width:30%;margin:1.5%; -moz-border-radius:4px;height:auto;}
.Pro_03 ul li h4{}
.Pro_03 ul li h4 img{}
.Pro_03 ul li h2{}
.Pro_03 ul li h5{}
.Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
/*回到上方icon*/
.GoTop a{width:50px;height:50px;bottom:30px;right:1%;}
/*回到上方icon END*/
	
	
	
#wrapper .top_ad{display: none; width:100%;height:0;padding-bottom:6.25%; overflow:hidden;background-image: url(images/top_ad.html);background-repeat: no-repeat;background-size: cover; text-indent:-999px;}
}

@media screen and (min-width:767px) and (max-width:959px){
header{height:58px;}
header .header_Box{width:100%;}
header .TopLink,header .TopLink_B{width:150px;right:2%;}
header .TopLink a:before{content:"AAAAA";width:110px;font-size:0.8em;left:-6px;}
header .TopLink span,.TopLink_B span{right:0px;}
header .TopLink_B a:before{content:"AAAAA";width:110px;font-size:0.8em;left:-6px;}
header .header_Box .logo{position: relative; width:130px;height:40px;margin:0 auto;}
header .header_Box .logo a{width:130px;height:40px;margin:0 auto;}
#wrapper{ width:100%;height:100%; margin-top:58px;}
main{ width:100%; margin:0 auto;}
/*電梯快速連結*/
.L_QuickLink{ position:fixed;width:100%; height:100%;z-index:1; transition:all 0.3s;top:0px;left:0; margin-left:-100%;}
.on{background-color:rgba(0,0,0,0.0);margin-left:0%; transition:all 0.3s;z-index: 3;}
.L_QuickLink ul{ list-style:none; display:block; width:100px; height:100%; position:absolute; left:0px; top:58px;}
.L_QuickLink ul li{margin-top:-4px;}
.L_QuickLink ul li:first-child{margin-top:0;}
.L_QuickLink ul li a{ display:block; width:100px; height:30px; overflow:hidden; line-height:30px;background-color:#8c0a0a !important;border:none;border-bottom:#9c5151 1px solid;text-align:center; font-size:0.9em; margin-bottom:0px; text-decoration:none; color:#ffffff !important; border-radius:0;}
.L_QuickLink ul li a:hover{ display:block; color:#FFFFFF; background-color:#5f0909 !important;text-decoration:none;}
.L_QuickLink ul li a.h14{ line-height:14px; width:24px; height:24px; padding:10px;}
.L_QuickLink ul li:last-child a{border:none;}
/* 選單共用 */
.QuickLink_icon_open{ display:block; width:40px; height:36px;left:10px; top:12px; background-color:#000000;background:url(images/mb_menu.png) no-repeat center top; background-size:90%; position: fixed;z-index:101;}
.QuickLink_icon_close{ display:block;width:40px; height:36px;left:10px; top:12px; background-color:#000000;background:url(images/WAD_Arrow_left.png) no-repeat center top -2px; background-size:95%; position: fixed;z-index:102;}
.icon_open{ display:block;}
.icon_close{ display:none;}
.conUnit{position:relative;top:-40px;height:0;overflow:hidden;}
.ad{width:100%;}
/*2宮格*/
.Pro_02{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_02 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
.Pro_02 ul li{width:47.5%;margin:1%;}
.Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_02 ul li h3{font-size:1em;}
.Pro_02 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
/*3宮格*/
.Pro_03 ul li{width:45%;margin:1.5%; -moz-border-radius:4px; height:auto;}
.Pro_03 ul li h4{}
.Pro_03 ul li h4 img{}
.Pro_03 ul li h2{}
.Pro_03 ul li h5{}
.Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
/*4公格*/
.Pro_01 ul li{width:23%; margin:0.7%;}
.Pro_01 ul li h4{}
.Pro_01 ul li h4 img{}
.Pro_01 ul li h2{}
.Pro_01 ul li h5{}
.Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_01 ul li h3{}
/*回到上方icon*/
.GoTop a{width:45px;height:45px;bottom:30px;right:1%;}
/*回到上方icon END*/
	
	
#wrapper .top_ad{display: none; width:100%;height:0;padding-bottom:6.25%; overflow:hidden;background-image: url(images/top_ad.html);background-repeat: no-repeat;text-indent:-999px;background-size: cover;}
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media screen and (min-width:481px) and (max-width:768px){
header{height:50px;}
header .header_Box{ width:100%; margin:1px auto; position:relative;}
header .header_Box .logo{position:relative;width:250px; margin:0 auto;height: 50px; top:4px;}
header .header_Box .logo a{width:250px;height:50px;}
header .TopLink,header .TopLink_B{width:250px;font-size: 0.8em;letter-spacing: 0;top:8px;right:8px;height: 28px;line-height: 28px;text-indent: 0;}
header .TopLink a:before{content:"AAAAA";width:250px;font-size:0.8em;left:-10px;}
header .TopLink span,header .TopLink_B span{right:-10px;width:250px;height:36px;}
header .TopLink_B a:before{content:"AAAAA";width:250px;font-size:0.8em;left:-10px;}
header .header_Box .logo img{ width:0px;}
header .header_Box h2{ position:absolute; font-size:12px; color:#FFFFFF; letter-spacing:2px; left:120px; top:10px;}
#wrapper{ width:100%;height:100%; margin-top:45px;}
main{ width:100% !important; margin:0 auto;}


/*電梯快速連結*/
.L_QuickLink{ position:fixed;width:100%; height:100%;background-color:rgba(0,0,0,0.0);z-index:1; transition:all 0.3s;top:0px;left:0; margin-left:-100%;}
.on{margin-left:0%; transition:all 0.3s;z-index: 3;}
.L_QuickLink ul{ list-style:none; display:block; width:100px; height:100%; position:absolute; left:0px; top:45px;}
.L_QuickLink ul li{margin-top:-4px;}
.L_QuickLink ul li:first-child{margin-top:0;}
.L_QuickLink ul li a{ display:block; width:100px; height:30px; overflow:hidden; line-height:30px;background-color:#8c0a0a !important;border:none;border-bottom:#9c5151 1px solid;text-align:center; font-size:0.9em; margin-bottom:0px; text-decoration:none; color:#ffffff !important; border-radius:0;}
.L_QuickLink ul li a:hover{ display:block; color:#FFFFFF; background-color:#5f0909 !important;text-decoration:none;}
.L_QuickLink ul li a.h14{ line-height:14px; width:24px; height:24px; padding:10px;}
.L_QuickLink ul li:last-child a{border:none;}
/* 選單共用 */
.QuickLink_icon_open{ display:block; width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/mb_menu.png) no-repeat center top; background-size:90%; position: fixed;z-index:101;}
.QuickLink_icon_close{ display:block;width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/WAD_Arrow_left.png) no-repeat center top -2px; background-size:95%; position: fixed;z-index:102;}
.icon_open{ display:block;}
.icon_close{ display:none;}
.conUnit{position:relative;top:-40px;height:0;overflow:hidden;}
/*輪播廣告*/
.AD_Box{width:100%; margin-top:0px;position: relative;height: 0;padding-bottom:52%;}
.AD_Box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*輪播廣告END*/
/* 商品區名稱：Pro_xx，目前到02 */
/*4公格*/
.Pro_01{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_01 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
.Pro_01 ul li{width:46%;margin:1%;}
.Pro_01 ul li h4{ }
.Pro_01 ul li h4 img{}
.Pro_01 ul li h2{}
.Pro_01 ul li h5{}
.Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_01 ul li h3{font-size:0.90em;}
.Pro_01 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
/*2公格*/
.Pro_02{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_02 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
.Pro_02 ul li{width:47%;margin:1%;}
.Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_02 ul li h3{font-size:1em;height:30px;line-height:30px;}
.Pro_02 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
	

	
/*3公格*/
.Pro_03{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_03 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
.Pro_03 ul li{width:46%;margin:1%;}
.Pro_03 ul li h4{}
.Pro_03 ul li h4 img{}
.Pro_03 ul li h2{}
.Pro_03 ul li h5{}
.Pro_03 ul li h5 span{font-size:13px; font-weight:normal;}
.Pro_03 ul li h3{font-size:1em;}
	
.ad{ width:96%;}
.ad ul{}
.ad ul li{width: 100%; display: block; float:left; margin-bottom:10px;margin-left: 0;}

/*回到上方icon*/
.GoTop a{width:40px;height:40px;bottom:30px;right:1%;}
/*回到上方icon END*/

#wrapper .top_ad{display: none; width:100%;height:auto;padding:5px 8px; overflow:auto;text-indent:0;background-image:none;color:#fff;text-align:center;line-height: 22px;box-sizing:border-box;}
#wrapper .top_ad span{color:#ffff00;font-size:1.3em;}

/* 廣告區名稱：Ads_xx，目前到04 */
.Ads_02{ overflow: hidden; clear:both;}
.Ads_02 li{ width:50%; float:left;}
.Ads_02 img{ width:100%;}
.Ads_02 h2{ display:block;}
.Ads_02 h2 img{width:100%;}
.Ads_03{ overflow: hidden; clear:both;}
.Ads_03 li{ width:33.3%; float:left;}
.Ads_03 img{ width:100%;}
.Ads_03 h2{ display:block;}
.Ads_03 h2 img{width:100%;}
.Ads_04{ overflow: hidden; clear:both;}
.Ads_04 li{ width:50%; float:left;}
.Ads_04 img{ width:100%;}
.Ads_04 h2{ display:block;}
.Ads_04 h2 img{width:100%;}

}







/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px){
header{height:45px;}
header .header_Box{ width:100%; margin:1px auto; position:relative;}
header .header_Box .logo{position:relative;width:200px; margin:0 auto;top:4px;height: 45px;}
header .header_Box .logo a{width:200px;height:35px;}
header .TopLink,header .TopLink_B{width:95px;font-size: 0.85em;letter-spacing: 0;top:8px;right:6px;height: 28px;line-height: 28px;text-indent: 0;}
header .TopLink a:before{content:"aaaaa";width:95px;font-size:0.95em;left:-10px;}
header .TopLink span,header .TopLink_B span{right:-10px;width:32px;height:32px;top:4px;}
header .TopLink_B a:before{content:"aaaaaa";width:95px;font-size:0.95em;left:-10px;}
header .header_Box .logo img{ width:0px;}
header .header_Box h2{ position:absolute; font-size:12px; color:#FFFFFF; letter-spacing:2px; left:90px; top:8px;}
#wrapper{ width:100%;height:100%; margin:45px 0 10px 0;}
main{ width:100%; margin:0 auto;}	


/*電梯快速連結*/
.L_QuickLink{ position:fixed;width:100%; height:100%;background-color:rgba(0,0,0,0.0);z-index:1; transition:all 0.3s;top:0px;left:0; margin-left:-100%;}
.on{margin-left:0%; transition:all 0.3s;z-index: 3;}
.L_QuickLink ul{ list-style:none; display:block; width:100px; height:100%; position:absolute; left:0px; top:45px;}
.L_QuickLink ul li{margin-top:-4px;}
.L_QuickLink ul li:first-child{margin-top:0;}
.L_QuickLink ul li a{ display:block; width:100px; height:30px; overflow:hidden; line-height:30px;background-color:#8c0a0a !important;border:none;border-bottom:#9c5151 1px solid;text-align:center; font-size:0.9em; margin-bottom:0px; text-decoration:none; color:#ffffff !important; border-radius:0;}
.L_QuickLink ul li a:hover{ display:block; color:#FFFFFF; background-color:#5f0909 !important;text-decoration:none;}
.L_QuickLink ul li a.h14{ line-height:14px; width:24px; height:24px; padding:10px;}
.L_QuickLink ul li:last-child a{border:none;}
/* 選單共用 */
.QuickLink_icon_open{ display:block; width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/mb_menu.png) no-repeat center top; background-size:90%; position: fixed;z-index:101;}
.QuickLink_icon_close{ display:block;width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/WAD_Arrow_left.png) no-repeat center top -2px; background-size:95%; position: fixed;z-index:102;}
.icon_open{ display:block;}
.icon_close{ display:none;}
.conUnit{position:relative;top:-40px;height:0;overflow:hidden;}
/* 商品區名稱：Pro_xx，目前到02 */
/*輪播廣告*/
.AD_Box{width:100%; margin-top:0px;position: relative;height: 0;padding-bottom:52%;}
.AD_Box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*輪播廣告END*/
/*4公格*/
.Pro_01{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_01 ul{ display:block; text-align:center; text-indent:0px; margin:5px 0;}
.Pro_01 ul li{width:47.2%;margin:0 3px 6px 3px;}
.Pro_01 ul li h4{}
.Pro_01 ul li h4 img{}
.Pro_01 ul li h2{}
.Pro_01 ul li h5{font-size:0.9em;}
.Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_01 ul li h3{font-size:0.95em;}
.Pro_01 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
/*2公格*/
.Pro_02{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_02 ul{ display:block; text-align:center; text-indent:0px; margin:5px 0;}
.Pro_02 ul li{width:96%;margin:0 3px 6px 3px;}
.Pro_02 ul li h5{font-size:1em;}
.Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
.Pro_02 ul li h3{font-size:0.95em;height:28px;line-height:28px;}
.Pro_02 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
	

/*3公格*/
.Pro_03{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_03 ul{ display:block; text-align:center; text-indent:0px; margin:5px 0;}
.Pro_03 ul li{width:47.2%;margin:0 3px 6px 3px;}
.Pro_03 ul li h4{}
.Pro_03 ul li h4 img{}
.Pro_03 ul li h2{}
.Pro_03 ul li h5{font-size:0.9em;}
.Pro_03 ul li h5 span{font-family:Century Gothic,"微軟正黑體",Arial; font-size:14px; font-weight:normal;}
.Pro_03 ul li h3{font-size:0.95em;}
.Pro_03 ul li:hover h4 img{transform: scale(1); transition:all 0.5s;}
	

.more a{display: block; width:96%;margin: 10px auto;border-radius: 5px; height: 36px;line-height:36px;font-size:1.5em;letter-spacing:3px;font-weight: normal;border: 1px #aaa solid; }
.Bottom_Ad a{display: block; width:100%;margin:5px auto 5px;height:0;padding-bottom:39%; background-image: url(images/event_mb.html);background-size: 100%;}
.ad{ width:100%; margin:0px auto;overflow:hidden; background-color:#f6f6f6;}
.ad ul{}
.ad ul li{width: 100%; display: block; float:left; margin-bottom:5px;margin-left: 0;}

/*回到上方icon*/
.GoTop a{width:36px;height:36px;bottom:30px;right:1%;}
/*回到上方icon END*/
	
#wrapper .top_ad{display: none; width:100%;height:auto;padding:5px 8px; overflow:auto;text-indent:0;background-color:#004986;background-image:none;color:#fff;text-align:center;line-height: 20px;box-sizing:border-box;}
#wrapper .top_ad span{color:#ffff00;font-size:1.2em;}
	
/* 廣告區名稱：Ads_xx，目前到04 */
.Ads_02{ overflow: hidden; clear:both;}
.Ads_02 li{ width:100%; float:left; margin-bottom:0px;}
.Ads_02 li:last-child{ margin-bottom:0px;}
.Ads_02 img{ width:100%;}
.Ads_02 h2{ display:block;}
.Ads_02 h2 img{width:100%;}
.Ads_03{ overflow: hidden; clear:both;}
.Ads_03 li{ width:100%; float:left; margin-bottom:0px;text-align: center;}
.Ads_03 li:last-child{ margin-bottom:0px;}
.Ads_03 img{ width:94%;display:inline-block;}
.Ads_03 h2{ display:block;}
.Ads_03 h2 img{width:100%;}
.Ads_04{ overflow: hidden; clear:both;}
.Ads_04 li{ width:100%; float:left; margin-bottom:0px;}
.Ads_04 li:last-child{ margin-bottom:0px;}
.Ads_04 img{ width:100%;}
.Ads_04 h2{ display:block;}
.Ads_04 h2 img{width:100%;}
}

.prod1{
	text-align: center;
	font-size: 20px;
	color: #666666;
	line-height: 30px;
	height: 30px;
	width:100%;
	z-index: 50;
	background-color: #99BBFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.coupon1{
	z-index: 10;
	width: auto;
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	}	














/*--折價券--*/
.time{
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 35px;
	height: 35px;
	width:100%;
	z-index: 50;
	background-color: #003377;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.coupon1{
	z-index: 10;
	width: 640px;
	margin: 0 auto;
}	


.coupon1 img{
	width: 100%;
}	

.barcode {
	height:auto;
	border: 2px solid #888888;
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:5px;
}


.barcode  img{
	width: 226px;
}	

.content {
	margin-top:30px;
	padding-bottom:15px;
	padding-left:20px;
	background-color: #f3f3f3;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	-webkit-box-sizing: border-box; 
  	-moz-box-sizing: border-box;    
 	box-sizing: border-box;
}

h2{
	font-size: 35px;
	margin-top: 15px;
	padding-top: 15px;
	margin-bottom: 5px;	
	}

.tit{
	font-size: 27px;
	font-weight: bold;
}

p{
	font-size: 26px;
	margin-bottom: 8px;
}

h3{
	font-size: 18px;
	padding-top: 10px;
	padding-left:10px;
	padding-bottom:8px;	
	}

.notice3{
	border: 0px solid #CD853F;
	margin-top:10px;
	padding-right:10px;
	padding-bottom:15px;
	color: #666666;
	-webkit-box-sizing: border-box; 
  	-moz-box-sizing: border-box;    
 	box-sizing: border-box;
}

.notice3 ul{
	padding-right: 10px;
	padding-left: 10px;
	}

.notice3 li {	
	font-size: 14px;
	padding-left: 0px;
	line-height: 20px;	
}
.notice a{ color:#f20f0f;}