@charset "UTF-8";

/* **********************************************************************************************************************************************

	CUSTUM CSS BELOW

   ********************************************************************************************************************************************** */

/*--------------------------------------------------------------
タブボタン (“日本語はこちら”ボタン用)
--------------------------------------------------------------*/

.tab_btn_pink{
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}

.tab_btn_pink a{
	display:block;
	float:right;
	box-sizing:border-box;
	text-align:center;
	color:#f124ca;
	padding:16px 40px;
	border:solid 1px #FFA2EE;
	font-size:14px;
	font-weight:bold;
}

.tab_btn_pink a:hover{
	color:#f124ca;
}


.tab_btn_green {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

.tab_btn_green a {
    display: block;
    float: right;
    box-sizing: border-box;
    text-align: center;
    color: #4d9602;
    padding: 16px 40px;
    border: solid 1px #74b905;
    font-size: 14px;
    font-weight: bold;
}

/*--------------------------------------------------------------
Character Contest Page
--------------------------------------------------------------*/
.h2_orange{
	color:#FF9900;
	text-align:center;
	font-size:3.0em;
}


.wrap_character_1col{
	float:left;
	box-sizing:border-box;
	width:100%;
}

.wrap_character_7col{
	float:left;
	box-sizing:border-box;
	width:14%;
	border:solid 1px #CCC;
	margin:10px 0 0 0.28%;
}

.wrap_character_2col{
	box-sizing:border-box;
	float:left;
	width:49%;
	border:solid 2px #FF9900;
	margin:10px 0 0 1%;
}

.wrap_character_1col .info,
.wrap_character_2col .info{
	padding:2px 10px;
	background:#FF9900;
	color:#FFF;
	position:relative;
	text-align:center;
}

.wrap_character_1col .info span,
.wrap_character_2col .info span{
	font-size:2.4em;
	font-weight:bold;
}

.btn_vote a{
	font-weight:bold;
	color:#FFF;
	border:solid 2px #FFF;
	padding:6px 80px;
	background:#6CA7DD;
	border-radius:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

.btn_vote_l a{
	font-weight:bold;
	color:#FFF;
	border:solid 2px #FFF;
	padding:6px 40px;
	background:#6CA7DD;
	border-radius:34px;
	-moz-border-radius: 34px;
	-webkit-border-radius: 34px;
	-o-border-radius: 34px;
	-ms-border-radius: 34px;
	font-size:2.2em;
}


/* For SP */
@media screen and (max-width: 640px) {

.h2_orange{
	font-size:2.4em;
}

.wrap_character_7col{
	width:24%;
}

.wrap_character_1col,
.wrap_character_2col{
	width:98%;
}

.btn_vote_l a {
    padding: 6px 10px;
    font-size: 1.8em;
    display: block;
}

} /* @media */



.hentry blockquote{
	border:none!important;
	background:#ff6c00!important;
}



/* ---------------------------------------------------------------------------------------- Global Settings */

body {
	/*全体の基本フォントサイズ*/
	font-size:18px!important;
}

@media screen and (max-width: 800px) {

	/*スマホ表示時の左右スペース*/
	article{
		padding:15px;
	}

} /* @media */


h2.h2_red{
	font-size:1.4em;
	color:#FFF;
	background-color:rgba(238,41,7,1);
	line-height:1.0em;
	text-align:left;
	letter-spacing: 0px;
	padding:10px;
	margin:30px 0 5px 0;
	font-style:italic;
	text-transform: uppercase;	
}
@media screen and (max-width: 1000px) {
	h2.h2_red{ font-size:1.4em; }
} /* @media */

h1,h2,h3{
	margin-top:30px!important;
	font-weight:bold;
}

h1{font-size:32px;}

h2{font-size:26px;}

h3{font-size:20px; padding-bottom:8px; border-bottom:solid 1px #CCC;}



/* ---------------------------------------------------------------------------------------- Unite Gallery Plugin Style */

/*caption*/
.ug-tile .ug-textpanel-title{
	font-size:12px!important;
	font-weight:normal!important;
}



/* ---------------------------------------------------------------------------------------- SMA Result Page (from SMA6) */

.judge_box1{
	/*border:solid 2px #CCC;*/
	background:#437290;
	color:#FFF;
	padding:15px;
	margin:20px 0;
}

.judge_box1:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.judge_title{
	font-size:2.0em;
}

.judge_title span{
	font-weight:bold;
}

.judge_credit{
	margin-top:10px;
	font-size:0.8em;
	font-weight:normal;
}

.judge_credit span{
	font-weight:bold;
}

.judge_box1 .left{
	width:30%;
	float:left;
}

.judge_box1 .right{
	width:68%;
	float:right;
}





.wrap_sma_result{
	width:100%;
}

.wrap_sma_result img{
	width:100%;
}

.wrap_sma_result h2 img{
	margin-top:20px;
}

.wrap_sma_result a img{
	margin-top:10px;
}

.wrap_sma_result h2{
	margin:0!important;
}



.wrap_comment{
    background: #999;
    padding: 10px 20px 0 20px;
}

.wrap_comment p{
    margin:0;
    font-size:120%;
}

.wrap_comment .comment_head{
	font-weight:bold;
	color:#FFF;	
}

.wrap_comment .comment_body{
    font-style: italic;
	color:#FFF;
	padding-bottom:10px;    
}

@media screen and (max-width: 640px) {
	.wrap_comment p{
	    font-size:110%;
	    line-height:1.2em;
	}
} /* @media */




/* image list table　(Nominee / Candidate用) */

table.image_list{
	table-layout: fixed;
	border-collapse:collapse;
	border:solid 2px #f53d82;
	margin:0;
	padding:0;
	margin-bottom:30px;
}

table.image_list a{
	color:#f53d82;
}

table.image_list td{
	vertical-align: middle;
	border:none;
	border-bottom:solid 2px #f53d82;
	color:#f53d82;
}

table.image_list td.left{
	width:22%;
	height:100px;
	border-right:solid 1px #f53d82;
	position:relative;
	text-align:center;
    	overflow: hidden;
}

table.image_list td.left .num{
	position:absolute;
	top:0;
	left:0;
	background:#f53d82;
	color:#FFF;
	width:20px;
	height:20px;
}

table.image_list td.left img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 200px;
/* 両側をトリミングして中央にそろえる（スマホ対策） */
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: 0;
}

table.image_list td.center{
	width:60%;
}

table.image_list td.right{
	width:18%;
	background:#fdf3f3;
}

img.flag{
	width:40%;
	margin:10px auto;
}

p.country_name{
	font-size:0.8em;
}

span.title{
	font-size:150%;
	font-weight:bold;
	line-height:1.2em;
}

span.author{
	font-size:120%;
	font-weight:normal;
	font-style:italic;
}


@media screen and (max-width: 700px) {

	span.title{
		font-size:130%;
		line-height:1.0em;
	}

	span.author{
		font-size:100%;
	}
	
} /* @media */




/* Image List テーブル　青バージョン */

table.blue{
	border:solid 2px #23A0FF;
}

table.blue a{
	color:#46AEFD;
}

table.blue td{
	border-bottom:solid 2px #23A0FF;
}

table.blue td.left{
	border-right:solid 1px #23A0FF;
}

table.blue td.left .num{
	background:#23A0FF;
}

table.blue td.right{
	background:#EEF8FF;
}

table.blue p.country_name{
	color:#46AEFD;
}





/* ---------------------------------------------------------------------------------------- FACEBOOK COMMENT PLUGIN */

.fbcomment iframe{
	max-width:100%;
	overflow:hidden;
}

/* ---------------------------------------------------------------------------------------- OVERRIDE THEME CSS */


.row {
    margin-left: 0;
    margin-right: 0;
    padding:15px;
}

.page-wrap .content-wrapper,
.page .page-wrap .content-wrapper, 
.single .page-wrap .content-wrapper{
    padding: 0px;
}

.page-wrap {
    padding: 0 0 100px; */
}

/* ---------------------------------------------------------------------------------------- LEGACY PAGE CSS */

/* SMA Results Page */
.wrap_sma{
	width:100%;
}

.wrap_sma img{
	width:100%;
	margin-bottom:5px;
}

/* 3 column layout (the-editors page / movie archive page) */

.plList {
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}
.plList li{
	width:32.5%;
	float:left;
	margin:0 0 6px 0.5%;
}

/* ---------------------------------------------------------------------------------------- Top Slider */

#main_slider{
	margin:0 16px 15px 16px;
	padding:0;
	box-sizing:border-box;
	max-height:620px;
	overflow:hidden;
}

#main_slider li img{
	width:100%!important;
}

