/* ** Reset CSS by fomi4 ** */
/* HTML elements */
* {margin:0;padding:0;}
html, body{margin:0;padding:0;color:#151805;}
h1, h2, h3, h4, h5, h6{font-weight:normal;margin:0;line-height:1em;clear:both;}
h1,h6{font-size:30px;margin-bottom: 17px;}
h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}
h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
h4{font-size:1.25em;margin-bottom:.6em;}
h5{font-size:1em;margin-bottom:.5em;font-weight:bold;}
p, ul, ol, dl, form, pre, .info{display:block;line-height:22px;margin:0 0 19px 0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
ul, ol, dl{padding:0;}
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
li{margin:0 0 0 2em;padding:0 0 9px 0;display:list-item;list-style-position:outside;}
.info, dd{padding:0 0 0 2em;border-left:1px solid #ECE9E4;}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{overflow:auto;}
abbr, acronym{text-transform:uppercase;border-bottom:1px dotted #000;letter-spacing:1px;}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}
img, fieldset{border:0;}
fieldset legend{font-weight:bold;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0 0 1.5em 0;padding:0;}
table{width:100%;border-collapse:collapse;}
th,caption{text-align:left;}
th, td{padding:8px;}
th{background:#eee;}
.horList li {float:left;}
/* // HTML elements */
.nl,.nl li {
margin:0;
padding:0;
list-style:none;
}
img,a {border:0;}
a {
color:#bd4932;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cr {clear:right;}
.cl {clear:left;}
:focus {outline:0;}
@font-face {
font-family: 'CoolveticaRgRegular';
src: url('font/coolvetica_rg-webfont.eot');
src: url('font/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('font/coolvetica_rg-webfont.woff') format('woff'),
url('font/coolvetica_rg-webfont.ttf') format('truetype'),
url('font/coolvetica_rg-webfont.svg#CoolveticaRgRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntonRegular';
src: url('font/anton-webfont.eot');
src: url('font/anton-webfont.eot?#iefix') format('embedded-opentype'),
url('font/anton-webfont.woff') format('woff'),
url('font/anton-webfont.ttf') format('truetype'),
url('font/anton-webfont.svg#AntonRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SpicyRiceRegular';
src: url('font/spicyrice-regular-webfont.eot');
src: url('font/spicyrice-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/spicyrice-regular-webfont.woff') format('woff'),
url('font/spicyrice-regular-webfont.ttf') format('truetype'),
url('font/spicyrice-regular-webfont.svg#SpicyRiceRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSansRegular';
src: url('font/droidsans-webfont.eot');
src: url('font/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
url('font/droidsans-webfont.woff') format('woff'),
url('font/droidsans-webfont.ttf') format('truetype'),
url('font/droidsans-webfont.svg#DroidSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSansBold';
src: url('font/droidsans-bold-webfont.eot');
src: url('font/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/droidsans-bold-webfont.woff') format('woff'),
url('font/droidsans-bold-webfont.ttf') format('truetype'),
url('font/droidsans-bold-webfont.svg#DroidSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
/* ** //Reset CSS by fomi4 ** */
body {background:url("i/bg_body.gif") #fff repeat-x 0 0;}
#bg_b {background:url("i/bg_body.png") repeat-x 0 0;}
.generalWrap {
width:810px;
margin:0 auto;
clear:both;
}
.contCol {
width:810px;
float:left;
}
/*header*/
.siteHeader {
float: left;
width: 100%;
height: 51px;
background: url(i/bg_head.gif) repeat-x;
}
.mainLogo {
color: #32312C;
display: block;
float: left;
font: 28px/35px "CoolveticaRgRegular";
letter-spacing: 1px;
margin: 4px 0 0 29px;
padding-left: 46px;
text-decoration: none;
background: url(i/logo.png) no-repeat 0 0;
height: 40px;
}
.mainLogo:hover {
text-decoration: none;
}
.like {
background: url(i/bg_like.png) no-repeat;
width: 132px;
height: 51px;
margin: 0 20px 0 0;
}
.like a {
background: url(i/like.png) no-repeat;
display: block;
font: 17px/21px "DroidSansRegular";
color: #fff;
float: left;
margin: 15px 0 0 27px;
padding: 0 0 0 27px;
}
.like a:hover {text-decoration: none;}
.siteCol {
}
.siteCol .contCol {
position: relative;
margin: 30px 0 0 0;
padding: 72px 0 19px;
background: url(i/bg_title_cont.png) no-repeat center 0;
}
.contCol .title {
padding: 44px 0 15px 0;
position: relative;
text-align: center;
}
.contCol .title span {
color: #969481;
font: 48px/53px "SpicyRiceRegular";
}
.contCol p {
font: 22px/26px "DroidSansRegular";
color: #002f2f;
padding: 0 15px;
text-align: center;
}
.contCol p a {
font-family: "DroidSansBold";
text-align: center;
}
.face {
float: left;
width: 100%;
text-align: center;
}
.face ul {
display: table;
width: auto;
margin: 0 auto;
}
* html .face span {
display: inline-block;
}
*:first-child+html .face span {
display: inline-block;
}
.face li {
text-align: center;
position: relative;
margin: 0 18px 0 0;
width: 222px;
background: url(i/bg_img.png) no-repeat;
height: 252px;
}
.face li div {
background: url(i/face1.jpg) no-repeat 0 0;
width: 200px;
height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
margin: 11px;
behavior: url(js/PIE.htc);
position: relative;
float: left;
}
.face li span {
background: url(i/bg_img_title.png) no-repeat 0 0;
width: 221px;
height: 63px;
position: absolute;
display: block;
left: 0;
bottom: 0;
font: 22px/29px "DroidSansBold";
color: #fff;
padding: 46px 0 0 0;
text-align: center;
}
.face li .i1 {
background: url(i/face1.jpg) no-repeat 0 0;
}
.face li .i2 {
background: url(i/face2.jpg) no-repeat 0 0;
}
.face li .i3 {
background: url(i/face3.jpg) no-repeat 0 0;
}
.face li div img {
width: 200px;
height: 200px;
opacity:0;
filter:alpha(opacity=0);
}
/*footer*/
.siteFooter {
background: url(i/bg_footer.png) repeat;
float: left;
width: 100%;
overflow: hidden;
}
.siteFooter .left_f {
background: url(i/bg_footer_left.png) no-repeat 0 0;
height: 143px;
width: 388px;
float: left;
color: #ffffff;
font-family: "AntonRegular";
font-size: 63px;
padding: 15px 0 0 20px;
text-transform: uppercase;
}
.siteFooter .left_f span {
font-size: 43px;
line-height: 43px;
}
.siteFooter .left_f .fl div.fl {
padding-top: 14px;
line-height: 57px;
}
.siteFooter .left_f .sign {
font-size: 120px;
line-height: 120px;
float: left;
margin: 0 0 0 3px;
}
.siteFooter .right_f {
color: #32312C;
float: left;
font-family: "DroidSansRegular";
margin: 15px 0 0 26px;
width: 365px;
}
.siteFooter .right_f ul {
float: left;
margin: 0 0 7px;
width: 100%;
}
.siteFooter .right_f li {
font-size: 18px;
background: url(i/lish.png) no-repeat 0 4px;
padding-left: 21px;
margin-bottom: 6px;
}
.siteFooter .right_f p {
margin: 0;
font-size: 16px;
line-height: 18px;
clear: both;
}
/*plugin*/
.plugin {
width: 770px;
margin: 0 auto;
position: relative;
clear: both;
}