/*---Fonts---*/
@charset "UTF-8";.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg{display:initial}@media only screen and (min-width:320px){.hidden-sm,.hidden-md,.hidden-lg{display:initial}.hidden-xs{display:none}}@media only screen and (min-width:768px){.hidden-xs .hidden-md,.hidden-lg{display:initial}.hidden-sm{display:none}}@media only screen and (min-width:992px){.hidden-xs,.hidden-sm,.hidden-lg{display:initial}.hidden-md{display:none}}@media only screen and (min-width:1200px){.hidden-xs,.hidden-sm,.hidden-md{display:initial}.hidden-lg{display:none}}
@font-face {
	font-family: 'hello_luckyregular';
    src: url(fonts/hellokitty-webfont/hellolucky-webfont.woff2) format('woff2'),
         url(fonts/hellokitty-webfont/hellolucky-webfont.woff) format('woff'),
         url(fonts/hellokitty-webfont/hellolucky-webfont.svg#hello_luckyregular) format('svg');
  font-weight: normal;
  font-style: normal;

}
/*---end fonts---
h1,h2,h3,h4,h5,h6{
	text-transform: uppercase;
	font-family:  Times, 'Times New Roman', Georgia, serif;
	font-weight: normal;
	margin: 0px auto;
}
{
	font-family: Times, 'Times New Roman', Georgia, serif;
}
*/
/* ================== Tags =======================*/
.clear{
	clear: both;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
	color: #999;
}
form {
	position: relative;
	text-align: left;
	font-size: 18px;
}
form label{
	display: block;
	padding-left: 20px;
	margin-top: 20px;
}
form label.error{
    margin-top: -12px;
    font-size: 12px;
    color: #F38E17;
    float: right;
    position: absolute;
    width: 100%;
    display: block;
    text-align: right;
}
form input[type='text'],form input[type='password'],form textarea, form select, button, form div.radio, form div.checkbox{
	color: #000;
	width: 100%;
	border: 1px solid #09599c;
	padding: 0 10px 0 10px;
	font-size: 18px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 5px 0;
}
form input[type='text'],form input[type='password'],form textarea, form select, button {
	height: 30px;
}
form div.radio, form div.checkbox{
	position: relative;
	padding: 5px;
	line-height: 20px;
}
form div.radio div, form div.checkbox div {
	float: left;
	margin-right: 20px;
}
form textarea{
	min-height: 70px;
}
form input[type='text']:focus, form input[type='password']:focus, form textarea:focus {
	background: #E3F4FF;
}

form p {
	color: #300DF7;
	font-weight: bolder;
}
form input[type='submit'], form button[type='submit'], div.submit{
	height: 30px;
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	
	/*border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 0 1px 0 #0000ff;
	-webkit-text-shadow: 0 1px 0 #0000ff;
	-moz-text-shadow: 0 1px 0 #0000ff;
	box-shadow: 0 3px 4px #ddd;
	-webkit-box-shadow: 0 3px 4px #ddd;
	-moz-box-shadow: 0 3px 4px #ddd;
	*/
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C67BA', endColorstr='#09599c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0C67BA), to(#09599c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0C67BA,  #09599c); /* for firefox 3.6+ */	
	/*background: #09599c;*/

	zoom:1;
}
form input[type='submit']:hover, form button[type='submit']:hover, div.submit:hover{ 
	color: #FDC91F; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09599c', endColorstr='#0C67BA'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#09599c), to(#0C67BA)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #09599c,  #0C67BA); /* for firefox 3.6+ */
}
form input[type='submit']:active,form button[type='submit']:active, div.submit:active{
	color: #F38E17;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09599c', endColorstr='#0D73D2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#09599c), to(#0D73D2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #09599c,  #0D73D2); /* for firefox 3.6+ */
}
.button{
	height: 30px;
	padding: 5px;
	font-size: 18px;
	text-align: center;
	margin: 1px 0 1px 0;
	border: 1px solid #09599c;
	background: #09599c;
	color: #fff;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C67BA', endColorstr='#09599c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0C67BA), to(#09599c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0C67BA,  #09599c); /* for firefox 3.6+ */
	zoom:1;	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.button:hover{
	background: #09599c;
	color: #FDC91F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09599c', endColorstr='#0C67BA'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#09599c), to(#0C67BA)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #09599c,  #0C67BA); /* for firefox 3.6+ */
	zoom:1;	
}
.button:active{
	border: 1px solid #09599c;
	background: #ccc;
	color: #F38E17;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09599c', endColorstr='#0D73D2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#09599c), to(#0D73D2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #09599c,  #0D73D2); /* for firefox 3.6+ */
	zoom:1;
}
/* box class */
.transBox{
	background: rgba(200,200,200,0.5); /* transparent color */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#200064FF, endColorstr=#200064FF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#200064FF, endColorstr=#200064FF); /* IE5.5-7 */
}
.transBoxBlue{
	background: rgba(25, 141, 217, 0.5); /* transparent color */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80198DD9, endColorstr=#80198DD9)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80198DD9, endColorstr=#80198DD9); /* IE5.5-7 */	
}
.gradBox{
	background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #000000,  #333333); /* for firefox 3.6+ */
	zoom:1;
}
[class^="box"]{
	border: 0px solid #999;	
	padding: 20px 5px 20px 5px;
	/*font-family: Arial, "Helvetica", Verdana, sans-serif;*/
	margin: auto;	
}
.box{
	border: 0px solid #999;	
	text-align:center;
}
.boxPaper{
	text-align:left;
	/*padding: 30px;
	border: 0px solid #CCC;	
	-webkit-text-shadow: 0 1px 0 #ff0000;
	-moz-text-shadow: 0 1px 0 #ff0000;
	box-shadow: 0 3px 4px #777;
	-webkit-box-shadow: 0 3px 4px #777;
	-moz-box-shadow: 0 3px 4px #777;*/
	
	border-top: 0px solid #ececec;
}
.boxR5{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

}
.boxR10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

}


.textarea {
	white-space: pre-wrap;
}
/* form class */

/*=====================================================
Popup Box
========================================================*/
#uiDialog{
	background: #fff;
	height: 100%;
}
#JQPopupCenter{
	border: 1px solid #ccc;
	text-align: center;	
	padding: 5px;
	margin: auto,auto,10px,auto;
	background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-text-shadow: 0 1px 0 #ff0000;
	-moz-text-shadow: 0 1px 0 #ff0000;
	box-shadow: 0 5px 4px #777;
	-webkit-box-shadow: 0 5px 4px #777;
	-moz-box-shadow: 0 5px 4px #777;
	background: rgba(255,255,255,0.8); /* transparent color */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#200064FF, endColorstr=#200064FF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#200064FF, endColorstr=#200064FF); /* IE5.5-7 */
}
#JQPopupCenter table{
	margin: auto;
	background: #fff;
}
#JQPopupCenter table tr:first-child{
	background: #eee;
}
#JQPopupClose{
	background: #034389;
	cursor: pointer;
	text-align: center;
	color: #FFF;
    height: 30px;
    font-weight: bolder;
	padding: 5px;
    font-size: 18px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#JQcontent{
	padding: 5px;
}
#JQtable{
}
/*================================
bubble
=================================*/