@media screen and (max-width: 800px) {
	#main_slider{
		margin:0px 0 10px 0;
	}

} /* @media */

/* ---------------------------------------------------------------------------------------- BootStrap Custum */

/* btn要素のオーバーフロー対策 */
.btn{
	white-space:normal!important;
}

.row{
	margin-left:0!important;
	margin-right:0!important;
	padding:0!important;
}



@media screen and (max-width: 800px) {

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px;
    padding-right: 0px;
}

} /* @media */

/* ---------------------------------------------------------------------------------------- Site Header */

/* drop menu style */
#mainnav-mobi {
	background:rgba(239,119,0,0.9)!important;
}

#mainnav-mobi ul li{
	border:none; /* delete original style */
	border-bottom:solid 1px #FFF;
}

/* dorop submenu style */
#mainnav-mobi ul.sub-menu{
	background:transparent;
}

#mainnav-mobi ul.sub-menu li{
	border:none;
}

@media screen and (max-width: 1024px) {

    .site-header {
        padding: 0 10px;
    }

    .site-logo, .header-wrap .col-md-4{
	margin-bottom:0px;
    }

    #site-logo{
    	box-sizeing:border-box;
    	float:left;
    	width:50%;
    	padding:10px 0;
    }

    #global-navi{
    	box-sizeing:border-box;
    	float:right;
    	width:20%;
    }

    .btn-menu {
        float: right;
        font-size: 40px;
        text-align: left;
        width: 40px;
        height: 40px;
        margin: 3% 0%;

    }

    #mainnav-mobi {
        display: block;
        margin: 0 auto;
        width: 520%;
        position: absolute;
        top: 80px;
        left: -410%;
        background-color: #1c1c1c;
        z-index: 1000;
    }

} /* @media 1024 */


