@font-face{font-family:'br';src:url('../fonts/bubblegumsans-regular.eot');src:url('../fonts/bubblegumsans-regular.eot') format('embedded-opentype'),url('../fonts/bubblegumsans-regular.woff2') format('woff2'),url('../fonts/bubblegumsans-regular.woff') format('woff'),url('../fonts/bubblegumsans-regular.ttf') format('truetype'),url('../fonts/bubblegumsans-regular.svg#BubblegumSansRegular') format('svg')}
*{outline:0;}
a:hover{text-decoration: none;}
.main{width:1120px;margin:auto}
.clear{clear:both}
.left{float:left}
.right{float:right}
.cols{}
.cols:before{clear:both;display:table;content:' ';}
.cols .one{width:100%;float:left;}
.cols .two{width:50%;float:left;}
.cols .three{width:33%;float:left;}
.cols .four{width:25%;float:left;}
.cols .five{width:20%;float:left;min-height: 1px;}
.btn-wood-min{background: url(../images/wooden-btn.png) no-repeat 50% 50%; color: #393d4d;border: 0 none;}
.green-btn{background: url(../images/green-btn.png) no-repeat 50% 50%; width: 147px; height: 47px;display: inline-block;color: #f6d600;line-height: 44px;font-size: 25px;text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.53);border: 0 none;}
.green-btn.inactive{background-image: url(../images/green-btn-inactive.png); color: #b7b6a3;text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.39);}
.red-btn{background:url(../images/red-btn.png) no-repeat right 0;border:none 0;height: 62px;width: 164px;display:block;font-size:24px;color:#F4DB28;font-family:br,arial;text-align:center;text-shadow:1px 1px #222;line-height: 13px;float: left;display: block;line-height: 62px;}
.blue-btn{background:url(../images/blue-btn-bg.png) no-repeat right 0;border:none 0;height: 57px;width: 206px;display:block;font-size: 18px;color: #fff;font-family:br,arial;text-align:center;text-shadow:1px 1px #222;line-height: 13px;float: left;display: block;line-height: 55px;}
.btn-green-small{background:url(../images/green-btn-small.png) no-repeat right 0;border:none 0;height: 45px;width: 105px;display:block;font-size: 22px;color: #ebd00b;font-family:br,arial;text-align:center;text-shadow:1px 1px #222;line-height: 13px;float: left;display: block;line-height: 55px;}
body.landing{background-color:#12a5bc;}


body.landing .bg-center{background:url(../images/bg-center.jpg) 50% 0 no-repeat;}

body.landing .bg-center{min-width: 1780px;position: relative;z-index: 5;}

body{font-family: br, arial;background-color: #12a5bc;}
body.addon{background:url(../images/bg-common.jpg) #12a5bc 50% 0 no-repeat;}

#header{
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(../images/top_panel.png);
	min-height: 200px;
	background-size: 980px;
	width: 1110px;
	margin: auto
}
#header .main{position:relative;width:1033px}
#header .social-links{position:absolute}
#header .social-links a{display:inline-block;position:absolute}
#header .social-links a:hover{opacity:0.9}
#header .social-links a.facebook{top:39px;left:43px}
#header .social-links a.twitter{top:68px;left:80px}
#header .social-links a.youtube{top:86px;left:120px}
#header .social-links a.pinterest{top:78px;left:160px}
#header form.login{display:block;position:relative;padding-top:0;padding-right:0;padding-bottom:0;float:left;margin-top:-7px;width:491px;margin-left:80px}
#header form.login input.wooden-bg{background:url(../images/text_login.png) no-repeat -4px -4px;border:0 none;width:138px;height:38px;padding:0 0 0 27px;color:#393d4d;font-family:'br',arial;font-size:15px}
#header form.login input.wooden-bg:-moz-placeholder{color:#fff}
#header form.login input.wooden-bg::-moz-placeholder{color:#fff}
#header form.login input.wooden-bg:-ms-input-placeholder{color:#fff}
#header form.login input.wooden-bg::-webkit-input-placeholder{color:#fff}
#header form.login button.wooden-btn{background:url(../images/wooden-btn.png) no-repeat 0 0;border:0 none;width:102px;height:50px;font-size:32px;color:#393d4d;font-family:'br',arial;margin-right:0;margin-left:17px;margin-bottom:0;background-size:100px auto;margin-top:0;position:relative;top:6px}
#header .head-sun{position:absolute;right:-340px;z-index:2}
#logo{display:block;position:absolute;left:50%;margin-top:70px;margin-right:0;margin-left:-200px;margin-bottom:0;z-index:2;width:400px}
#logo img{width:100%}
#content{position:relative;min-height:640px}
#content .island-right{right:-220px;position:absolute;top:-161px;margin-top:45px}
#content .bird-left{left:5%;position:absolute;top:-59px}
#content .boat-left-1{position:absolute;top:200px;left:-214px;z-index:4;margin-left:109px;margin-top:0}
#content .boat-left-2{position:absolute;left:210px;top:70px}
#content .buoy-left{position:absolute;left:200px;top:673px;z-index:3}
#content .dolphin-left-1{position:absolute;left:125px;top:32px}
#content .dolphin-left-2{position:absolute;left:250px;top:190px}
#content .pearls-left{position:absolute;top:336px;left:-170px}
#content .whale-right{position:absolute;right:145px;top:322px}
#content .bird-right{position:absolute;right:-40px;top:398px;z-index:4}
#content .boat-right-1{position:absolute;right:180px;top:90px}
#content .boat-right-2{position:absolute;right:-58px;top:280px}
#content .buoy-right{position:absolute;right:85px;top:450px}
#content .boat-animate{position:absolute;left:35px;top:286px}
#content .main{position:relative;width:1200px}
#slider{background:url(../images/screenshots-panel.png) no-repeat 50% 0;height:364px;width:980px;margin-top: -65px;margin-right:auto;margin-left:auto;margin-bottom:10px;position:relative;z-index:5}
#slider #boat-carousel{float:right;width:323px;margin:10px 101px 0 0;height:220px}
#slider #boat-carousel .item a{display:block}
#slider #boat-carousel .item a span.zoom{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/zoom.png) no-repeat 50% 50%;opacity:0;transition:all 0.5s}
#slider #boat-carousel .item a:hover span.zoom{opacity:1}
#slider #boat-carousel .item img{height:200px;width:306px;margin:15px auto 0}
#slider #boat-carousel a.left,#slider #boat-carousel a.right{width:48px;height:71px;display:inline-block;position:absolute}
#slider #boat-carousel a.left{left:-50px;top:32%}
#slider #boat-carousel a.right{top:32%;right:-52px}
#slider .story-box{width:50%;float:left}
#slider .story-box .story-box-content{width:324px;margin-top:30px;margin-right:0;margin-left:116px;margin-bottom:0;overflow:auto;height:200px;display:block}
#slider .story-box .story-box-content::-webkit-scrollbar{display:none}
#slider .screenshot-box{float:left;width:50%}
#slider .screenshot-box .screenshot-box-content{}
#slider h3{color:rgba(255,207,0,1.00);font-family:br,arial;font-size:44px;text-shadow:2px 2px 3px rgba(0,0,0,0.78);display:block;text-align:center;padding-top:7px}
form#register{display:block;position:absolute;background:url(../images/register-panel.png) no-repeat 50% 0;height:430px;width:426px;left:50%;margin-top:170px;margin-right:0;margin-left:-213px;margin-bottom:0;z-index:3;padding:32px 0 0;color:#fff;font-family:br,arial}
form#register .col-sm-7{width:52%;float:left}
form#register .control-label{font-weight:normal;font-size:24px;padding-top:3px;padding-right:3px;padding-left:3px;padding-bottom:3px;line-height:19px;width:40%;float:left;text-align:right}
form#register .form-control{background:url(../images/text_register.png) no-repeat 0 0;width:196px;height:42px;border:0;font-size:15px;font-family:br,arial}

form#register input.chkbox{display:none}
form#register input.chkbox + label.chkbox{background:url(../images/checkbox-unchecked.png) no-repeat 0 0;padding:0 0 0 25px;font-family:tahoma;color:#fff;font-size:12px;margin:5px 0 7px 30px}
form#register input.chkbox + label.chkbox a{color:#fff;text-decoration:underline}
form#register input.chkbox:checked + label.chkbox{background:url(../images/checkbox-checked.png) no-repeat 0 0}form#register input.chkbox{display:none}

form#register .form-group{margin-bottom:9px;margin-left:0}
form#register button.signup-btn{background:url(../images/register-btn.png) no-repeat 50% 0;border:none 0;height:98px;width:350px;margin:auto;display:block;font-size:24px;color:#fff;font-family:br,arial}
form#register button.signup-btn:hover{background-position:50% -248px}
form#register button.signup-btn:active{background-position:50% -132px}
form#register button.signup-btn span{position:relative;top:-8px;left:20px}
.main .login a{float:none;margin-left:0;color:rgba(250,250,250,1.00);font-size:12px;padding-top:120px}
#header .main #forgot-pass{padding-top:0;top:-5px;margin-left:152px;position:relative}

#header .lang{background:url(../images/lang-bg-top.png) no-repeat 0 0;width:138px;position:absolute;right: 50px;top: 59px;z-index:5}
#header .lang ul{margin:0;padding:0;position:relative;top:-1px}
#header .lang ul li{list-style:none;background:url(../images/lang-bg-repeat.png) no-repeat 0 0;height:38px}
#header .lang ul li:last-child{list-style:none;background:url(../images/lang-bg-bottom.png) no-repeat 2px 0}
#header .lang .lang-head{padding:17px 0 0}
#header .lang .lang-head a.collapsed{color:#f79a00;background:url(../images/arrow-lang.png) no-repeat 86% 33%}
#header .lang .lang-head a{color:#f79a00;background:url(../images/arrow-lang-top.png) no-repeat 86% 33%}
#header .lang a.lang-link{font-family:'br',arial;color:#beb2a8;font-size:16px;display:block;padding:5px 5px 8px 16px}
#header .lang a.lang-link span{}
#header .lang a.lang-link img{margin-right:8px}

#header ul.user-info{
	font-family: br,arial;
	font-size: 14px;
	color: #fff;
	position: absolute;
	right: 235px;
	top: 10px
}
#header ul.user-info li{list-style:none;display:inline-block}
#header ul.user-info li.c1{text-align:right;padding-right:6px}
#header ul.user-info li.c2{color:#d1fe01}
#header ul.user-info li .r1{}
#header ul.user-info li .r2{}


/* COMMON */
#header-common{width:1096px;margin:auto;background:url(../images/head-common-bg.png) no-repeat 50% 0;position: relative;}
#header-common ul.menu{font-family:br,arial;font-size:18px;min-height:120px;}
#header-common ul.menu > li{display:inline-block;list-style:none;padding-right:5px;}
#header-common ul.menu > li.active{}
#header-common ul.menu > li.active > a{color:#ffac0c;font-size:24px;}
#header-common ul.menu > li a{color:#c6faff;display:block;padding:4px 7px;text-shadow:2px 1px rgba(0,0,0,0.62);}
#header-common ul.menu > li.dd{;}
#header-common ul.menu > li.dd > a{background:url(../images/menu-dd-arrow-bottom.png) no-repeat right 50%;padding-right:20px;}
#header-common ul.menu > li.dd:hover > a{background:url(../images/menu-dd-arrow-top.png) no-repeat right 50%;}
#header-common ul.menu > li.dd > ul{position:absolute;max-height: 1px;overflow: hidden; opacity: 0;transition: all 0.5s;z-index: 5;}
#header-common ul.menu > li.dd:hover > ul{max-height:none;opacity: 1;}
#header-common ul.menu > li.dd > ul{margin: 0px -16px 0;padding:0;}
#header-common ul.menu > li.dd > ul > li{list-style:none;text-align:center;position:relative;}
#header-common ul.menu > li.dd > ul > li:nth-child(1){;}
#header-common ul.menu > li.dd > ul > li:nth-child(2){top:-4px;}
#header-common ul.menu > li.dd > ul > li:nth-child(3){top:-8px;}
#header-common ul.menu > li.dd > ul > li:nth-child(4){top:-12px;}
#header-common ul.menu > li.dd > ul > li:nth-child(5){top:-16px;}
#header-common ul.menu > li.dd > ul > li a{background:url(../images/menu-dd-bg.png) no-repeat 0 bottom;width:133px;height:42px;}

#header-common .money-info{
    position: absolute;
    right: 313px;
    top: 3px;
    width: 135px;
}
#header-common .money-info em{font-style: normal; color: #351904; display: inline-block;float: left;font-size: 14px;padding: 4px 0 0;}
#header-common .money-info strong{font-weight: normal; color: #9d510b; font-size: 23px;float: right;}

#header-common ul.user-info{font-family:br,arial;font-size:14px;color:#fff;position:absolute;margin:0;right: 105px;top: 2px;}
#header-common ul.user-info li{list-style:none;display:inline-block}
#header-common ul.user-info li.c1{text-align:right;padding-right:6px}
#header-common ul.user-info li.c2{color:#d1fe01}
#header-common ul.user-info li .r1{}
#header-common ul.user-info li .r2{}

#header-common .lang{background:url(../images/lang-bg-top.png) no-repeat 0 0;width:138px;position:absolute;right: 29px;top: 43px;z-index:5}
#header-common .lang ul{margin:0;padding:0;position:relative;top:-1px}
#header-common .lang ul li{list-style:none;background:url(../images/lang-bg-repeat.png) no-repeat 0 0;height:38px}
#header-common .lang ul li:last-child{list-style:none;background:url(../images/lang-bg-bottom.png) no-repeat 2px 0}
#header-common .lang .lang-head{padding:17px 0 0}
#header-common .lang .lang-head a.collapsed{color:#f79a00;background:url(../images/arrow-lang.png) no-repeat 86% 33%}
#header-common .lang .lang-head a{color:#f79a00;background:url(../images/arrow-lang-top.png) no-repeat 86% 33%}
#header-common .lang a.lang-link{font-family:'br',arial;color:#beb2a8;font-size:16px;display:block;padding:5px 5px 8px 16px}
#header-common .lang a.lang-link span{}
#header-common .lang a.lang-link img{margin-right:8px}

#header-common .userdd{background:url(../images/lang-bg-top.png) no-repeat 0 0;width:138px;position:absolute;left: 29px;top: 43px;z-index:5}
#header-common .userdd ul{margin:0;padding:0;position:relative;top:-1px}
#header-common .userdd ul li{list-style:none;background:url(../images/lang-bg-repeat.png) no-repeat 0 0;height:38px}
#header-common .userdd ul li:last-child{list-style:none;background:url(../images/lang-bg-bottom.png) no-repeat 2px 0}
#header-common .userdd .lang-head{padding:17px 0 0}
#header-common .userdd .lang-head a.collapsed{color:#f79a00;background:url(../images/arrow-lang.png) no-repeat 86% 33%}
#header-common .userdd .lang-head a{color:#f79a00;background:url(../images/arrow-lang-top.png) no-repeat 86% 33%}
#header-common .userdd a.lang-link{font-family:'br',arial;color:#beb2a8;font-size:16px;display:block;padding: 5px 40px 8px 16px;text-align: right;}
#header-common .userdd li a.lang-link{padding-right: 25px;}
#header-common .userdd a.lang-link span{}
#header-common .userdd a.lang-link img{margin: 2px 0 0 6px;float: left;}

#header-common a.btn-wood-min{float:right;position:absolute;top:-2px;right:17px;width:74px;height:50px;background-size:100%;line-height:51px;font-family:br,arial;text-align:center;font-size:17px}

#buy-panel{width:1226px;margin:auto;position:relative;height:360px}
#buy-panel .buy-each{width:260px;height:340px;background:url(../images/buy-panel.png) no-repeat 50% 0;position:absolute}
#buy-panel .buy-each:nth-child(1){}
#buy-panel .buy-each:nth-child(2){left:20%}
#buy-panel .buy-each:nth-child(3){left:40%}
#buy-panel .buy-each:nth-child(4){left:60%}
#buy-panel .buy-each:nth-child(5){right:0}
#buy-panel .buy-each .r1{text-align:center;padding:40px 30px 0;height: 166px;}
#buy-panel .buy-each .r1 img{
}
#buy-panel .buy-each .r2{text-align:center;font-size:16px;padding-top:11px;line-height:normal;width:133px;margin:0 0 0 74px;height:50px}
#buy-panel .buy-each .r2 span{font-size:12px;display:block;line-height:9px}
#buy-panel .buy-each .r3{width:205px;margin:0 0 0 40px;font-size:18px;line-height:normal}
#buy-panel .buy-each .r3 .r3-pearl{background: url(../images/buy-pearl.png) no-repeat 0 -3px;padding:7px 0 2px 33px}
#buy-panel .buy-each .r3 .r3-fish{background:url(../images/buy-fish.png) no-repeat -2px -3px;padding:3px 0 2px 33px}
#buy-panel .buy-each .r4{}

#buy-fish-boats{width:1181px;height:500px;background:url(../images/buy-option-bg.png) no-repeat 50% 0;clear:both;margin:25px auto;position:relative;text-align:center}
#buy-fish-boats .buy-each-box{text-align:center;font-size:24px;display:inline-block;padding-top: 44px;line-height:normal;position: absolute;}
#buy-fish-boats .buy-each-box.buy-each-box-left{
    width: 218px;
    left: 241px;
}
#buy-fish-boats .buy-each-box.buy-each-box-mid{
    right: 454px;
    width: 176px;
}
#buy-fish-boats .buy-each-box.buy-each-box-right{
    right: 256px;
    width: 176px;
}
#buy-fish-boats .buy-each-box .r1{color:#331707}
#buy-fish-boats .buy-each-box .r2{color:#bd0000;display: inline-block;padding-left: 35px;font-size: 24px;}
#buy-fish-boats .buy-each-box .r2{}
#buy-fish-boats .buy-each-box .r2.pearl{background: url(../images/buy-pearl.png) no-repeat 0px -7px;padding-left: 30px;}
#buy-fish-boats .buy-each-box .r2.fish{background:url(../images/buy-fish.png) no-repeat -2px -3px;}
#buy-fish-boats .boat-btn.left{left:11px}
#buy-fish-boats .boat-btn.right{right:51px}
#buy-fish-boats .transfer-btn{right: 382px;position: absolute;background: url(../images/transfer-btn.png) no-repeat 50% 50%; width: 115px; height: 39px; line-height: 39px; color: #ffca14; font-size: 19px;top: 13px;display: block;z-index: 4;}
#buy-fish-boats .boat-btn{background:url(../images/register-btn.png) no-repeat right 0;border:none 0;height:65px;width:211px;display:block;font-size:24px;color:#F4DB28;font-family:br,arial;text-align:center;background-size:100% auto;text-shadow:1px 1px #222;position:absolute;text-indent:23px;top:43px;line-height:49px}

#anim{
	display: inline-block;
	background: url('../images/sprite.png') no-repeat;
	overflow: hidden;
	width: 494px;
	height: 449px;
	position: absolute;
	top: 240px;
	left: 11px;
}
#anim.t0 { background-position: -0px -0px;}
#anim.t1 { background-position: -494px -0px;}
#anim.t2 { background-position: -988px -0px;}
#anim.t3 { background-position: -1482px -0px;}
#anim.t4 { background-position: -0px -449px;}
#anim.t5 { background-position: -494px -449px;}
#anim.t6 { background-position: -988px -449px;}
#anim.t7 { background-position: -1482px -449px;}
#anim.t8 { background-position: -0px -898px;}
#anim.t9 { background-position: -494px -898px;}
#anim.t10 { background-position: -988px -898px;}
#anim.t11 {	background-position: -1482px -898px;}
#anim.t12 { background-position: -0px -1347px;}
#anim.t13 { background-position: -494px -1347px;}
#anim.t14 { background-position: -988px -1347px;}
#anim.t15 { background-position: -1482px -1347px;}
#anim.t16 { background-position: -0px -1796px;}
#anim.t17 { background-position: -494px -1796px;}
#anim.t18 { background-position: -988px -1796px;}
#anim.t19 { background-position: -1482px -1796px;}
#anim.t20 { background-position: -0px -2245px;}
#anim.t21 { background-position: -494px -2245px;}


#whale-anima{
	display: inline-block;
	background: url('../images/whale_sprite.png') no-repeat;
	overflow: hidden;
	width: 466px; 
	height: 386px; 
	position: absolute;
	top: 280px;
	right: 110px;
}
#whale-anima.tw0 { background-position: -0px -0px;}
#whale-anima.tw1 { background-position: -466px -0px;}
#whale-anima.tw2 { background-position: -932px -0px;}
#whale-anima.tw3 { background-position: -1398px -0px;}
#whale-anima.tw4 { background-position: -1864px -0px;}
#whale-anima.tw5 { background-position: -2330px -0px;}
#whale-anima.tw6 { background-position: -0px -386px;}
#whale-anima.tw7 { background-position: -466px -386px;}
#whale-anima.tw8 { background-position: -932px -386px;}
#whale-anima.tw9 { background-position: -1398px -386px;}
#whale-anima.tw10 { background-position: -1864px -386px;}
#whale-anima.tw11 { background-position: -2330px -386px;}
#whale-anima.tw12 { background-position: -0px -772px;}
#whale-anima.tw13 { background-position: -466px -772px;}
#whale-anima.tw14 { background-position: -932px -772px;}
#whale-anima.tw15 { background-position: -1398px -772px;}
#whale-anima.tw16 { background-position: -1864px -772px;}
#whale-anima.tw17 { background-position: -2330px -772px;}
#whale-anima.tw18 { background-position: -0px -1158px;}
#whale-anima.tw19 { background-position: -466px -1158px;}
#whale-anima.tw20 { background-position: -932px -1158px;}
#whale-anima.tw21 { background-position: -1398px -1158px;}
#whale-anima.tw22 { background-position: -1864px -1158px;}
#whale-anima.tw23 { background-position: -2330px -1158px;}
#whale-anima.tw24 { background-position: -0px -1544px;}
#whale-anima.tw25 { background-position: -466px -1544px;}
#whale-anima.tw26 { background-position: -932px -1544px;}
#whale-anima.tw27 { background-position: -1398px -1544px;}
#whale-anima.tw28 { background-position: -1864px -1544px;}
#whale-anima.tw29 { background-position: -2330px -1544px;}
#whale-anima.tw30 { background-position: -0px -1930px;}
#whale-anima.tw31 { background-position: -466px -1930px;}
#whale-anima.tw32 { background-position: -932px -1930px;}
#whale-anima.tw33 { background-position: -1398px -1930px;}
#whale-anima.tw34 { background-position: -1864px -1930px;}
#whale-anima.tw35 { background-position: -2330px -1930px;}
#whale-anima.tw36 { background-position: -0px -2316px;}