#PopupBubble {
  position: absolute;
  background-color:#333;
  color: #fff;
  margin: 0;
  padding:10px;
  text-align:center;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25); 
}
#PopupBubble:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #333 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  bottom:-19px;
  left:1em;
}
#PopupBubble_close{
	float: right; 
	margin-top: -3px;
	margin-bottom: +3px; 
	cursor: pointer;
}
#PopupBubble_close:hover{
	color: red;
}
/*=========================================================
// Slider
//=======================================================*/
#sb-site{width:100%;position:relative;z-index:1;}
.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}
.sb-left{left:0}
.sb-right{right:0}
html.sb-static .sb-slidebar,.sb-slidebar.sb-static{position:absolute}
.sb-slidebar.sb-active{visibility:visible}
.sb-slidebar.sb-style-overlay{z-index:9999}
.sb-slidebar{width:30%}
.sb-width-thin{width:15%}
.sb-width-wide{width:45%}
.sb-slide,#sb-site,.sb-slidebar{
	-webkit-transition:-webkit-transform 400ms ease;
	-moz-transition:-moz-transform 400ms ease;
	-o-transition:-o-transform 400ms ease;
	transition:transform 400ms ease;
	-webkit-transition-property:-webkit-transform,left,right;
	-webkit-backface-visibility:hidden
	}
