@charset "UTF-8";
/*
///////////////////////////////////////////
CSS FOR PROFILE
Made by Truong Van Thanh
///////////////////////////////////////////
*/
/*/////SUB-VISUAL/////*/
#Sub-visual {
	width: 100%;
	height: 149px;
	margin: 0 auto 20px;
}
.inner-subvisual {
	width: 921px;
	height: 149px;
	position: relative;
	background: url(../images/gallery/img_subvisual.png) no-repeat center center;
}
.heading-two {
	width: 326px;
	height: 115px;
	position: absolute;
	top: 15px;
	left: 27px;
}
.heading-three {
	height: 50px;
	text-align: center;
	background: url(../images/contact/bg_h3.png) no-repeat center bottom;
	margin: 0 0 20px;
}
.heading-four {
	padding: 0 0 0 12px;
}
.breadcrumb {
	width: 900px;
	height: 25px;
	margin: 0 auto 30px;
	padding: 0 30px;
}
.breadcrumb li {
	font-size: 100%;
	line-height: 20px;
	color: #000800;
	float: left;
}
.breadcrumb li.top {
	height: 22px;
	width: 85px;
	padding: 3px 0 0 35px;
	background: url(../images/common/pattern_01.png) no-repeat left center;
}
.breadcrumb li.page {
	height: 22px;
	padding: 3px 35px 0 0;
	background: url(../images/common/pattern_02.png) no-repeat right center;
}
.breadcrumb li a {
	color: #000800;
	text-decoration: none;
}
.breadcrumb li a:hover {
	text-decoration: underline;
}
#Main {
	float: right;
}
/*/////SIDE/////*/
#Side {
	float: left;
	padding: 0 0 0 20px;
}
#Saren {
	width: 230px;
	margin: 0 0 20px;
}
#Saren .bg-top {
	width: 230px;
	padding-top: 90px;
	background: url(../images/profile/bg_top_saren.png) no-repeat left top;
}
#Saren .bg-bottom {
	width: 230px;
	padding-bottom: 10px;
	background: url(../images/profile/bg_bottom_saren.png) no-repeat left bottom;
}
#Saren .bg-middle {
	width: 230px;
	background: url(../images/profile/bg_middle_saren.png) repeat-y;
}
#Gallery {
	width: 230px;
}
#Gallery .bg-top {
	width: 230px;
	padding-top: 90px;
	background: url(../images/profile/bg_top_gallery.png) no-repeat left top;
}
#Gallery .bg-bottom {
	width: 230px;
	padding-bottom: 10px;
	background: url(../images/profile/bg_bottom_gallery.png) no-repeat left bottom;
}
#Gallery .bg-middle {
	width: 230px;
	background: url(../images/profile/bg_middle_gallery.png) repeat-y;
}
.block-sidebar {
	position: relative;
}
.block-sidebar .title-side {
	position: absolute;
	left: 2px;
	top: 32px;
	cursor: pointer;
}
.list-sidebar {
	padding: 5px 0 15px 20px;
}
.list-sidebar li {
	padding: 7px 0;
}
.list-sidebar li a {
	display: block;
}
.list-sidebar.show {
	display: block;
}
.list-sidebar.hide {
	display: none;
}
.inner-main {
	padding: 0 20px 0 0;
}
.block-profile {
	border: 1px solid #efd6d6;
	/*margin: 0 0 35px;*/
	padding: 30px 35px 30px 30px;
}
.block-profile.end {
	padding: 30px 35px 0 30px;
	padding: 30px 35px 10px 30px\9;
	margin: 0;
}
.block-profile .para {
	font-size: 100%;
	line-height: 20px;
	color: #000800;
	padding: 0 0 0 10px;
}
.block-profile .para.title {
	font-size: 134%;
}

