body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,
html,iframe,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{main:' ';main:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
input{padding:0;margin:0;outline:0;}
a{text-decoration:none; outline: none;}a:hover{text-decoration:none;}a img{border:0px;}img{display:block;max-width:100%;} 
sub,sup{font-size: 75%;line-height: normal;}
h1{font-size:140%;} h2{font-size: 130%;}h3{font-size: 120%;}h4,h5,h6{font-size: 110%;}hr{border-color:#e9e9e9;}
button, input[type='submit']{cursor: pointer;}
select, textarea, input[type='text'], input[type='number'], input[type='submit'], input[type='password']{box-sizing: border-box; text-indent: 5px;
color: #333; width: 100%; height: 35px; background: #fff; margin: 0; padding: 0; border: 1px solid #cfcfcf; border-radius: 0; outline: none; -moz-appearance: none; -webkit-appearance: none;}
input[type='submit']{text-transform: uppercase; color: #fff; width: 150px; background: #096cd2; text-indent: 0; border: 0; transition: all 0.25s ease 0s;}
input[type='submit']:hover{background: #000;}
select{background: transparent url(images/select.png) right 9px center no-repeat;}
textarea{padding: 5px; text-indent: 0; height: 79px; display: block;}
label.error, #email-registered{position: absolute; right: 5px; top: 0; font-size: 13px!important; font-weight: normal; line-height: 35px; color: #ff0000;}
input::-webkit-input-placeholder{color:#808080;}
input:-moz-placeholder{color:#808080;}
input::-moz-placeholder{color:#808080;}
input:-ms-input-placeholder{color:#808080;}
textarea::-webkit-input-placeholder{color:#808080;}
textarea:-moz-placeholder{color:#808080;}
textarea::-moz-placeholder{color:#808080;}
textarea:-ms-input-placeholder{color:#808080;}

body{font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #333; width: 100%; display: table; background: #fff url(images/bg.png) no-repeat bottom center;}

b, strong, h1, h2, h3{font-weight: bold;}
h4, h5, h6{font-weight: normal;}
.wrap{position: relative; padding: 0; margin: auto;background: #fff;}
.clear{font-size: 0; height: 0; margin: 0; padding: 0; clear: both; width: 0; overflow: hidden; zoom: 1;}
.clear:before, .clear:after{content: '\0020'; display: block; height: 0; overflow: hidden;}
.clear:after{clear: both;}
.wow{opacity: 0;}
.header{position: relative;background: url(images/bg-top.png) no-repeat;}
.search{position: absolute; top: 65px; width: 178px; border-radius: 6px; overflow: hidden;z-index: 1000;}
.search input[type='text']{float: left; width: calc(100% - 31px); height: 25px; background: #fff; border: 0; border-right: 1px solid #dfdfdf;}
.search input[type='submit']{float: left; width: 31px; height: 25px; background: url(images/submit.jpg) no-repeat;}
.top{padding: 3px 0; border-bottom: 1px solid #cfcfcf; line-height: 20px; color: #666;}
.top-left{float: left;}
.top-right{float: right;}
.top-right a{float: left; color: #666;}
.top-right a:nth-of-type(3):before{content: ''; display: inline-block; width: 2px; height: 11px; background: #c1c1c1; margin: 0 2px 0 4px;}
.top-right a b{font-size: 14px; color: #096cd2;}
.top-button{float: left; height: 20px; margin-right: 5px; margin-left: 11px;}
.top-button .fb_iframe_widget{float: left; margin-right: 5px;}

.logo{position: relative; margin: 5px 0;}
.logo img{margin: auto;height: 130px;}
.logo h1{font-weight: normal; font-size: 100%;}
.logo span{border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}
.name{float: left; width: calc(100% - 335px); padding-top: 35px; font-weight: bold; text-transform: uppercase; text-align: center; text-shadow:
    -2px -2px 0px rgba(255,255,255,0.75), -2px 2px 0px rgba(255,255,255,0.75), -2px 1px 0px rgba(255,255,255,0.75), -2px 0px 0px rgba(255,255,255,0.75), -2px -1px 0px rgba(255,255,255,0.75),
    -1px -1px 0px rgba(255,255,255,0.75), -1px 0px 0px rgba(255,255,255,0.75), -1px 1px 0px rgba(255,255,255,0.75), -1px -2px 0px rgba(255,255,255,0.75), -1px 2px 0px rgba(255,255,255,0.75),
    0px -1px 0px rgba(255,255,255,0.75), 0px 1px 0px rgba(255,255,255,0.75), 0px -2px 0px rgba(255,255,255,0.75), 0px 2px 0px rgba(255,255,255,0.75),
    1px -1px 0px rgba(255,255,255,0.75), 1px 0px 0px rgba(255,255,255,0.75), 1px 1px 0px rgba(255,255,255,0.75), 1px -2px 0px rgba(255,255,255,0.75), 1px 2px 0px rgba(255,255,255,0.75), 
    2px -2px 0px rgba(255,255,255,0.75), 2px -1px 0px rgba(255,255,255,0.75), 2px 0px 0px rgba(255,255,255,0.75), 2px 1px 0px rgba(255,255,255,0.75), 2px 2px 0px rgba(255,255,255,0.75);}
.name p:nth-child(1){color: #0060ad; margin-bottom: 15px;}
.name p:nth-child(2){color: #0060ad;}
.banner{}
.banner-0{float: right; margin: 5px 0;}
.banner-1{margin: 15px 0;}
.banner-2{margin-bottom: 11px;}
.banner-3{margin-bottom: 17px;}
.banner-4{}

.main-title{margin-bottom: 15px; padding-bottom: 3px; border-bottom: 2px solid #0092df;}
.main-title-inner{position: relative; display: inline-block; font-size: 17px; font-weight: normal; text-transform: uppercase; color: #096cd2;font-weight: bold;}
.main-title-inner:after{content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: #096cd2;}

.main-name{margin-bottom: 10px;}
.main-name-inner{display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #096cd2;font-weight: bold;}

.main-detail{line-height: 24px; margin: 0 0 20px; padding: 0;text-align: justify;}
.main-detail p{padding: 5px 0;}
.main-detail ul, .main-detail ol{margin-left: 35px;}
.main-detail img{margin: 10px 0 5px!important; max-width: 100%; height: auto!important; display: inline-block!important;}   
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: #808080;}
.main-detail h4, .main-detail h5, .main-detail h6{font-weight: normal;}

.main-detail h2,.main-detail h3{padding: 10px 0;font-size: 16px;}
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: #d7d7d7;}
.main-detail iframe{margin: 0 auto!important;}

.main-share{margin: 15px 0; text-align: right; line-height: 9px;}

.comment{background: #f5f5f5;padding: 10px; margin-bottom: 20px;}
.comment div{position: relative;}
.comment textarea{}
.comment input{width: 100%; height: 25px; font-size: 12px;}
.comment_content{float: left;width: 100%;margin-bottom: 3px;}
.comment_send{float: right;width: 65px;}
.comment_send input{cursor: pointer;padding: 0;height: 25px;}
.comment label.error{position: absolute;right: 7px;top: 5px;font-size: 12px;}

.list_comment{}
.list_comment li{background: white;border-top: 1px solid #dddddd;list-style: none;padding: 10px 0;}
.list_comment_content{float: left;width: 100%;}
.list_comment_name{float: left;width: 100%;color: black;padding: 5px 0 0;}
.list_comment_name span{font-size: 11px;font-weight: normal;color: #666666;}
.list_comment_name a{color: #1b4572;font-size: 11px;cursor: pointer;float: right;}
.list_comment_name a:hover{color: #ce0505;}
.list_comment li:hover{background: #f8f8f8;}
.list_comment_sub{margin: 10px 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;}
.list_comment_sub li.last-child{padding: 10px 0 0;}

.tab-cnt{background-color: #fafafa;overflow: auto; }
.bg-green{ background-color: #559900;}
.bg-red{background-color: #c9231a;}
.tab-tr{width: 100%; height: 55px; }
.like-btn, .dislike-btn{
	width: auto; height: 30px; padding: 0 15px 0 30px; float: left;
	cursor: pointer; color: #333333; font-size: 13px; line-height: 30px;
	border:#fff 1px solid;
	border-radius: 2px; /* border radius */
}
.like-btn{background: url(images/like-ico.png) 5px 50% no-repeat; }
.like-btn:hover, .like-h{
	background: url(images/like-ico-h.png) 5px 50% no-repeat; color: #0c6502;
	background-color: #f0f0f0;	border: #c6c6c6 1px solid; 
}
.dislike-btn{background: url(images/dislike-ico.png) 50% 50% no-repeat; }
.dislike-btn:hover, .dislike-h{
	background: url(images/dislike-ico-h.png) 50% 50% no-repeat;
	background-color: #f0f0f0;	border: #c6c6c6 1px solid; 
}

.stat-cnt{ 	width: 120px; height: 60px; float: right;}
.stat-bar{	width: 120px; height: 3px;	margin-bottom: 5px;}
.rate-count{ font-size: 20px; color: #333; text-align: right; font-weight: bold; }
.stat-bar div{height: 3px; float: left;}
.like-count{background: url(images/like-ico2.png) 0% 50% no-repeat;}
.dislike-count{background: url(images/dislike-ico2.png) 0% 50% no-repeat; margin-left: 15px;}
.like-count, .dislike-count{
	width: auto; height: 18px; 
	float: right; 
	font-size: 12px; line-height: 18px; color: #666;
	padding-left: 15px;
}

.share-btn{
	height: 52px; display: inline-block; 
	float: left;  font-size: 13px; line-height: 62px; 
	padding: 0 10px; 
	border-bottom: #fff 3px solid;
	cursor: pointer; 
}
.share-btn:hover{ border-bottom: #c9231a 3px solid; }
.share-cnt{
	height: auto; padding: 20px 10px 10px 10px;
	border-bottom: #e6e6e6 1px solid; display: block;
}
.detaillike {
    line-height: 8px;
    margin: 0 0;
}
.detaillikeL{width: 50%;height: 2px;float: left;background: #ce0505;}
.detaillikeR{width: 50%;height: 2px;float: right;background: #e4e4e5;}

ul.pagination{text-align: center; margin: 10px 0 0;}
ul.pagination li{display:inline-block; margin: 0 2.5px;}
ul.pagination li a{display: block; width: 25px; height: 25px; line-height: 25px; color: #333; border: 1px solid #333; transition: all 0.25s ease 0s;}
ul.pagination li a:hover, ul.pagination li a.active{background: #096cd2; border: 1px solid #096cd2; color: #fff;}

.footer{padding: 25px 0 10px; background: #096cd2 url(images/bg-footer.png) no-repeat bottom center;}
.footer ul{list-style: none;}
.footer-right .truycap li{padding-left: 10px;}
.footer ul li{font-size: 13px; line-height: 20px; color: #fff;}
.footer ul li.copy{font-size: 13px; font-weight: bold; text-transform: uppercase;}
.footer ul li span{display: inline-block; width: 75px;}
.footer ul li a{color: #fff;}
.footer .bottom{border-top: 1px solid #0092df;padding-top: 2px;color: #fff;}
.footer .bottom a{color: #fff;}
.footer .bottom p{margin-top: 4px;float: left;}
.footer .bottom span{float: right;margin-top: 4px;color: #0092df;}
.footer .bottom span a{color: #0092df;}
.scroll{position: fixed; bottom: 50px; right: 10px; display: none; cursor: pointer; z-index: 99991; opacity: 0.5; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);}
.scroll:hover{opacity: 1;}