.sb-hide{display:none}
@media(min-width:1200px){
	.sb-slidebar{width:20%}
	.sb-width-thin{width:5%}
	.sb-width-wide{width:35%}
}
/*=========================================================
Image
//=======================================================*/
div.image, figure.image{
    padding: 2px;
}
div.image img, figure.image img{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
}
div.banner {
	overflow: hidden;
	vertical-align: middle;
}
div.banner img{
	vertical-align: middle;
	width: 100%;
	margin-bottom: 10px;
}

.fig{overflow: hidden;}
.fig img, .fig div{	-webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width:100%}

.fig .zoom_in{-webkit-transform: scale(1);transform: scale(1);}
.fig .zoom_in:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}

.fig .zoom_out{-webkit-transform: scale(1.3);transform: scale(1.3);}
.fig .zoom_out:hover{-webkit-transform: scale(1);transform: scale(1);}

.fig .slide_left{margin-left: 30px;-webkit-transform: scale(1.5);	transform: scale(1.5);}
.fig .slide_left:hover{margin-left: 0;}

.fig .slide_right{margin-left: 0;-webkit-transform: scale(1.5);	transform: scale(1.5);}
.fig .slide_right:hover{margin-left: 30px;}

.fig .slide_down{margin-top: 0;-webkit-transform: scale(1.5);	transform: scale(1.5);}
.fig .slide_down:hover{margin-top: 30px; margin-bottom: -30px;}

.fig .slide_up{margin-top: 0; -webkit-transform: scale(1.5);	transform: scale(1.5);}
.fig .slide_up:hover{margin-top: -30px; margin-bottom: 30px;}

.fig .rotate{-webkit-transform: rotate(15deg) scale(1);transform: rotate(15deg) scale(1);}
.fig .rotate:hover{-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}

.fig .rotate_in{-webkit-transform: rotate(15deg) scale(1.6);transform: rotate(15deg) scale(1.6);}
.fig .rotate_in:hover{-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}

.fig .rotate_out{-webkit-transform: rotate(15deg) scale(0.8);transform: rotate(15deg) scale(0.8);}
.fig .rotate_out:hover{-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}

.fig .blur{-webkit-filter: blur(2px);filter: blur(2px);}
.fig .blur:hover{-webkit-filter: blur(0);filter: blur(0);}

.fig .on_blur{-webkit-filter: blur(0);filter: blur(0);}
.fig .on_blur:hover{-webkit-filter: blur(10px);filter: blur(10px);}

.fig .gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.fig .gray:hover{-webkit-filter: grayscale(0);filter: grayscale(0);}

.fig .on_gray{-webkit-filter: grayscale(0);filter: grayscale(0);}
.fig .on_gray:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.fig .sepia{-webkit-filter: sepia(100%);filter: sepia(100%);}
.fig .sepia:hover{-webkit-filter: sepia(0);filter: sepia(0);}

.fig .on_sepia{-webkit-filter: sepia(0);filter: sepia(0);}
.fig .on_sepia:hover{-webkit-filter: sepia(100%);filter: sepia(100%);}

.fig .opacity{ opacity:1;}
.fig .opacity:hover {opacity: 0.5;}