body .qtip-default{border:none;background:url(../images/tooltip-bg.png) transparent no-repeat 0 0;color:#62310a;width:157px;height:78px;margin:-15px 0 0 -188px}
body .qtip-content{height:83px;padding:23px 10px 15px 10px;font-size:13px}
body .qtip-content > div{clear:both;float:left;width:100%;padding:0 0 1px 0}
body .qtip-content b{width:62px;float:left;text-align:right;font-weight:normal;display:block}
body .qtip-content em{color:#ff0000;width:70px;float:right;font-style:normal;display:block}
.garage-repair{width:1090px;margin:auto;background:url(../images/garage-bg.gif) no-repeat 50% 0;height:315px}
.garage-repair .garage-each{width:20%;float:left;text-align:center;background:url(../images/garage-slice.png) right 50% no-repeat;height:297px;padding:23px;margin-top:3px}
.garage-repair .garage-each:last-child{background:none}
.garage-repair .garage-each .r1{text-align:left;font-size:13px}
.garage-repair .garage-each .r1 span{color:#ff0000}
.garage-repair .garage-each .r2{height:135px}
.garage-repair .garage-each.garage-each-1 .r2{}
.garage-repair .garage-each.garage-each-2 .r2{}
.garage-repair .garage-each.garage-each-3 .r2{}
.garage-repair .garage-each.garage-each-4 .r2{}
.garage-repair .garage-each.garage-each-5 .r2{}
.garage-repair .garage-each.garage-each-1 .r2 img{
	width: 75%;
	margin-top: 16px;
	margin-left: 20px;
}
.garage-repair .garage-each.garage-each-2 .r2 img{
	width: 79%;
	margin-top: 15px;
	margin-left: 20px;
}
.garage-repair .garage-each.garage-each-3 .r2 img{
	width: 76%;
	margin-top: 7px;
	margin-left: 7px;
}
.garage-repair .garage-each.garage-each-4 .r2 img{
	margin-top: -17px;
	width: 70%;
}
.garage-repair .garage-each.garage-each-5 .r2 img{
	margin-left: -30px;
}
.garage-repair .garage-each .r2 img{max-height:135px}
.garage-repair .garage-each .r3{}
.garage-repair .garage-each .r3 a{text-align:center;font-size:16px;padding-top:11px;line-height:normal;margin:0;height:50px;display:block;background:url(../images/garage-btn-bg.png) 50% 0 no-repeat;color:#6d4c0e}
.garage-repair .garage-each .r3 a span{font-size:12px;display:block;line-height:9px}
.garage-repair .garage-each .r4{padding-top:13px}
.garage-repair .garage-each .r4 .green-btn{}

.modal.modal-repair{display: block !important;height: 0;width: 0;}
.modal.modal-repair.in{height: auto;width: auto;}
.modal.modal-repair .modal-dialog{width:815px;height:570px;background:url(../images/modal-bg.png) no-repeat 50% 0;padding:60px 75px 0}
.modal.modal-repair .modal-dialog .modal-content{}
.modal.modal-repair .modal-dialog .modal-content{background:transparent;box-shadow:0 0;border:0;padding-top:13px;position:relative;height:450px}
.modal.modal-repair .garage-scroll{height: 250px; overflow: auto;}
.modal.modal-repair table{width:100%}
.modal.modal-repair table tr{}
.modal.modal-repair table tr td{color:#9f4b02}
.modal.modal-repair table tr th{border-bottom:2px solid #877362;padding-bottom:13px}
.modal.modal-repair table tr td,.modal.modal-repair table tr th{font-size:24px}
.modal.modal-repair table tr th img{}
.modal.modal-repair table tr .col1{
    width: 38%;
}
.modal.modal-repair table tr .col2{
    width: 15%;
}
.modal.modal-repair table tr .col3{text-align:center;width: 30%;}
.modal.modal-repair table tr .col4{}
.modal.modal-repair .modal-footer{padding:25px 15px 0;border-top:2px solid #877362;position:absolute;bottom:0;left:0;right:0}
.modal.modal-repair .red-btn{background:url(../images/red-btn.png) no-repeat right 0;border:none 0;height:62px;width:164px;display:block;font-size:24px;color:#F4DB28;font-family:br,arial;text-align:center;text-shadow:1px 1px #222;line-height:13px;float:left;display:block}
.modal.modal-repair .green-btn{background-size:100% auto;width:auto;padding:0 22px;height:82px}

input.cb2{display:none}
input.cb2 + label.cb2{background:url(../images/cb2-unchecked.png) no-repeat 0 9px;padding:12px 0 2px 25px;color:#9f4b02;font-size:24px;font-weight:normal;margin:5px 0 7px 30px}
input.cb2:checked + label.cb2{background-image:url(../images/cb2-checked.png);color:#e20000}

.pear-ex-r1{background:url(../images/pearls-exchange-1-bg.png) no-repeat 50% 0;width:1180px;height:244px;margin:auto}
.pear-ex-r1-c1{float:left;width:962px;padding:40px 0 0 30px;line-height:normal}
.pear-ex-r1-c1 .four{font-size:24px;color:#331707;text-align:center}
.pear-ex-r1 .red-btn{margin:32px 26px 0 0;float:right}

.wood-board-box{width: 596px;}
.wood-board-box .wood-board-box-top{
    background: url(../images/wood-board-top.png) no-repeat 3px 0;
    padding-top: 43px;
}
.wood-board-box .wood-board-box-bottom{
    background: url(../images/wood-board-bottom.png) no-repeat 50% bottom;
    padding-bottom: 50px;
}
.wood-board-box .wood-board-box-repeat{
    background: url(../images/wood-board-repeaty.png) repeat-y 50% 50%;
}

.pear-ex-r2{width:1180px;margin:auto}
.pear-ex-r2 .pear-ex-r2-c1{
 width: 590px;
	float: left;
}
.pear-ex-r2 .pear-ex-r2-c2{
 width: 590px;
	float: left;
}
.pear-ex-r2 .wood-board-box{}
.pear-ex-r2 .wood-board-box .wood-board-box-repeat{
    text-align: center;
	color: #33312f;
}
.pear-ex-r2 .wood-board-box .wood-board-box-repeat p{margin: 0;}
.pear-ex-r2 .wood-board-box .wood-board-box-repeat strong{
    font-size: 32px;
	color: #73370d;
    font-weight: normal;
    display: block;
}

.pear-ex-r2 .pear-ex-r2-c1 .place-order{
    background: url(../images/wooden-bg-medium.png) 50% 0 no-repeat;
    height: 396px;
    padding: 50px 50px 0;
    color: #f3cc00;
    font-size: 26px;
}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group:before{clear:both;display:table;content:' ';}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group label{
    float: left;
    margin-right: 10px;
}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group .form-input{
    margin-left: 219px;
    padding-bottom: 0;
}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group .form-input{
    height: 50px;
}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group .form-input input.dark-input{
    width: 96%;
	background: url(../images/placeorder-input-bg.png) no-repeat 0 0;
	border: none 0;
    height: 50px;
    background-size: 100% 50px;
    text-indent: 10px;
    color: #eee;
}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group .form-input input.dark-input.two{
    width: 47%;
    margin-right: 3%;
    float: left;
}
.pear-ex-r2 .pear-ex-r2-c1 .place-order .form-group .red-btn{
    position: static;
    display: block;
    float: none;
    margin: 13px auto 30px;
    clear: both;
}
.pear-ex-r2 .pear-ex-r2-c2 .order-statistics{
    background: url(../images/order-statistics-bg.png) no-repeat 0 0;
    padding: 85px 26px 26px 45px;
    height: 428px;
}
.pear-ex-r2 .pear-ex-r2-c2 .order-statistics .r1{
    height: 43px;
}
.pear-ex-r2 .pear-ex-r2-c2 .order-statistics .r1.cols .five{text-align:center;padding-top: 7px;color: #67300a;font-size: 25px;}
.pear-ex-r2 .pear-ex-r2-c2 .order-statistics .r2{padding-top:50px}

body.loading-body #preloader{
	background: url(../images/loader.gif) #03a1cb no-repeat 50% 50%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 55555;
}

#chat-panel{}
#chat-panel .photo img{width: 60px;}
#chat-panel .chat-box{width: 705px; margin:15px auto;}
#chat-panel .chat-box .chat-box-top{background: url(../images/chat-panel-top.png) no-repeat 50% top;padding-top: 0;margin-top: -30px;}
#chat-panel .chat-box .chat-box-bottom{background: url(../images/chat-panel-bottom.png) no-repeat 50% bottom;padding-bottom: 178px;}
#chat-panel .chat-box .chat-box-repeat{background: url(../images/chat-panel-repeat.png) repeat-y 50% 50%; }
#chat-panel .chat-box .chat-box-head{height: 150px;}
#chat-panel .chat-box .chat-box-head .photo{float: left;width: 82px; height: 78px; /* background: url(../images/chat-photo-bg.png) no-repeat 50% 50%; */ text-align: center;margin: 43px 0 0 56px;}
#chat-panel .chat-box .chat-box-head .username{float: left; margin: 10px; padding-top:45px; color: #E76400;font-size:25px}
#chat-panel .chat-box .chat-box-head .btn-wood-min{float: right; margin: 39px 47px 0 0; width: 109px; height: 50px;font-size: 21px;}
#chat-panel .chat-box .chat-box-list-left{width: 450px;float: left;padding: 0 10px 25px 57px;height: 290px; overflow: auto;margin-bottom: -48px;}

/*#chat-panel .chat-box .chat-box-list-left::-webkit-scrollbar{-webkit-appearance:none!important;width:30px!important;background: url(../images/scroll-bar.png) no-repeat 50% 50% transparent; background-size:20px 100%;}
#chat-panel .chat-box .chat-box-list-left::-webkit-scrollbar{border-radius:0px!important;border:0 solid white!important;}
#chat-panel .chat-box .chat-box-list-left::-webkit-scrollbar-thumb{border-radius:0px!important;border:0 solid white!important;background: url(../images/scroll-cursor.png) no-repeat 50% 0% transparent;width: 30px; height: 30px !important;}*/

#chat-panel .chat-box .chat-box-list-left .chat-each{padding-right: 25px;}
#chat-panel .chat-box .chat-box-list-left .chat-each .photo{width: 82px; height: 78px; /* background: url(../images/chat-photo-bg.png) no-repeat 50% 50%; */ text-align: center;float: left;padding: 11px 0 0 0;}
#chat-panel .chat-box .chat-box-list-left .chat-each .chat-each-right{margin-left: 100px; color: #fff; font-size: 20px;}
#chat-panel .chat-box .chat-box-list-left .chat-each .chat-each-right .timestamp{text-align: right;line-height: normal;}
#chat-panel .chat-box .chat-box-list-left .chat-each .chat-each-right .chat-text{}
#chat-panel .chat-box .chat-box-list-left .chat-each .chat-each-right .chat-text p{margin: 0;font-size: 15px;}
#chat-panel .chat-box .chat-box-list-left .chat-each .clear-hr{height: 3px; background: #9f4d12; box-shadow: 2px 2px rgba(8, 8, 8, 0.16);clear: both;margin: 16px 3px;}
#chat-panel .chat-box .chat-box-right{width: 185px; float: left;margin-left: 25px;max-height: 300px;}
#chat-panel .chat-box .chat-box-right .online-users{width: 36px; height: 36px;background: url(../images/chat-photo-bg.png) no-repeat 50% 50%; text-align: center;float: left; background-size: cover; margin: 4px;}
#chat-panel .chat-box .chat-box-right .online-users img{width: 36px; height: 36px;}

#chat-panel .chat-input{background: url(../images/chat-input-bg.png) no-repeat 50% 0; width: 631px; height: 98px; margin: auto; position: relative; top: -66px;left: 10px;}
#chat-panel .chat-input input.transparent{background: transparent; border: 0; float: left; width: 450px; height: 45px;color: #eee;margin: 25px 0 0 44px;font-size: 34px;}
#chat-panel .chat-input .btn-wood-min{float: right; margin: 21px 13px 0 0; width: 109px; height: 50px;font-size: 21px;}

.mastermind-1{
    width: 720px;
    height: 570px;
    margin: auto;
    background: url(../images/mm-1-bg.png) no-repeat 50% 50%;
    background-size: 100% 560px;
}
.mastermind-1 .tr1,
.mastermind-1 .tr2{
	color: #ffcb10;
    font-size: 42px;
    text-shadow: 0px 0px 5px #0F0F0F;
    line-height: normal;
}
.mastermind-1 a.mm-query{
    display: block;
    width: 107px;
    height: 44px;
    background: url(../images/mm-query.png) no-repeat 50% 50%;
    position: absolute;
}
.mastermind-1 .r1 {
    height: 294px;
    padding: 50px 70px;
    position: relative;
}
.mastermind-1 .r1 .tr1{
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.mastermind-1 .r1 .tr1 span{}
.mastermind-1 .r1 .tr2{
	-ms-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
.mastermind-1 .r1 .tr2 span{}
.mastermind-1 .tr1 span,
.mastermind-1 .tr2 span{
    font-size: 65px;
    color: #07a7c1;
    position: relative;
    top: 7px;
}
.mastermind-1 .r1 .mm-query{
    top: 16px;
    right: 44px;
}
.mastermind-1 .r1 .blue-btn{
    float: right;
}
.mastermind-1 .r2{
	height: 232px;
    
	padding: 0px 60px 0 60px;
    position: relative;
}
.mastermind-1 .r2 .tr1{
    text-align: right;
    -webkit-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
    padding-top: 15px;
}
.mastermind-1 .r2 .tr1 span{}
.mastermind-1 .r2 .tr2{
    text-align: right;
    -webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
    padding-top: 13px;
}
.mastermind-1 .r2 .tr2 span{}
.mastermind-1 .r2 .tr1 span,
.mastermind-1 .r2 .tr2 span{}
.mastermind-1 .r2 .mm-query{
    top: -32px;
    left: 48px;
    -webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
    z-index: 5;
}
.mastermind-1 .r2 .red-btn{
    background-size: 100% 68px;
    width: 252px;
    font-size: 22px;
    line-height: 66px;
    height: 70px;
    position: relative;
    top: -31px;
    -webkit-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg);
    left: 1px;
}

.mastermind-2{
    background: url(../images/modal-bg.png) no-repeat 50% 0;
    width: 815px;
    height: 570px;
    margin: 0 auto 20px;
    padding: 50px 120px 60px;
    background-size: 730px 570px;
}
.mastermind-2 h3{
	color: #ffcb10;
    font-size: 42px;
    text-shadow: 0px 0px 5px #0F0F0F;
    line-height: normal;
    display:block;
    text-align:center;
}
.mastermind-2 ul{}
.mastermind-2 ul li{
    display: block;
    list-style: none;
}
.mastermind-2 ul li strong{
    font-size: 21px;
    color: #fff3ce;
    display: inline-block;
    width: 114px;
    height: 48px;
    background: url(../images/mm2-attempt-bg.png) no-repeat 0 0;
    text-align: center;
    line-height: 47px;
    font-weight: normal;
    text-shadow: 1px 1px #171717;
}
.mastermind-2 ul li span{
    font-size: 33px;
    color: #31410e;
}
.mastermind-2 .bet-input{
    text-align: center;
}
.mastermind-2 .btn-back{position:relative;top:80px; margin-bottom:20px;display: inline-block;}
.mastermind-2 .bet-input .wooden-input{
    width: 330px;
    height: 70px;
    background: url(../images/mm2-big-input.png) no-repeat 50% 50%;
    font-size: 25px;
    border: 0;
	text-indent: 20px;
    display: inline-block;
}
.mastermind-2 .bet-input .red-btn{
    color: #ffe82d;
    font-size: 48px;
    background-size: 100% 100%;
    width: 180px;
    height: 80px;
    float: none;
    position: relative;
    display: inline-block;
    top: 7px;
}


.mastermind-3{
    background: url(../images/modal-bg.png) no-repeat 50% 0;
    width: 815px;
    height: 570px;
    margin: 0 auto 20px;
    padding: 50px 81px 60px 80px;
	background-size: 730px 570px;
}
.mastermind-3 .c1{
    width: 264px;
    float: left;
    text-align: center;
    padding-top: 43px;
    position: relative;
    left: 10px;
}
.mastermind-3 .c1 input.wooden-input{
width: 214px;
height: 55px;
background: url(../images/mm2-big-input.png) no-repeat 50% 50%;
font-size: 25px;
	background-size: 100% 54px;
border: 0;
text-indent: 20px;
display: inline-block;
}
.mastermind-3 .c1 .red-btn{
    float: none;
    display: inline-block;
}
.mastermind-3 .c2 {
	width: 389px;
	background: url(../images/mm3-table-bg.png) no-repeat 0 0;
	float: right;
	text-align: center;
	margin-top: 16px;
	background-size: 100%;
}
.mastermind-3 .c2 table{
	width: 321px;
	margin-left: 19px;
}
.mastermind-3 .c2 table tr{}
.mastermind-3 .c2 table tr th{
    text-align: center;
    color: #86450e;
    font-size: 25px;
}
.mastermind-3 .c2 table tr td{}
.mastermind-3 .btn-green-small{
	position: relative;
	top: 29px;
	left: 29px;
}



.modal.buyboat-modal{}
.modal.buyboat-modal .modal-dialog{
    width: 954px;
}
.modal.buyboat-modal .modal-dialog .modal-content{
    background: transparent;
    border: 0;
    box-shadow: 0 0;
}
.modal.buyboat-modal .bb-modal-box{}
.modal.buyboat-modal .bb-modal-box .bb-modal-top{
    background: url(../images/buyboat-modal-top.png) 50% top no-repeat;
    padding-top: 68px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-bottom{
    background: url(../images/buyboat-modal-bottom.png) 50% bottom no-repeat;
    padding-bottom: 88px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat{
    background: url(../images/buyboat-modal-repeat.png) 50% top repeat-y;
    padding: 10px 60px 10px 64px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r1{
    font-size: 25px;
    text-align: center;
    color: #1a1007;
    position: relative;
    top: -11px;
    margin: 10px 0;
    background: url(../images/buyboat-modal-repeat-roap.png) repeat-x left bottom;
    padding-bottom: 20px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2{}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each{
    background: url(../images/buyboat-modal-repeat-roap.png) repeat-x left bottom;
    padding: 10px 0 29px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c1{
    float: left;
    text-align: center;
    width: 23%;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c1 img{
    max-width: 170px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c2{
    float: left;
    width: 35%;
    padding-left: 11px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c2 h3{}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c2 .pearl{
    background: url(../images/buy-pearl.png) no-repeat 2px -6px;
    font-size: 18px;
    padding: 2px 0 0 36px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c2 .fish{
    background: url(../images/buy-fish.png) no-repeat 0 -3px;
    font-size: 18px;
    padding: 2px 0 0 36px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c3{
    float: left;
    width: 35%;
    text-align: center;
    padding-top: 23px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c3 input.wooden-bg{
    background: url(../images/mm2-big-input.png) no-repeat 50% 50%;
    border: 0;
    width: 200px;
    height: 42px;
    background-size: 100% 100%;
    text-indent: 15px;
    font-size: 17px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r2 .each .c3 .red-btn{
    float: none;
    display: inline-block;
    background-size: 100% 100%;
    width: 150px;
    height: 50px;
    line-height: 50px;
    margin-top: 5px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r3 .c4{
    float: right;
    width: 20%;
    text-align: center;
    padding-top: 0;
    
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r3 .c4 strong{
    font-weight: normal;
    font-size: 24px;
    color: #331707;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r3 .c4 .pearl{
    background: url(../images/buy-pearl.png) no-repeat 0 -4px;
    color: #bd0000;
    font-size: 24px;
    display: inline-block;
    padding-left: 29px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r3{
    text-align: center;
    position: relative;
    top: 0;
    background: url(../images/buyboat-modal-repeat-roap.png) repeat-x left bottom;
    text-align: center;
    padding-bottom: 26px;
}
.modal.buyboat-modal .bb-modal-box .bb-modal-repeat .r3 .green-btn{
    display: inline-block;
    width: 320px;
    height: 65px;
    background-size: 100% 100%;
    line-height: 65px;
    font-size: 37px;
    color: #fff;
    text-align: center;
    margin-left: 109px;
}
.buy-each .r1 img {
}
.buy-each .r1 #type1 {
	width: 66%;
	margin-left: 23px;
	margin-top: 12px;
}
.buy-each .r1 #type2 {
	margin-top: 11px;
	margin-left: 23px;
	width: 121px;
}
.buy-each .r1 #type3 {
	width: 115px;
	margin-left: 20px;
	margin-top: 5px;
}
.buy-each .r1 #type4 {
	margin-top: -15px;
	margin-left: 21px;
}




.modal.transfer-modal{position: absolute;}
.modal.transfer-modal .modal-backdrop{opacity: 0;}
.modal.transfer-modal .modal-dialog{
    width: 477px;
	height: 248px;
	
    margin-top: 268px;
}
.modal.transfer-modal .modal-dialog .modal-content{
    background:url(../images/modal-bg-medium.png) no-repeat 50% 0;
    border: 0;
	text-align: center;
    box-shadow: 0 0;
    padding: 32px 55px;
    height: 252px;
    position: relative;
    left: 140px;
}
.modal.transfer-modal h3{
    color: #1a1007;
    font-size: 41px;
}
.modal.transfer-modal p{
    font-size: 18px;
}
.modal.transfer-modal .red-btn{float: none;display: inline-block;background-size: 100% 100%;width: 125px;height: 48px;line-height: 48px;}
.modal.transfer-modal .wooden-input{
    width: 196px;
    height: 40px;
    background: url(../images/mm2-big-input.png) no-repeat 50% 50%;
    font-size: 25px;
    border: 0;
	text-indent: 20px;
    display: inline-block;
    background-size: 100% 100%;
}
.tbl_container {
	overflow: auto;
	height: 150px;
}
.c2 tbody {
	overflow-x: hidden;
}
.talbe-container   {
	height: 350px;
	overflow-x: hidden;
	width: 351px;
	margin-left: 20px;
}
.r2 .each .number-boat {
	width: 114px;
	height: 44px;
	background-image: url(../images/home-assets/drop-input.png);
	border-style: none;
}
.r2 .each .sellect {
	background-image: url(../images/home-assets/drop-arrow.png);
	width: 110px;
	background-repeat: no-repeat;
	background-position: 20% 0%;
	z-index: 9999;
	height: 110px;
	color: rgba(255,255,255,0.00);
	margin-left: -19px;
	margin-top: 47px;
}
.selectParent{
	width: 120px;
	min-height: 45px;
	/* overflow-x: hidden; */
	background-image: url(../images/home-assets/drop-input.png);
	background-repeat: no-repeat;
	background-position: 10% 0%;
	/* overflow-y: auto; */
	display: inline-block;
}

.selectParent select{
	width: 120px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 12px;
	padding-right: 16px;
	padding-left: 20px;
	padding-bottom: 12px;
	border: none;
	background: transparent url(../images/home-assets/drop-arrow.png) no-repeat 90px center;
}


.profile-modal.modal .prof-box.prof-box-r1{margin-top: -10px;}
.profile-modal.modal .prof-box h3{color: #1a1007; font-size: 30px;background: url(../images/buyboat-modal-repeat-roap.png) repeat-x left bottom;margin: 0 0 14px;text-align: center;padding-bottom: 15px;}
.profile-modal.modal .prof-box.prof-box-r1 h3 img{}
.profile-modal.modal .prof-box ul{background: url(../images/buyboat-modal-repeat-roap.png) repeat-x left bottom;padding-bottom: 30px;margin-bottom: 0;}
.profile-modal.modal .prof-box.prof-box-r2 ul{background: none;padding-bottom: 5px;}
.profile-modal.modal .prof-box ul li{list-style: none; display: block;padding: 1px 0;line-height: normal;}
.profile-modal.modal .prof-box ul li.gap{
    height: 12px;
}
.profile-modal.modal .prof-box ul li a{color: #824e21;text-decoration: underline;}
.profile-modal.modal .prof-box ul li .c1{color: #1a1007; font-size: 23px; text-align: right;display: inline-block;width: 51%;padding: 0 15px 0 0;}
.profile-modal.modal .prof-box.prof-box-r1 ul li .c2{padding-left: 25px;}
.profile-modal.modal .prof-box ul li .c2{color: #824e21; font-size: 23px;display: inline-block;width: 47%;}
.profile-modal.modal .prof-box.prof-box-r2 ul li .c2{
    background: url(../images/pearl-shin-icon.png) no-repeat 0 -4px;
    padding-left: 42px;
}
.modal.buyboat-modal.profile-modal .modal-dialog{
    width: 840px;
}
.profile-modal.modal .bb-modal-box .bb-modal-top{background-size: 100% 68px;}
.profile-modal.modal .bb-modal-box .bb-modal-bottom{background-size: 100% 89px;padding-bottom: 70px;}
.profile-modal.modal .bb-modal-box .bb-modal-repeat{background-size: 100% auto;}

.affiliate-page{
    width: 1045px;
    margin: 0 auto 25px;
    text-align: center;
}
.affiliate-page .affiliate-top{
    background: url(../images/affl-top.png) no-repeat 2px 0;
}
.affiliate-page .affiliate-bottom{
    background: url(../images/affl-bottom.png) no-repeat 1px bottom;
    padding-bottom: 122px;
}
.affiliate-page .affiliate-repeat{
    background: url(../images/affl-repeat.png) repeat-y 50% 0;
}
.affiliate-page h1{
    padding: 65px 0 11px;
    margin: 0;
    font-size: 60px;
    color: #694418;
}
.affiliate-page p{
    color: #3e3c39;
    font-size: 20px;
}
.affiliate-page .aff-each{
    padding: 35px 0 10px;
}
.affiliate-page .aff-each img{}
.affiliate-page .aff-each h3{
    font-size: 25px;
    color: #5d280c;
}
.affiliate-page .aff-each textarea.ad-input{
    width: 602px;
    height: 85px;
    background: url(../images/textinput-affiliate.png) no-repeat 50% 50%;
    border: 0;
    padding: 10px 18px;
    color: #fff;
    font-size: 14px;
}
.affiliate-page .aff-statistics{
    color: #785122;
}
.affiliate-page .aff-statistics h3{
    font-size: 22px;
}
.affiliate-page .aff-statistics table{
    width: 460px;
    margin: auto;
}
.affiliate-page .aff-statistics table tr{}
.affiliate-page .aff-statistics table tr th{
    background-color: #9d7f5c;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    padding: 5px;
}
.affiliate-page .aff-statistics table tr td{
    background-color: #D0B596;
    padding: 4px;
}
.affiliate-page .aff-statistics .no-referel{
    font-size: 14px;
    display: inline-block;
    padding: 10px 0 0;
}