﻿/*------------------------自用全局CSS/version:v1.0-20140328 by vision-------------------------------*/
/*----------------------------ul設定--------------------------------*/
.G_ul {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 30px;
    font-size: 13px;
    display: inline-block;
    display: block;
    border-collapse: collapse;
}

.G_ul_kd {
    display: block;
    float: left;
    background-color: #F3F3F3;
    padding: 8px 7px;
    font: bold 11px Arial;
    color: #444;
    border: 1px solid #CCC;
    background-image: -webkit-linear-gradient(top,#FEFEFE,#F3F3F3);
    background-image: -moz-linear-gradient(top,#FEFEFE,#F3F3F3);
    cursor: pointer;
    min-width: 18px;
    text-align: center;
    border-collapse:collapse;
}

.G_ul_kd:first-child {
    border-radius: 3px 0 0 3px;
}

.G_ul_kd:last-child {
    border-radius: 0 3px 3px 0;
}

.G_ul_kd:hover {
    border-color: #CCC;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);
    color: #222;
}



/*-------------------------buttons------------------------*/
.linkbutton
{
    background-color: #f3f3f3;
    background-image: -webkit-linear-gradient(top,#fefefe,#f3f3f3);
    background-image: -moz-linear-gradient(top,#fefefe,#f3f3f3);
    border: 1px solid #E5E5E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    font: normal 11px Arial;
    margin-right: -1px;
    min-width: 18px;
    padding: 8px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #f2f2f2;
    vertical-align: middle;
    white-space: nowrap;
}

.linkbutton:hover
{
    background-image: -webkit-linear-gradient(top,#fafafa,#e9e9e9);
    background-image: -moz-linear-gradient(top,#fafafa,#e9e9e9);
    border-color: #ccc;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
    color: #222;
}

.linkbutton a
{
    color:#444;
}

.linkbutton a:hover
{
    text-decoration:none;
}

.hvbutton
{
    border: 1px solid transparent;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font: bold 11px Arial;
    min-width: 18px;
    padding: 8px;
    text-align: center;
    background-color: transparent;
}

.hvbutton:hover
{
    border-color: #CCC;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#E9E9E9);
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    color: #222;
}

.hvbutton a
{
    color:#444;
}

.hvbutton a:hover
{
    text-decoration:none;
}

/*-------------------------Global常用class------------------------*/
.G_Head_whiteSmoke
{
    background: url(/images/selbg.png) repeat-x;
    border: 1px solid #CCC;
    border-bottom: 1px solid transparent;
    background-color: whiteSmoke;
    height: 40px;
    padding: 3px 8px;
}

.G_Head_whiteSmoke input[type="text"],.G_Head_whiteSmoke input[type="password"],.G_Head_whiteSmoke textarea
{
    background: white;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #A3A3A3;
    border-right: 1px solid #CCC;
    border-top: 1px solid #A3A3A3;
    box-shadow: inset 0 1px 0 #D6D6D6;
    -webkit-box-shadow: inset 0 1px 0 #D6D6D6;
    -moz-box-shadow: inset 0 1px 0 #d6d6d6;
    color: black;
    height: 18px;
    margin: 4px 0;
    padding: 6px 0 6px 5px;
    vertical-align: middle;
    width: 200px;
}

.G_active
{
    cursor:default;
    background-color: #DFDFDF;
    background-image: -webkit-linear-gradient(top,#F0F0F0,#DFDFDF);
    background-image: -moz-linear-gradient(top,#F0F0F0,#DFDFDF);
    border-color: #CCC;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, .3);
    color: #222;
}

.G_active:hover
{
    cursor:default;
    background-color: #DFDFDF;
    background-image: -webkit-linear-gradient(top,#F0F0F0,#DFDFDF);
    background-image: -moz-linear-gradient(top,#F0F0F0,#DFDFDF);
    border-color: #CCC;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, .3);
    color: #222;
}

/*-----------------------默認h設定---------------------------*/

h1 {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";
  font-weight: bold;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 18pt;
  line-height: 20pt;
}
h2 {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";
  font-weight: bold;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 14pt;
  line-height: 16pt;
  letter-spacing: 0.01em;
}
h3 {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";
  font-weight: bold;
  color: #000000;
  letter-spacing: 0.00em;
  font-size: 13pt;
  line-height: 15pt;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16pt;
}
h4 {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";
  font-weight: bold;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
}
h5 {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";
  font-weight: bold;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 10pt;
}
h6 {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";
  font-weight: normal;
  font-style: normal;
  color: #000000;
  font-size: 11pt;
  line-height: 15pt;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 9pt;
}
/*----------------------默認input設定-------------------------*/
input[type="text"], input[type="password"], textarea {
    border-top: 1px solid #A3A3A3;
    border-left: 1px solid #A3A3A3;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background: white;
    -webkit-box-shadow: inset 0 1px 0 #D6D6D6;
    -moz-box-shadow: inset 0 1px 0 #d6d6d6;
    box-shadow: inset 0 1px 0 #D6D6D6;
    color: black;
    font: normal 12px Arial;
    margin: 0;
    padding-left: 5px;
    vertical-align: middle;
}
/*----------------------默認鏈接設定-------------------------*/
a{ color:#005c9c; cursor:pointer; }
a:hover{ text-decoration:underline; }
/*-------------------------默認em設定------------------------*/
em
{
    color:Red;
    font-style:normal;   
}
/*-------------------------size---------------------------*/
.wd0p{ width:0%;}
.wd10p{ width:10%;}
.wd20p{ width:20%;}
.wd25p{ width:25%;}
.wd30p{ width:30%;}
.wd40p{ width:40%;}
.wd50p{ width:50%;}
.wd60p{ width:60%;}
.wd70p{ width:70%;}
.wd80p{ width:80%;}
.wd90p{ width:90%;}
.wd100p{ width:100%;}
.wd0{ width:0px;}
.wd100{ width:100px;}
.wd150{ width:150px;}
.wd200{ width:200px;}
.wd250{ width:250px;}
.wd300{ width:300px;}
.wd350{ width:350px;}
.wd400{ width:400px;}
.wd500{ width:500px;}
.wd600{ width:600px;}
.wd700{ width:700px;}
.wd800{ width:800px;}
.wd900{ width:900px;}
.wd1000{ width:1000px;}
.wd1100{ width:1100px;}
.wd1200{ width:1200px;}
.height0p{ height:0px;}
.height20p{ height:20%;}
.height40p{ height:40%;}
.height60p{ height:60%;}
.height80p{ height:80%;}
.height100p{ height:100%;}
.height0{ height:0px;}
.height20{ height:20px;}
.height40{ height:40px;}
.height60{ height:60px;}
.height80{ height:80px;}
.height100{ height:100px;}
.height200{ height:200px;}
.height300{ height:300px;}
.height400{ height:400px;}
.height500{ height:500px;}
.height600{ height:600px;}
.height800{ height:800px;}
.height1000{ height:1000px;}
/*-------------------------font---------------------------*/
.fontglobal{font:12px Microsoft JhengHei, Helvetica, sans-serif, Microsoft YaHei;}
.fontNormal{  font-weight:normal; }
.fontHelvetica{font-family: "Helvetica Neue",arial,'宋体b8b\4f53';}
.bold{ font-weight: bold;}
.font10px{ font-size:10px; }
.font12px{ font-size:12px; }
.font14px{ font-size:14px; }
.font16px{ font-size:16px; }
.font18px{ font-size:18px; }
.font20px{ font-size:20px; }
.font82p{ font-size:82%; }
/*-------------------------border-------------------------*/
.bdb_1_D8{ border-bottom: 1px solid #D8D8D8;}
.bdb_1_vips{ border-bottom: 1px solid #B49C4F;}
.bdb_1_E8{ border-bottom: 1px solid #E8E8E8;}
.bdr_1_E8{ border-right: 1px solid #E8E8E8;}
.bdl_1_E8{ border-left: 1px solid #E8E8E8;}
.bdl_1_EEE{ border-left:1px solid #EEE;}
.bdr_1_EEE{ border-right:1px solid #EEE;}
.bdl_1_CCC{ border-left:1px solid #CCC;}
.bdr_1_CCC{ border-right:1px solid #CCC;}
.bdb_1_CCC{ border-bottom:1px solid #CCC;}
.bdt_1_CCC{ border-top:1px solid #CCC;}
.bdb_2_1E1E1E{ border-bottom:2px solid #1E1E1E;}
.bdl_1_lightgray{ border-left:1px solid #999;}
.bd_1_black{ border:1px solid black; }
.bd_1_red{ border:1px solid red;}
.bd_1_lightgray{ border:1px solid #999; }
.bd_1_deepgray{ border:1px solid #666; }
.bd_1_vips{ border:1px solid #B49C4F; }
.bd_1_D8{ border:1px solid #D8D8D8; }
.bd_1_E8{ border:1px solid #E8E8E8; }
.bd_1_CCC{ border:1px solid #CCC; }
.bd_1_DDD{ border:1px solid #DDD; }
.bd_collapse{ border-collapse:collapse}
.bd_none{ border:none; border-width:0; }

.bd_1110{ border-width:1px 1px 1px 0;}
/*-------------------------hr-------------------------*/
.hr0{ height:1px;border:none;border-top:1px solid #CCC;}
.hr1{ height:1px;border:none;border-top:1px dotted #CCC;}
/*-------------------------color---------------------------*/
.clr-orange{ color:#FF6600;}
.clr-red{ color:red;}
.clr-redBrown{ color:#CD2626;}
.clr-green{ color:green;}
.clr-lightgreen{ color:#19A26B;}
.clr-lightgray{ color:#999;}
.clr-deepgray{ color:#666;}
.clr-white{ color:white;}
.clr-black{  color:black;}
.clr-linkblue{ color:#0072bc;}
.clr-lightblue{ color:#009ACD;}
.clr-F2F2F2{ color:#F2F2F2;}
.clr-EEE{ color:#EEE;}
.clr-CCC{ color:#CCC;}
.clr-777{ color:#777;}
.clr-999{ color:#999;}
.clr-whiteSmoke{ color:whiteSmoke;}
/*-------------------------bg-color------------------------*/
.bg-orange{ background-color:#FF6600; }
.bg-red{ background-color:red;}
.bg-lightgray{ background-color:#999;}
.bg-deepgray{ background-color:#666;}
.bg-white{ background-color:white;}
.bg-F0F0F0{ background-color:#F0F0F0;}
.bg-F2F2F2{ background-color:#F2F2F2;}
.bg-F7F7F7{ background-color:#F7F7F7;}
.bg-CCC{ background-color:#CCC;}
.bg-EEE{ background-color:#EEE;}
.bg-E5E5E5{ background-color:#E5E5E5;}
.bg-E7E7E7{ background-color:#E7E7E7;}
.bg-whiteSmoke{ background-color:whiteSmoke;}
.bg-transparent{ background-color:transparent;}
.bg-lighter{background: url(/images/selbg.png) repeat-x;}
.bg-brighter{background-color:#DCE8F1 }
/*-------------------------padding-------------------------*/
.padding-l-20{ padding-left:20px;}
.padding-t-20{ padding-top:20px;}
.padding-r-20{ padding-right:20px;}
.padding-b-20{ padding-bottom:20px;}
.padding-l-15{ padding-left:15px;}
.padding-t-15{ padding-top:15px;}
.padding-r-15{ padding-right:15px;}
.padding-b-15{ padding-bottom:15px;}
.padding-l-10{ padding-left:10px;}
.padding-t-10{ padding-top:10px;}
.padding-r-10{ padding-right:10px;}
.padding-b-10{ padding-bottom:10px;}
.padding-l-5{ padding-left:5px;}
.padding-t-5{ padding-top:5px;}
.padding-r-5{ padding-right:5px;}
.padding-b-5{ padding-bottom:5px;}
.padding20{ padding:20px 20px 20px 20px;}
.padding10{ padding:10px 10px 10px 10px;}
.padding5{ padding:5px 5px;}
.padding0{padding:0 0 0 0;}
.padding-l-50p{ padding-left:50%; }
.padding-0-50{padding:0 50px;}
.padding-l-50{ padding-left:50px; }
/*-------------------------margin--------------------------*/
.margin-l-40{ margin-left:40px;}
.margin-l-30{ margin-left:30px;}
.margin-l-20{ margin-left:20px;}
.margin-t-20{ margin-top:20px;}
.margin-r-20{ margin-right:20px;}
.margin-b-20{ margin-bottom:20px;}
.margin-l-10{ margin-left:10px;}
.margin-t-10{ margin-top:10px;}
.margin-r-10{ margin-right:10px;}
.margin-b-10{ margin-bottom:10px;}
.margin-l-5{ margin-left:5px;}
.margin-t-5{ margin-top:5px;}
.margin-r-5{ margin-right:5px;}
.margin-b-5{ margin-bottom:5px;}
.margin10{ margin:10px 10px 10px 10px;}
.margin20{ margin:20px 20px 20px 20px;}
.margin5{ margin:5px 5px;}
.margin0{ margin:0 0 0 0;}
.margin0-auto{ margin:0 auto;}
/*-------------------------float---------------------------*/
.fl{ float:left; }
.fr{ float:right; }
/*-------------------------word---------------------------*/
.wordwrap{ word-break:break-all; word-wrap:break-word; white-space:normal;}
.wordnowrap { word-break:keep-all; word-wrap:normal;white-space:nowrap; overflow:hidden; }
/*-------------------------textalign-----------------------*/
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right; }
/*-------------------------valign-----------------------*/
.valign-top{ vertical-align:top;}
.valign-bottom{ vertical-align:bottom;}
.valign-middle{ vertical-align:middle; }
/*-------------------------overflow------------------------*/
.over-hidden{ overflow:hidden;}
.over-auto{ overflow:auto;}
.over-xscroll{ overflow-x:auto;}
.over-yscroll{ overflow-y:auto;}
/*-------------------------clear---------------------------*/
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.clear{ clear:both;}
/*-------------------------position------------------------*/
.fixed{ position:fixed;}
.absolute{ position:absolute;}
.relative{ position:relative;}

/*-------------------------border-radius------------------------*/
.bd-radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.bd-radius-30{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/*-------------------------scroll------------------------*/
.scroll-global
{
    height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-face-color:#f2f2f2;scrollbar-highlight-color:#f2f2f2;scrollbar-shadow-color:#f2f2f2;scrollbar-arrow-color:#f2f2f2;scrollbar-track-color:transparent;
}
.scroll-global:hover{scrollbar-face-color:#c1c1c1;scrollbar-highlight-color:#fff;scrollbar-arrow-color:#666666;scrollbar-track-color:#f2f2f2;scrollbar-darkshadow-color:#fff;}
/*---滚动条默认显示样式--*/  
.scroll-global::-webkit-scrollbar-thumb  
{
   background-color:#E8E8E8;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #f8f8f8;
   border: 2px solid #f8f8f8;  
   border-radius:30px;
}  
/*---鼠标点击滚动条显示样式--*/  
.scroll-global::-webkit-scrollbar-thumb:hover{  
   background-color:#c1c1c1;  
   height:50px;   
   border-radius:30px;
}  
/*---滚动条大小--*/  
.scroll-global::-webkit-scrollbar{  
   width:10px;  
   height:10px;  
   overflow-y:auto;
}  
/*---滚动框背景样式--*/  
.scroll-global::-webkit-scrollbar-track-piece{  
   background-color:#f8f8f8;     
}

/*-------------------------display------------------------*/
.hide{ display:none;}
.block{ display:block;}
.inline-block{ display:inline-block;}

/*-------------------------line-height------------------------*/
.lineH20 { line-height:20px;}
.lineH25 { line-height:25px;}
.lineH30 { line-height:30px;}
.lineH35 { line-height:35px;}
.lineH40 { line-height:40px;}

/*-------------------------min-height------------------------*/
.minH100{ min-height:100px;}
.minH200{ min-height:200px;}
.minH300{ min-height:300px;}
.minH400{ min-height:400px;}
.minH500{ min-height:500px;}
.minH600{ min-height:600px;}
.minH700{ min-height:700px;}
.minH800{ min-height:800px;}
.minH900{ min-height:900px;}
.minH1000{ min-height:1000px;}

/*-------------------------cursor------------------------*/
.cursor_pointer{ cursor:pointer }
.cursor_default{ cursor:default }

.SearchDIV{filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; background-color: #F5F5F5; width: 100%; height: 100%; z-index: 1000; position: absolute; left: 0; top: 0; overflow: hidden; display: none;}
.displayDIV{border: solid 5px #DEDEDE; display: none; background: #fff; width: 650px; height: 330px; z-index: 1001; overflow: hidden; position: absolute; top: 50px; left: 25%; text-align: left;}