@media screen and (max-width: 640px) {

    #site-logo{
	width:50%;
    	padding:10px 0;
    }

    .btn-menu {
        float: right;
        font-size: 30px;
        text-align: left;
        width: 30px;
        height: 30px;
        margin: 2% 0%;

    }

    #mainnav-mobi {
	top: 46px;
	width: 522%;
	left: -412%;
    }

} /* @media 640 */



/* ---------------------------------------------------------------------------------------- Sidebar Image */

#side_bnr_2col img{
	margin-top:14px;
}

#side_bnr_3col img{
	margin-top:14px;
}

/* google ad area */
.widget ins {
    color: #000;
    margin-top: 20px;
}

@media screen and (max-width: 800px) {
	#side_bnr_2col img {
		width:48%;
		float:left;
		margin-left:1%;
		margin-top:8px;
	}

	#side_bnr_3col img {
		width:32%;
		float:left;
		margin-left:1%;
		margin-top:8px;
	}

}

/* ---------------------------------------------------------------------------------------- Google Ad */

.googlead{
	margin:40px auto 40px auto;
	text-align:center;
	padding:0;
	box-sizing:border-box;
	/*border:solid 1px #CCC;*/
}

.googlead iframe{
	background:#ddc7b6!important;
}


/* ----------------------------------------------------------------------------------------Wordpress Related Post Plugin Style */

.wp_rp_wrap{
	margin-top:50px!important;
	margin-bottom:50px!important;
}


/* ----------------------------------------------------------------------------------------2 Column Layout */