.fig_flash:hover{opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
@-webkit-keyframes flash {0% {opacity: .4;} 100% {opacity: 1;}}
@keyframes flash {0% {opacity: .4;}	100% {opacity: 1;}}

.fig_shine {position: relative;}
.fig_shine:hover::before {
	position: absolute; z-index: 2;top: 0;left: -75%;display: block;content: '';width: 50%;height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {100% {left: 125%;	}}
@keyframes shine {	100% {left: 125%;}}

.fig_circle  {position: relative;}
.fig_circle:hover::before {
	position: absolute;	top: 50%;left: 50%;	z-index: 2;	display: block;	content: '';width: 0;height: 0;
	background: rgba(255, 255, 255, .2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {	0% {opacity: 1;	}40% {opacity: 1;} 100% {width: 200%;height: 200%;opacity: 0;}}
@keyframes circle {	0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%;	height: 200%;opacity: 0;}}
/*=========================================
Likes
//========================================*/
.comments-likes {
	display: inline-block;
	float: left;
}
.comments-likes .wrapper{
	margin-left: 5px;
	margin-right: 10px;
	display: inline-block;
	font-weight: bold;
	color: #999;
}
.comments-likes .wrapper:hover{
	color: #ff0084;
}
.wish_list_box .wish-wrapper{
	cursor: pointer;
	margin-left: 5px;
	display: inline-block;
	/*font-weight: normal;*/
	color: #999;
}
.wish_list_box .wish-wrapper i {
	font-size: 14px;
	
}
.wish_list_box .wish-wrapper:hover {
	color: #ff0084;
}
/*====================================================
// Paginate
//====================================================*/
.paginate{
	border: 0px solid red;
}
.paginate table.data{
	margin: 0;
}
.paginate table.pages{
	border: 0px solid red;
	margin-top:40px;
	margin-bottom:20px;
	text-align:center;
}
.paginate table.pages td{
	margin: 0;
	padding: 0;
}
.paginate table.pages a{
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 1px;
}
.paginate table.pages a:hover{
	color: #ec12a7;
}
/*.paginate .page_first, .paginate .page_back, .paginate .page_next, .paginate .page_last, .paginate table.pages .page_numbers span{*/
.paginate table.pages span {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0px;
	cursor: pointer;
	padding: 1px;
	border-left: 0px solid #CCC;
	text-align: center;

}
.paginate table.pages span:hover{
	/*background: #fff;*/
}
.paginate table.pages span.page_numbers{
	padding: 0;
	filter: none;
	background: none;
}
.paginate table.pages span.disabled{
	color: #999;
}

.page_first, .page_back, .page_next, .page_last {text-indent: -9999px; }

.paginate .page_first, .paginate .page_back, .paginate .page_next, .paginate .page_last {
	width: 30px; padding:2px;	
}

.page_first{ background: url("/images/page_first-2.png") no-repeat scroll 0 0 #000000; height:24px; width:24px; border-radius: 30px;}
.page_back { background: url("/images/first-2.png") no-repeat scroll 0 0 #000000; height:24px; width:24px; border-radius: 30px;}

.page_next { background: url("/images/next_page-2.png") no-repeat scroll 0 0 #000000; height:24px; width:24px; border-radius: 30px;}

.page_last { background: url("/images/page_last-2.png") no-repeat scroll 0 0 #000000; height:24px; width:24px; border-radius: 30px;}




.page_current{color: #ec12a7;}


.paginate table.pages .page_numbers span{
	width: 30px;
}
.paginate table.pages .page_numbers span.page_current{
	border: 0px solid #054099;
}
/*===============================================
// debug
//==============================================*/
div#debug_mode{
	margin: 20px auto 0 auto;
	background-color: #FEFEFE;
	padding: 10px;
}
div#debug_mode pre{
	font-size: 11px;
}
/*=====================================================
// User Login
//====================================================*/
#login_wrap {
	width: 350px;
	padding: 40px;
	text-align: center;
}
#login_wrap form {
	width: 100%;
}
#login_wrap form input, textarea{
	width: 100%;
	height: 30px;
	font-size: 16px;
}
#login_wrap form input[type='checkbox'] {
	width: 15px;
	height: 15px;
	margin-top: 20px;
	border: 1px solid #777;
}
#login_wrap a{
	font-size: 12px;
	color: #777;
}
#register {
	float: left;
	width: 45%;
}
#forgot {
	float:left;
	width: 50%;
	text-align: right;
}
#regist {
	width: 500px;
}
#regist form {
	width: 95%;
}
#regist form input, textarea{
	width: 200px;
}
#admin_bar{	
	font-size: 10px;
	width: 100%;
	background-color: #FFF;
	text-align: center;
	margin: 20px 0 50px 0;
	padding: 3px 0px 0px 0px;
	border-top: 2px solid #F17C08;
	text-align: center;
}
#admin_bar table.adminBar{
	margin: auto;
}
div#edit_area{
	padding: 0 50px 0 50px;
	text-align: center;
}
div#edit_area table.data,div#edit_area form.form {
	margin: auto;
}

