@charset "utf-8";

/*command-----------------------------------------------------------*/

.clear
{ 
	clear		    : both;
}


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

.none
{
	margin-bottom   : 0px!important;
}

.m_xs
{
	margin-bottom	: 10px!important;
}

.m_s
{
	margin-bottom	: 15px!important;
}

.m_l
{
	margin-bottom	: 20px!important;
}

.m_xl
{
	margin-bottom	: 30px!important;
}
.m_xxl
{
	margin-bottom	: 40px!important;
}
.m_xll
{
	margin-bottom	: 50px!important;
}
.m_xll60
{
	margin-bottom	: 60px!important;
}
.m_xlll
{
	margin-bottom	: 100px!important;
}
.m_left_auto
{
	margin-left		: auto;
}
.m_auto
{
	margin-left		: auto;
	margin-right	: auto;
}

.ptop_xll
{
	padding-top	: 50px!important;
}

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

.m_top_xlll
{
	margin-top	: 100px!important;
}


/*font--------------------------------------------------------------*/

.f_Blue
{
	color 		: #09C;
}

.f_Green
{
	color 		: #690;
}

.f_LightGreen
{
	color 		: #699700;
}

.f_Red
{
	color		: #e4480a;
}

.f_Orange
{
	color 		: #F60;
}

.f_White
{
	color 		: #FFF;
}

.f_xxs
{
	font-size		: 0.4em;
}

.f_xs
{
	font-size		: 0.5em;
}
.f_xss
{
	font-size		: 0.6em;
}

.f_xsl
{
	font-size		: 0.7em;
}

.f_s
{
	font-size		: 0.8em;
}

.f_l
{
	font-size		: 1.2em;
}

.f_ll
{
	font-size		: 1.4em;
}

.f_xl
{
	font-size		: 1.5em;
}

.f_xxl
{
	font-size		: 1.7em;
}

.f_bold
{
	font-weight		: bold;
}

.b_gray
{
	padding			: 13px 50px 13px 25px;
	background		: #f5f5f5 no-repeat;
	border-bottom		: 1px solid #f5f5f5;

}

/*box--------------------------------------------------------------*/

.box_s
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 85%;
	text-align		: left;
}

.box_l
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 90%;
	text-align		: left;
}

.box_xl
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 95%;
	text-align		: left;
}
.box_xxl
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 98%;
	text-align		: left;
}

/*行間------------------------------------------------------------*/


.line_s 
{
    line-height: 1.2em;
}



/*clearfix--------------------------------------------------------------*/

.clearfix:after
{
	content		: "";
	display		: block;
	clear		: both;

}



.btn_Gold,
.btn_Purple,
.btn_Green,
.btn_Black,
.btn_Red,
.btn_Orange,
.btn_Blue
{
	text-decoration		: none!important;
	line-height			: 1em;

}
.btn_Gold img,
.btn_Purple img,
.btn_Green img,
.btn_Black img,
.btn_Red img,
.btn_Orange img,
.btn_Blue img
{
	vertical-align:middle;
}
.btn_Gold
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(images/common/base/gold_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #452300;
}


.btn_Gold:hover
{
	background:#e7e0b1 url(images/common/base/gold_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gold span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}


.btn_Red
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(images/common/base/red_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #ed2507;
}


.btn_Red:hover
{
	background:#e7e0b1 url(images/common/base/red_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Red span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}


.btn_Gray
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #333!important;
	background: url(images/common/base/gray_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #c2c2c2;
}


.btn_Gray:hover
{
	background:#e7e0b1 url(images/common/base/gray_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gray span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(images/common/icon/btn_icon03_s_off.png) 95% 50% no-repeat;
}



.btn_Black
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(images/common/base/black_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #1e1d1d;
}


.btn_Black:hover
{
	background:#e7e0b1 url(images/common/base/black_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Black span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}



.btn_Purple
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;

	background:#e7e0b1 url(images/common/base/purple_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #450006;

}
.btn_Purple:hover
{
	background:#e7e0b1 url(images/common/base/purple_btn_bg_on.gif) repeat-x 0px -10px;		
}

.btn_Purple span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Green
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(images/common/base/green_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #1b4400;
}
.btn_Green:hover
{
	background:#e7e0b1 url(images/common/base/green_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Green span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}
.dis_block,
.dis_block span
{
	display:block!important;
}




.btn_Orange
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #FFF!important;
	background:url(images/common/base/orange_btn_bg.gif) repeat-x 0px 0px;
	background-size	: auto 100%;
	border			: 1px solid #f07100;
}


.btn_Orange:hover
{
	background:#e7e0b1 url(images/common/base/orange_btn_bg_on.gif) repeat-x 0px 0px;	
}

.btn_Orange span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 25px 100px 25px 50px;
	background		: url(images/common/icon/btn_icon03.png) 95% 50% no-repeat;
	background-size	: 30px auto;
	font-size		: 30px;
}


.btn_Blue
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #FFF!important;
	background:url(images/common/base/blue_btn_bg.gif) repeat-x 0px 0px;
	background-size	: auto 100%;
	border			: 1px solid #00a6f2;
}