ul.col2{ 
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

ul.col2:after{ 
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

ul.col2 li{ 
    	width: 49.8%;
	margin-bottom: 2px;
	position:relative;
	height:288px;
	overflow:hidden;
}

ul.col2 li:nth-child(odd){
	float:left;
}

ul.col2 li:nth-child(even){
	float:right;
}

ul.col2 li img{ 
	width:100%;
}

/* image */
ul.col2 li .wrap_img{
	/*
	height:200px;
	overflow:hidden;
	*/
}

/* Caption */
ul.col2 li p.title{
	position:absolute;
	left:0;
	bottom:0;
	background-color:rgba(239,119,0,1);
	color:#FFF;
	text-align:center;
	margin: 0;
	padding:2% 1%;
	width:100%;
	height:38px;
	font-size:90%; 
	line-height:1.2em;
	border-bottom:solid 1px #FFF;
/*
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
*/

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;	
}

@media screen and (max-width: 1200px) {
	ul.col2 li{ 
		height: 240px;
	}
}

@media screen and (max-width: 1024px) {
	ul.col2 li{ 
		height: 220px;
	}
}

@media screen and (max-width: 640px) {
	ul.col2 li{ 
		height: 140px;
	}
}



/* ----------------------------------------------------------------------------------------TOP SOCIAL AREA STYLE */

#sns_block{
	margin-top:30px;
}

#tl_tw{
	width:49.5%;
	float:left;
	box-sizing:border-box;
}

#tl_fb{
	width:49.5%;
	float:right;
	box-sizing:border-box;
}

@media screen and (max-width: 640px) {
	#tl_fb,
	#tl_tw{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		float:none;
		overflow:hidden;
		
	}
}

.ttl_fb,
.ttl_tw{
	font-weight:bold;
	font-size:1.2em;
	color:#FFF;
	padding:5px;
}

.ttl_fb{
	background:#435598;
}

.ttl_tw{
	background:#6DA8DE;
}

/* ----------------------------------------------------------------------------------------WP SOCIAL BOOKMARKING LIGHT Plugin Style */