#admin_bar table.adminBar td{
	font-size: 12px;
}
#admin_bar table.adminBar span{
	font-size: 12px;
	float: right;
	border: 1px solid #999;
	width: 90px;
	margin: 0px 1px 0px 1px;
	text-align: center;
	cursor: pointer;
}
#admin_bar table.adminBar span:hover{
   border: 1px solid #900709;
   cursor: pointer;
   color: #900709;
   background-color: #FBE2E5;
}
#admin_bar table.adminBar a{
	color: #999;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	cursor: pointer;
}
#admin_bar table.adminBar a:hover {
	color: #ed1fab;
}
#profile_info{
	width:350px;
}
/*category path*/
div.cate_path{
	margin-top: -5px;
	margin-bottom: 5px;
	font-size 12px;
}
div.cate_path a{
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
div.cate_path a:hover{
	color:#09599c;
}
div.cate_path span.path_arrow{
	width: 12px;
	display: inline;

}
/*=======================
	main Box
========================*/
div.mainbox{

}
div.mainbox div.mainbox_tt{
	border-top: 1px solid #ccc;
	text-align: center;
	margin: 40px auto 10px auto;
	width: 80%;
}
div.mainbox div.mainbox_tt h2{
	font-size: 20px;
	margin: -10px auto 0 auto;
	font-family: 'Open Sans', sans-serif;font-weight: normal;
	text-transform:uppercase;line-height:2.8rem; line-height:28px;
	background-color: #fff;
	width: 220px;
}
div.mainbox div.img_tt{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}
div.mainbox div.img_desc{
	padding: 5px 20px 5px 20px;
}
/*=======================
Side Box
=======================*/
.sidebox{
	margin-top: 30px;
	border: 1px solid #0a3f58;
	width: 100%;
	max-width: 250px;
	padding: 0 5px 10px 5px;
}
.sidebox .sidebox_tt{
	text-align: center;
	margin-bottom: 10px;
}
.sidebox .sidebox_tt h4{
	font-size: 16px;
	margin: -10px auto 0 auto;
	width: 75%;
	background-color: #0a3f58;
	padding: 5px;
	color: #fff;
}
div#sidebanner_box div.imgwrap{
	padding: 3px;
}
.sidemenu UL, .sidebox UL li{
	padding: 0;
	list-style: none;
}
.sidemenu UL li{
	border-bottom: 0px solid #ececec;
}

.sidemenu UL li a{
	display: block;
	text-decoration: none;
	vertical-align: bottom;
	line-height: 30px;
	width: 100%;
	color:#000;
	font-size:12px;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.sidemenu UL li a:hover{
	color: #0a3f58;
}
.sidemenu UL li a::before{
	content: "\2192  ";
	color: #fff;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.sidemenu UL li a:hover::before{
	color: #0a3f58;
	margin-left: 10px;
}
ul#menu a{
	font-size: 18px;
	text-align: center;
}
ul#sub_menu a{
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
}
div#sidebanner_box div.imgwrap{
	padding: 3px;
}
/*=======================*/

.main_middle .title{ 
	width: 100%;
	font-family: 'hello_luckyregular',"Poppins",sans-serif;
	font-size: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
  background: -webkit-linear-gradient(#0a3f58 59%, #09599c 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 479px) {
	.main_middle .title{ 
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 3px;
		margin-top: 5px;
	}
}
.boxPaper p{ line-height:25px;}
/*=======================
share-box.htm
=========================*/
.fb_iframe_widget {
    float: left;
  
}

#pin_box{ display: inline-block;
    position: relative;
	float:left;
	padding-left:2px;
	padding-right:2px;
}

div.share-area{
border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #ECECEC;
    display: inline-block;
    margin-top: 12px;
    max-width: 400px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
}

div.share-area1{
/*border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #ECECEC;*/
    display: inline-block;
    margin-top: 12px;
    max-width: 380px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
}
div#share-title{
	margin-top: 20px;
	margin-bottom:20px;
	}
#share-title h4 {float: left;
    font-size: 14px;
    /*line-height: 0;*/
    margin-right: 6px;
	margin: auto 0;
	padding-right:10px;
	
}
.a2a_kit a{
	text-decoration: none;
}
.a2a_kit i{
	font-size: 30px;
}
.a2a_kit i:hover{
	color: #999;
}
.a2a_button_facebook i{
	/*color: #3b5998;*/
	color: #000;
}

.a2a_button_facebook i:hover{
	color: #3b5998;	
}


.a2a_button_twitter i{
	/*color: #4099FF;*/
	color: #000;
}

.a2a_button_twitter i:hover{
	color: #4099FF;

}

.a2a_button_pinterest i{
	/*color: #C92228;*/
	color: #000;
}

.a2a_button_pinterest i:hover{
	color: #C92228;

}
.a2a_button_google_plus i{
	/*color: #D34836;*/
	color: #000;
}

.a2a_button_google_plus i:hover{
	color: #D34836;
}

/*=========================
top myaccount box
=========================*/
div.account i {
	font-size: 18px;
	padding: 5px;
}
div.account a{
text-decoration: none;
}
div.account a:hover{
	color: red;
}

.screen
{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 30px;} 
.screen iframe, .screen object, .screen embed
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }