html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align:baseline;
font-size:100%;
outline:0;
padding:0;
margin:0;
border:0;
line-height:1.6;
}
h1 {font-size:20px;font-weight:400;}
h2 {font-size:15px;font-weight:400;}
a {text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#FFAEC7;}
@media screen and (max-width: 1200px)
{
h1 {font-size:20px;font-weight:400;}
h2 {font-size:13px;font-weight:400;}
a {text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#fff;}
}
/* BODY */
#bg {font-weight:400;font-size:15px;font-family:'Open Sans';line-height:1.6;color:#000;background:#fff;background-size:100%;margin:0 auto;padding:0;}
@media screen and (max-width: 1200px)
{
#bg {font-weight:400;font-size:15px;font-family:'Open Sans';line-height:1.6;color:#000;background:#fff;background-size:100%;margin:0 auto;padding:0;}
}
/* ================================================== */
/* LOGO */
#bglogo {width:100%;margin:0 auto;padding:20px 0;}
#wraplogo {width:1200px;margin:0 auto;padding:0;}
#logo {margin:0;text-align:center;font-size:40px;font-family:Anton;vertical-align:middle;}
#logo a {color:#333;}
@media screen and (max-width: 1200px)
{
#bglogo {width:94%;margin:0 auto;padding:3%;}
#wraplogo {width:100%;margin:0 auto;padding:0;}
#logo {margin:0;text-align:left;font-size:40px;font-family:Anton;}
#logo a {color:#333;}
#logo img {width:15%;height:auto;margin:0 auto;}
}
/* ================================================== */
/* MENU */
#bgmenu {width:100%;margin:0 auto 20px;padding:0;border-top:1px solid #EEEEEE;background:#FBFBFB;}
#menu {width:1200px;height:auto;margin:0 auto;padding:0;}
@media screen and (max-width: 1200px)
{
#bgmenu {width:100%;margin:0 auto;padding:0;border-top:1px solid #333;background:#FFAEC7;}
#menu {width:100%;height:auto;margin:0 auto;padding:0;}
}
/* ================================================== */
/* SLIDESHOW */
#bghead {width:100%;margin:0 auto;padding:0;}
#wraphead {width:1200px;margin:0 auto;padding:0;}
#head {width:100%;margin:0 auto;padding:0;}
#headleft {width:800px;float:left;margin:0 auto;box-shadow:0px 6px 30px rgba(0,0,0,0.1);}
#slideshow {width:100%;margin:0 auto;padding:0;}
#slideshowcat {position:absolute;width:700px;height:auto;top:370px;left:50px;padding:0;line-height:36px;font-size:20px;text-align:center;letter-spacing:2px;}
#slideshowcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
#slideshowcat span:hover {background:#FF94B5;color:#fff;}
#slideshowtitle {position:absolute;width:700px;height:auto;top:400px;left:50px;padding:5px;line-height:60px;font-weight:700;font-size:40px;color:#FFF;text-shadow:0 1px 1px #000;text-align:center;}
#headright {width:390px;float:left;margin-left:10px;}
#recommended {width:100%;margin:0 auto;padding;0;}
@media screen and (max-width: 1200px)
{
#bghead {width:100%;margin:0 auto;padding:0;}
#wraphead {width:100%;margin:0 auto;padding:0;}
#head {width:100%;margin:0 auto;padding:0;}
#headleft {width:100%;float:left;margin:0 auto;box-shadow:0px 6px 30px rgba(0,0,0,0.1);}
#slideshow {width:100%;margin:0 auto;padding:0;}
#slideshowcat {position:absolute;width:700px;height:auto;top:370px;left:50px;padding:0;line-height:36px;font-size:20px;text-align:center;letter-spacing:2px;}
#slideshowcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
#slideshowcat span:hover {background:#FF94B5;color:#fff;}
#slideshowtitle {position:absolute;width:700px;height:auto;top:400px;left:50px;padding:5px;line-height:60px;font-weight:700;font-size:40px;color:#FFF;text-shadow:0 1px 1px #000;text-align:center;}
#headright {width:100%;float:left;margin-left:0;}
#recommended {width:100%;margin:0 auto;padding;0;}
}
/* ================================================== */
/* BLOG RECOMMENDED */
#bgblogrec {width:100%;margin:0 auto;padding:0;}
#blogrec {width:390px;height:auto;float:left;margin:0 auto;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
.blogrecimg {width:390px;height:293px;overflow:hidden}
.blogrecimg img {width:390px;height:293px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogrecimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogrecbox {height:267px;margin:0 auto;padding:20px;}
.blogreccat {text-align:right;margin-bottom:20px;}
.blogreccat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogreccat span:hover {background:#FF94B5;color:#fff;}
.blogrectitle {font-weight:400;font-size:25px;font-family:'Open Sans';margin-bottom:5px;}
.blogrectitle a {color:#000;}
.blogrectitle a:hover {color:#C00;}
.blogrecdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;margin-bottom:20px;}
.blogrecsdesc {font-weight:400;font-size:15px;font-family:'Open Sans';line-height:1.6;color:#666;}
@media screen and (max-width: 1200px)
{
#bgblogrec {width:100%;margin:0 auto;padding:0;}
#blogrec {width:100%;height:auto;float:left;margin:0 auto;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
.blogrecimg {width:100%;height:auto;overflow:hidden}
.blogrecimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogrecimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogrecbox {height:90%;margin:0 auto;padding:5%;}
.blogreccat {text-align:right;margin-bottom:20px;}
.blogreccat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogreccat span:hover {background:#FF94B5;color:#fff;}
.blogrectitle {font-weight:400;font-size:25px;font-family:'Open Sans';margin-bottom:5px;}
.blogrectitle a {color:#000;}
.blogrectitle a:hover {color:#C00;}
.blogrecdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;margin-bottom:20px;}
.blogrecsdesc {font-weight:400;font-size:15px;font-family:'Open Sans';line-height:1.6;color:#666;}
}
/* ================================================== */
/* BLOG HOME */
#bgblog {width:100%;margin:0 auto;padding:50px 0;}
#wrapblog {width:1200px;margin:0 auto;padding:0;}
#headblog {font-weight:700;font-size:20px;font-family:'Open Sans';padding:10px;margin:0;text-align:center;background:#fff;border-top:2px solid #FFAEC7;}
#blog {width:390px;height:auto;float:left;margin:0 5px 10px;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
.blogimg {width:390px;height:293px;overflow:hidden}
.blogimg img {width:390px;height:293px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogbox {width:90%;height:250px;margin:0 auto;padding:5%;}
.blogcat {text-align:right;margin-bottom:20px;}
.blogcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogcat span:hover {background:#FF94B5;color:#fff;}
.blogtitle {font-weight:400;font-size:20px;font-family:'Open Sans';margin-bottom:5px;}
.blogtitle a {color:#000;}
.blogtitle a:hover {color:#C00;}
.blogdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;margin-bottom:20px;}
.blogsdesc {font-weight:400;font-size:15px;font-family:'Open Sans';line-height:1.6;color:#666;}
#nodata {width:100%;margin:0 auto;padding:50px 0;text-align:center;font-size:15px;}
@media screen and (max-width: 1200px)
{
#bgblog {width:100%;margin:0 auto;padding:5% 0;}
#wrapblog {width:100%;margin:0 auto;padding:0;}
#headblog {font-weight:700;font-size:20px;font-family:'Open Sans';padding:10px;margin:0;text-align:center;background:#fff;border-top:2px solid #FFAEC7;}
#blog {width:100%;height:auto;float:left;margin:0;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
.blogimg {width:100%;height:auto;overflow:hidden}
.blogimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogbox {width:90%;height:auto;margin:0 auto;padding:5%;}
.blogcat {text-align:right;margin-bottom:20px;}
.blogcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogcat span:hover {background:#FF94B5;color:#fff;}
.blogtitle {font-weight:400;font-size:20px;font-family:'Open Sans';margin-bottom:5px;}
.blogtitle a {color:#000;}
.blogtitle a:hover {color:#C00;}
.blogdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;margin-bottom:20px;}
.blogsdesc {font-weight:400;font-size:15px;font-family:'Open Sans';line-height:1.6;color:#666;}
#nodata {width:100%;margin:0 auto;padding:50px 0;text-align:center;font-size:15px;}
}
/* ================================================== */
/* BLOG BOTTOM */
#bgblogbottom {width:100%;margin:0 auto;padding:50px 0;background:#fcfcfc;}
#wrapblogbottom {width:1200px;margin:0 auto;padding:0;}
#headblogbottom {font-weight:700;font-size:20px;font-family:'Open Sans';padding:10px;margin:0;text-align:center;background:#fff;border-top:3px solid #FFAEC7;}
#blogbottomleft {width:590px;float:left;margin-right:20px;}
#blogbottomright {width:590px;float:left;}
#blogbottombox {width:590px;height:auto;float:left;margin-bottom:20px;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
#blogbottomboxleft {width:200px;float:left;}
.blogbottomboximg {width:200px;height:150px;overflow:hidden;}
.blogbottomboximg img {width:200px;height:150px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogbottomboximg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogbottomboxright {width:370px;float:left;padding:10px;}
.blogbottomboxrightcat {text-align:left;margin-bottom:10px;}
.blogbottomboxrightcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogbottomboxrightcat span:hover {background:#FF94B5;color:#fff;}
.blogbottomboxrighttitle {font-weight:400;font-size:18px;font-family:'Open Sans';margin-bottom:5px;}
.blogbottomboxrighttitle a {color:#000;}
.blogbottomboxrighttitle a:hover {color:#C00;}
.blogbottomboxrightdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;}
@media screen and (max-width: 1200px)
{
#bgblogbottom {width:100%;margin:0 auto;padding:5% 0 0;background:#fcfcfc;}
#wrapblogbottom {width:100%;margin:0 auto;padding:0;}
#headblogbottom {font-weight:700;font-size:20px;font-family:'Open Sans';padding:10px;margin:0;text-align:center;background:#fff;border-top:3px solid #FFAEC7;}
#blogbottomleft {width:100%;float:left;margin-right:20px;}
#blogbottomright {width:100%;float:left;}
#blogbottombox {width:100%;height:auto;float:left;margin-bottom:0;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
#blogbottomboxleft {width:100%;float:left;}
.blogbottomboximg {width:100%;height:200px;overflow:hidden;}
.blogbottomboximg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogbottomboximg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogbottomboxright {width:90%;float:left;padding:5%;}
.blogbottomboxrightcat {text-align:left;margin-bottom:10px;}
.blogbottomboxrightcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogbottomboxrightcat span:hover {background:#FF94B5;color:#fff;}
.blogbottomboxrighttitle {font-weight:400;font-size:18px;font-family:'Open Sans';margin-bottom:5px;}
.blogbottomboxrighttitle a {color:#000;}
.blogbottomboxrighttitle a:hover {color:#C00;}
.blogbottomboxrightdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;}
}
/* ================================================== */
/* CONTENT PAGE */
#bgblogpagedetails {width:100%;margin:0 auto;padding:10px 0 50px;}
#wrapblogpagedetails {width:1200px;margin:0 auto;padding:0;}
#blogpagedetails {margin:0 auto;padding:0;}
#blogpagedetailsleft {width:800px;float:left;margin-right:10px;}
#blogpagedetailsright {width:390px;float:left;}
@media screen and (max-width: 1200px)
{
#bgblogpagedetails {width:100%;margin:0 auto;padding:5% 0;}
#wrapblogpagedetails {width:100%;margin:0 auto;padding:0;}
#blogpagedetails {margin:0 auto;padding:0;}
#blogpagedetailsleft {width:100%;float:left;margin-right:0;}
#blogpagedetailsright {width:100%;float:left;}
}
/* ================================================== */
/* BLOG DETAILS */
#bgblogdetails {margin:0 auto;padding:0;}
#wrapblogdetails {margin:0 auto;padding:0;}
#blogdetails {margin:0 auto;}
.blogdetailscat {text-align:left;margin-bottom:20px;}
.blogdetailscat span {font-size:15px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogdetailscat span:hover {background:#FF94B5;color:#fff;}
.blogdetailstitle {margin-bottom:5px;}
.blogdetailstitle h1 {font-weight:400;font-size:30px;}
.blogdetailsdate {margin-bottom:20px;padding:0;color:#999;}
.blogdetailssosmed {margin-bottom:20px;padding:0;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px 0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdesc {margin:0 auto;padding:0;}
.blogdetailsdesc h2 {font-weight:400;font-size:15px;font-family:'Open Sans';padding:10px 20px;}
.blogdetailsdesc ul li {margin-left:20px;padding:0;}
@media screen and (max-width: 1200px)
{
#bgblogdetails {margin:0 auto;padding:0;}
#wrapblogdetails {margin:0 auto;padding:0;}
#blogdetails {margin:0 auto;}
.blogdetailscat {text-align:left;margin-bottom:20px;}
.blogdetailscat span {font-size:15px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.blogdetailscat span:hover {background:#FF94B5;color:#fff;}
.blogdetailstitle {margin-bottom:5px;padding:0 5%;}
.blogdetailstitle h1 {font-weight:400;font-size:30px;}
.blogdetailsdate {margin-bottom:20px;padding:0;color:#999;padding:0 5%;}
.blogdetailssosmed {margin-bottom:20px;padding:0;padding:0 5%;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px 0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdesc {margin:0 auto;padding:0 5%;}
.blogdetailsdesc h2 {font-weight:400;font-size:15px;font-family:'Open Sans';padding:0;}
.blogdetailsdesc ul li {margin-left:20px;padding:0;}
}
/* ================================================== */
/* BLOG LIST */
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#wrapbloglist {width:100%;margin:0 auto;padding:0;}
#headbloglist {font-weight:700;font-size:20px;font-family:'Open Sans';padding:10px;margin:0;text-align:center;background:#fff;border-top:3px solid #FFAEC7;}
#bloglistbox {width:390px;height:auto;float:left;margin-bottom:20px;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
#bloglistboxleft {width:390px;float:left;}
.bloglistboximg {width:390px;height:150px;overflow:hidden;}
.bloglistboximg img {width:390px;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bloglistboximg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bloglistboxright {width:370px;float:left;padding:10px;}
.bloglistboxrightcat {text-align:left;margin-bottom:10px;}
.bloglistboxrightcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.bloglistboxrightcat span:hover {background:#FF94B5;color:#fff;}
.bloglistboxrighttitle {font-weight:400;font-size:18px;font-family:'Open Sans';margin-bottom:5px;}
.bloglistboxrighttitle a {color:#000;}
.bloglistboxrighttitle a:hover {color:#C00;}
.bloglistboxrightdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;}
@media screen and (max-width: 1200px)
{
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#wrapbloglist {width:100%;margin:0 auto;padding:0;}
#headbloglist {font-weight:700;font-size:20px;font-family:'Open Sans';padding:10px;margin:0;text-align:center;background:#fff;border-top:3px solid #FFAEC7;}
#bloglistbox {width:100%;height:auto;float:left;margin-bottom:0;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
#bloglistboxleft {width:100%;float:left;}
.bloglistboximg {width:100%;height:200px;overflow:hidden;}
.bloglistboximg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bloglistboximg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bloglistboxright {width:90%;float:left;padding:5%;}
.bloglistboxrightcat {text-align:left;margin-bottom:10px;}
.bloglistboxrightcat span {font-size:13px;padding:3px 20px 5px;background:#FFAEC7;color:#fff;}
.bloglistboxrightcat span:hover {background:#FF94B5;color:#fff;}
.bloglistboxrighttitle {font-weight:400;font-size:18px;font-family:'Open Sans';margin-bottom:5px;}
.bloglistboxrighttitle a {color:#000;}
.bloglistboxrighttitle a:hover {color:#C00;}
.bloglistboxrightdate {font-weight:400;font-size:13px;font-family:'Open Sans';color:#999;}
}
/* ================================================== */
/* COMMENT FORM */
#bgcommentform {width:100%;margin:30px auto;padding:0;}
#headcommentform {font-weight:700;font-size:20px;font-family:'Open Sans';padding:5px 10px;margin:5px 0;background:#fff;border-top:1px solid #FFAEC7;border-bottom:1px solid #FFAEC7;}
#commentform {width:96%;margin:0 auto;padding:2%;background:#f9f9f9;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
.commentformdesc {width:100%;margin:10px auto;padding:0;clear:both;}
.commentformdesc textarea {width:98%;padding:1%;font-weight:400;font-size:15px;font-family:'Open Sans';border:none;background:#fff;}
.commentformname {width:100%;margin:10px auto;padding:0;clear:both;}
.commentformname input {width:98%;padding:1%;font-weight:400;font-size:15px;font-family:'Open Sans';border:none;background:#fff;}
.commentformemail {width:100%;margin:10px auto;padding:0;clear:both;}
.commentformemail input {width:98%;padding:1%;font-weight:400;font-size:15px;font-family:'Open Sans';border:none;background:#fff;}
@media screen and (max-width: 1200px)
{
#bgcommentform {width:100%;margin:5% auto;padding:0;}
#headcommentform {font-weight:700;font-size:20px;font-family:'Open Sans';padding:5px 0;margin:5px 0;background:#fff;border-top:1px solid #FFAEC7;border-bottom:1px solid #FFAEC7;}
#commentform {width:90%;margin:0 auto;padding:5%;background:#f9f9f9;}
.commentformdesc {width:100%;margin:2% auto;padding:0;clear:both;}
.commentformdesc textarea {width:94%;padding:3%;font-weight:400;font-size:15px;font-family:'Open Sans';border:none;background:#fff;}
.commentformname {width:100%;margin:2% auto;padding:0;clear:both;}
.commentformname input {width:94%;padding:3%;font-weight:400;font-size:15px;font-family:'Open Sans';border:none;background:#fff;}
.commentformemail {width:100%;margin:2% auto;padding:0;clear:both;}
.commentformemail input {width:94%;padding:3%;font-weight:400;font-size:15px;font-family:'Open Sans';border:none;background:#fff;}
}
/* ================================================== */
/* COMMENT LISTS */
#bgcommentlist {width:96%;margin:0 auto;padding:2%;background:#f9f9f9;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
#commentlist {width:96%;margin:1% auto;padding:2%;background:#fff;}
.commentlistdesc {font-size:15px;margin-bottom:10px;}
.commentlistname {font-size:13px;color:#999;text-align:right;}
@media screen and (max-width: 1200px)
{
#bgcommentlist {width:90%;margin:0 auto;padding:5%;background:#f9f9f9;box-shadow:0px 6px 30px rgba(0,0,0,.1);}
#commentlist {width:90%;margin:5% auto;padding:5%;background:#fff;}
.commentlistdesc {font-size:15px;margin-bottom:10px;}
.commentlistname {font-size:13px;color:#999;text-align:right;}
}
/* ================================================== */
/* FOOTER */
#bgfooter {width:100%;height:auto;margin:0 auto;padding:50px 0;font-size:13px;color:#333;border-top:1px solid #EEE;background:#F5F5F5;}
#footer {width:1200px;margin:0 auto;padding:10px 0;}
#footer1 {width:50%;float:left;text-align:left;}
#footer2 {width:50%;float:left;text-align:right;}
#footer2 a {color:#333;text-decoration:none;}
#footer2 a:hover {color:#C00;}
@media screen and (max-width: 1200px)
{
#bgfooter {width:100%;height:auto;margin:0 auto;padding:10px 0;font-size:13px;color:#fff;border-top:5px solid #FFAEC7;background:#333;}
#footer {width:96%;margin:0 auto;padding:10px 2%;}
#footer1 {width:100%;float:left;text-align:center;}
#footer2 {width:100%;float:left;text-align:center;}
#footer2 a {color:#fff;text-decoration:none;}
#footer2 a:hover {color:#C00;}
}
/* ================================================== */
#errorpage {margin:0 auto;padding:20px 0;text-align:center;}
.errorpagetitle {font-weight:400;font-size:30px;font-family:Anton;color:#FFAEC7;}
.errorpagedesc {color:#666;}
@media screen and (max-width: 1200px)
{
#errorpage {margin:0 auto;padding:20px 0;text-align:center;}
.errorpagetitle {font-weight:400;font-size:30px;font-family:Anton;color:#FFAEC7;}
.errorpagedesc {color:#666;}
}
/* BUTTON */
.buttonform {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008CBA), color-stop(1, #008CBA));
background:-moz-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:-webkit-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:-o-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:-ms-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:linear-gradient(to bottom, #008CBA 5%, #008CBA 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008CBA', endColorstr='#008CBA',GradientType=0);
background-color:#008CBA;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #545454;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:'Open Sans';
font-size:20px;
padding:10px 0;
width:100%;
text-decoration:none;
margin:10px 0 0;
}
.buttonform:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0079A0), color-stop(1, #0079A0));
background:-moz-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:-webkit-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:-o-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:-ms-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:linear-gradient(to bottom, #0079A0 5%, #0079A0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079A0', endColorstr='#0079A0',GradientType=0);
background-color:#0079A0;
}
.buttonform:active {
position:relative;
top:1px;
}
@media screen and (max-width: 1200px)
{
.buttonform {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008CBA), color-stop(1, #008CBA));
background:-moz-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:-webkit-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:-o-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:-ms-linear-gradient(top, #008CBA 5%, #008CBA 100%);
background:linear-gradient(to bottom, #008CBA 5%, #008CBA 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008CBA', endColorstr='#008CBA',GradientType=0);
background-color:#008CBA;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #545454;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:'Open Sans';
font-size:15px;
padding:2% 10%;
width:100%;
text-decoration:none;
margin:10px 0 0;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0079A0), color-stop(1, #0079A0));
background:-moz-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:-webkit-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:-o-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:-ms-linear-gradient(top, #0079A0 5%, #0079A0 100%);
background:linear-gradient(to bottom, #0079A0 5%, #0079A0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079A0', endColorstr='#0079A0',GradientType=0);
background-color:#0079A0;
}
.myButton:active {
position:relative;
top:1px;
}
}
/* ================================================== */