.btn_Blue:hover
{
	background:#e7e0b1 url(images/common/base/blue_btn_bg_on.gif) repeat-x 0px 0px;	
}

.btn_Blue span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 25px 100px 25px 50px;
	background		: url(images/common/icon/btn_icon03.png) 95% 50% no-repeat;
	background-size	: 30px auto;
	font-size		: 30px;
	border			: 1px solid #0186da;
}


.btn_Back span
{
	background		: url(images/common/icon/btn_icon03_02.png) 5% 50% no-repeat;
	padding			: 25px 50px 25px 100px;
	background-size	: 30px auto;
	
}




.btn_s_Blue,
.btn_s_Blue_back,
.btn_s_Blue_none
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #FFF!important;
	background:url(images/common/base/blue_btn_bg.gif) repeat-x 0px 0px;
	background-size	: auto 100%;
	border			: 1px solid #0078c4;
}


.btn_s_Blue:hover,
.btn_s_Blue_back:hover,
.btn_s_Blue_none:hover
{
	background:#e7e0b1 url(images/common/base/blue_btn_bg_on.gif) repeat-x 0px 0px;	
}

.btn_s_Blue span,
.btn_s_Blue_back span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 15px 50px 15px 30px;
	background		: url(images/common/icon/btn_icon03.png) 95% 50% no-repeat;
	background-size	: 18px auto;
	font-size		: 20px;
}
.btn_s_Blue_back span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 15px 30px 15px 50px;
	background		: url(images/common/icon/btn_icon03_02.png) 5% 50% no-repeat;
	background-size	: 18px auto;
	font-size		: 20px;
}
.btn_s_Blue_none span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 15px 30px;
	font-size		: 20px;
}

.btn_s_Orange,
.btn_s_Orange_back,
.btn_s_Orange_none
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #FFF!important;
	background:url(images/common/base/Orange_btn_bg.gif) repeat-x 0px 0px;
	background-size	: auto 100%;
	border			: 1px solid #e97f00;
}


.btn_s_Orange:hover,
.btn_s_Orange_back:hover,
.btn_s_Orange_none:hover
{
	background:#e7e0b1 url(images/common/base/Orange_btn_bg_on.gif) repeat-x 0px 0px;	
}

.btn_s_Orange span,
.btn_s_Orange_back span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 15px 50px 15px 30px;
	background		: url(images/common/icon/btn_icon03_03.png) 95% 50% no-repeat;
	background-size	: 18px auto;
	font-size		: 20px;
}
.btn_s_Orange_back span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 15px 30px 15px 50px;
	background		: url(images/common/icon/btn_icon03_02.png) 5% 50% no-repeat;
	background-size	: 18px auto;
	font-size		: 20px;
}
.btn_s_Orange_none span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 15px 30px;
	font-size		: 20px;
}


.rd_img
{
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */ 
}
.rd_box
{
	background				: #FFF;
	border					: 1px #CCC solid;
	padding					: 10px 15px;
	clear					: both;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}



/*tag--------------------------------------------------------------*/

.work_tag
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:bottom;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	padding			: 6px 20px 4px;
	color			: #FFF;
	font-size		: 16px;
	background		: #0096ed;
	line-height		: 1em;
	margin-bottom	: 15px;


}
.staff_tag
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:bottom;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	padding			: 6px 20px 4px;
	color			: #FFF;
	font-size		: 16px;
	background		: #FDA942;
	line-height		: 1em;
	margin-bottom	: 15px;

}
.Red_tag
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:middle;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	background			: #F30;
	padding				: 5px 10px 2px;
	line-height			: 1em;
	color				: #FFF;
}
.Green_tag
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:middle;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	background			: #9C0;
	padding				: 5px 10px 2px;
	line-height			: 1em;
	color				: #FFF;
}
.Orange_tag
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:middle;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	background			: #F90 ;
	padding				: 5px 10px 2px;
	line-height			: 1em;
	color				: #FFF;
}



/*align--------------------------------------------------------------*/
.text_left
{
	text-align		: left;
}
.text_center
{
	text-align		: center;
}
.text_right
{
	text-align		: right;
}
.text_top
{
	vertical-align	: top;
}

.text_bottom
{
	vertical-align	: bottom;
}


/* postimage */

.alignright
{
  float    : right;
  padding-left  : 25px;
  padding-bottom  : 25px;
  clear : both;
}

.alignleft
{
  float    : left;
  padding-right  : 25px;
  padding-bottom  : 25px;
  clear : both;
}



.alignright_ps
{
  float    : right;
  padding-left  : 25px;
  padding-bottom  : 25px;
  padding-right	: 25px;
  clear : both;
}

.alignleft_ps
{
  float    : left;
  padding-right  : 25px;
  padding-bottom  : 25px;
  padding-left	:25px;
  clear : both;
}