/*/////MEDIA/////*/
#Art {
	padding: 30px 35px 30px 30px;
}
.list-art {
	padding: 10px;
}
.list-art li {
	padding: 0 0 0 25px;
	margin: 0 0 20px;
	background: url(../images/profile/ar_bullet.png) no-repeat left top;
}
.list-art li .para {
	padding: 0;
}
.lightbox-art {
	margin: 0 -20px;
	padding: 0 0 0 10px;
}
.lightbox-art li {
	width: 148px;
	margin: 0 10px 10px 0;
	float: left;
}
.lightbox-art li.odd {
	margin: 0 0 10px;
}
.popup-modal {
	display: none;
}
.inner-modal {
	margin: 0 auto;
	padding: 15px 27px;
}
.inner-modal .title {
	font-size: 134%;
	color: #000800;
}
.inner-modal .des {
	color: #000800;
	line-height: 20px;
}
.inner-modal .sense1 {
	font-size: 117%;
	color: #000800;
	padding: 5px 0 5px 35px;
	background: url(../images/profile/colorbox/pp_flower01.png) no-repeat left center;
}
.inner-modal .sense2 {
	clear: both;
	padding-top: 10px;
}

*+html .inner-modal .sense2 {
	padding-top: 0px;
}

.inner-modal .sense3 {
	font-size: 117%;
	color: #000800;
	margin: 10px 0 0;
	padding: 5px 0 5px 35px;
	background: url(../images/profile/colorbox/pp_flower03.png) no-repeat left center;
}
.inner-modal .sense4 {
  font-size: 117%;
  color: #000800;
  margin: 10px 0 0;
  padding: 35px 0 35px 100px;
  background: url(../images/profile/colorbox/pp_flower02.png) no-repeat left center;
}

.kochira {
	color: #000800;
	text-decoration: none;
}
.kochira:hover {
	text-decoration: underline;
}
.modal-special { padding: 15px 27px 0 27px!important;}
/*modal01*/
.inner-modal .left {
	width: 220px;
	float: left;
	padding: 45px 10px 0;
}
.inner-modal .right {
	width: 381px;
	float: right;
}
/*modal02*/


.inner-modal.modal02 .left {
	width: 180px;
	float: left;
	padding: 45px 10px 0;
}
.inner-modal.modal02 .right {
	width: 420px;
	float: right;
}
/*modal03*/
.inner-modal.modal03 .left {
	width: auto;
	float: none;
}
.inner-modal.modal03 .right {
	width: auto;
	float: none;
}
/*modal04*/
.inner-modal.modal04 .left {
	width: 165px;
	float: left;
	padding: 20px 10px 0;
}
.inner-modal.modal04 .right {
	width: 435px;
	float: right;
}
/*/////MOVIE/////*/

.video-box {
	width: 425px;
	height: 321px;
	padding: 15px 58px 0 58px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/media/bg_movie.png) no-repeat;
}
.v-title {
	color: #000800;
	font-size: 134%;
}
.v-title span {
	font-size: 85%;
}
.bottom-link {
	padding: 0 20px;
}
.bottom-link li {
	width: 50%;
	float: left;
}
.bottom-link .btn-next a {
	float: right;
	color: #000800;
	font-size: 100%;
	padding: 0 60px 0 0;
	text-decoration: none !important;
	background: url(../images/media/btn_next.png) no-repeat right center;
}
.bottom-link .btn-prev a {
	float: left;
	color: #000800;
	font-size: 100%;
	padding: 0 0px 0 60px;
	text-decoration: none !important;
	background: url(../images/media/btn_prev.png) no-repeat left center;
}
.txt01 { color:#000800; padding: 0 60px;}
.hidden {
	display: none;
}
.cl-pink {
	color: #f355bd;
}
.pr-85 {
	padding-right: 85px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-75 {
	margin-bottom: 75px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-85 {
	margin-bottom: 85px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-95 {
	margin-bottom: 95px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-105 {
	margin-bottom: 105px;
}
.mb-110 {
	margin-bottom: 110px;
}
.mb-115 {
	margin-bottom: 115px;
}
.mb-120 {
	margin-bottom: 120px;
}
.vertical-b {
	vertical-align: bottom;
}