
/* Frame */
html body{max-width: 100%;
overflow-x:hidden;overflow-y:scroll;background:#eee;margin:0px;padding:0px;font-size:12pt;}
h1 {}
h3 {font-size:1.4em;}
ul, li, table, tl, td {margin:0px;padding:0px;}

/* Top */
.topWrap {width:100%;height:80px;background:#333366;}
.topBox {max-width:1000px;width:100%;height:80px;margin:0 auto;}
.topLogo {max-width:240px;float:left;margin-top:19px;margin-left:15px;}
.topMenu {max-width:500px;float:right;text-align:right;}
.topNav {margin-top:27px;}
.topNav a {color:#fff;font-size:1.1em;margin:0px 15px;text-decoration:none;}
.topNav a:hover {color:#FFCD00}
.topMobile {display:none;margin-top:0px;margin-right:15px;cursor:pointer;color:#fff;font-size:3.2em;font-weight:bold;}
.topMobile:hover {color:#FFCD00}
.mobileMenu {display:none;max-width:740px;width:100%;margin:0 auto;}
.mobileMenu a {display:block;padding:15px 20px;text-decoration:none;border-bottom:1px solid #ddd;color:#222;font-size:1.2em;}

/* Middle */
.contents {max-width:800px;width:100%;margin:20px auto;background:#fff;border:1px solid #ddd;color:#333;}

/* Bottom */
.bottom {text-align:center;font-size:0.9em;height:40px;color:#555;}

/* Article */
.postFrame {margin:20px;}
.postSubject {margin:0px;padding:10px 0px;font-size:1.8em;border-bottom:3px solid #555;padding-left:10px;}
.postInfo {font-size:0.9em;text-align:right;color:#555;padding-bottom:14px;}

/* Product */
.productGroup {text-align:center;background:#f5f5f5;padding:15px;margin-bottom:20px;}
.productGroup p {line-height:1em;}
.productGroup img {width:100%;max-width:400px;}
.productName {font-size:1.2em;}
.productInfo {font-size:1.2em;color:#cc0000;}
.productLink {padding-top:10px;}
.productLink a {font-size:1.2em;color:#0064C4}
.productAll {margin:30px 0px;text-align:center;}
.productAll a {display:block;text-align:center;margin:0px auto;width:80%;padding:16px;font-weight:bold;font-size:1.3em;color:#ffffff;background:#0064C4;border-radius:5px;}

/* Recommend */
.recLists {margin:30px 0px;list-style:none;background:#f5f5f5;border-top:1px solid #ddd;}
.recLists a {text-decoration:none;font-size:1.1em;color:#0064C4;}
.recList {padding:10px;border-bottom:1px solid #ddd;}

/* Partners */
.partners {text-align:center;margin-bottom:20px;}

/* Lists */
.postList {border-top:3px solid #555555;margin:20px;}
.postFrame .postList {margin:20px 0px 20px 0px;}
.postList p {font-size:1.2em;font-weight:bold;}
.postList a {text-decoration:none;color:#0064C4;}
.prevPost {width:42%;float:left;text-align:left;}
.nextPost {width:42%;float:right;text-align:right;}
.clear {clear:both;margin-bottom:30px;}
/* ListPaging */
.paging {padding-top:20px;}

/* Category */
.category {margin-bottom:20px;}
.cateList {width:29%;margin:2%;float:left;border-bottom:1px solid #ddd;}
.cateList a {text-decoration:none;color:#0064C4;}
.cateList img {position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;margin:auto;}
.cateImage {height:250px;position:relative;}
.cateSubject {height:60px;padding:0px 5px;}
.cateText {font-size:0.9em;height:80px;padding:0px 5px;}

/* DocList */
.docList {border-bottom:1px dotted #ddd;margin:20px;padding-bottom:5px;font-size:0.9em;}
.docList a {font-size:1.1em;text-decoration:none;color:#555;}
.docList img {width:20px;}

/* Answer */
.answerInfo {border-bottom:1px solid #ddd;height:36px;font-size:1.1em;}
.answerInfo img {width:28px;border-radius:50%;vertical-align: middle;margin-right:10px;margin-bottom:4px;}

/* Index */
.titleImage {width:100%;margin-bottom:10px;}
.titleList {display:block;margin:0px 20px;padding:10px 10px;font-size:1.3em;font-weight:bold;border-bottom:3px solid #555;padding-left:10px;}

/* Shere */
.shareButtons {text-align:center;}
.sharer {margin-bottom:20px;}
.fb-image:hover { filter: brightness(86%);}

/* TOC */
.toc {display:none;list-style-type:none;background:#f5f5f5;padding:15px;margin-bottom:20px;}
.toc li {padding:5px;}
.toc a {color:#0064C4;text-decoration:none;}
.tocCheck {color:#0064C4;text-decoration:none;}

/* Mobile */
@media screen and (max-width: 840px){
    .cateList {width:44%;margin:3%;float:left;}
    .cateSubject {font-size:1.2em;}
}

@media screen and (max-width: 740px){
    .topNav {display:none;}
	.topMobile {display:block;}
}

@media screen and (max-width: 600px){
    .cateList {width:90%;margin:5%;float:left;}
    .cateText {height:60px;}
    .cateImage {height:350px;}
    .cateSubject {font-size:1.5em;}
}
