.mainContent {
	display: inline-block;
	margin: 10px
}

.mainContent .detail_holder {
	display: inline-block;
	margin: 10px
}

.mainContent .detail_holder .vote-status {
	width: 35px;
	height: 25px;
	line-height: 19px;
	text-align: left;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 11px;
	cursor: pointer
}

.mainContent .detail_holder .vote-count {
	color: #999999;
	font-size: 14px;
	margin-right: 5px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.mainContent .detail_holder .statistic {
	font-size: 14px;
	color: #9197a3;
	text-align: left;
	float: left;
	width: 100%;
	padding: 5px 0
}

.mainContent .detail_holder .statistic::before {
	content: '';
	display: block;
	width: 11px;
	float: left
}

.mainContent .detail_holder .statistic::after {
	content: '';
	display: block;
	width: 11px;
	float: right
}

.mainContent .detail_holder .statistic .st-info {
	overflow: hidden;
	padding: 0 10px
}

.mainContent .detail_holder .statistic .st-info span.st-view-count {
	margin-right: 8px
}

.mainContent .detail_holder .statistic .st-info span {
	font-size: 12px
}

.mainContent .detail_holder .statistic .st-info .divider {
	margin-right: 10px
}

.mainContent .detail_holder .bottom-function {
	width: 100%;
	float: left;
	padding: 4px 11px;
	border: solid #eeeeee;
	border-width: 1px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.mainContent .detail_holder .bottom-function .bt-func-left {
	float: left;
	color: #313131;
	font-size: 12px;
	margin-top: 6px
}

.mainContent .detail_holder .bottom-function .bt-func-left .bottom-more-retwitter, .mainContent .detail_holder .bottom-function .bt-func-left .bottom-more-pin, .mainContent .detail_holder .bottom-function .bt-func-left .bottom-more-share, .mainContent .detail_holder .bottom-function .bt-func-left .member-vote {
	text-align: left;
	cursor: pointer;
	display: inline-block;
	float: left;
	line-height: 18px;
	color: #999999
}

.mainContent .detail_holder .bottom-function .bt-func-left .bottom-more-retwitter, .mainContent .detail_holder .bottom-function .bt-func-left .bottom-more-pin {
	margin-right: 10px
}

.mainContent .detail_holder .bottom-function .member-vote {
	margin-right: 10px
}

.mainContent .detail_holder .bottom-function .member-vote .vote-status {
	width: 20px;
	height: 18px;
	text-align: left;
	display: block;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 11px;
	cursor: pointer;
	margin-right: 5px
}

.mainContent .detail_holder .bottom-function .pr-price {
	float: left;
	color: #e70000;
	font-size: 20px;
	margin-right: 10px
}

.mainContent .detail_holder .bottom-function .float_action_new {
	float: left;
	display: block;
	background: #004390;
	color: white;
	z-index: 0;
	font-weight: 700;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0 10px;
	line-height: 28px;
	font-size: 15px
}

.mainContent .detail_holder .bottom-function .sub-left {
	height: 28px;
	padding-right: 8px;
	display: inline-block
}

.mainContent .detail_holder .bottom-function .sub-right {
	height: 28px;
	padding-left: 8px;
	display: inline-block;
	border-left: 1px solid white
}

.mainContent .leftcol {
	float: left;
	width: 630px
}

.mainContent .leftcol_main {
	float: left;
	width: 500px
}

.mainContent .rightcol {
	float: left;
	margin-left: 10px;
	width: 250px
}

@media (max-width: 1185px) {
	.mainContent .leftcol, .mainContent .rightcol {
		float: none;
		width: 740px;
		margin: 0
	}
}

.collection_item_wrapper {
	position: relative;
	width: 100%;
	display: inline-block;
	background-color: white;
	border-radius: 6px;
	min-height: 300px
}

.frame_wrapper .mainContent {
	padding-top: 40px !important
}

.collection_item_wrapper .rateTitle {
	padding: 5px 20px;
	background: white;
	border-radius: 6px;
	font-weight: bold;
	text-align: left
}

.collection_item_wrapper .main_image {
	padding: 20px 0 1px;
	background: white;
	border-radius: 6px
}

.collection_item_wrapper .main_image img {
	max-width: 20%
}

.collection_item_wrapper .main_image .link_article {
	font-size: 13px;
	padding: 7px 0
}

.collection_item_wrapper .main_image .link_article a {
	padding: 10px 0;
	color: #999999;
	display: inline-block
}

.collection_item_wrapper .info_wrapper {
	background: white;
	border-top: 1px solid #f9f9f9;
	font-size: 14px;
	position: relative;
	text-align: left;
	padding: 10px;
	font-weight: 400;
	line-height: 20px;
	z-index: 1;
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.collection_item_wrapper .info_wrapper.wiki {
	border: none;
	text-align: center
}

.collection_item_wrapper .info_wrapper.wiki .description {
	font-size: 21px;
	line-height: 28px;
	font-weight: 400;
	color: #666666
}

.collection_item_wrapper .info_wrapper.wiki .buy_info {
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding: 7px 0
}

.collection_item_wrapper .info_wrapper .title {
	font-size: 33px;
	line-height: 40px;
	padding-bottom: 18px;
	padding-top: 10px;
	font-weight: bold
}

.collection_item_wrapper .info_wrapper .description {
	font-size: 16px;
	padding: 5px 0 6px;
	color: #666666
}

.collection_item_wrapper .info_wrapper .price {
	color: #e1262d;
	font-size: 18px;
	position: absolute;
	right: 95px;
	bottom: 75px;
	margin-top: -12px
}

.collection_item_wrapper .info_wrapper .button_buy {
	position: absolute;
	right: 10px;
	bottom: 70px;
	margin-top: -13px
}

.collection_item_wrapper .info_wrapper .buy_info {
	text-align: left;
	position: relative
}

.collection_item_wrapper .info_wrapper .buy_info b {
	color: #e1262d
}

.collection_item_wrapper .item_info {
	border-top: 1px solid #cccccc;
	background: white;
	border-bottom: 1px solid #cccccc;
	padding: 10px
}

.collection_item_wrapper .item_info .author img {
	float: left;
	border: 1px solid #eeeeee;
	border-radius: 20px;
	height: 38px;
	width: 38px
}

.collection_item_wrapper .item_info .author:hover {
	border: 1px solid #999999
}

.collection_item_wrapper .item_info .item_description {
	float: left;
	padding-left: 10px;
	text-align: left;
	max-width: 615px;
	font-size: 13px;
	color: #999999
}

.collection_item_wrapper .item_info .item_description a {
	color: #333333
}

.collection_item_wrapper .item_info .item_description .description {
	text-align: left;
	font-size: 13px;
	padding-top: 3px
}

.collection_item_wrapper .item_tag {
	border-top: 1px solid #cccccc;
	background: white;
	border-bottom: 1px solid #cccccc;
	margin-top: -1px;
	padding: 10px;
	font-size: 12px;
	text-align: left
}

.collection_item_wrapper .item_info2 {
	border-top: 1px solid #cccccc;
	background: white;
	border-bottom: 1px solid #cccccc;
	margin-top: -1px;
	padding: 10px;
	font-size: 12px;
	text-align: left
}

.collection_item_wrapper .float_action_bar {
	z-index: 4;
	background: white;
	width: 740px;
	height: 60px;
	-webkit-box-shadow: 0px 2px 2px #b5b5b5;
	-moz-box-shadow: 0px 2px 2px #b5b5b5;
	box-shadow: 0px 1px 2px #b5b5b5
}

.collection_item_wrapper .float_action_bar .button_collect {
	float: left;
	margin: 6px 0 0 6px
}

.collection_item_wrapper .float_action_bar .button_collect div {
	background: url("http://static.xink.vn/resources/img/commons/pin.png") no-repeat 0 center;
	padding-left: 15px
}

.collection_item_wrapper .float_action_bar .originLink {
	float: left;
	margin: 6px
}

.collection_item_wrapper .float_action_bar .originLink div {
	background: url("http://static.xink.vn/resources/img/commons/ico_srcLink.png") no-repeat 0 center;
	padding-left: 23px
}

.collection_item_wrapper .float_action_bar .button_share {
	right: 10px;
	position: absolute;
	top: 10px;
	max-height: 41px;
	max-width: 200px;
	overflow: hidden
}

.collection_item_wrapper .float_action_bar .buy_item {
	float: left;
	margin: 6px 0 0 6px
}

.collection_item_wrapper .float_action_bar .button_edit {
	width: 30px;
	left: 10px;
	position: absolute;
	top: 8px
}

.collection_item_wrapper .float_action_bar .button_delete {
	width: 30px;
	left: 70px;
	position: absolute;
	top: 8px
}

.collection_item_wrapper .float_action_bar .info {
	font-size: 18px;
	position: absolute;
	right: 140px;
	left: 278px;
	text-align: center;
	color: #e1262d;
	top: 10px
}

.collection_item_wrapper .float_action_bar.pos_fix_0 {
	position: fixed;
	top: 0
}

.collection_item_wrapper .float_action_bar.pos_fix {
	position: fixed
}

.collection_item_wrapper .article {
	padding: 7px 10px;
	background: white;
	font-size: 13px;
	text-align: justify;
	line-height: 20px;
	position: relative
}

.collection_item_wrapper .article * {
	font-family: Arial !important;
	font-weight: 400 !important
}

.collection_item_wrapper .article h1 {
	font-size: 22px;
	line-height: 25px
}

.collection_item_wrapper .article h2 {
	font-size: 18px;
	line-height: 20px
}

.collection_item_wrapper .article table {
	width: 100%
}

.collection_item_wrapper .article img {
	margin: 10px auto;
	display: block;
	max-width: 100%
}

.bottom_anchor {
	position: absolute;
	bottom: 0
}

.collection_box.narrow {
	width: 203px !important
}

.collection_box.narrow .collection_item_small {
	height: 47px;
	width: 47px
}

.big_button_close {
	border-radius: 0 0 6px 6px;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-size: 22px;
	padding: 4px 15px;
	position: fixed;
	line-height: 30px;
	right: 23px;
	top: 0;
	z-index: 652;
	background: linear-gradient(#F00, #D60000);
	background: -webkit-linear-gradient(#F00, #D60000);
	background: -o-linear-gradient(#F00, #D60000);
	background: -moz-linear-gradient(#F00, #D60000);
	border-top: 0px;
	color: #FFF
}

.tin-nhan, .tang-nhac, .tang-thiep {
	cursor: pointer;
	color: #ffffff;
	background: #ee0000;
	font-size: 15px;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.radio_item .img-wrap {
	width: 150px;
	height: 100px;
	position: relative;
}

.radio_item .img-wrap img {
	width: 100%;
	height: 100%;
}

* {
	box-sizing: border-box;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}



@media (max-width: 480px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.add_frame .mainContent {
		margin: 0;
	}
	.add_frame .mainContent .leftcol {
		width: 300px;
	}
	.bg-player {
		width: 300px;
	}
    .collection_item_wrapper {
	    overflow: auto;
	    max-height: 480px;
    }
    #free-sms-modal .modal-dialog {
	    width: 300px;
    }
    #free-sms-modal .modal-content .form-group {
	    padding: 0 15px;
    }
}

