﻿@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);
@charset "UTF-8";
/****** reset *********/ 






/* Mixin */
@pagewidth: 1240px;
@color1:#000000;
@color2:#313131;
@color3:#58585a;
@color4:#b1b1b1;
@color5: rgb(237, 237, 237);
@color6:#ffffff;
@color7:#9cc812;
@color8:#f1202a;
@color8:#a6a8a8;
@color9:#87b236;
@white:#ffffff;
@lgray:#f3f3f3;
@mgray:#999999;
@dgray:#333;
@standardgreen:#99CA3C;
@srandardpink:#d6409c;
@dgray2:#4A4A4A;


.font(@weight: 400, @size: 14px, @height: normal) {
    font-weight: @weight;
    font-size:@size ;
    line-height:@height;

}
.transition (@prop: all, @time: 1s, @ease: linear) {
    -webkit-transition: @prop @time @ease;
    -moz-transition: @prop @time @ease;
    -o-transition: @prop @time @ease;
    -ms-transition: @prop @time @ease;
    transition: @prop @time @ease;
	
	
}
.transform (@rotate: 90deg, @scale: 1, @skew: 1deg, @translate: 10px) {
    -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}
.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
    background-color: @start;
    background-image: -webkit-linear-gradient(@origin, @start, @stop);
    background-image: -moz-linear-gradient(@origin, @start, @stop);
    background-image: -o-linear-gradient(@origin, @start, @stop);
    background-image: -ms-linear-gradient(@origin, @start, @stop);
    background-image: linear-gradient(@origin, @start, @stop);
}
 
.opacity(@opacity) {
  opacity: @opacity / 100;
  filter: ~"alpha(opacity=@{opacity})";
}
.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
	-webkit-border-top-right-radius:    @topright;
	-webkit-border-bottom-right-radius: @bottomright;
	-webkit-border-bottom-left-radius:  @bottomleft;
	-webkit-border-top-left-radius:     @topleft;

	-moz-border-radius-topright:        @topright;
	-moz-border-radius-bottomright:     @bottomright;
	-moz-border-radius-bottomleft:      @bottomleft;
	-moz-border-radius-topleft:         @topleft;

	border-top-right-radius:            @topright;
	border-bottom-right-radius:         @bottomright;
	border-bottom-left-radius:          @bottomleft;
	border-top-left-radius:             @topleft;

	-moz-background-clip:    padding; 
	-webkit-background-clip: padding-box; 
	background-clip:         padding-box; 
}
.background-liner(@color1:"#fff",@color2:"#000"){
	background-color: @color1;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @color1), color-stop(100%, @color2));
	background-image: -webkit-linear-gradient(top, @color1, @color2);
	background-image: -moz-linear-gradient(top, @color1, @color2);
	background-image: -ms-linear-gradient(top, @color1, @color2);
	background-image: -o-linear-gradient(top, @color1, @color2);
	background-image: linear-gradient(top, @color1, @color2);
}

.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0,@r:20%,@g:20%,@b:40%, @alpha: 0.1) {
	
	box-shadow: -webkit- @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: -moz- @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: -ms- @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: -o- @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: @x @y @blur @spread rgba(@r, @g, @b, @alpha);
}
.inner-shadow (@x: 0, @y: 0px, @blur: 3px, @spread: 2px,@r:20%,@g:20%,@b:40%, @alpha: 0.1) {
	
	
	box-shadow: -webkit-inset @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: -moz-inset @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: -ms-inset @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: -o-inset @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	box-shadow: inset @x @y @blur @spread rgba(@r, @g, @b, @alpha);
	
}
.border-bottom(@color:#000,@thickness:1px,@type:solid){
		border-bottom-width: @thickness;
		border-bottom-style: @type;
		border-bottom-color: @color;
}

.box-sizing(@sizing: content-box){
	-webkit-box-sizing: @sizing;
    -moz-box-sizing: @sizing;
    box-sizing: @sizing;
}
.lan { display:none;}