﻿/*-------------------------------------
              画布
-------------------------------------*/
.fr_layout{width:100%;min-width:1000px;}

/*-------------------------------------
              浮动和内容区域
-------------------------------------*/
.fr_contentarea{}
.fr_floatarea{}

/*-------------------------------------
              content
----------------------------------------*/
.fr_content
{_height:30px;min-height:30px;clear:both;}

/*------------------------------------
          指定宽度布局方式的col
------------------------------------*/
/*--------col共用的css-------*/
.fr_col,.fr_sub_col
{float:left;display:inline;_height:30px;min-height:30px;}

/*------col单独使用的css-------*/
/*----自定义-----*/
.fr_mwork .fr_content_custom_1 .fr_sub_col_0
{width:450px;float:left;display:inline;}
.fr_mwork .fr_content_custom_1 .fr_sub_col_1
{width:355px;float:left;display:inline;}
.fr_mwork .fr_content_custom_1 .fr_sub_col_2
{width:195px;float:left;display:inline;}

.fr_mwork .fr_content_custom_2 .fr_sub_col_0
{width:805px;float:left;display:inline;}
.fr_mwork .fr_content_custom_2 .fr_sub_col_1
{width:195px;float:left;display:inline;}

.fr_mwork .fr_content_custom_3 .fr_sub_col_0
{width:400px;float:left;display:inline;}
.fr_mwork .fr_content_custom_3 .fr_sub_col_1
{width:405px;float:left;display:inline;}
.fr_mwork .fr_content_custom_3 .fr_sub_col_2
{width:195px;float:left;display:inline;}


.fr_content_custom4 .fr_col_0
{width:265px;float:left;display:inline;}
.fr_content_custom4 .fr_col_1
{width:735px;float:left;display:inline;}

/*----自由-----*/
.fr_content_free .fr_col_0,.fr_content_free .fr_sub_col_0
{width:100%;height: 100%;position: relative;}

/*----1列-----*/
.fr_content_1 .fr_col_0,.fr_content_1 .fr_sub_col_0
{width:100%;}

/*----2列-----*/
/*1：4布局*/
.fr_content_1_4 .fr_col_0,.fr_content_1_4 .fr_sub_col_0
{width:20%;}

.fr_content_1_4 .fr_col_1,.fr_content_1_4 .fr_sub_col_1
{width:79%;float:right;}

/*4：1布局*/
.fr_content_4_1 .fr_col_0,.fr_content_4_1 .fr_sub_col_0
{width:79%;}

.fr_content_4_1 .fr_col_1,.fr_content_4_1 .fr_sub_col_1
{width:20%;float:right;}

/*1：3布局*/
.fr_content_1_3 .fr_col_0,.fr_content_1_3 .fr_sub_col_0
{width:25%;}

.fr_content_1_3 .fr_col_1,.fr_content_1_3 .fr_sub_col_1
{width:74%;float:right;}

/*3:1布局*/
.fr_content_3_1 .fr_col_0,.fr_content_3_1 .fr_sub_col_0
{width:74%;}

.fr_content_3_1 .fr_col_1,.fr_content_3_1 .fr_sub_col_1
{width:25%;float:right;}

/*2:2布局*/
.fr_content_2_2 .fr_col_0,.fr_content_2_2 .fr_sub_col_0
{width:49%;}

.fr_content_2_2 .fr_col_1,.fr_content_2_2 .fr_sub_col_1
{width:49%;float:right;}

/*2:3布局*/
.fr_content_2_3 .fr_col_0,.fr_content_2_3 .fr_sub_col_0
{width:40%;}

.fr_content_2_3 .fr_col_1,.fr_content_2_3 .fr_sub_col_1
{width:59%;float:right;}

/*3:2布局*/
.fr_content_3_2 .fr_col_0,.fr_content_3_2 .fr_sub_col_0
{width:59%;}

.fr_content_3_2 .fr_col_1,.fr_content_3_2 .fr_sub_col_1
{width:40%;float:right;}

/*----3列-----*/
/*1:2:1布局 */
.fr_content_1_2_1 .fr_col_0,.fr_content_1_2_1 .fr_sub_col_0
{width:25%;}

