@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/syodou/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 {
    line-height: 30px;
    color: #000800;
    font-size: 19px;
    padding: 0 0 0 10px;
}

.block-profile .para2 {
    line-height: 30px;
    color: #000800;
    font-size: 15px;
    padding: 0 0 0 10px;
}

.block-profile .para.title {
  font-size: 134%;
}

/*/////CONCEPT/////*/
.list-concept {
  position: relative;
}
.list-concept.bg-pattern {
  background: url(../images/profile/pattern03.png) no-repeat right 120px;
}

.pattern01 {
  width: 120px;
  height: 141px;
  display: block;
  position: absolute;
  right: -13px;
  bottom: -10px;
  background: url(../images/profile/pattern01.png) no-repeat;
}

.pattern02 {
  width: 199px;
  height: 54px;
  display: block;
  position: absolute;
  right: -13px;
  bottom: -50px;
  *bottom: 25px;
  background: url(../images/profile/pattern02.png) no-repeat;
}

.line-pattern {
  height: 7px;
  margin: 0 auto 25px;
  background: url(../images/profile/line.png) no-repeat center center;
}

/*/////PROFILE/////*/
#Profile .line-pattern {
  margin: 0;
}

.profile-top {
  margin: 0 0 15px;
}
.profile-top .left {
  width: 325px;
  float: left;
}
.profile-top .right {
  width: 255px;
  float: right;
}
.profile-top .title {
  margin: 20px 5px 20px 20px;
}

/*.profile-top .title {
  margin: 20px 5px 20px 95px;
}

*/
.profile01 {
  margin: 20px 0 20px;
}
.profile01 .left {
  width: 375px;
  float: left;
}
.profile01 .right {
  width: 200px;
  float: right;
}

.profile02 {
  margin: 20px 10px 20px 10px;
}
.profile02 .left {
  width: 171px;
  float: left;
}
.profile02 .right {
  width: 390px;
  float: right;
}

.lightbox-profile {
  padding: 0 10px;
  margin: 0 0 65px;
}
.lightbox-profile ul {
  padding: 0 15px;
}
.lightbox-profile li {
  width: 60px;
  height: 60px;
  float: left;
}
.lightbox-profile li.case1 {
  margin: 0 60px 0 0;
}
.lightbox-profile li.case2 {
  margin: -15px 60px 0 0;
}
.lightbox-profile li.no-space {
  margin: 0;
}
.lightbox-profile li.slot {
  margin: -15px 60px 0 60px;
}

.list-profile {
  background-color: #fff7f7;
  padding: 7px 0;
}
.list-profile .inner {
  padding: 5px 30px;
}
.list-profile .para {
  line-height: 30px;
}

/*/////BIOGRAPHY/////*/
#Biography {
  margin: 30px 0 0;
  padding: 30px 35px 0 30px;
}

.list-bio li {
  margin: 0 0 20px;
}
.list-bio li.end {
  margin: 0;
}
.list-bio .title {
  padding: 0 0 0 10px;
}
.list-bio dl {
  padding: 0 10px 10px;
  font-size: 100%;
  color: #000800;
  line-height: 24px;
}
.list-bio dl dt {
  width: 90px;
  float: left;
}
.list-bio dl dt.slot {
  width: 100%;
  display: block;
  float: none;
}
.list-bio dl dd {
  padding: 0 0 0 90px;
}

/*/////ARTWORK/////*/
#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;
  padding: 0 0 10px;
}

.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 {
  font-size: 117%;
  color: #000800;
  margin: 155px 0 0;
  padding: 35px 0 35px 100px;
  background: url(../images/profile/colorbox/pp_flower02.png) no-repeat left center;
}

.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;
}

.kochira {
  color: #000800;
  text-decoration: none;
}
.kochira:hover {
  text-decoration: underline;
}

/*modal01*/
.inner-modal .left {
  width: 220px;
  float: left;
  padding: 45px 10px 0;
}

.inner-modal .right {
  width: 381px;
  float: right;
}

/*modal02*/
.inner-modal.modal02 .title {
  font-size: 134%;
  color: #000800;
  padding: 0 0 10px;
  float: left;
}

.inner-modal.modal02 .sense1 {
  float: right;
  margin: 15px 0 0;
}

.inner-modal.modal02 .sense2 {
  margin: 25px 0 0;
  padding: 35px 0 35px 100px;
}

.inner-modal.modal02 .left {
  width: auto;
  float: none;
  padding: 35px 10px 0;
}

.inner-modal.modal02 .right {
  width: auto;
  float: none;
}

/*modal03*/
.inner-modal.modal03 {
  margin: 0 auto;
  padding: 25px 27px 15px;
}

.inner-modal.modal03 .sense2 {
  margin: 120px 0 0;
}

/*modal08*/
.inner-modal.modal08 {
  margin: 0 auto;
  padding: 40px 27px 15px;
}


/*/////BOOKS/////*/
#Books {
  padding: 30px 35px 20px 30px;
  margin: 0;
}

.wrap-slidebook {
  position: relative;
}

.list-books li {
  padding: 20px 10px 10px;
  background: url(../images/profile/line.png) no-repeat center bottom;
}
.list-books li.end {
  padding: 20px 10px 0;
  background: none;
}
.list-books .left {
  float: left;
  width: 240px;
}
.list-books .right {
  width: 310px;
  float: right;
}
.list-books .inner {
  margin: 0 0 20px;
}
.list-books .title {
  padding: 0;
  margin: 30px 0 85px;
}
.list-books .title.private {
  margin: 30px 0 50px;
}
.list-books .para {
  padding: 0;
}

.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;
}
.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;
}
.next_btn_1st{
	margin-left:310px;
	}
	
.head-bubble {
    background: url(../images/syodou/bg_txt_tab1_01.png) no-repeat 30px top;
    margin: 15px auto;
    font-size: 25px;
    padding: 65px 0 85px 167px;
}

.form{
    font-size: 21px;
    background-color: #ffebe0;
    padding: 15px;
    color: #7f6640;
    display: block;
    border: solid 1px #7f6640;
    width: 544px;
    text-decoration: none;
    margin: 10px auto 10px auto;
}