@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;}
body{font-size:18px;font-family:"Microsoft Yahei";color:#333;line-height:150%;background:#fff;-webkit-text-size-adjust:none;min-width:320px;}
h1,h2,h3,h4,h5,h6, strong, em{font-size:100%;}
address,cite,dfn,em,var,i{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
form{display:inline;}
small{font-size:14px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;}
a:active,a:focus{color:#333;text-decoration:none;}
a:active{color:#333;}
a:link,a:visited {color: #333; text-decoration: none;}
a:hover{ color:#999999}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;-webkit-appearance:none;}
section{ display:block; margin:0; padding:0; }
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
.tc{text-align:center}
.clear {clear: both;}
.clearfix:after {clear: both;   content: ".";   display: inline;    height: 0;    overflow: hidden;    visibility: hidden;}
.clearfix {clear: both;  display: inline;   height: 0;   margin: 0;  padding: 0;}
#mainpage{overflow:hidden;margin:0 auto;width:100%;}
/* 澶撮儴 */
.headbox{clear:both;*zoom:1;background:url(http://www.locpg.hk/mobile/images/ej/bg_dh.png) no-repeat center top,#fff;background-size:100% 160px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.headbox{clear:both;*zoom:1;background:url(http://www.locpg.hk/mobile/images/ej/bg_dh.png) no-reapeat center top,#def1e1;background-size:100% 100%}}
.logoarea{clear:both;height:69px;overflow:hidden;*zoom:1;margin:0 auto;}
.logoarea #dh{ height:22px; line-height:22px; font-size:20px; color:#333; font-size:13px; text-align:center}
.logoarea #dh a{ color:#333; padding:0 10px; }
.logoarea #banner{height:47px; display:block; line-height:47px; text-align:center}
.logoarea #banner img{  height:28px;}
.headnav{clear:both;height:60px; padding:7px 0 8px; line-height:30px;text-align:center; width:100%; float:left;background-color:#098941;background-image:-webkit-gradient(linear,left top,left bottom,from(#17a456),to(#098941));background-image:-webkit-linear-gradient(top,#17a456,#098941);background-image:-moz-linear-gradient(top,#17a456,#098941);background-image:-ms-linear-gradient(top,#17a456,#098941);background-image:-o-linear-gradient(top,#17a456,#098941);background-image:linear-gradient(top,#17a456,#098941);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#17a456',EndColorStr='#098941');}
.headnav a{display:inline-block; color:#fff; font-family:"Microsoft Yahei"; text-align:left; font-size:14px; padding:0 5px}	
/* 婊戝姩*/
.fliptab .container {position: relative;width: 800%;display: -webkit-box;white-space: nowrap;-webkit-backface-visibility: hidden;-webkit-appearance: caps-lock-indicator;clear: both;-webkit-transition-property: left, top, translate; -webkit-transition-duration: .4s}
.fliptab .container > * { display: block;-webkit-transform: translate3d(0,0,0);-webkit-box-flex: 1;width: 0 }
.articles { margin: -1px auto 0 auto;height:100%;overflow: hidden}
.nav-2 .container { width: 400%; }
.nav-3 .container { width: 500%; }
.nav-4 .container { width: 600%; }
.nav-5 .container { width: 700%; }
*[touch=false].nav-2 .container { width: 200%; }
*[touch=false].nav-3 .container { width: 300%; }
*[touch=false].nav-4 .container { width: 400%; }
*[touch=false].nav-4 .container { width: 500%; }
.fliptab .touching { -webkit-transition-property: none }
/*鍥劇墖*/
.container .slidepic li{-moz-box-sizing:border-box; display:block; float:left; font-size:18px; height:154px; position:relative; text-align:center; width:320px;margin:0 auto;}
.container .slidepic h2, .container .slidepic h2 a{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-top: 1px solid #424242; bottom:0; left:0; box-shadow:0 1px 2px #F8F8F8 inset; color:#FFFFFF; display:block; font-size:14px; font-weight: normal; height:28px; line-height:28px; position:absolute; text-align:left; text-indent:1em;  width:100%;} 
#gallery .page-wrapper {bottom: 0; left: 0; height: 33px; width: 100%; overflow: hidden; position: absolute;}
#gallery .page-wrapper a.page-prev,#gallery .page-wrapper a.page-next {display: inline-block; float: right;  margin:3px 5px 0 0; overflow: hidden; color:#fff; font-size:40px; font-weight:bold;}
#gallery .page-wrapper a.page-prev {float: left;  margin-left: 5px; color:#fff;}
/*澶存潯*/
.main_prom{clear:both;overflow:hidden;padding:10px 8px;text-align:center;font-size:14px;color:#333; border-bottom:1px solid #cccccc}
.main_prom a{color:#333;}
.main_prom h1{font-size:16px;color:#0b8b44;list-style:none outside none; width:99%; margin:0 auto }
.main_prom h1 a{color:#0b8b44;}
.main_prom h1 a:hover{color:#333;}
.ls .it{border-bottom:1px solid #dbdbdb;}
.ls .it:last-child{border-bottom:none}
.h4{display:block;padding:10px 8px 0px 12px;font-size:16px;background:url(http://www.locpg.hk/mobile/images/d0609.gif)
no-repeat left 19px;margin-left:8px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px; }
.h4:visited,.h4 a:visited{color:#551a8b}
.h4 .it{margin-left:5px}
.h4Spot{display:-webkit-box}
.h4Spot .img{display:block;padding-right:10px}
.h4Spot .des{-webkit-box-flex:1;padding-right:10px}
.h4Spot .des .ttl{line-height:22px;overflow:hidden;padding:22px 0 5px}
.ls .it{border-bottom:1px solid #dbdbdb}
.ls .it:last-child{border-bottom:none}
/*鏍囬*/
.h:after{content:' ';clear:both;display:block;height:0;visibility:hidden;line-height:0; }
.h aside{float:right}
.h menu{display:inline-block;vertical-align:top}
.h menu li{float:left}
.h menu.sep li:after{content:"路";padding:0 5px}
.h menu.sep li:last-child{background:transparent}
.h menu.sep li:last-child:after{content:"";padding:0;display:none}
.h em,.h em a{display:inline-block;vertical-align:top;float:left; color:#c64037;}
.h em .vhr{float:left}
h3{font-size:16px;line-height:40px;margin-top:20px;padding:0 10px 0 5px; background-image:-webkit-linear-gradient(left, #cc3e3a, #f8efb6);background-image:-moz-linear-gradient(left, #cc3e3a, #f8efb6);background-image:-ms-linear-gradient(left, #cc3e3a, #f8efb6);background-image:linear-gradient(left, #cc3e3a, #f8efb6);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc3e3a',EndColorStr='#f8efb6');-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);
  background-color: #f8efb6;}
h3 em{color:#fff; float:left;}
h3 em a{color:#c64037; background:#fff; padding:0px 5px}	
h3 aside,h3 aside a {color: #0a8a42; float:left; font-size:14px;}
/*鏈嶅姟*/
.wfqk{ width:93%; background-color:#e3e4d8; margin:10px auto; text-align:center; display:inherit; _display:inline}
.wfqk li a{ color:#043117; font-size:14px; line-height:24px;}
.wfqk img{ padding-top:15px; display:block; margin:0 auto; display:inherit; _display:inline}
.wfqk ul{ width:90%; margin:10px auto; display:inherit; _display:inline}
.wfqk li{ float:left; text-align:left; color:#043117;}
.wfqk li span{ padding:0 5px;}
.w33{ width:33%;}
.w66{ width:66%;}
.wline{ height:5px; background-color:#FFFFFF; width:98%; margin:0 auto; display:inherit; _display:inline}
.h10{ height:10px; display:block; width:100%}
/*欏靛簳*/
.footbox{ background-image:url(http://www.locpg.hk/mobile/images/ej/bg_footer.png); background-repeat:repeat-x; background-size:2px 130px; color:#e9ecd0; font-size:12px; line-height:18px; margin-top:15px;}
.footbox a{color:#e9ecd0;}
.footbox a:hover{ text-decoration:underline}
.backjt{float:left; width:100%; text-align:center; margin:0 auto;}
nav,nav ul,nav li{width:100%; text-align:center; float:left;}

.phnav { background-image:url(http://www.locpg.hk/mobile/images/ej/bg_nav.png); height:80px;  }

.phnav a{ line-height:35px; color:#fff; font-size:16px;}

#mobileHeader .phnav a.on { background:#fff; color:#CC0000; padding:0px 5px}
#mobileHeader .mobileNavList { width: 100%; height:0px; overflow:hidden; position: absolute; top: 45px; left: 0px; background: #ededed; z-index:10; }
#mobileHeader .mobileNavList a { float: left; width: 25%; padding: 5px 0; color: #000; text-align: center; font-size:16px; }

.ljgd{ width:85%; height:49px; background-color:#e3e3e3;  margin:0 auto; height:30px }
.ljgd p{ font-size:14px; color:#5b5b5b; text-align:center;  margin-top:20px; line-height:30px}
.ljgd p a{ font-size:14px; color:#5b5b5b; text-align:center;}
.dh{ padding-top:5px; padding-bottom:5px; margin:0 auto;}
.dh a{
    width: 25%;
    text-align: center;
    display: block;
    float: left;
}
#content .video { padding: 20px 0;text-align: center; display:none;}
#content .video video { background:#000;max-width:300px;height:260px;}
#content img{max-width: 300px;width:auto!important;height:auto!important;margin:0 auto;}


/*列表*/
.lb{ width:100px;}
.lb ul{}
.lb li{}
/*細覽*/
.ls h2{color: #575757; font-size: 20px; font-weight: 500;margin: 10px 0;text-align: center; padding:5px;}
.fbsj{
	width:99%;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;  margin:0 auto;
}
.fbsjl{color: #9d9c9c;float: left;height: 20px;line-height: 20px;text-align: left;font-size: 12px;padding-right: 20px; width:160px;}
.fbsjr{color: #9d9c9c;font-size: 12px;height: 20px;line-height: 20px;text-align: left; float:right; width:182px;}

#contentblock{font-size: 16px;line-height: 180%;text-align: left;width: 96%; padding:5px;}
#contentblock img{margin:0 auto}
#content img{max-width: 300px;width: auto!important;height: auto!important;margin: 0 auto; padding:5px;}
#content .video {padding: 20px 0;text-align: center;display: none;}
.news-content { overflow:hidden; padding:0 12px; }
.news-content h1 { color:#575757; font-size:20px; font-weight:500; margin:10px 0; text-align:left; }
.news-content h1 a { color:#575757; }
.mainbox{clear: both;}
.from {padding-bottom:4px; }
#pubtime {color: #9d9c9c; font-size: 12px; height: 40px; line-height:40px;  text-align: left; float:right;}
#pubtime a, #pubtime a:visited{color: #9d9c9c; text-decoration: none;}
#pubtime a:hover, #pubtime a:active {color: #0057E8;text-decoration: underline;}
#from {color: #9d9c9c; float:left; height: 40px;line-height:40px; text-align: left;  font-size:12px;}
#from a{color: #9d9c9c; text-decoration:none;}


.introduces{
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-align:start;
	box-align:start;
	padding:10px;
}
.introduces .imgWrap{
	width:75px;
	height:90px;
	line-height:90px;
	vertical-align:middle;
	text-align:center;
}
.introduces .imgWrap img{
	max-width:90px;
	max-height:90px;
	vertical-align:middle;
	margin:0 auto;
}
.introduces .summaryWrap{
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-left:10px;
}
.introduces .summaryWrap a{
	font-size:14px;
}
.h3tit02 {margin-top:12px; padding-left:15px; background:url('http://images.cac.gov.cn/wap/imgs/ico_redbar.jpg') no-repeat 0 0; background-size:6px 21px; color:#333; font-size:15px; line-height:21px;}
.clist03 {margin:0 12px; font-size:15px; }
.clist03 li {border-top:1px dashed #d8d5d5;line-height:18px;padding:15px 0;}
.clist03 li:first-child {border-top:none;}
.clist03 li a {display:inline-block; color:#000;}
.clist03 li p {color:#666;font-size:14px;}
.more { text-align:center; width:50%; margin:0px auto; background:#e3e3e3; font-size:14px; margin-bottom:20px}

@media screen and (min-width:0px) and (max-width: 767px) { 
#contentblock img{ margin: 0 auto;
    width: auto !important;
    height: auto !important;
    max-width: 300px;
    padding: 5px;}
}