.wp_social_bookmarking_light{
    border: 0;
    padding: 0;
    margin: 0;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 20px 0 !important;
    margin: 0 5px 0px 0 !important;
    height: 23px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
.wsbl_twitter{
    width: 100px;
}

/* -------------------------------------------------
----------------------------------------------------
CSS FOR COMIC ZENON INTERNATIONAL PAGES

----------------------------------------------------
-------------------------------------------------- */


.like_btn_wrap{ 
	position:relative; 
	margin:20px 10px 30px 10px;
}

.like_btn_wrap .btn_like{ 
	position:absolute;
	top:-14px;
	left:-10px;
	display:block;
	cursor:pointer;
	width:50px;
	height:50px;
	background: url(http://data.smacmag.net/_images/common/btn_like.png) no-repeat;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
}

.wrap_button{
	text-align: left; 
}

.sakuhin_title,
.synopsis{
	text-align:left;
}




/* ---------------------------------------------------------------------------------------- Bootstrap Button Custum*/

button.btn{
	padding:0;
}


button.ep_latest a,
button.ep_first a{
	display:block;
	box-sizing:border-box;
	padding:10px 0px;
	width:360px;
	color:#FFF;
	font-size:1.2em;
}


button.ep_latest span.date{
	font-size:0.7em;
	font-weight:200!important;
}


/* ---------------------------------------------------------------------------------------- ZENON International PAGE*/

 #contentsBtm { overflow: visible;}
 .WideHeaderTop1120 { margin: -8.2% 0px 0px -8.2%;}
 .WideHeader1120 { margin: 5% 0px 0px -8.2%;}
 .ZenonComics { margin: 50px 0 0 0;}
 .ZenonComics .ReadBtn { margin-bottom: 10px;}
 .WideHeaderTop1120 img,
 .WideHeader1120 img{ 
    max-width: 108%;
 }

.section_title{
	background:#FF0000;
	color:#FFF;
	padding:0;
}
.section_title .maincatch{
	border-bottom:solid 4px #FFF;
	padding:0.5em 0.4em 0 0.4em;
	font-size:3.0em;
	line-height:0.5em;
}
.section_title .subcatch{
	padding:0 0.4em 0.1em 0.4em;
	font-size:2.0em;
	line-height:1.0em;
	text-align:right;
	font-weight:bold;
}

ul.series li{
	/*margin-top:20px;*/
	position:relative;
}

ul.series li .badge_circle01{
	position:absolute;
	top:0px;
	right:-5px;
}

.btn_detail1{ width:40%; margin-left:auto; margin-right:auto; }

div.img_2col{ width:100%; }
div.img_2col:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
div.img_2col img{ float:left; width:49%!important; margin:0.5%;}

div.img_3col{ width:100%; }
div.img_3col:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
div.img_3col img{ float:left; width:32.3%!important; margin:0.5%;}

.badge_circle01{
	width: 60px;
	height: 45px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #FFFF00;
	border:solid 1px #000;
	font-family: Uni-Sans-Bold;
	text-align:center;
	line-height:1.0em;
	padding-top:1.0em;
	color:#000;
}

#fbcomment #fbcomment { margin: 50px auto 0 auto; width:100%; max-width:840px!important;}


/* Update Information Table */
table.style01{
	border:solid 1px #CCC;
	padding:10px;
}

table.style01 tr{
	border:none;
	border-bottom:dotted 1px #666;
}

table.style01 td{
	border:none;
	padding:5px;
	color:#666;
	font-weight:normal;
	font-size:0.8em;
}

/* 連載作品ボックス */

.wrap_sakuhin{
	padding-top:40px;
	border-top:solid 1px #CCC;
	margin-top:10px;
}

.wrap_sakuhin .sakuhin_left{
	width:36%;
	float:left;
}

.wrap_sakuhin .sakuhin_left img{
	width:100%;
}

.wrap_sakuhin .sakuhin_right{
	width:62%;
	float:right;
}

.wrap_sakuhin .sakuhin_right .wrap_button{
	margin:30px 0 30px 0;
}

.wrap_sakuhin .sakuhin_right .wrap_button .btn{
	margin:6px 6px 6px 0;
}


@media screen and (max-width: 640px){
	.wrap_sakuhin .sakuhin_left{
		float:none;
		width:70%;
		margin:10px auto 0 auto;
	}
	.wrap_sakuhin .sakuhin_right{
		float:none;
		width:100%;
		margin-top:20px;
	}
}

.sakuhin_title{
	font-weight:bold;
	font-size:1.6em;
	color:#FF0000;
	/*font-family: Uni-Sans-Bold;*/
	letter-spacing:-0.5px;
}

p.synopsis{
	line-height:1.3em;
}


/* for Zenon Comics Descriptions
------------------------------------------------------- */
 #contentsBtm { overflow: visible;}
 .zc_title { margin: 10px;}
 .zc_title img { width:100%;}
 .zc_title .textbody { margin: 0; font: 26px arial, sans-serif; } 
 .zc_title .textbody h1 { margin: 0; font-size: 150%; letter-spacing: -1.5px; line-height: 80%; font-style: italic } 
 .zc_title .textbody h2 { font-size: 150%; } 

 .zc_title .zcVote { margin: 0 100px 0 100px; background-color: #99cc00 } 
 .wp-polls-ul .Buttons { font: 30px arial, sans-serif; }


/* For SP */
@media screen and (max-width: 800px){

.section_title{
	background:#FF0000;
	color:#FFF;
	padding:0;
}
.section_title .maincatch{
	padding:0.5em 0.4em 0 0.4em;
	font-size:2.2em;
	line-height:0.5em;
	text-align:center;
}
.section_title .subcatch{
	font-size:0.9em;
	line-height:0.9em;
	text-align:center;
}

ul.series li{
	width:100%!important;
	margin-left:0!important;
	margin-right:0!important;
}

ul.bx_thumbs li a{
	font-size:70%;
}

.sakuhin_title,
p.synopsis{
	margin-left:0px;
}

 .zc_title .textbody { font-size:100%; }
 .zc_title .textbody h1 { margin: -5px 0 0 0; font-size: 150%; letter-spacing: 0px; line-height: 90%; font-style: italic }

}/* @media */


/* For Zenon International Page */
ul.col2.series img{
 width:98%!important;
}



/*-----------------------------------------------------
clear module
-----------------------------------------------------*/

.clearfix {
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*-----------------------------------------------------
line-height
-----------------------------------------------------*/

.l-h10{ line-height:1.0em; }
.l-h11{ line-height:1.1em; }
.l-h12{ line-height:1.2em; }
.l-h13{ line-height:1.3em; }
.l-h14{ line-height:1.4em; }
.l-h15{ line-height:1.5em; }
.l-h16{ line-height:1.6em; }
.l-h17{ line-height:1.7em; }
.l-h18{ line-height:1.8em; }
.l-h19{ line-height:1.9em; }
.l-h20{ line-height:2.0em; }
.l-h22{ line-height:2.2em; }
.l-h24{ line-height:2.4em; }
.l-h26{ line-height:2.6em; }
.l-h28{ line-height:2.8em; }
.l-h30{ line-height:3.0em; }


/*-----------------------------------------------------
float
-----------------------------------------------------*/
.fl{ float: left; }
.fr{ float: right; }

/*-----------------------------------------------------
text align
-----------------------------------------------------*/
.cen{ text-align: center; }
.rit{ text-align: right; }
.lef{ text-align: left; }

/*-----------------------------------------------------
margin
-----------------------------------------------------*/

.m-t1 { margin-top: 1px!important; }
.m-t2 { margin-top: 2px!important; }
.m-t3 { margin-top: 3px!important; }
.m-t4 { margin-top: 4px!important; }
.m-t5 { margin-top: 5px!important; }
.m-t6 { margin-top: 6px!important; }
.m-t7 { margin-top: 7px!important; }
.m-t8 { margin-top: 8px!important; }
.m-t9 { margin-top: 9px!important; }
.m-t10 { margin-top: 10px!important; }
.m-t11 { margin-top: 11px!important; }
.m-t12 { margin-top: 12px!important; }
.m-t13 { margin-top: 13px!important; }
.m-t14 { margin-top: 14px!important; }
.m-t15 { margin-top: 15px!important; }
.m-t16 { margin-top: 16px!important; }
.m-t17 { margin-top: 17px!important; }
.m-t18 { margin-top: 18px!important; }
.m-t19 { margin-top: 19px!important; }
.m-t20 { margin-top: 20px!important; }
.m-t21 { margin-top: 21px!important; }
.m-t22 { margin-top: 22px!important; }
.m-t23 { margin-top: 23px!important; }
.m-t24 { margin-top: 24px!important; }
.m-t25 { margin-top: 25px!important; }
.m-t26 { margin-top: 26px!important; }
.m-t27 { margin-top: 27px!important; }
.m-t28 { margin-top: 28px!important; }
.m-t29 { margin-top: 29px!important; }
.m-t30 { margin-top: 30px!important; }
.m-t35 { margin-top: 35px!important; }
.m-t40 { margin-top: 40px!important; }
.m-t45 { margin-top: 45px!important; }
.m-t50 { margin-top: 50px!important; }
.m-t60 { margin-top: 60px!important; }
.m-t70 { margin-top: 70px!important; }
.m-t80 { margin-top: 80px!important; }
.m-t90 { margin-top: 90px!important; }
.m-t100 { margin-top: 100px!important; }
.m-t200 { margin-top: 200px!important; }
.m-t300 { margin-top: 300px!important; }
.m-t400 { margin-top: 400px!important; }
.m-t500 { margin-top: 500px!important; }
.m-b1 { margin-bottom: 1px!important; }
.m-b2 { margin-bottom: 2px!important; }
.m-b3 { margin-bottom: 3px!important; }
.m-b4 { margin-bottom: 4px!important; }
.m-b5 { margin-bottom: 5px!important; }
.m-b10 { margin-bottom: 10px!important; }
.m-b15 { margin-bottom: 15px!important; }
.m-b20 { margin-bottom: 20px!important; }
.m-b25 { margin-bottom: 25px!important; }
.m-b30 { margin-bottom: 30px!important; }
.m-l1{ margin-left: 1px!important; }
.m-l2{ margin-left: 2px!important; }
.m-l3{ margin-left: 3px!important; }
.m-l4{ margin-left: 4px!important; }
.m-l5{ margin-left: 5px!important; }
.m-l6{ margin-left: 6px!important; }
.m-l7{ margin-left: 7px!important; }
.m-l8{ margin-left: 8px!important; }
.m-l9{ margin-left: 9px!important; }
.m-l10{ margin-left: 10px!important; }
.m-l11{ margin-left: 11px!important; }
.m-l12{ margin-left: 12px!important; }
.m-l15{ margin-left: 15px!important; }
.m-l20{ margin-left: 20px!important; }
.m-l25{ margin-left: 25px!important; }
.m-l30{ margin-left: 30px!important; }
.m-r1{ margin-right: 1px!important; }
.m-r2{ margin-right: 2px!important; }
.m-r3{ margin-right: 3px!important; }
.m-r4{ margin-right: 4px!important; }
.m-r5{ margin-right: 5px!important; }
.m-r6{ margin-right: 6px!important; }
.m-r7{ margin-right: 7px!important; }
.m-r8{ margin-right: 8px!important; }
.m-r9{ margin-right: 9px!important; }
.m-r10{ margin-right: 10px!important; }
.m-r15{ margin-right: 15px!important; }
.m-r20{ margin-right: 20px!important; }
.m-r25{ margin-right: 25px!important; }
.m-r30{ margin-right: 30px!important; }

/*-----------------------------------------------------
padding
-----------------------------------------------------*/
.p-5{ padding: 5px; }
.p-10{ padding: 10px 10px 0px 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.p-25{ padding: 25px; }
.p-30{ padding: 30px; }
.p-35{ padding: 35px; }
.p-40{ padding: 40px; }
.p-45{ padding: 45px; }
.p-50{ padding: 50px; }
.p-55{ padding: 55px; }
.p-60{ padding: 60px; }
.p-65{ padding: 65px; }
.p-70{ padding: 70px; }
.p-b5{ padding-bottom: 5px; }
.p-b10{ padding-bottom: 10px; }
.p-b15{ padding-bottom: 15px; }
.p-b20{ padding-bottom: 20px; }
.p-b25{ padding-bottom: 25px; }
.p-b30{ padding-bottom: 30px; }

/*-----------------------------------------------------
Font weight
-----------------------------------------------------*/

.fb{ font-weight: bold; }
.fn{ font-weight: normal; }

/*-----------------------------------------------------
Font size
-----------------------------------------------------*/

.f-s12{ font-size:12px!important; }
.f-s14{ font-size:14px!important; }
.f-s16{ font-size:16px!important; }
.f-s18{ font-size:18px!important; }
.f-s20{ font-size:20px!important; }
.f-s22{ font-size:22px!important; }
.f-s24{ font-size:24px!important; }
.f-s26{ font-size:26px!important; }
.f-s28{ font-size:28px!important; }
.f-s30{ font-size:30px!important; }

/*-----------------------------------------------------
Font color
-----------------------------------------------------*/

.white { color:#FFFFFF!important; }
.black { color:#000000!important; }
.red { color:#FF0000!important; }
.orange { color:#FF6600!important; }
.lightorange { color:#FF9900!important; }
.pink { color:#FF0099!important; }
.lightpink { color:#FF66CC!important; }
.green { color:#66CC00!important; }
.lightgreen { color:#99FF33!important; }
.yellow { color:#FFFF00!important; }
.blue { color:#0066FF!important; }
.lightblue { color:#3399FF!important; }
.purple { color:#9900FF!important; }
.fc-333 { color:#333!important; }
.fc-666 { color:#666!important; }
.fc-999 { color:#999!important; }

/*-----------------------------------------------------
Background color
-----------------------------------------------------*/

.bg-white { background:#FFFFFF!important; }
.bg-black { background:#000000!important; }
.bg-red { background:#FF0000!important; }
.bg-orange { background:#FF6600!important; }
.bg-lightorange { background:#FF9900!important; }
.bg-pink { background:#FF0099!important; }
.bg-lightpink { background:#FF66CC!important; }
.bg-green { background:#66CC00!important; }
.bg-lightgreen { background:#99FF33!important; }
.bg-yellow { background:#FFFF00!important; }
.bg-blue { background:#0066FF!important; }
.bg-lightblue { background:#3399FF!important; }
.bg-purple { background:#9900FF!important; }
.bg-333 { background:#333!important; }
.bg-666 { background:#666!important; }
.bg-999 { background:#999!important; }

/*-----------------------------------------------------
Border
-----------------------------------------------------*/

.bo-1-grey{
	box-sizing:border-box;
	border:solid 1px #CCC;
	padding:10px 20px;
}

.bo-2-grey{
	box-sizing:border-box;
	border:solid 2px #CCC;
	padding:10px 20px;
}