.fr_content_1_2_1 .fr_col_1,.fr_content_1_2_1 .fr_sub_col_1
{width:48%;margin-left:1%;}

.fr_content_1_2_1 .fr_col_2,.fr_content_1_2_1 .fr_sub_col_2
{width:25%;float:right;}

/* 1:1:2布局 */
.fr_content_1_1_2 .fr_col_0,.fr_content_1_1_2 .fr_sub_col_0
{width:25%;}

.fr_content_1_1_2 .fr_col_1,.fr_content_1_1_2 .fr_sub_col_1
{width:25%;margin-left:1%;}

.fr_content_1_1_2 .fr_col_2,.fr_content_1_1_2 .fr_sub_col_2
{width:48%;float:right;}

/* 2:1:1布局 */
.fr_content_2_1_1 .fr_col_0,.fr_content_2_1_1 .fr_sub_col_0
{width:48%;}

.fr_content_2_1_1 .fr_col_1,.fr_content_2_1_1 .fr_sub_col_1
{width:25%;margin-left:1%;}

.fr_content_2_1_1 .fr_col_2,.fr_content_2_1_1 .fr_sub_col_2
{width:25%;float:right;}

/* 3:1:1布局 */
.fr_content_3_1_1 .fr_col_0,.fr_content_3_1_1 .fr_sub_col_0
{width:58%;}

.fr_content_3_1_1 .fr_col_1,.fr_content_3_1_1 .fr_sub_col_1
{width:20%;margin-left:1%;}

.fr_content_3_1_1 .fr_col_2,.fr_content_3_1_1 .fr_sub_col_2
{width:20%;float:right;}

/* 1:1:3布局 */
.fr_content_1_1_3 .fr_col_0,.fr_content_1_1_3 .fr_sub_col_0
{width:20%;}

.fr_content_1_1_3 .fr_col_1,.fr_content_1_1_3 .fr_sub_col_1
{width:20%;margin-left:1%;}

.fr_content_1_1_3 .fr_col_2,.fr_content_1_1_3 .fr_sub_col_2
{width:58%;float:right;}

/* 1:3:1布局 */
.fr_content_1_3_1 .fr_col_0,.fr_content_1_3_1 .fr_sub_col_0
{width:20%;}

.fr_content_1_3_1 .fr_col_1,.fr_content_1_3_1 .fr_sub_col_1
{width:58%;margin-left:1%;}

.fr_content_1_3_1 .fr_col_2,.fr_content_1_3_1 .fr_sub_col_2
{width:20%;float:right;}

/* 2:2:1布局 */
.fr_content_2_2_1 .fr_col_0,.fr_content_2_2_1 .fr_sub_col_0
{width:40%;}

.fr_content_2_2_1 .fr_col_1,.fr_content_2_2_1 .fr_sub_col_1
{width:40%;margin-left:1%;}

.fr_content_2_2_1 .fr_col_2,.fr_content_2_2_1 .fr_sub_col_2
{width:18%;float:right;}

/* 2:1:2布局 */
.fr_content_2_1_2 .fr_col_0,.fr_content_2_1_2 .fr_sub_col_0
{width:40%;}

.fr_content_2_1_2 .fr_col_1,.fr_content_2_1_2 .fr_sub_col_1
{width:18%;margin-left:1%;}

.fr_content_2_1_2 .fr_col_2,.fr_content_2_1_2 .fr_sub_col_2
{width:40%;float:right;}

/* 1:2:2布局 */
.fr_content_1_2_2 .fr_col_0,.fr_content_1_2_2 .fr_sub_col_0
{width:18%;}

.fr_content_1_2_2 .fr_col_1,.fr_content_1_2_2 .fr_sub_col_1
{width:40%;margin-left:1%;}

.fr_content_1_2_2 .fr_col_2,.fr_content_1_2_2 .fr_sub_col_2
{width:40%;float:right;}

/*------------------------------------
        自适应宽度布局方式的col
------------------------------------*/
/*----2列-----*/
/*第一列固定宽度，第二列自适应*/
.fr_content_f_a .fr_col_0,.fr_content_f_a .fr_sub_col_0
{width:200px;float:left;}

.fr_content_f_a .fr_col_1,.fr_content_f_a .fr_sub_col_1
{width:auto;float:none;display:block;margin-left:200px;}

