@charset "utf-8";
@import url("reset.css");
body { background:url(../images/inpagebg.jpg) center top; font-family:Verdana, Arial, "新細明體";  }
.orign{ color:#ff7800;}
.black{ color:#000;}
.red{ color:#F00;}
.marginT15px{ margin-top:15px;}
.paddingL10px{ padding-left:10px;}
.lineheight5px{ line-height:5px;}
.lineheight10px{ line-height:10px;}
.w300px{ width:300px;}
.w680px{ width:680px;}
.h20px{ height:20px; line-height:20px;}
.w500px{ width:500px;}
.font14{ font-size:14px;}
.fontbold{ font-weight:bold;}
.center{ display:block margin:0 auto;}
.grayborder{border:1px solid #e5e5e5;}
#wrapper { width:998px; margin:0 auto;}
/*===================================header=========================================*/
#header { position:relative; height:117px; z-index:10;}
#header .nav { position:absolute; right:168px; top:18px;}
#header .nav li{ float:left;}
#header .nav li a{ display:block; text-decoration:none; font-size:12px; color:#444; padding:0 10px; border:1px solid #444; border-width:0 1px 0 0;}
#header .nav li a:hover{ color:#a28358;}
#header .nav li:last-child a{ border-width:0;}
.search { background: url(../images/idx_searchbg.gif); width:162px; height:26px; position: relative; left:833px; top:10px;}
.searchbox{ border-width:0; width:112px; height:22px; line-height:22px; padding:0 5px; position:absolute; left:2px; top:2px;}
.search a{ display:block; width:34px; height:22px; background:url(../images/idx_searchbtn.gif); text-indent:-9999px; position:absolute; left:126px; top:2px;}
.search a:hover{ background-position:0 -22px;}
.sevennetlogo { position:absolute; left:65px; top:77px;}
.sevennetlogo a{ display:block; width:121px; height:64px; background:url(../images/idx_7netlogo.gif); text-indent:-9999px;}
.sevennetbanner { width:735px; height:90px; padding:5px; border:1px solid #e5dcca; background-color:#FFF; position:absolute; left:235px; top:53px;}
.menu { position: absolute; left:45px; top:40px; width:90px; }
.menu ul{ position:relative; width:900px; height:36px;}
.menu li{  display:block; width:150px; height:36px; background:url(../images/idx_menu.gif) no-repeat; float:left; }
.menu .indent{ text-indent:-9999px;}
.menu li a.L1{display:block; width:150px; height:36px;}
.menu .m1{ background-position:0px 0px;transition:all .3s ease-out;}
.menu .m2{ background-position:-150px 0px;transition:all .3s ease-out;}
.menu .m3{ background-position:-300px 0px;transition:all .3s ease-out;}
.menu .m4{ background-position:-450px 0px;transition:all .3s ease-out;}
.menu .m5{ background-position:-600px 0px; width:147px;transition:all .3s ease-out;}
.menu .m6{ background-position:-747px 0px; width:150px;transition:all .3s ease-out;}
.menu .m1:hover,.menu .m1on{ background-position:0px -36px; cursor:pointer;}
.menu .m2:hover,.menu .m2on{ background-position:-150px -36px; cursor:pointer;}
.menu .m3:hover,.menu .m3on{ background-position:-300px -36px; cursor:pointer;}
.menu .m4:hover,.menu .m4on{ background-position:-450px -36px; cursor:pointer;}
.menu .m5:hover,.menu .m5on{ background-position:-600px -36px; cursor:pointer;}
.menu .m6:hover,.menu .m6on{ background-position:-747px -36px; cursor:pointer;}
.menu .m1:hover .subL2{ display:block;}
.menu .m2:hover .subL2onecol{ display:block;}
.menu .m3:hover .subL2twocol{ display:block;}
.menu .m4:hover .subL2{ display:block;}
.menu .m5:hover .subL2{ display:block;}
.menu .m6:hover .subL2{ display:block;}

.subL2{ background:#fff9ec; border:1px solid #ccbc96; font-size:13px;width:150x; display:none;}
.subL2 td{ width:150px; padding:4px;} /*要加td的寬度over寬度才會正常*/
.subL2 a{ color:#000; text-decoration:none;}
.subL2 a:hover{ color:#fff;}
.subL2 tr:hover { background:#ccbc96; cursor:pointer; }
.subL2 tr.tit:hover {background:#fff9ec; cursor:none; }
.subL2 tr:hover a { color:#fff; }
.subL2 .tit{ color:#0f8943; font-size:15px;}
.width300{ width:300px;}
.width150{ width:150px;}
.height15{ height:15px;}
.subL2 .paddingL15{ padding-left:15px;}
.subL2 .paddingL20{ padding-left:20px;}
.subL2 .paddingL30{ padding-left:30px;}
.subL2 .paddingL40{ padding-left:40px;}
.subL2 .paddingL50{ padding-left:50px;}

.subL2onecol{background:#fff9ec; border:1px solid #ccbc96; font-size:13px;width:300px; display:none;}
.subL2twocol{background:#fff9ec; border:1px solid #ccbc96; font-size:13px;width:450px; display:none;} /* width控制下拉選單的總寬度 */
.subL2b{ font-size:13px;}
.subL2b td{ widows:150px; padding:4px;}
.subL2b a{ color:#000; text-decoration:none;}
.subL2b a:hover{ color:#fff;}
.subL2b tr:hover { background:#ccbc96; cursor:pointer; }
.subL2b tr.tit:hover {background:#fff9ec; cursor:none; }
.subL2b tr:hover a { color:#fff; }
.subL2b .tit,.subL2b .tit a{ color:#0f8943; font-size:15px;}
.subL2b .tit a:hover{ color:#ff722c;}
.subL2b tr.tit:hover a { color:#ff722c; cursor:pointer; }
.subL2b .paddingL15{ padding-left:15px;}
.subL2b .paddingL20{ padding-left:20px;}
.subL2b .paddingL30{ padding-left:30px;}
.subL2b .paddingL40{ padding-left:40px;}
.subL2b .paddingL50{ padding-left:50px;}
/*===================================/header=========================================*/

/*===================================main==========================================*/
#main {/* position:relative;*/z-index:9; background:url(../images/inpagebg02.jpg) no-repeat #816d58; width:991px;/* height:1000px; */margin:0 0 0 1px; padding:0 0 15px 0;}
.leftmenu{ width:198px; float:left; padding:0 0 0 30px;}

/*.leftmenu .logo a{ display:block;width:138px;height:126px; background:url(../images/logo.png) no-repeat;}* 原來711 logo/

/*20160802 711 logo加外框*/
.leftmenu .logo a{	display:block;	width:138px;	height:126px;	background:url(../images/logo.png) no-repeat;	margin-top: -7px;	margin-bottom: 10px; margin-left: 10px;}

.leftmenu .logo a:hover{ background-position:0 -126px;}
.leftmenu .L1,leftmenu .L1Link { display:block; width:118px; height:28px; line-height:28px; border:1px solid #6f5f4c; background-color: #887866; margin:0 0 5px 0; padding:0 0 0 52px; font-size:15px; color:#fff; text-decoration:none;}
.leftmenu .L1Link{transition:all .3s ease-out; }
.leftmenu .L1Link:hover,.leftmenu .L1on{ border:1px solid #685747; background-color:#685949;}
.leftmenu .L2 li a{ display:block; width:120px;height:20px; line-height:20px; padding:0 0 0 52px; font-size:13px; text-decoration:none; color:#fff;}
.leftmenu .L2 li:last-child a{ margin:0 0 15px 0;}/* 注意選取器的寫法 */
.leftmenu .L2 li a:hover,.leftmenu .L2 .L2on{ color:#ffaf3c; background:url(../images/leftmenuarrow.gif) no-repeat 43px; }
.content{ width:742px; margin:1px 0 0 228px; background:#fff;}

/*===================================accept 交貨便==========================================*/
.accept{padding:20px 0 1px 23px;background:#FFF; font-size:12px; color:#373737; line-height:20px;}
.accept .topmenu{ margin:17px auto 10px auto; overflow:auto; width:520px;}
.accept .topmenu li{ float:left;}
.accept .topmenu li a{ display:block; padding:2px 5px; margin:0 9px 0 0; background:#01abe6; font-size:16px; font-family:"微軟正黑體"; color:#FFF; text-decoration:none;}
.accept .topmenu li a:hover{ background:#4ed1fe;}
.accept .tit{font-family:"微軟正黑體"; font-size:20px; color:#4a4a4a; margin:0 0 7px 0;}
.accept .contentBlock{ width:680px; border:1px solid #e5e5e5; padding:10px ; margin:0 0 10px 0;}
.accept .contentBlock p{ padding:0 10px 0 0;}
.accept .contentBlock p.numlist{ padding:0;}
.accept .contentBlockblue{ width:700px; border:1px solid #e5e5e5; padding:10px 0; background:#cbf5f8; margin:0 0 5px 0;}
.accept .contentBlockblue p{ padding:0 10px;}
.accept .contentBlockgreen{ width:700px; border:1px solid #e5e5e5; padding:10px 0; background:#cbf8e5; margin:0 0 5px 0;}
.accept .contentBlockgreen p{ padding:0 10px;}
.accept .contentBlockyellow{ width:680px; border:1px solid #e5e5e5; padding:10px; background:#ffffdd; box-sizing:border-box;}
.accept .contentBlockblue2{ width:680px; border:1px solid #e5e5e5; padding:10px; background:#edfdff; box-sizing:border-box;}
.accept .subcontentBlock{ border:1px solid #999999; padding:10px ; margin:0 10px 20px 10px; }
.accept .subcontentBlock p{ padding:0;}
.accept .subtit{ font-size:15px; font-family:"微軟正黑體"; font-weight:bold; color:#000; margin:0 0 3px 0;}
.accept a{color:#ff7800; text-decoration:none;}
.accept a:hover{ text-decoration:underline;}
.gotop { text-align:center; margin:0 0 15px 0;}
.gotop a{ color:#666;}
.gotop a:hover{color:#ff7800; text-decoration:none;}

/*===================================/accept 交貨便=======================================*/

/*===================================simcard 出國網卡=======================================*/
ul.simcardmenu { width:700px; height:30px; margin-top:10px; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;}
ul.simcardmenu li { float:left;}
ul.simcardmenu li a { width:120px; height:30px; display:block; margin-right:10px; text-align:center; font-size:18px; line-height:30px; color:#fff;}
ul.simcardmenu li a:hover { text-decoration:none;}
ul.simcardmenu li.m1 a { background:#5495f4;}
ul.simcardmenu li.m1 a:hover { background:#6ea9ff;}
ul.simcardmenu li.m2 a { background:#ad8cdf;}
ul.simcardmenu li.m2 a:hover { background:#bb97f3;}
ul.simcardmenu li.m3 a { background:#d08eb2;}
ul.simcardmenu li.m3 a:hover { background:#e494c0;}
/*===================================/simcard 出國網卡=======================================*/


/*===================================youhui 優惠==========================================*/
.youhui{ padding:13px 0 0 10px;background:#FFF;}
.youhuiList{ width:220px; height:258px; border:1px solid #e5e5e5; padding:6px 6px 4px 6px; margin:0px 10px 25px 0px; float:left; font-size:12px; color:#373737; line-height:18px; position:relative;}
.youhuiList p{ margin:7px 0 0 0;}
.youhuiList ul{ position:absolute; left:5px; bottom:6px;}
.youhuiList li{ float: left;/* text-indent:-9999px;*/}
.youhuiList li a{ display:block; height:20px; margin:0 2px 0 0; padding:0 5px 0 0; font-size:12px; line-height:20px; text-decoration:none; color:#979797; background:url(../images/btnbg.gif) no-repeat  right top;}
.youhuiList li a span{ display:block; background:url(../images/btnbg.gif) no-repeat left top; padding:0 0 0 5px;}
.youhuiList li a:hover{ background-position:right -20px;}
.youhuiList li a:hover span{ background-position:left -20px; }
.youhuiList .fbshare a{background:url(../images/btn_fbshare.gif) no-repeat  right top;}
.youhuiList .fbshare a span{ background:url(../images/btn_fbshare.gif) no-repeat left top; padding-left:20px;}
.youhuiList .fbshare a span{ background:url(../images/btn_fbshare.gif) no-repeat left top; padding-left:20px;}

/*===================================/youhui 優惠==========================================*/

/*===================================hotproduct 發燒新品==========================================*/
.hotproduct{ padding:13px 0 0 10px;background:#FFF;}
.hotproductList{
	width: 220px;
	height: 285px;  /*360px*/
	border: 1px solid #e5e5e5;
	float: left;
	font-size: 12px;
	color: #6d6d6d;
	line-height: 18px;
	position: relative;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.hotproductList p{ margin:5px 0 0 0;}
/*.hotproductList .tit{ font-size:17px; color:#ff7800; font-family:"微軟正黑體"; text-align:center; height:33px; line-height:30px; border-bottom:1px solid #e6e2de;}*/
.hotproductList .tit{
	font-size:17px;
	color:#ff7800;
	font-family:"微軟正黑體";
	text-align:center;
	height:33px;
	line-height:30px;
	border-bottom:1px solid #e6e2de;
	padding-bottom: 3px;
}
.hotproductList .price{ position:absolute; left:8px; bottom:45px;}
/*.hotproductList .price{ position:absolute; left:7px; bottom:45px;}*/
.hotproductList .floatblock{ display:block; height:18px; padding:2px 7px 2px 7px; float:left; background:#eae6da; margin:8px 2px 0 0;}
/*.hotproductList .floatblock{
	display:block;
	height:18px;
	padding:2px 7px 2px 7px;
	float:left;
	margin:8px 2px 0 0;
	border: 1px solid #CCC;
}*/
.hotproductList ul{ position:absolute; left:5px; bottom:18px;}
.hotproductList li{ float: left; }
.hotproductList li a{ display:block; height:20px; margin:0 2px 0 0; padding:0 5px 0 0; font-size:12px; line-height:20px; text-decoration:none; color:#979797; background:url(../images/btnbg.gif) no-repeat  right top;}
.hotproductList li a span{ display:block; background:url(../images/btnbg.gif) no-repeat left top; padding:0 0 0 5px;}
.hotproductList li a:hover{ background-position:right -20px;}
.hotproductList li a:hover span{ background-position:left -20px; }
.hotproductList .fbshare a{background:url(../images/btn_fbshare.gif) no-repeat  right top;}
.hotproductList .fbshare a span{ background:url(../images/btn_fbshare.gif) no-repeat left top; padding-left:20px;}
.hotproductList .tit1{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e6e2de;
}


---------------------------發燒新品增加----------------------------------------

.hotproductList h3{
	float: left;
	font-weight: normal;
}
.hotproductList h3 a{
	font-weight: normal;
	display:block;
	height:20px;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#979797;
	background:url(../images/btnbg.gif) no-repeat  right top;	
	margin-top:  9px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
.hotproductList h3 a span{ display:block; background:url(../images/btnbg.gif) no-repeat left top; padding:0 0 0 5px; }
.hotproductList h3 a:hover{ background-position:right -20px;}
.hotproductList h3 a:hover span{ background-position:left -20px; }

.hotproductList h3 .fbshare1 a{
	background:url(../images/btn_fbshare.gif) no-repeat  right top;
	float: left;
	display: block;
	margin-left: 2px;
}
.hotproductList h3 .fbshare1 a span{ background:url(../images/btn_fbshare.gif) no-repeat left top; padding-left:20px;}
.hotproductList h3 .more1 {	float: left;margin-left: 2px;}

----------------------------發燒新品增加------------------------------------


/*===================================/hotproduct 發燒新品==========================================*/

/*===================================qa 常見問題==========================================*/
.qa{ padding:23px 23px 15px 23px;background:#FFF; display:inline-block; font-size:13px;color:#4a4a4a;line-height:18px;} //

.qa p{ font-size:13px;}
.qa p a{color:#ff7800; text-decoration:none;}
.qa p a:hover{text-decoration: underline;}
.qa .tit{ font-family:"微軟正黑體"; font-size:20px; color:#4a4a4a; margin:0px 0 7px 15px; padding-top:7px}
/*.qa .tit{ font-family:"微軟正黑體"; font-size:20px; color:#4a4a4a; margin:0 0 7px 0;}160628改 */ 
.qaList{ width:695px; margin:0px 0 30px 15px;font-size:13px; color:#7f7f7f; line-height:20px; position:relative; background:url(../images/faq/titbg.gif) no-repeat;}
/*.qaList{ width:695px; margin:0px 0 30px 0;font-size:13px; color:#7f7f7f; line-height:20px; position:relative; background:url(../images/faq/titbg.gif) no-repeat;} 160628改*/
.qaList span a{color:#ff7800; text-decoration:none; }
.qaList span a:hover{ text-decoration:underline;}
.QtypeA{color:#464646; height:30px; padding:10px 0 0 15px; margin:0 0 25px 0; position:relative;}
.QtypeA span{ display:block;}
.QtypeB{color:#464646; height:37px; padding:3px 0 0 15px; margin:0 0 25px 0; position:relative; line-height:17px;}
.QtypeB span{ display:block;}
.QtypeB .QNum{ float:left; margin:0 5px 0 0; height:37px;}
.QNum{ float:left; margin:0 5px 0 0;}
.Qcontent{ width:590px;}
.moreQ{  position: absolute; right:0px; bottom:7px; }
.moreQ a{ display:block; width:56px; height:20px; padding:2px; background:#e0d5c3; color:#8b7757; font-size:12px; text-align:center; text-decoration:none;}
.moreQ a:hover{ background:#ccbc96; color:#fff;}
.qaList p{ display:block; margin:0 0 0 60px; width:630px;}
.eservices{ /*border:1px solid #e5e5e5; padding:10px 10px 5px 10px;*/}
.formbtn li a{ display:block; width:88px; height:25px; text-align:center; background:#e0d5c3; color:#8b7757; text-decoration:none; margin:10px auto; line-height:25px;}
.formbtn li a:hover{ background:#ccbc96; color:#fff;}
/*===================================/qa 常見問題==========================================*/

/*===================================商品卡 Q&A============================================*/
.QABox {width:644px;margin-bottom:8px;line-height:20px;}
.QABox .Question {cursor:pointer;background-color:#ebebeb;}
.QABox .Question .QMark {display:inline-block;float:left;width:27px;text-align:right;}
.QABox .Question .QBody {display:inline-block;width:610px;background-color:#ebebeb;border-left-style:solid;border-left-width:2px;border-left-color:#fff;padding-left:2px;}
.QABox .Answer {display:none;}
.QABox .Answer .AMark {display:inline-block;float:left;width:27px;text-align:right;}
.QABox .Answer .ABody {display:inline-block;width:610px;padding-left:4px;}
/*===================================/商品卡 Q&A============================================*/

/*===================================contact 聯絡我們==========================================*/
.content .topmenu{ margin:17px 0 10px 10px; overflow:auto; width:600px;}
.content .topmenu li{ float:left;}
.content .topmenu li a{ display:block; padding:2px 5px; margin:0 9px 0 0; background:#01abe6; font-size:16px; font-family:"微軟正黑體"; color:#FFF; text-decoration:none;}
.content .topmenu li a:hover{ background:#4ed1fe;}
.content .tit777{ font-family:"微軟正黑體"; font-size:21px; color:#4a4a4a; margin:0 0 7px 8px;}

.contact{ padding:23px 0 15px 10px;background:#FFF; font-size:12px; color:#8c8c8c;} 
.contact777{ padding:10px 0 15px 10px;background:#FFF; font-size:12px; color:#8c8c8c;} 
.contact777 .tit{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#4a4a4a;
	margin:0 0 7px 0;
	
}
.contact .tit{ font-family:"微軟正黑體"; font-size:20px; color:#4a4a4a; margin:0 0 7px 0;}
.contact777 .subtit{ font-size:15px; font-family:"微軟正黑體"; font-weight:bold; color:#000; margin:0 0 3px 0;}
.contact .subtit{ font-size:15px; font-family:"微軟正黑體"; font-weight:bold; color:#000; margin:0 0 3px 0;}
.ListContainer{ margin:20px 0 0 0;}
.contactList{ width:346px; border:1px solid #e5e5e5; padding:3px 3px 10px 3px; margin:0 12px 12px 0; float:left;}
.contactList p{ padding:0 10px 0 10px; color:#232323; line-height:18px;}
.contactList .toptit{ height:26px; line-height:26px; background:#e0d5c5; font-size:15px; font-family:"微軟正黑體"; color:#694f35; padding:0 0 0 3px; margin:0 0 10px 0; }
.contactList a{ color:#707070;}
.contactList a:hover{color:#ff7800;}
/*===================================/contact 聯絡我們==========================================*/

/*===================================win 中獎名單==========================================*/
.winList{ overflow:auto;}
.win{ margin:0 0 10px 10px; overflow:auto;}
.win span{ display:block; float:left; width:85px; color:#900027; background:url(../images/title-citycafe-dot.gif) no-repeat 0 5px; padding:0 0 0 10px;}
.win p{ display:block; width:600px; float:left; color:#666; text-decoration:none;}
.win p a{ color:#666; text-decoration:none;}
.win p a:hover{ text-decoration:underline;}
/*===================================/win 中獎名單==========================================*/

/*===================================sitemap 網站地圖==========================================*/
.sitemaptable a{ color:#666; text-decoration:none;}
.sitemaptable a:hover{ text-decoration:underline;}
.sitemap {width:680px;height:100%; padding:0 10px;}
.sitemap ul {width:140px;display:block;float:left;margin-left:16px;margin-top:0;margin-bottom:10px;	padding: 0px;}
.sitemap li {list-style-type:none;margin:0;}
.sitemap h3 {width:680px;font-family:Verdana, Geneva, sans-serif;font-size:15px;font-weight:bold;line-height:30px;color:#ff7701;margin-bottom:10px;	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;	}
.titgreen {font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:26px;color:#6fc556;}
.titgreen a{text-decoration:none;color:#6fc556;}
.titgreen a:hover{text-decoration:underline;color:#6fc556;}
.titgreenleft {float:left;display:block;width:156px;margin-left:16px;}
.titgreenleft a{text-decoration:none;color:#6fc556;}
.titgreenleft a:hover{text-decoration:underline;color:#6fc556;}
.titgray{font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:25px;padding-left:7px;width:120px;border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #e2e2e2;}
.titgray a{text-decoration:none;color:#878787;}
.titgray a:hover{text-decoration:underline;color:#878787;}
.titorange{width:100px;height:28px;border: 1px solid #ff7701;font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #F63;text-align:center;line-height:28px;}
/*===================================/sitemap 網站地圖==========================================*/

/*===================================keysearch 搜尋==========================================*/
.keysearch{ padding:23px 0 15px 10px;background:#FFF; display:inline-block; font-size:12px; color:#8c8c8c; min-height:400px; width:720px;} /* display:inline-block 解決IE7 padding雙倍的問題*/
.keysearch .tit{ font-family:"微軟正黑體"; font-size:20px; color:#4a4a4a; margin:0 0 7px 0;}
.keysearchContainer{ margin:20px 0 0 0;}
/*===================================/keysearch 搜尋==========================================*/

/*===================================zhuyi 注意事項==========================================*/
.zhuyi{ padding:0 10px 20px 10px;background:#FFF; font-size:12px; color:#6d6d6d; line-height:20px;}
.zhuyiList{ border:1px solid #e5e5e5; padding:4px;}
.zhuyiList .tit{ display:block; height:26px; line-height:26px; font-family:"微軟正黑體"; font-size:15px; color:#694f35; padding:0 0 0 7px; margin:0 0 10px 0; background:#e0d5c5; }
.zhuyiList .data{ float:right; margin:0 8px 0 0;}
.zhuyiList p{ padding:0 7px 0 7px;}
/*===================================/zhuyi 注意事項==========================================*/

/*===================================pupinfo=========================================*/
.pupinfo{ padding:10px 10px 10px 10px;background:#FFF; font-size:12px; color:#6d6d6d; line-height:20px; width:720px;}
.pupinfoList{ border:1px solid #e5e5e5; padding:4px 4px 10px 4px; overflow:auto;}
.pupinfoList .close{ font-size:14px; text-align:right; margin:0 10px 5px 0; float:right; }
.pupinfoList .close a{ color:#ff7800; text-decoration:none;}
.pupinfoList .close a:hover{ text-decoration: underline;}
.pupinfoList .tit{ display:block; height:26px; line-height:26px; font-family:"微軟正黑體"; font-size:15px; color:#694f35; padding:0 0 0 7px; margin:0 0 10px 0; background:#e0d5c5; }
.pupinfoList p{ padding:0 7px 0 7px;}
.pupinfoList .main{ color:#373737; width:360px; float:left; }
.pupinfoList .list{ color:#6d6d6d;}
.pupinfoList .mainimg{ margin:0 10px 15px 0; float:left;}
/*===================================/pupinfo==========================================*/

/*===================================promote==========================================*/
#promote { padding:24px 13px 0 13px; height:730px;}
#promote img{ display:block; float:left; margin:0 17px 29px 0;}
#promote a img{opacity:1;}
#promote a:hover img{opacity:.8;}
#promote a:nth-child(4n+4) img{ margin:0 0px 29px 0;}
/*===================================/promote==========================================*/

/*===================================footer===========================================*/
#footer {color:#6b6b6b; font-size:12px;padding:10px 0 0 0; height:38px; position:relative; background:url(../images/bgpat.jpg); clear:both;}
#footer .nav { position:absolute; left:14px; top:11px;}
#footer .nav li{ float:left;}
#footer .nav li a{ display:block; text-decoration:none;  color:#6b6b6b; padding:0 10px; border:1px solid #6b6b6b; border-width:0 0 0 1px;}
#footer .nav li a:hover{ color:#a28358;}
#footer p{ display:block; position:absolute; left:596px; top:10px;}
/*===================================/footer===========================================*/

/*===================================Isotope 必要CSS===========================================*/
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/*===================================/Isotope 必要CSS===========================================*/

/*內頁清單*/
.accept .contentBlock ul {
	padding-left: 15px;	
}

.accept .contentBlock ul li{
padding-bottom: 5px;
}

/*===================================/2016/03 711 SERVICES增加===========================================*/

.add{	width: 85px;}
.nav ul li a{	display:block;}
.sub_sevice .ml a {	color: #FFF;}
.nav ul li .sub_sevice{
	width:85px;
	display:none;
	margin-top:5px;
	z-index: 100;
	/*background:#fff9ec;	
	border:1px solid #ccbc96;*/
	text-align: center;
	
	position: relative;	
}

.nav ul li:hover  .sub_sevice{
	display:block;
	height: 235px;
	background:#ccbc96;	
	cursor:pointer;	
	z-index: 100;
	
}

.nav ul li .sub_sevice .ml{
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.nav ul li .sub_sevice .ml:hover{
	/*color:#fff;*/
}