@media only screen and (min-width: 980px){



/* ===== floatAD ===== */
.floatAD, .floatAD * {width:16rem;}
.floatAD * {display:block;}
.floatAD a {box-shadow:0 0 0.6em rgba(0,0,0,0.18);}



/* ===== sider ===== */
.sider {bottom:16px;right:16px;}
.sider dl, .sider dt, .sider dd, .sider a, .sider i {height:64px;line-height:64px;}
.sider dl, .sider dt, .sider i {width:64px;}
.sider dl {margin-top:4px;}

.sider i {font-size:28px;}
.sider img {border:5px solid #6cf;bottom:68px;height:201px;right:68px;width:201px;}

.sider dd {bottom:0;right:64px;width:116px;}

.sider dt {background-color:#39d;}
.sider dl:hover dt {background-color:#6cf;}
.sider dl:hover dd {background-color:#39d;}


.sider dd, .sider img  {visibility:hidden;opacity:0;}
.sider dl:hover img, .sider dl:hover dd {visibility:visible;opacity:1;}




/* ========== struct ========== */
.topbar {height:46px;line-height:46px;}
.myDate, .weather, h1.logo, .ftinfo .c, .footer p, .homeSlide li, .flinks .c, .picks, .issue, .priority {padding-left:15px; /* padding-left:35px; */}
p#time {padding-left:15px;}

.userFunc {padding-right:35px;}
.userFunc li {margin-left:25px;padding-left:21px;}
.userFunc li.bd:after {background-color:#527698;background-color:rgba(255,255,255,0.25);height:12px;top:17px;width:1px;}

.userFunc dt {height:36px;padding:5px;width:36px;}
.userFunc dt em, .userFunc dt img {height:34px;width:34px;}

.userFunc dt a:link em, .userFunc dt a:visited em {border:1px solid #fff;}
.userFunc dt i {height:32px;line-height:32px;right:-15px;top:7px;}


.userFunc dt .dropdown {right:-25px;top:58px;width:180px;}
.userFunc dt:hover .dropdown {top:46px;}
.userFunc .dropdown li {margin:0;padding:0;width:180px;}
.userFunc .dropdown li a {padding-left:20px;}
.userFunc .dropdown li a:link, .userFunc .dropdown li a:visited {background-color:#39d;color:#fff;}
.userFunc .dropdown li a:hover, .userFunc .dropdown li a:active {background-color:#6cf;}


.userFunc dt .dropdown, .searchForm {opacity:0;visibility:hidden;}
.userFunc dt:hover .dropdown, .searchForm.shown {opacity:1;visibility:visible;}




/* ===== header ===== */
.header {height:90px;top:46px;}


/* ----- logo ----- */
h1.logo, h1.logo a {height:56px;width:180px;}
h1.logo {padding-top:17px;}
h1.logo a {background-image:url(/img/logo.png);}


/* ----- navi ----- */
ol.navi, ol.navi li, ol.navi li a {height:40px;line-height:40px;}
ol.navi {padding:25px 0 0 25px;}
ol.navi li {padding-left:48px;}
ol.navi li a:after {background-color:#28c;height:1px;width:0%;}
ol.navi li.cur a:after, ol.navi li a:hover:after, ol.navi li a:active:after {width:100%;}


/* ----- bth ----- */
a.bth, a.bth * {height:90px;width:90px;}
a.bth:link, a.bth:visited {background-color:#777;}
a.bth:hover, a.bth:active {background-color:#28c;}

.searchSwitch.hidden i {background-image:url(/img/search.png);}
.searchSwitch.shown i {background-image:url(/img/close.png);}
a.bth:hover i {opacity:0.9;}




/* ===== searchForm ===== */
.searchForm {height:100%; /* height:calc(100% - 136px); */}
.searchForm.shown {display:block;}
.searchForm form, .searchForm  dt, .searchForm  dd, .searchForm dd * {height:72px;}
.searchForm form {padding:0 72px;}
.searchForm dl {padding-right:82px;}
.searchForm dt {}
.searchForm dd, .searchForm button, .searchForm button * {width:72px;}
.searchForm dd {}
.searchForm input {background:none;border-bottom:1px solid #527698;border-top:1px solid #184876;height:70px;padding:0 20px;}
.searchForm input:focus {color:#fff;}

.searchForm button i {background-image:url(/img/search72.png);}
.searchForm button {background:#184876;}
.searchForm button:hover {background-color:#fff;}



/* ----- pdt ----- */
.pdt {height:136px;}




/* ========== flinks ========== */
.flinks {}

.flinks .c {max-width:1620px;min-width:1200px;}

.flinks ol, .flinks ul {}
.flinks ol li {height:64px;padding:0 20px 20px 0;width:184px;}
.flinks ol a, .flinks ol img {height:60px;width:180px;}
.flinks ol a:link, .flinks ol a:visited {border:2px solid #e8e8e8;}
.flinks ol a:hover, .flinks ol a:active {border:2px solid #6cf;}
 
.flinks ul {border-top:1px solid #eee;padding-top:10px;}
.flinks ul li {padding:10px 30px 0 0;}


.flinks a:link, .flinks a:visited {color:#666;}
.flinks a:hover, .flinks a:active {color:#6cf;}




/* ========== ftinfo ========== */
.ftinfo {padding:40px 0;}



/* ----- L ----- */
.ftl {width:400px;/* width:540px; */}
.logoFT, .logoFT a {height:60px;width:180px;}
.logoFT {background-image:url(/img/logoFT.png);}
.ftl p {padding-top:15px;}


/* ----- M ----- */
.ftm {padding:0 35px 0 175px;/* padding:0 135px; */width:300px;}
.ftm h3, .ftr h3 {padding:30px 0 15px 0;}
.ftm li {height:30px;width:150px;}
.ftm a {padding-left:10px;}
.ftm a:after {height:4px;width:4px;top:13px;}
.ftm a:link, .ftm a:visited, .footer a:link, .footer a:visited {color:#888;}
.ftm a:link:after, .ftm a:visited:after {background-color:#666;}
.ftm a:hover, .ftm a:active, .footer a:hover, .footer a:active {color:#6cf;}
.ftm a:hover:after, .ftm a:active:after {background-color:#6cf;}


/* ----- R ----- */
.ftr {width:330px; /* width:340px; */}
.ftr p {padding-top:10px;}
.ftr img {height:180px;width:180px;}



/* ===== footer ===== */
.footer {height:30px;padding:15px 0;}
.footer em {margin:0 20px;}

.pdb {height:20px;}




/* ===== homeSlider ===== */
.homeSlider, .homeSlider ol, .homeSlider li, .homeSlider .bx-warpper, .homeSlider .bx-viewport {height:560px;}


.homeSlide h3 {line-height:60px;padding-top:135px;width:61.8%;}
.homeSlide h4, .homeSlide p {padding-top:35px;}
.homeSlide h4 a {line-height:50px;}
.homeSlide h4 a:link, .homeSlide h4 a:visited {background-color:#00a8de;color:#fff;padding:0 35px;}
.homeSlide h4 a:hover, .homeSlide h4 a:active {background-color:#6cf;}
.homeSlide p {width:62%;}

.homeSlider .bx-controls {bottom:35px;}
.homeSlider .bx-pager-item {height:20px;margin:0 10px;width:20px;}
.homeSlider a.bx-pager-link {height:14px;margin:1px;padding:0;width:14px;}
.homeSlider a.bx-pager-link.active {margin:0;padding:1px;}
.homeSlider a.bx-pager-link:link, .homeSlider a.bx-pager-link:visited {background-color:rgba(0,0,0,0);border:2px solid #fff;}
.homeSlider a.bx-pager-link:hover, .homeSlider a.bx-pager-link:active, .homeSlider a.bx-pager-link.active:link, .homeSlider a.bx-pager-link.active:visited {background-color:#fff;border:2px solid #fff;}





/* ========== row ========== */
.row {padding:35px 0;}




/* ========== ht ========== */
.ht {height:55px;}
.ht h3, .ht h3 a {height:2rem;}
.ht h3:after {background-color:#888;bottom:-0.35rem;height:1px;width:24px;}
.ht h3:hover:after {width:48px;}

.ht p {padding-right:0.6rem;}
.ht a p {color:#888;}



/* ===== picks ===== */
.picks, .picks .c, .picks dl.large, .picks dl.large a, .issue {width:880px;}
.picks, .issue {padding-right:15px;}

.picks .c, .express .c {height:630px;}

.picks dl.large, .picks dl.large a, .picks dl.large dt, .picks dl.large dt em, .picks dl.large dt img, .picks dl.large dd {height:330px;}
.picks dl.large dt, .picks dl.large dt em {width:583px;}
.picks dl.large dt p {background-image:url(/img/fgp.png);height:40px;line-height:40px;padding:30px 15px 0 15px;width:553px;}
.picks dl.large dd {height:300px;padding:15px;width:267px;}


.picks dl.large dd h4 {padding:10px 0;}
.picks dd p {padding-top:5px;}
.picks dd p b, .express dd p b, .fotos dd p b, .texts p b, .texts p em, .ranking p b, .listPub p b {padding-left:8px;}

.picks ul {padding-top:12px;}
.picks li, .picks li dl, .picks li dt, .picks li dt em, .picks li dt img {width:286px;}
.picks li, .picks li dl, .picks li a {height:288px;}
.picks li {margin-left:11px;}
.picks li:first-child {margin:0;}

.picks li dt, .picks li dt em, .picks li dt img {height:160px;}
.picks dt b {height:32px;line-height:32px;padding:0 12px;top:15px;}

.picks li dd {padding:15px 15px 0 15px;width:256px;}
.picks li h3, .picks li p {line-height:20px;}
.picks li h3 {max-height:40px;min-height:40px;margin-bottom:5px;}


.picks a:hover em, .express a:hover em, .fotos a:hover em, .ranking a:hover em {transform:scale(1.1) rotate(1deg);}




/* ===== express ===== */
.express, .quick, .quick li, .quick a {width:330px;}

.express .c, .express .c li, .express .c li dl {width:300px;}
.express .c {padding:0 15px;}

.express li, .texts li {border-top:1px solid #e8e8e8;}
.express li:first-child, .texts li:first-child {border:0 none;}

.express .c li {height:74px;padding:15px 0 ;}
.express .c dl, .express .c dt {padding-top:0;}
.express .c dt, .express .c dt * {height:70px;width:110px;}
.express .c dd {padding-left:10px;width:170px;}
.express .c dd h3 {max-height:40px;}
.express .c dd p {padding-top:10px;}

.express .c dl.np dd h3 {max-height:40px;}
.express .c dl.np dt {display:none !important;}
.express .c dl.np dd {padding-left:0;width:100%;}




/* ===== issue ===== */
.issue {height:405px;}
.issue .c, .issue dl, .issue dt, .issue dt * {height:320px;}
.issue .c {padding:15px;width:850px;}
.issue dl {width:545px;}
.issue dt, .issue dt * {width:235px;}
.issue dd {margin-left:5px;}
.issue dd {height:310px;padding:10px 5px 0 10px;width:280px;}
.issue dd *, .texts li * {line-height:24px;}
.issue dd p {padding:10px 5px 5px 5px;}
.issue th {width:100px;}

.issue .c p, .issue .c p *, .issue th, .issue td {font-size:14px;}


.directory {width:300px;}
.dc, .dc .jScrollPane {height:248px;width:285px;}
.dc {border:1px solid #e8e8e8;padding:10px;}
.dc .jScrollPane {}
.dc h3 {padding:0 0 5px 0;}
.dc .cc {border-bottom:1px solid #ddd;line-height:30px;padding:15px 10px 5px 10px;}
.dc .cc p {border-top:2px dotted #ddd;color:#989898;padding:10px 0;}
.dc .cc p:nth-child(2) {border-top-width:0;}
.dc .cc p a {line-height:18px;}

.directory h5 {height:40px;padding-top:10px;}
.directory h5 a {height:38px;line-height:38px;margin-right:10px;padding:0 20px;}

.dc h4 a:link, .dc h4 a:visited, .catalogue h3 a:link, .catalogue h3 a:visited {color:#28c;}
.dc a:link, .dc a:visited, .catalogue p a:link, .catalogue p a:visited {color:#5a5a5a;}
.dc a:hover, .dc a:active, .catalogue * a:hover, .catalogue * a:active {color:#6cf !important;}

.catalog dt a:link, .catalog dt a:visited {background-color:#28c;border:1px solid #28c;color:#fff;}
.catalog dd a:link, .catalog dd a:visited {background-color:#fff;border:1px solid #28c;color:#28c;}

.directory h5 a:nth-child(1):link, .directory h5 a:nth-child(1):visited {background-color:#28c;border:1px solid #28c;color:#fff;}
.directory h5 a:nth-child(2):link, .directory h5 a:nth-child(2):visited {background-color:#fff;border:1px solid #28c;color:#28c;}
.catalog dl a:hover, .catalog dl a:active, .directory h5 a:hover, .directory h5 a:active {background-color:#6cf !important;border:1px solid #6cf !important;color:#fff !important;}

.catalog a img {display:block;height:132%;width:100%;}


/* ===== quick ===== */
.quick {padding-top:45px;}
.quick li, .quick a {height:110px;width:330px;}
.quick li {padding-top:10px;}
.quick li b {line-height:110px;padding:0 50px;}
.quick li i {bottom:-10px;height:96px;line-height:96px;width:96px;}
.quick li.qk1 i {right:15px;}
.quick li.qk2 i {bottom:-20px;left:20px;}
.quick li.qk3 i {right:10px;}


.quick li a:link, .quick li a:visited {color:#fff;}
.quick li.qk1 a:link, .quick li.qk1 a:visited {background-color:#32c0ce;}
.quick li.qk1 i {color:#51c9d5;}
.quick li.qk2 a:link, .quick li.qk2 a:visited {background-color:#9dc701;}
.quick li.qk2 i {color:#accf27;}
.quick li.qk3 a:link, .quick li.qk3 a:visited {background-color:#3298da;}
.quick li.qk3 i {color:#51a7e0;}

.quick li a:hover, .quick li a:active {background-color:#6cf !important;}
.quick li a:hover i, .quick li a:active i {color:#85d6ff;}







/* ===== priority ===== */
.priority .ht, .wideAD {width:1225px;}
.fotos {padding:0 15px 15px 0;width:865px;}
.fotos li, .fotos li a, .fotos li dl, .fotos li dt, .fotos dt em, .fotos dt img, .fotos li dd {width:273px;}
.fotos li {padding:15px 0 0 15px;}
.fotos li {height:290px;}
.fotos dt, .fotos dt em, .fotos dt img {height:170px;}
.fotos dt b {height:28px;line-height:28px;padding:0 10px;top:10px;}

.fotos dd h3 {max-height:40px;overflow:hidden;padding:10px 0 5px 0;}
.fotos dd p {padding-top:8px;}


/* ----- texts ---- */
.texts, .texts li, .texts li a, .texts li h4, .texts li p {width:300px;}
.texts {height:625px;margin-left:15px;padding:0 15px;}
.texts li {height:105px;padding-top:20px;}
.texts li em {width:80px;}
.texts li h4, .texts li p {height:25px;}
.texts li p {padding-top:2px;}



/* ===== wideAD ===== */
.wideAD a, .wideAD a * {width:1195px;}
.wideAD, .homeR .sideAD, .ranking {margin-top:20px;}
.wideAD a {padding:15px;}



/* ===== homeR ===== */
.homeR {padding-left:15px;padding-top:0;}
.homeR .sideAD, .ranking {clear:inherit;}
.homeR .sideAD {float:right;}




/* ===== ranking ===== */
.ranking, .ranking ol, .ranking ul, .ranking ul li {width:300px;}
.ranking {padding:20px 20px 10px 20px;}
.ranking ol, .ranking ol li {height:40px;line-height:40px;}

.ranking ol li a:link, .ranking ol li a:visited {background-color:#f3f3f3;color:#666;}
.ranking ol li.cur a:link, .ranking ol li.cur a:visited {background-color:#09f;color:#fff;}
.ranking ol li a:hover, .ranking ol li a:active {background-color:#6cf !important;color:#fff;}

.homeR .ranking, .homeR .ranking ol {width:850px;}
.homeR .ranking {margin-right:15px;padding:15px;}
.homeR .ranking ol li {width:283px;}

.homeR .ranking ul, .homeR .ranking ul li {width:850px;}
.homeR .ranking ul li {height:115px;padding-top:15px;}
.homeR .ranking dt, .homeR .ranking dt * {height:90px;width:145px;}
.ranking dt {padding-top:5px;}

.homeR .ranking dd {padding-left:15px;width:690px;}
.homeR .ranking dd h4 {line-height:30px;max-height:60px;}
.homeR .ranking dd p {padding-top:10px;}




/* ----- wideAD ----- */
.wideAD {height:170px;width:1170px;}
.wideAD a, .wideAD a * {height:130px;width:1130px;}




/* ===== sideAD ===== */
.spr .sideAD {margin-top:20px;}
.sideAD a {/* height:250px; */width:300px;}
.sideAD img {width:100%;}




/* ===== ===== subpage ===== ===== */
.subpage {padding-bottom:45px;}
.subpage.ptx {padding-bottom:35px;padding-top:35px;}




/* ----- stater ----- */
.stater, .aStat, .aStat *, .submenu h3, .getCode h3, .st, .st h3 {height:55px;line-height:55px;}
.stater {padding-top:5px;}
.stater p {padding-left:20px;}
.stater em {margin:0 10px;}
.stater a:link, .stater a:visited, .stater b {color:#888;}
.stater a:hover, .stater a:active {color:#6cf;}




/* ----- left ----- */
.spl {min-width:900px;padding:0 20px;width:900px;width:calc(100% - 440px);}



/* ===== article ===== */
.article, .listArt, .listPub {min-width:830px;width:auto;width:calc(100% - 70px);/*  */}
.article {padding:35px;}

h2.aTitle {padding:20px 0;}
h4.subTitle {padding:0 0 20px 50%;}
.aStat {background-color:#f8f8f8;margin:20px 0 10px 0;}
.aStat p {text-indent:20px;}
.aStat b {color:#666;margin-left:6px;}
.aStat i {color:#aaa;}

.aStat.narrow {height:0;}


/* ----- entry ----- */
.entry, .entry * {word-break:break-all;text-align:justify;}
.entry {padding-top:10px;min-height:480px;}

.entry h1 {font-size:24px;}
.entry h2 {font-size:21px;}
.entry h3 {font-size:18px;}
.entry h4, .entry b, .entry strong, .entry h5{font-size:16px;}

.entry div, .entry p, .entry li {color:#666;line-height:1.8;}
.entry div, .entry p {margin-top:20px;text-indent:2em;}
.entry div *, .entry p * {text-indent:0;}

.entry ol, .entry ul {padding:0.25em 0 0.75em 2em;}
.entry ol li {list-style:decimal outside;}
.entry ul li {list-style:disc outside;}


.noprefix, .noprefix li {list-style:none !important;}


.entry li {padding-top:0.5em;}

.entry table {background-color:#ddd;}
.entry th, .entry td {padding:8px 10px;}
.entry th {background-color:#f6f6f6;}
.entry td {background-color:#fff;}

.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4 {color:#245a95;font-weight:bold;}

.entry img {height:auto !important;max-width:800px !important; /* width:auto !important; */}

.entry blockquote {/* border: 2px solid #eee; */background:#f6f7f8;box-sizing:border-box;margin:20px 0 0 0;padding:8px 20px 20px;width:100%;}
.entry blockquote p {margin-top:12px;}

.entry a:link, .entry a:visited {color:#17b;}
.entry a:hover, .entry a:active {color:#6cf;}


/** ===== 2024-02-26 ===== **/
.table-holder {width:100%;}
.table-line-horizon, .table-line-horizon th, .table-line-horizon td {border-collapse:collapse;}
.table-line-horizon {border:0;margin:auto;width:80%;}
.table-line-horizon th, .table-line-horizon td {border-bottom:1px solid #7f2222;padding:4px 8px;}
.table-line-horizon th {border-top:1px solid #7f2222;color:#7f2222;}
.table-line-horizon td {color:#3a3a3a;}
hr.line-split {border:0;}
hr.line-split.split-brown {border-top:1px solid #7f2222;}


/* ----- myVideo ----- */
.myVideo {height:400px;margin:35px auto;width:640px;}



/* ----- context ----- */
.context, .context dt, .context dd {height:80px;}
.context {min-width:900px;padding-top:20px;}
.context dt, .context dd {min-width:445px;width:calc( 50% - 5px);}

.context dt a {height:50px;}
.context dt a {padding:15px 15px 15px 95px;}
.context dd a {padding:15px 95px 15px 15px;}

.context b, .context em {line-height:25px;height:25px;}
.context i {line-height:80px;width:80px;}

.context a:link, .context a:visited {color:#989898;}
.context a:link i, .context a:visited i {background-color:#f8f8f8;}
.context a:link b, .context a:visited b {color:#39d;}
.context a:hover *, .context a:active * {color:#6cf !important;}




/* ===== listArt ===== */
.listArt {padding:15px 35px;}

.listArt li, .listPub li {padding:20px 0;}
.listArt li, .listPub li {border-top:1px solid #e8e8e8;}
.listArt li:first-child, .listPub li:first-child  {border-top:0;}
.listArt li a {padding:0 10px 0 15px;}
.listArt i.fa-caret-right {}

.listArt p {padding-top:5px;}
.listArt p b {padding:0 30px 0 8px;}

.listArt a:link, .listArt a:visited, .listPub a:link, .listPub a:visited {color:#989898;}
.listArt a:link i, .listArt a:visited i, .listPub a:link i, .listPub a:visited i {color:#bbb;}
.listArt a:link h4, .listArt a:visited h4, .listPub a:link h4, .listPub a:visited h4 {color:#28c;}
.listArt a:hover *, .listArt a:active *, .listPub a:hover *, .listPub a:active * {color:#6cf !important;}




/* ===== listPub ===== */
.listPub {min-width:830px;padding:5px 35px;}
.listPub li, .listPub li dl {min-width:830px;}
.listPub li {padding:30px 0;}
.listPub dt, .listPub dt * {height:120px;width:195px;}
.listPub dd {min-width:615px;padding-left:20px;width:calc( 100% - 220px);}
.listPub dl.np dt {display:none !important;}
.listPub dl.np dd {padding-left:0;width:100%;}
.listPub dd p {padding-top:10px;}




/* ===== catalog ===== */
.catalog {padding:0 30px 30px 0;width:870px;}
.catalog li {padding:30px 0 0 30px;width:260px;}
.catalog dl {padding-top:10px;}
.catalog dt, .catalog dd {width:125px;}
.catalog dl a {line-height:1;padding:1.1em 0;}


/* ===== catalogue ===== */
.catalogue {padding:10px 30px 40px 30px;width:840px;}

.catalogue dl {border-bottom:1px solid #ddd;padding:30px 10px;width:820px;}
.catalogue dt, .catalogue dd {line-height:60px;}
.catalogue p {height:60px;}
.catalogue p a, .catalogue p b {background-color:#fff;}
.catalogue p a {padding-right:16px;}
.catalogue p b {padding-left:16px;}

.catalogue p:after {border-top:2px dotted #ddd;top:29px;}





/* ===== pager ===== */
.pager, .pager ul, .pager li {line-height:55px;}
.pager {padding:30px 0;}
.pager li {height:55px;margin-right:10px;}
.pager li.thisclass, .pager li a {padding:0 23px;}
.pager li.thisclass, .pager li.thisclass a {background-color:#39d ;color:#fff ;}
.pager li a:link, .pager li a:visited {background-color:#fff;color:#888;}
.pager li a:hover, .pager li a:active {background-color:#6cf;color:#fff;}




/* ===== result ===== */
.results .list {padding:0 30px;}
.results li {border-top:1px solid #e8e8e8;padding:30px 15px;min-width:810px;}
.results li:first-child {border:0 none;/* */}
.results h3 {}
.results h5, .results p {padding-top:10px;}
.results span {padding-right:48px;}
.results i {padding-right:8px;}

.results a:link, .results a:visited {color:#28c;}
.results h5 a:link, .results h5 a:visited {color:#989898;}
.results a:hover, .results a:active, .results a:hover *, .results a:active * {color:#6cf !important;}




/* ===== feedback ===== */
.feedback {min-width:900px;margin-top:20px;padding:10px 30px 30px;width:calc(100% - 60px);}



/* ----- right ----- */
.spr {width:300px;}


/* ===== submenu+getCode ===== */
.submenu, .getCode {width:300px;}
.submenu h3, .submenu ul, .getCode h3, .getCode .c {width:260px;}
.submenu h3, .getCode h3, .st h3 {border-bottom:1px solid #eaeaea;padding:0 20px;}

.submenu ul, .getCode .c {padding:20px;}
.submenu li {line-height:55px;padding-top:2px;}
.submenu li:first-child {padding-top:0;}
.submenu li a:link, .submenu li a:visited {background-color:#f8f8f8;color:#666;padding-left:20px;}
.submenu li.cur a:link, .submenu li.cur a:visited {background-color:#eef8ff;color:#258;}
.submenu li a:hover, .submenu li a:active {background-color:#6cf;color:#fff;}

.getCode {margin-bottom:20px;}
.getCode .dynamic {height:260px;width:260px;}
.getCode p {padding-top:15px;}



}




@media only screen and (min-width: 1340px) {

.myDate, .weather, h1.logo, .ftinfo .c, .footer p, .homeSlide li, .flinks .c, .picks, .issue, .priority, .stater p {padding-left:35px;/* padding-left:15px; */}

}

@media only screen and (min-width: 1640px) {
	
.myDate, .weather, h1.logo, .ftinfo .c, .footer p, .homeSlide li, .flinks .c, .picks, .issue, .priority, .flinks .c, .ftinfo .c, .footer p, .homeSlide li {padding-left:70px;/* padding-left:15px; */}




/* ===== row ===== */
.row {padding:45px 0;}


/* ===== homeSlider ===== */
.homeSlide h3 {padding-top:150px;width:38.2%;}
.homeSlide p {width:62%;}


/* ===== picks ===== */
.picks, .picks .c, .picks dl.large, .picks dl.large a, .issue, .priority, .priority .c {width:1170px;}
.picks .c, .express .c {height:830px;}

.picks dl.large, .picks dl.large a, .picks dl.large dt, .picks dl.large dt em, .picks dl.large dt img, .picks dl.large dd {height:440px;}
.picks dl.large dt, .picks dl.large dt em {width:775px;}
.picks dl.large dt p {width:745px;}
.picks dl.large dd {height:400px !important;padding:20px;width:355px !important;}

.picks dl.large dd h4 {padding:20px 0 10px 0;}
.picks dd p {padding-top:5px;}
.picks dd p b, .express dd p b, .fotos dd p b, .texts p b, .texts p em, .ranking p b, .listPub p b {padding-left:8px;}

.picks ul {padding-top:15px;}
.picks li, .picks li dl, .picks li dt, .picks li dt em, .picks li dt img {width:380px;}
.picks li, .picks li dl, .picks li a {height:375px;}
.picks li:not(:first-child) {margin-left:15px;}

.picks li dt, .picks li dt em, .picks li dt img {height:215px;}
.picks dt b {height:32px;line-height:32px;padding:0 10px;top:15px;}

.picks li dd {padding:15px 20px 0 20px;width:340px;}
.picks li h3 {max-height:60px;margin-bottom:5px;}



/* ===== express ===== */
.express, .quick, .quick li, .quick a, .homeR {width:340px;}
.express .c {padding:0 20px;}
.express .c li {padding:0 !important;height:135px;}
.express .c dl {padding-top:15px;}
.express .c dl.np {padding-top:20px;}

.express dt, .express dt * {height:80px;width:128px;}
.express dt {padding-top:5px;}
.express dd {padding-left:12px;width:160px;}
.express dl.np dt {display:none;}
.express dl.np dd {padding-left:0;width:100%;}

.express dd h3 {max-height:80px;margin-bottom:8px;}



/* ===== issue ===== */
.issue {height:475px;}
.issue .c, .issue dl, .issue dt, .issue dt * {height:380px;}
.issue .c {padding:20px;width:1130px;}
.issue dl {width:650px;}
.issue dt, .issue dt * {width:280px;}
.issue dd {margin-left:10px;}
.issue dd {height:360px;padding:20px 20px 0 20px;width:300px;}
.issue dd * {line-height:30px;}
.issue dd p {padding:15px 10px 10px 10px;}
.issue th {width:110px;}

.dc .jScrollPane * {line-height:30px;}

.directory {width:480px;}
.dc, .dc .jScrollPane {height:278px;width:450px;}
.dc {border:1px solid #e8e8e8;padding:20px 10px 20px 20px;}
.dc .jScrollPane {}
.dc h3 {padding-bottom:10px;}
.dc p {padding-top:10px;}


/* ===== quick ===== */
.quick {padding-top:40px;}
.quick li, .quick a {height:130px;}
.quick li {padding-top:15px;}
.quick li b {line-height:130px;padding:0 50px;}




/* ----- priority ----- */
.priority .ht {width:1170px;}

.fotos {padding:0 20px 20px 0;width:750px;}
.fotos li, .fotos li a, .fotos li dl, .fotos li dt, .fotos dt em, .fotos dt img, .fotos li dd {width:230px;}
.fotos li {padding:20px 0 0 20px;}
.fotos li {height:265px;}
.fotos dt, .fotos dt em, .fotos dt img {height:145px;}
.fotos dt b {height:28px;line-height:28px;padding:0 10px;top:10px;}

.fotos dd h4 {padding:10px 0 5px 0;max-height:40px;}
.fotos dd p {padding-top:8px;}


/* ----- texts ---- */
.texts, .texts li, .texts li a, .texts li h4, .texts li p {width:340px;}
.texts {height:590px;margin-left:20px;padding:0 20px;}
.texts li {height:93px;}
.texts li {padding-top:20px;}




/* ========== homeR ========== */
.homeR {padding-top:0;}


/* ----- wideAD ----- */
.wideAD, .ranking {margin-top:20px;}
.wideAD {height:170px;width:1170px;}
.wideAD a, .wideAD a * {height:130px;width:1130px;}
.wideAD a {padding:20px;}


/* ===== sideAD ===== */
.sideAD, .sideAD a {/**height:290px;**/width:340px;}
.sideAD.pd20 a {padding:20px;width:300px;}



/* ===== ranking ===== */
.homeR .ranking, .homeR .ranking ol, .ranking ul, .ranking ul li {width:300px !important;}
.ranking {padding:20px 20px 10px 20px;}

.ranking ol, .ranking ol li {height:40px;line-height:40px;}
.homeR .ranking ol li {width:100px;}


.homeR .ranking ul li {height:78px;padding-top:12px;}

.homeR .ranking dt, .homeR .ranking dt * {height:60px;width:90px;}

.homeR .ranking dd {padding:3px 0 0 10px;width:200px;}
.homeR .ranking dd h4 {line-height:20px;max-height:40px;}
.homeR .ranking dd p {padding-top:3px;}



/* ========== flinks ========== */
.flinks {}
.flinks .c {max-width:1570px;min-width:1240px;}

.flinks ol, .flinks ul {margin-top:10px;}
.flinks ol li {height:64px;padding:0 20px 20px 0;width:184px;}
.flinks ol a, .flinks ol img {height:60px;width:180px;}
.flinks ol a:link, .flinks ol a:visited {border:2px solid #e8e8e8;}
.flinks ol a:hover, .flinks ol a:active {border:2px solid #6cf;}
 
.flinks ul {border-top:1px solid #eee;padding-top:10px;}
.flinks ul li {padding:10px 30px 0 0;}


.flinks a:link, .flinks a:visited {color:#666;}
.flinks a:hover, .flinks a:active {color:#6cf;}




/* ========== ftinfo ========== */
.ftinfo {padding:40px 0;}



/* ----- L ----- */
.ftl {width:540px;}
.logoFT, .logoFT a {height:60px;width:180px;}
.logoFT {background-image:url(/img/logoFT.png);}
.ftl p {padding-top:15px;}


/* ----- M ----- */
.ftm {padding:0 90px 0 180px;width:300px;}
.ftm h3, .ftr h3 {padding:30px 0 15px 0;}
.ftm li {height:30px;width:150px;}
.ftm a {padding-left:10px;}
.ftm a:after {height:4px;width:4px;top:13px;}
.ftm a:link, .ftm a:visited, .footer a:link, .footer a:visited {color:#888;}
.ftm a:link:after, .ftm a:visited:after {background-color:#666;}
.ftm a:hover, .ftm a:active, .footer a:hover, .footer a:active {color:#6cf;}
.ftm a:hover:after, .ftm a:active:after {background-color:#6cf;}


/* ----- R ----- */
.ftr {width:330px; /* width:340px; */}
.ftr p {padding-top:10px;}
.ftr img {height:180px;width:180px;}


/* ----- right ----- */
.spr {width:340px;}



/* ===== submenu+getCode ===== */
.submenu, .getCode {width:340px;}
.submenu h3, .submenu ul, .getCode h3, .getCode .c {width:300px;}

.getCode .dynamic {border:20px solid #fff;}




/* ===== catalog ===== */
.catalog {min-width:840px;padding:0 50px 50px 10px;width:calc(100% - 60px);}
.catalog li {min-width:160px;padding:50px 0 0 40px;width:calc(25% - 40px);}
.catalog li img {}
.catalog dl {}
.catalog dl a {min-width:73px;width:calc(100% - 2px);}
.catalog dt, .catalog dd {min-width:75px;line-height:43px;width:calc(50% - 5px);}



/* ===== catalogue ===== */
.catalogue {min-width:840px;padding:20px 50px 60px 50px;width:calc(100% - 100px);}

.catalogue dl {padding:20px 20px;width:calc(100% - 40px);}




/* ========== special ========== */
.ot, .homeSlider .bx-pager-item {overflow:hidden;text-indent:-5000em;}
.picks p, .fotos p, .texts h4, .texts p, .context b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}





	
}
/* ========== pc_style-ends ========== */




@media only screen and (min-width: 980px){



/* ========== color ========== */
.topbar a:link, .topbar a:visited {color:#ccc;}
.topbar a:hover, .topbar a:active {color:#fff;}

ol.navi li a:link, ol.navi li a:visited {color:#5a5a5a;}
ol.navi li a:hover, ol.navi li a:active, ol.navi li.cur a {color:#28c;}


.picks a:link, .picks a:visited, .express a:link, .express a:visited, .fotos a:link, .fotos a:visited, .texts a:link p, .texts a:visited p, .ranking ul a:link, .ranking ul a:visited {color:#989898;}
.picks a:link h3, .picks a:visited h3, .express a:link h3, .express a:visited h3, .fotos a:link h3, .fotos a:visited h3, .texts a:link h4, .texts a:visited h4, .ranking ul a:link h4, .ranking ul a:visited h4 {color:#28c;}
.picks a:link dt p, .picks a:visited dt p {color:#ddd;}
.picks a:link dt b, .picks a:visited dt b, .fotos a:link dt b, .fotos a:visited dt b {background-color:#09f;color:#fff;}
.picks a:link dd b, .picks a:visited dd b, .express a:link dd b, .express a:visited dd b, .fotos a:link dd b, .fotos a:visited dd b, .texts a:link b, .texts a:visited b, .texts a:visited b, .texts a:link em, .texts a:visited em, .ranking ul a:link b, .ranking ul a:visited b {color:#787878;}
.picks a:link i, .picks a:visited i, .express a:link i, .express a:visited i, .fotos a:link i, .fotos a:visited i, .texts a:link i, .texts a:visited i, .ranking ul a:link i, .ranking ul a:visited i {color:#bbb;}
.picks a:hover dt p, .picks a:active dt p, .picks a:hover dd *, .picks a:active dd *, .express a:hover dd *, .express a:active dd *, .fotos a:hover dd *, .fotos a:active dd *, .texts a:hover *, .texts a:active *, .ranking ul a:hover *, .ranking ul a:active * {color:#6cf !important;}
.picks a:hover dt b, .picks a:active dt b, .fotos a:hover dt b, .fotos a:active dt b {background-color:#6cf;}






/* ====== systemMSG ===== */
.noticePage {height:100%;position:fixed;width:100%;}


.systemNotice {background-color:#fff;}
.systemNotice {box-shadow:0 0 6px #ccc;}
.systemNotice {left:50%;margin-left:-15rem;position:fixed;top:28%;width:30rem;}

.systemNotice h3 {background-color:#f3f3f3;border-bottom:1px solid #e6e6e6;border-top:4px solid #0364cf;color:#245a95;font-size:0.8rem;line-height:2.5rem;padding:0 0.75rem;}
.systemNotice .c {padding:1.5rem 3rem 3rem 3rem;}
.systemNotice p, .systemNotice p b {color:#f00;}
.systemNotice p {padding-top:1.5rem;text-align:center;}


.systemNotice a:link, .systemNotice a:visited {color:#39d;}
.systemNotice a:hover, .systemNotice a:active {color:#6cf;}



}