@charset "UTF-8";

* {
	transition-property: width, height, left, top, bottom, right, margin, padding, font-size , color, background;
	transition-duration:0.1s;
}

/*------ reset ------*/
html,body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object{margin: 0;padding: 0;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6 {font-style: normal;font-weight: normal;font-size: 100%;}
table{border-spacing:0;}
* html table{border-collapse:collapse;}
*:first-child+html table{border-collapse:collapse;}
caption,th{text-align:left; font-weight:normal;}
table,th,td,img {border:0;}img,input{vertical-align:top;}
q:before,q:after{content:'';}
strong,em,address{font-weight:normal;font-stretch:normal;font-style:normal;}
ul{list-style:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

/*--- text-align ---*/
.center {text-align: center!important;}
.left   {text-align:left!important;}
.right  {text-align:right!important;}

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

/*--- style ---*/
.normal {font-weight: normal!important; font-weight: normal!important;}
.bold   {font-weight: bold!important;}
.italic {font-style : italic!important;}

/*--- display ---*/
.none {display: none!important;}

/*--- clear ---*/
.clear {clear: both;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}

/*--- hover ---*/
.hover {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}