/*第一列自适应，第二列固定宽度*/
.fr_content_a_f .fr_col_0,.fr_content_a_f .fr_sub_col_0
{width:200px;float:right;}

.fr_content_a_f .fr_col_1,.fr_content_a_f .fr_sub_col_1
{width:auto;float:none;display:block;margin-right:200px;}

/*----3列-----*/
/*第一列固定宽度，第二列固定宽度，第三列自适应*/
.fr_content_f_f_a .fr_col_0,.fr_content_f_f_a .fr_sub_col_0
{width:200px;float:left;}

.fr_content_f_f_a .fr_col_1,.fr_content_f_f_a .fr_sub_col_1
{width:200px;float:left;}

.fr_content_f_f_a .fr_col_2,.fr_content_f_f_a .fr_sub_col_2
{width:auto;float:none;display:block;margin-left:400px;}

/*第一列固定宽度，第二列自适应，第三列固定宽度*/
.fr_content_f_a_f .fr_col_0,.fr_content_f_a_f .fr_sub_col_0
{width:200px;float:left;}

.fr_content_f_a_f .fr_col_1,.fr_content_f_a_f .fr_sub_col_1
{width:200px;float:right;}

.fr_content_f_a_f .fr_col_2,.fr_content_f_a_f .fr_sub_col_2
{width:auto;float:none;display:block;margin-left:200px;margin-right:200px;}

/*第一列自适应，第二列固定宽度，第三列固定宽度*/
.fr_content_a_f_f .fr_col_0,.fr_content_a_f_f .fr_sub_col_0
{width:200px;float:right;}

.fr_content_a_f_f .fr_col_1,.fr_content_a_f_f .fr_sub_col_1
{width:200px;float:right;}

.fr_content_a_f_f .fr_col_2,.fr_content_a_f_f .fr_sub_col_2
{width:auto;float:none;display:block;margin-right:400px;}

/*------------------------------------
              浮动区的col
------------------------------------*/
.fr_floatarea_col{}
.fr_floatarea_col_bg{}
.fr_floatarea_col_bd{}
.fr_floatarea_col_box{}
.fr_floatarea_col_text{}

/*------------------------------------
                模块
-------------------------------------*/
/*模块共用*/
.fr_mode{}
.fr_mode_title{}
.fr_mode_body{}
.fr_mode_foot{}

/*普通模块*/
.fr_mnormal{}
.fr_mnormal_title{}
.fr_mnormal_body{}
.fr_mnormal_foot{}

/*Tab模块*/
.fr_mtab{}
.fr_mtab_title{}
.fr_mtab_body{}
.fr_mtab_foot{}

/*Flash模块*/
.fr_mflash{}
.fr_mflash_title{}
.fr_mflash_body{}
.fr_mflash_foot{}

/*视频模块*/
.fr_mvideo{}
.fr_mvideo_title{}
.fr_mvideo_body{}
.fr_mvideo_foot{}

/*图片播放器模块*/
.fr_mphoto{}
.fr_mphoto_title{}
.fr_mphoto_body{}
.fr_mphoto_foot{}

/*登录模块*/
.fr_mlogin{}
.fr_mlogin_title{}
.fr_mlogin_body{}
.fr_mlogin_foot{}

/*搜索模块*/
.fr_msearch{}
.fr_msearch_title{}
.fr_msearch_body{}
.fr_msearch_foot{}

/*Tip模块*/
.fr_mtip{}
.fr_mtip_title{}
.fr_mtip_body{}
.fr_mtip_foot{}

/*对话框*/
.fr_mdialog{}
.fr_mdialog_title{}
.fr_mdialog_body{}
.fr_mdialog_foot{}

/*翻页模块*/
.fr_mpage{}
.fr_mpage_title{}
.fr_mpage_body{}
.fr_mpage_foot{}

/*菜单模块*/
.fr_mmenu{}
.fr_mmenu_title{}
.fr_mmenu_body{}
.fr_mmenu_foot{}

/*------------工作区------------*/
.fr_mwork{}

/*------------------------------------
  自由模式下的模块默认超出部分不显示
-------------------------------------*/
.fr_content_free .fr_mode
{overflow:hidden;}