.alignleft02_ps
{
  float    : left;
  padding-right  : 25px;
  padding-bottom  : 25px;
  padding-left	:0;
  clear : both;
}

.aligncenter
{
  text-align      : center;
  margin-right    : auto;
  margin-left     : auto;
 
  padding-bottom  : 10px;
  clear : both;
  display:block;
}

.btn_Orange02 {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1em;
    font-size: 16px;
    color: #FFF!important;
    background: url(images/common/base/orange_btn_bg02.gif) repeat-x 0px 0px;
    background-size: auto 100%;
    border: 1px solid #f07100;
}
.btn_Orange02:hover {
    background: url(images/common/base/orange_btn_bg02_on.gif) repeat-x 0px 0px;
}

.btn_Orange02 span {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    padding: 25px 90px 25px 50px;
    background: url(images/common/icon/btn_icon03.png) 95% 50% no-repeat;
    background-size: 30px auto;
    font-size: 24px;
}

@media screen and (max-width: 768px)
{
.alignleft
{
	float				: none;
	 padding-right		: 0px;
	 padding-bottom	: 0px;
}

.alignright
{
	float				: none;
	padding-left	: 0px;
	padding-bottom	: 0px;
}
.alignleft,
.alignright
{
	width			: 100%;
	height			: auto;
}
.sm_img
{
	height			: 150px;
	overflow		: hidden;
	position		: relative;
	margin-bottom	: 20px;
	display			: block;

}

.sm_img img
{
	position		: absolute;
	top				: -30%;
}


.sm_img_map
{
	height			: 250px;
	overflow		: hidden;
	position		: relative;
	margin-bottom	: 20px;
	display			: block;

}

.sm_img_map img
{
	position		: absolute;
width:100%;
}

.sm_img_s
{
	height			: 150px;
	overflow		: hidden;
	position		: relative;
	margin-bottom	: 20px;
	display			: block;

}
.sm_img_none
{
	display			: none;
}

.sm_img img
{
	position		: absolute;
	top				: -30%;
}
.sm_img_s img
{
	position		: absolute;
	top				: -75%;
}

.sm_img_center
{
	display			: block;
}

.sm_img_center img
{
	width			: 100%;
	height			:  auto;
}

.sm_img_part
{
	height			: 200px;
	overflow		: hidden;
	position		: relative;
	margin-bottom	: 20px;
	display			: block;

}
.sm_img_part img
{
	position		: absolute;
	top				: -60%;
}


.sm_hidden
{
	display			: none;
}
.sm_center_img img
{
	float			: none;
	width			: 95%;
	padding			: 0px;
	margin			: 0 auto 20px;
	display			: block;
	height			: auto;
}
.pc_hidden
{
	display:block;
}

.alignright_ps
{
  float    : right;
  padding-left  : 15px;
  padding-bottom  : 15px;
   padding-right	: 0px;
  clear : both;
  width			: 40%;
  height		: auto;
 box-sizing		: border-box;
 
}

.alignleft_ps
{
  float    : left;
  padding-right  : 15px;
  padding-bottom  : 15px;
  padding-left	: 0px;
  clear : both;
  width			: 40%;
  height		: auto;
 box-sizing		: border-box;
}
.alignleft02_ps
{
  float    : left;
  padding-right  : 15px;
  padding-bottom  : 15px;
  padding-left	: 0px;
  clear : both;
  width			: 40%;
  height		: auto;
 box-sizing		: border-box;
}
.alignright_ps img,
.alignleft_ps img,
.alignleft02_ps img
{
	width		: 100%;
	height		: auto;
}



.btn_Orange,
.btn_Blue,
.btn_s_Blue,
.btn_s_Blue_back,
.btn_s_Blue_none,
.btn_s_Orange,
.btn_s_Orange_back,
.btn_s_Orange_none
{

	line-height		: 2em;
	display			: block;
}
.btn_Orange span,
.btn_Blue span,
.btn_s_Blue span,
.btn_s_Orange span
{
	display			: block;
	background-position:98% 50%;
	font-size	: 18px!important;
	background-size:20px auto;
	padding		: 10px 30px 10px 10px
}
.btn_s_Blue_back span,
.btn_s_Orange_back span
{
	display			: block;
	background-position:2% 50%;
	font-size	: 18px!important;
	background-size:20px auto;
	padding		: 10px 10px 10px 30px
}
.btn_s_Blue_none span,
.btn_s_Orange_none span
{
	display			: block;
	font-size	: 18px!important;
	padding		: 10px 30px
}

.btn_Back span
{
	background-position:2% 50%;
	padding			: 10px 10px 10px 30px;
	background-size	: 20px auto;
	
}
.btn_Orange02{
    line-height: 2em;
    display: block;
}
.btn_Orange02 span {
	display			: block;
	background-position:98% 50%;
	font-size	: 18px!important;
	background-size:20px auto;
	padding		: 10px 30px 10px 10px
}

}

/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/