.container .carea .pageContainer {position:relative;}

/* ***** Post Content ***** */
.container .carea .cntPostlist {padding-right:291px;}
.container .carea .cntPostlist .sitepath {font-size:12px; margin:10px 0px; color:#fd8c2b; font-weight:700;}
.container .carea .cntPostlist .sitepath a {font-size:12px; color:#999; font-weight:700;}
.container .carea .cntPostlist .ndate {margin:15px 0px; width:auto; font-size:16px; color:#fd8c2b; text-transform:uppercase; font-weight:600;}
.container .carea .cntPostlist .socialcntitems {height:20px; margin-bottom:20px;}
.container .carea .cntPostlist .nsub {font-size:14px; font-style:italic;}

.res1810 .container .carea .cntPostlist {padding-right:465px;}
.res1810 .container .carea .cntPostlist .nsub {font-size:20px; font-style:italic;}

.res480 .container .carea .cntPostlist {padding-right:0px;}
.res320 .container .carea .cntPostlist {padding:0px;}

/* Images */
.container .carea img.left {float:left; margin:6px 25px 15px 0px; width:auto;}
.container .carea img.right {float:right; margin:1px 0px 15px 25px; width:auto;}
.container .carea img.banner {display:inline;}

.res1810 .container .carea img.left {width:auto;}
.res1810 .container .carea img.right {width:auto;}

.res720 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res720 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res720 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res480 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res480 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res480 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res320 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res320 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res320 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

/* Iframes */
.container .carea iframe {display:block; margin:0px auto; max-width:100%;}
.container .carea iframe.i-left {float:left; margin:5px 25px 25px 0px; max-width:50%;}
.container .carea iframe.i-right {float:right; margin:5px 0px 25px 25px; max-width:50%;}

.res480 .container .carea iframe.i-left {float:none; margin:0px auto 10px; max-width:100%;}
.res480 .container .carea iframe.i-right {float:none; margin:0px auto 10px; max-width:100%;}

.res320 .container .carea iframe.i-left {float:none; margin:0px auto 10px; max-width:100%;}
.res320 .container .carea iframe.i-right {float:none; margin:0px auto 10px; max-width:100%;}

/* ***** SideBar ***** */
.container .carea .sidebar {width:271px; position:absolute; top:0px; right:0px;}
.container .carea .sidebar .widget {margin-bottom:15px;}
.container .carea .sidebar .widget .title {padding:7px; border:solid 2px #e4e4e4;}
.container .carea .sidebar .widget .title span {display:block; color:#000; height:23px; line-height:23px; padding-left:30px; font-size:18px; font-weight:700;}
.container .carea .sidebar .widget .cnt ul {list-style:none; padding:0px; margin:0px;}
.container .carea .sidebar .widget .cnt ul li {border-top:1px solid #c2c0c0;}
.container .carea .sidebar .widget .cnt ul li:first-child {border:none;}
.container .carea .sidebar .widget .cnt ul li a {font-size:15px; color:#000; display:block; padding:10px 25px 10px 25px; text-align:left; margin:3px auto; background:url(/images/0/bullet.png) 10px 13px no-repeat; font-weight:600;}
.container .carea .sidebar .widget .cnt ul li a:hover {background:url(/images/0/bullet.png) 10px 13px no-repeat #eee; text-decoration:none;}
.container .carea .sidebar .widget .cnt ul li ul {padding:0px 0px 0px 20px;}
.container .carea .sidebar .widget .cnt ul li ul li {border-top:none;}
.container .carea .sidebar .widget .cnt ul li ul li a {font-weight:400;}

.container .carea .sidebar .widget.cats-icon .title span {background:url(/images/0/categories-icon.png) left center no-repeat;}
.container .carea .sidebar .widget.rpost-icon .title span {background:url(/images/0/recentpost-icon.png) left center no-repeat;}
.container .carea .sidebar .widget.mpost-icon .title span {background:url(/images/0/popular-icon.png) left center no-repeat;}

.container .carea .sidebar .widget.newsletter {padding:20px 10px; border:solid 2px #e4e4e4; margin-bottom:0px;}
.container .carea .sidebar .widget.newsletter .form .formtt {font-size:20px; text-transform:uppercase; text-align:center; font-weight:700; margin-bottom:10px;}
.container .carea .sidebar .widget.newsletter .form .feat label {display:block; font-size:14px; margin-bottom:5px;}
.container .carea .sidebar .widget.newsletter .form .feat input {display:block; width:100%; margin:0px; padding:0px 5px; box-sizing:border-box; background:#eee; border:solid 1px transparent; height:30px;}
.container .carea .sidebar .widget.newsletter .form .security {margin-top:15px; overflow:hidden; text-align:right;}
.container .carea .sidebar .widget.newsletter .form .security input.code {width:100px; margin:0px; padding:0px 5px; box-sizing:border-box; background:#eee; border:solid 1px transparent; height:30px; margin-left:7px;}
.container .carea .sidebar .widget.newsletter .form .security input.submit {display:block; width:100%; box-sizing:border-box; margin-top:7px; background:#fd8c2b; border:none; height:32px; text-transform:uppercase; font-size:17px; font-weight:700; color:#fff; cursor:pointer;}
.container .carea .sidebar .widget.newsletter .form .security input.submit:hover {background:#000;}

.res1810 .container .carea .sidebar {width:430px;}
.res1810 .container .carea .sidebar .widget {margin-bottom:35px;}
.res1810 .container .carea .sidebar .widget .title {padding:7px 17px;}
.res1810 .container .carea .sidebar .widget .title span {font-size:30px; height:auto; line-height:initial;}
.res1810 .container .carea .sidebar .widget .cnt ul li a {font-size:20px; background:url(/images/0/bullet.png) 10px 18px no-repeat;}
.res1810 .container .carea .sidebar .widget .cnt ul li a:hover {background:url(/images/0/bullet.png) 10px 18px no-repeat #eee;}
.res1810 .container .carea .sidebar .widget.newsletter .form .formtt {font-size:30px; margin-bottom:17px;}
.res1810 .container .carea .sidebar .widget.newsletter .form .feat label {font-size:20px;}
.res1810 .container .carea .sidebar .widget.newsletter .form .feat input {height:38px;}
.res1810 .container .carea .sidebar .widget.newsletter .form .security input.code {height:38px;}
.res1810 .container .carea .sidebar .widget.newsletter .form .security input.submit {height:40px; font-size:25px; margin-top:15px;}
.res1810 .container .carea .sidebar .widget.newsletter .form .security label {font-size:20px;}

.res480 .container .carea .sidebar {position:static; width:auto; margin-top:35px;}
.res320 .container .carea .sidebar {position:static; width:auto; margin-top:35px;}

/* * Horizontal Popular Blog Post (Border Line Solid) * */
.hpplblg {width:100%; overflow:hidden; margin:0px;}
.hpplblg .hpplblgarea {overflow:hidden; border-bottom:solid 1px #c8c8c8; padding:0px 0px 0px 0px; width:100%;}
.hpplblg .hpplblgttl {text-align:center; position:relative;}
.hpplblg .hpplblgttl span {background:#fff; line-height:30px; position:relative; font-size:24px; z-index:1; padding:0px 10px; color:#000; font-weight:700; text-transform:uppercase;}
.hpplblg .hpplblgttl .hpplblghline {border-top:solid 1px #c8c8c8; position:absolute; width:100%; top:15px;}
.hpplblg .hpplblgarea .hpplblgpost {float:left; width:33%; text-align:left; padding:0px 0px 10px 0px;}
.hpplblg .hpplblgarea .hpplblgpost .txt {padding:10px 10px 10px 40px; background:url(/images/0/check-m.png) left -4px no-repeat;}
.hpplblg .hpplblgarea .hpplblgpost .txt a {color:#000; font-weight:400; line-height:16px; font-size:15px;}

.res720 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res480 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .hpplblg .hpplblgttl span {font-size:18px; line-height:20px; padding:0px 10px; display:block; width:175px; margin:0px auto;}

/* Horizontal Recent Blog Post (Border Line Dashed) */
.rcntblgpst {width:100%; overflow:hidden; margin:0px;}
.rcntblgpst .hpplblgarea {overflow:hidden; border-bottom:dashed 1px #c8c8c8; padding:0px 0px 0px 0px; width:100%;}
.rcntblgpst .hpplblgttl {text-align:center; position:relative;}
.rcntblgpst .hpplblgttl span {background:#fff; line-height:30px; position:relative; font-size:24px; z-index:1; padding:0px 10px; color:#000; font-weight:700; text-transform:uppercase;}
.rcntblgpst .hpplblgttl .hpplblghline {border-top:dashed 1px #c8c8c8; position:absolute; width:100%; top:15px;}
.rcntblgpst .hpplblgarea .hpplblgpost {float:left; width:33%; text-align:left; padding:0px 0px 10px 0px;}
.rcntblgpst .hpplblgarea .hpplblgpost .txt {padding:10px 10px 10px 40px; background:url(/images/0/check-m.png) left -4px no-repeat;}
.rcntblgpst .hpplblgarea .hpplblgpost .txt a {color:#000; font-weight:400; line-height:16px; font-size:15px;}

.res720 .rcntblgpst .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res480 .rcntblgpst .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .rcntblgpst .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .rcntblgpst .hpplblgttl span {font-size:18px; line-height:29px; padding:0px 10px; display:block; width:200px; margin:0px auto;}

.separator {background:#b0b9c0; height:1px; width:100%; margin:23px 0px;}

/* Blog Footer */
.blog-footer .blog-cnt span.title {font-size:25px; color:#000; line-height:normal; text-align:left; text-transform:uppercase; font-weight:700; margin-bottom:25px; display:block;}
.blog-footer .blog-cnt {overflow:hidden; margin:0px auto;}
.blog-footer .blog-cnt .cpost {float:left; width:24%; padding:0px 4px 0px 4px;}
.blog-footer .blog-cnt .cpost.cpost4 {padding-right:0px !important;}
.blog-footer .blog-cnt .cpost.cpost1 {padding-left:0px !important;}
.blog-footer .blog-cnt .cpost .npic img {margin:0px auto;}
.blog-footer .blog-cnt .cpost .text {font-size:17px; font-weight:400; text-align:left; margin-top:13px;}
.blog-footer .blog-cnt .cpost .text a {color:#2b2b2b;}

.res940 .blog-footer .blog-cnt .cpost {width:24%; padding:0px 3px 0px 3px;}

.res720 .blog-footer .formcoment {margin-top:20px;}
.res720 .blog-footer .blog-cnt .cpost {width:50%; padding:0px; margin-bottom:15px; min-height:235px;}
.res720 .blog-footer .formcoment .formcomentHeader .title {display:block;}
.res720 .blog-footer .formcoment .formcomentHeader .countComent {float:left;}
.res720 .blog-footer .blog-cnt .cpost .npic {margin:0px 10px 0px 10px;}
.res720 .blog-footer .blog-cnt .cpost .text {margin:7px 10px 0px 10px;}

.res480 .blog-footer .blog-cnt .cpost {width:48%; margin-bottom:15px; min-height:245px;}
.res480 .blog-footer .blog-cnt .cpost .npic {margin:0px;}
.res480 .blog-footer .blog-cnt .cpost .text {max-width:272px; margin:10px auto;}
.res480 .blog-footer .formcoment .comentfoot .login {margin-top:10px;}

.res320 .blog-footer .blog-cnt .cpost {width:100%; margin-left:0px; margin-bottom:15px;}
.res320 .blog-footer .formcoment .formcomentHeader .title {display:block;}
.res320 .blog-footer .formcoment .formcomentHeader .countComent {float:left; text-align:left; margin:0px;}
.res320 .blog-footer .formcoment .formareaComment {padding-right:5px;}
.res320 .blog-footer .blog-cnt .cpost .npic {margin:0px auto;}
.res320 .blog-footer .blog-cnt .cpost .npic img {max-width:100%; margin:0px auto; display:block;}
.res320 .blog-footer .blog-cnt .cpost .text {width:auto; padding:0px 5px 0px 0px; margin:3px auto;}

/* Comments */
.blog-footer .formcoment {float:left; width:100%; margin:55px 0px 10px;}
.blog-footer .formcoment .formcomentHeader {position:relative; overflow:hidden; margin-bottom:10px;}
.blog-footer .formcoment .formcomentHeader .title {font-size:25px; color:#fd8c2b; font-weight:700;}
.blog-footer .formcoment .formcomentHeader .countComent {font-size:18px; line-height:18px; padding:8px 0px 8px 0px; float:right; text-align:right;}
.blog-footer .formcoment .formareaComment {padding-right:23px;}
.blog-footer .formcoment .formareaComment .sendComment button {background:#000; border:0; padding:10px; width:150px; border-radius:5px; float:right; margin:10px 0px 0px; color:#fff; font-weight:700; cursor:pointer; margin-right:-23px;}
.blog-footer .formcoment .formareaComment .sendComment button:hover {background:#fd8c2b;}
.blog-footer .formcoment .formareaComment textarea.comentText {background:none; border:solid 1px #fd8c2b; border-radius:5px; display:block; width:100%; padding:10px; min-height:76px; color:#020202; font-size:16px; resize:none;}
.blog-footer .formcoment .formareaComment .cwrPH {color:#020202 !important;}
.blog-footer .formcoment .comentfoot .login {margin:20px 0px 0px 0px; text-align:left; font-size:15px;}
.blog-footer .formcoment .comentfoot .login a {font-size:16px; color:#000; font-weight:700;}

.blog-footer .coments {overflow:hidden; margin:0px;}
.blog-footer .coments .coment {margin-top:25px;}
.blog-footer .contentList p {margin:7px 0px 0px 0px; font-size:18px;}
.blog-footer .listheader {border-top:2px solid #cacbcd; color:#666; font-size:17px; padding-top:15px;}
.blog-footer span.dateComent {font-weight:300; font-size:15px; display:inline; color:#666;}
.blog-footer span.name {color:#000; font-size:15px; margin:0px; display:inline;}

.res480 .blog-footer .formcoment {margin:30px 0px 10px 0px;}

.res320 .blog-footer .formcoment {float:none; width:auto; margin:20px 0px 0px 0px;}
.res320 .blog-footer .formcoment .comentfoot .login {margin:10px 0px 0px 0px; font-size:15px;}
.res320 .blog-footer .formcoment .comentfoot .login a {font-size:15px;}
.res320 .blog-footer .formcomentHeader {height:auto;}
.res320 .blog-footer .formcomentHeader .title {line-height:normal; height:auto; text-align:left; font-size:26px;}
.res320 .blog-footer .formcomentHeader .countComent {float:left; width:100%; line-height:normal; margin-top:10px; position:static;}
.res320 .blog-footer .formareaComment textarea.comentText {width:94%; float:none;}
.res320 .blog-footer .formareaComment .sendComment button {margin:15px -5px 0px 10px; display:block; width:140px; padding:10px 5px 10px 5px;}
.res320 .blog-footer .formcomentfoot {margin:20px 0px 20px 0px; clear:both; line-height:23px;}