@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: "微软雅黑"; 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: "微软雅黑"; 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: 99%; 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; }
#contentblock { width:auto; }
.pageVideo{ width:100%; height:255px; }
}