@charset "utf-8";

/* ========================================================================
   Component: gHeader.css
 ========================================================================== */
 
#ad-area                                                        {width:100%;background-color:#362966;}
#ad-area .wrap                                                  {position:relative;width:1070px;margin:0 auto;}
#ad-area .wrap .btn-ad-close                                    {position:absolute;top:5px;right:10px;font-size:20px;color:#fff;}

#header                                                         {position:relative;width:100%;border-bottom:3px solid #e1362a}
#header .wrap                                                   {position:relative;width:1070px;height:auto;margin:0 auto;font-size:12px;font-color:#444;}

.headerMini                                                     {width:100%;height:40px;margin:0 auto;background-color:#fafafa;}

.headerMini .wrap ul.util                                       {list-style:none;float:left;}
.headerMini .wrap ul.util li                                    {float:left;padding:0 12px 0 3px;vertical-align:middle;line-height:40px;}
.headerMini .wrap ul.util .sel-box                              {width:97px;height:20px;margin-right:-11px;box-sizing:content-box;border:2px solid #4e4e4e;}

.headerInner                                                    {clear:both;height:90px;}
.headerInner .brand-logo                                        {float:left;padding:20px 47px 0 3px;}
.headerInner .srch-box                                          {float:left;position:relative;width:460px;margin-top:25px;}
.headerInner .srch-box .srch-text                               {float:left;width:386px;height:46px;line-height:46px;border:2px solid #ef2f29;}
.headerInner .srch-box .srch-text label                         {cursor:pointer;}
.headerInner .srch-box .srch-text .fa.fa-search                 {float:left;width:46px;height:46px;line-height:46px;text-align:center;vertical-align:middle;font-size:20px;color:#ddd;}
.headerInner .srch-box .srch-text .srch-input                   {float:left;width:320px;height:46px;padding:0 10px;border:0;line-height:46px;vertical-align:middle;font-size:16px;font-weight:normal;}
.headerInner .srch-box .srch-btn                                {float:left;width:68px;}
.headerInner .srch-box .srch-btn button                         {width:68px;height:50px;padding:0;line-height:50px;text-align:center;font-size:16px;border:0;border-radius:0;background-color:#ef2e28;color:#fff;}
.headerInner .srch-box #autosearchbox							{position:absolute;z-index:100002;top:48px;left:2px;width:374px;width:375px\9;background-color:#FFF;border:1px solid #CCC;padding:5px;}
.headerInner .srch-box #autosearchbox span						{display:block;padding:5px 0;}
.headerInner .srch-box #autosearchbox span:hover				{background-color:#F5F5F5;}
.headerInner .srch-box #autosearchbox span a					{color:#3d3d3d;font-family:Dotum;font-size:12px;line-height:12px;}

.headerInner .banner-top-area                                   {float:right;width:278px;margin-top:15px}
.headerInner .banner-top-area .slider-wrap                      {float:left;width:260px;height:40px;}
.headerInner .banner-top-area .top-ad-banner                    {float:left;}
.headerInner .banner-top-area .btn-act                          {float:right;width:16px;margin:2px 1px;}
.headerInner .banner-top-area .btn-act .tab                     {display:inline-block;position:relative;width:16px;height:18px;text-indent:-9999px;cursor:pointer;}
.headerInner .banner-top-area .btn-act .tab span                {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/common/allicon-replace.png) no-repeat;}
.headerInner .banner-top-area .btn-act .tab.prev span           {background-position:0 0;}
.headerInner .banner-top-area .btn-act .tab.next span           {background-position:0 -18px;}
/* 20150329 Γί°‘ */
.headerInner .banner-top-area ul								{width: 278px; margin-top: 20px; height:auto; float: right;}
.headerInner .banner-top-area li								{width:auto; margin-right:10px; float: left;}
.headerInner .banner-top-area li a:hover						{text-decoration:none; color:#000;}
.headerInner .banner-top-area li								{width:auto; margin-top: 10px; float: left;}

.headerInner .banner-top-area .bx-wrapper .bx-viewport {/* box shadow : none custom*/
  -moz-box-shadow:0;
  -webkit-box-shadow:0; 
  box-shadow:0 0 0 #ccc; 
  border:0; 
  left:0; 
  background: #fff; 
  height: auto; 
  -webkit-transform: translatez(0); 
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); 
}
.headerInner .wrap .absRight                                    {position:absolute;top:8px;left:1108px;}

#navbar                                                         {clear:both;position:relative;width:100%;height:50px;}
#navbar .wrap                                                   {position:relative;width:1070px;height:auto;margin:0 auto;font-size:12px;font-color:#444;}
#navbar .wrap .layer-wrap                                       {position:absolute;top:0;left:-124px;}
#navbar .btn-allcate                                            {display:block;float:left;width:72px;height:33px;padding:9px 19px 8px;background-color:#f7f7f7;}
#navbar .all-category                                           {position:absolute;top:-3px;left:-127px;z-index:100001;width:1320px;min-height:auto;border:3px solid #e1372b;background-color:#fff;}
.all-category .btn-allcate-box                                  {width:110px;}
.all-category .nav-table-box                                    {width:923px;}
  .nav-table-box .nav-table                                     {width:923px;height:auto;border-collapse:collapse;border-spacing:0;border:0;}
  .nav-table-box .nav-table tr > td                             {vertical-align:top;border-left:1px solid #eee;}
  .nav-table-box .nav-table tr > td h3                          {width:100%;height:47px;margin-bottom:13px;line-height:47px;vertical-align:middle;background-color:#f7f7f7;letter-spacing:-.1em}  
  .nav-table-box .nav-table tr > td h3 > a                      {padding:0 20px;color:#666;font-size:14px;font-weight:bold;}
  .nav-table-box .nav-table tr > td ul                          {min-height:130px;}
  .nav-table-box .nav-table tr > td ul li                       {margin-bottom:7px; padding:0 20px;}
.all-category .event-box                                        {width:287px;}
.all-category .event-box .event-head                            {display:block;width:100%;height:47px;background-color:#bbb;}
.all-category .event-box .event-head h3                         {margin-left:23px;color:#fff;font-size:16px;font-weight:bold;line-height:47px;vertical-align:middle;}
.all-category .event-box .event-head .btn-close                 {display:inline-block;position:relative;width:22px;height:22px;margin:11px 10px 0 0;text-indent:-9999px;cursor:pointer;}
.all-category .event-box .event-head .btn-close span            {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/common/allicon-replace.png) -16px 0 no-repeat;}
.all-category .event-box .event-link                            {height:100%;min-height:335px;padding:3px 9px 10px;border-left:1px solid #eee;}
.all-category .event-box .event-link a                          {display:block;margin-top:7px;}
#navbar .nav-wrap                                               {float:left;width:1070px;margin:0;}
#navbar .nav-wrap .nation                                       {width:auto; height: 50px; float: left;}
#navbar .nav-wrap .nation > li                                  {text-align: center; line-height: 50px; font-size: 12px; vertical-align: middle; float: left;}
#navbar .nav-wrap .nation > li a.nav-b                          {font-weight:bold;color:#999;}
#navbar .nav-wrap .nation > li a:hover,
#navbar .nav-wrap .nation > li a:active                         {color:#333;text-decoration:none;}
#navbar .nav-wrap .nation > li.open a                           {color:#333;text-decoration:none;}
#navbar .nav-wrap .keyword-menu                                 {margin-left:32px;font-size:14px;color:#bbb;line-height:50px;vertical-align:middle;}
#navbar .nav-wrap .keyword-menu h3                              {display:inline;font-weight:normal;}
#navbar .nav-wrap .keyword-menu ul li                           {float:left;padding:0 10px;}
#navbar .wrap .btn-event                                        {display:block;position:absolute;top:0;right:-124px;width:100px;height:50px;font-size:16px;line-height:50px;vertical-align:middle;text-align:center;background-color:#40a29f;color:#fff;}
#navbar .wrap .btn-event:hover                                  {text-decoration:none;}
#navbar .wrap .nav-wrap .nav.navbar-nav.nation .topMuline		{width: 10px; text-align: center; line-height: 50px; font-size: 13px; vertical-align: middle; float: left;}






#content                                                        {display:block;clear:both;position:relative;z-index:10000 !important;width:1070px;height:100%;margin:0 auto;font-size:1em}

#content .ad-area-mid1                                          {display:block;clear:both;float:left;width:100%;margin-top:20px;outline:1px solid #eee;}
#content .ad-area-mid2                                          {display:block;clear:both;float:left;width:100%;height:98px;margin:10px 0 25px;outline:1px solid #eee;}

#content .abs-layer-group                                       {position:absolute;top:16px;z-index:9999;width:100%;}
#content .abs-layer-group .abs-                                 {position:absolute;}
#content .abs-layer-group .abs-left-box                         {top:0;left:-125px;width:110px;height:280px;}
#content .abs-layer-group .abs-right-box                        {top:0;right:-125px;width:100px;height:280px;}
#content .abs-layer-group .abs-right-box .head                  {width:100%;height:70px;padding-top:10px;text-align:center;line-height:20px;border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#45485b;font-weight:bold;font-size:12px;color:#fff;}
#content .abs-layer-group .abs-right-box .cont                  {float:left;width:98px;border:1px solid #e3e3e3;border-top:0;border-radius:3px;border-top-right-radius:0;border-top-left-radius:0;}
#content .abs-layer-group .abs-right-box .cont .tit             {float:left;width:100%;height:35px;font-size:14px;color:#aeaeae;line-height:35px;vertical-align:middle;text-align:center;}

.common-top-wrap                                                      {float:left;position:relative;width:1070px;height:360px;margin-top:16px;} 
  .common-carousel-area                                               {float:left;position:relative;width:780px;}
  .common-carousel-area .slider-wrap                                  {float:left;width:100%;height:360px}
  .common-carousel-area .common-product-list                          {float:left;}
  .common-carousel-area .common-product-list li                       {width:100%;height:360px;}
  .common-carousel-area .common-product-list li:nth-child(1)          {background-color:#f9e4e9;}
  .common-carousel-area .common-product-list li:nth-child(2)          {background-color:#f1dafc;}
  .common-carousel-area .common-product-list li:nth-child(3)          {background-color:#dae9fc;}
  .common-carousel-area .common-product-list li:nth-child(4)          {background-color:#dafcf9;}
  .common-carousel-area .common-product-list li:nth-child(5)          {background-color:#fafcda;}
  .common-carousel-area .common-product-list li:nth-child(6)          {background-color:#dafcfc;}
  .common-carousel-area .common-product-list li:nth-child(7)          {background-color:#e1e1e1;}
  .common-carousel-area .slider-wrap .pro-title-box                   {display:block;position:absolute;bottom:0;left:0;z-index:110;width:100%;height:50px;}
  .common-carousel-area .common-product-list li a.pro-title           {position:absolute;bottom:0;left:10px;z-index:9999;height:50px;line-height:50px;vertical-align:middle;font-weight:bold;font-size:14px;color:#fff;}
  .common-carousel-area .btn-act-common                               {position:absolute;bottom:10px;left:10px;z-index:100;width:1050px;height:40px;background-color:#000;}
  .common-carousel-area .btn-act-common ul li                         {float:left;width:150px;height:40px;line-height:40px;vertical-align:middle;text-align:center;}
  .common-carousel-area .btn-act-common ul li a.tab                   {display:block;width:150px;height:37px;font-size:14px;border-bottom:3px solid #fff;}
  .common-carousel-area .btn-act-common ul li a.tab:hover,
  .common-carousel-area .btn-act-common ul li a.tab.active            {border-bottom:3px solid #000;text-decoration:none;}
  .common-carousel-area .bx-wrapper .bx-viewport {/* box shadow : none custom*/
    -moz-box-shadow:0;
    -webkit-box-shadow:0; 
    box-shadow:0 0 0 #ccc; 
    border:0; 
    left:0; 
    background: #fff; 
    height: auto; 
    -webkit-transform: translatez(0); 
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0); 
  }
  .bx-wrapper {
    position: relative;
    margin: 0 auto 0;
    padding: 0;
  }
  .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    position: absolute;
    bottom: 0;
    right: 10px;
    float: right;
    z-index:9998;
  }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 14px;
    width: auto;
  }
  .common-event-group                                           {width:290px}

.submain-carousel-area                                             {float:left;position:relative;width:1070px;margin-top:16px}
.submain-carousel-area .slider-wrap                                {float:left;width:100%;height:300px}
.submain-carousel-area .submain-product-list                          {float:left;}
.submain-carousel-area .submain-product-list li                       {width:100%;height:300px;}
.submain-carousel-area .submain-product-list li:nth-child(1)          {background-color:#f9e4e9;}
.submain-carousel-area .submain-product-list li:nth-child(2)          {background-color:#f1dafc;}
.submain-carousel-area .submain-product-list li:nth-child(3)          {background-color:#dae9fc;}
.submain-carousel-area .submain-product-list li:nth-child(4)          {background-color:#dafcf9;}
.submain-carousel-area .submain-product-list li:nth-child(5)          {background-color:#fafcda;}
.submain-carousel-area .submain-product-list li:nth-child(6)          {background-color:#dafcfc;}
.submain-carousel-area .submain-product-list li:nth-child(7)          {background-color:#e1e1e1;}
.submain-carousel-area .btn-act-submain                               {position:absolute;bottom:10px;left:10px;z-index:100;width:1050px;height:40px;background-color:#fff;}
.submain-carousel-area .btn-act-submain ul li                         {float:left;width:33.3%;height:40px;line-height:40px;vertical-align:middle;text-align:center;}
.submain-carousel-area .btn-act-submain ul li:first-child             {width:33.4%;}
.submain-carousel-area .btn-act-submain ul li a.tab                   {display:block;width:100%;height:37px;font-size:14px;border-bottom:3px solid #fff;}
.submain-carousel-area .btn-act-submain ul li a.tab:hover           {color:#333;text-decoration:none;}
.submain-carousel-area .btn-act-submain ul li a.tab.active            {border-bottom:3px solid #ef2f29;text-decoration:none;}
.submain-carousel-area .bx-wrapper .bx-viewport {/* box shadow : none custom*/
  -moz-box-shadow:0;
  -webkit-box-shadow:0; 
  box-shadow:0 0 0 #ccc; 
  border:0; 
  left:0; 
  background: #fff; 
  height: auto; 
  -webkit-transform: translatez(0); 
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); 
}

.my-carousel-area                                               {float:left;position:relative;width:100%;padding:30px 0;}
.my-carousel-area .bx-wrapper                                   {z-index:110;}
.my-carousel-area .slider-wrap                                  {float:left;width:100%;}
.my-carousel-area .slider-wrap .bx-viewport						{height:205px !important}
.my-carousel-area .my-product-list                              {width:71px;margin:0 auto;}
.my-carousel-area .my-product-list li                           {width:69px;height:61px;margin:0 auto;/*border:1px solid #eee*/;text-align:center;}
/*20150519*/
.my-carousel-area .my-product-list li img                       {width:67px;height:61px;}
/**/
.my-carousel-area .my-product-list li a                         {display:block;width:69px;height:100%;border:1px solid #eee}
/*20150519
.my-carousel-area .my-product-list li:first-child               {margin:0 auto;}
*/
.my-carousel-area .my-product-list li:first-child               {margin:0 auto 10px;}
/**/
/*20150524
.my-carousel-area .btn-act-my                                   {position:absolute;top:0;left:0;z-index:100;width:100px;height:100%;}
*/
.my-carousel-area .btn-act-my                                   {top:0;left:0;z-index:100;width:100px;height:100%;}
/**/
.my-carousel-area .btn-act-my a.tab                             {position:absolute;left:50%;margin-left:-5px;font-size:18px;color:#999;}
.my-carousel-area .btn-act-my a.tab.prev                        {top:5px;}
.my-carousel-area .btn-act-my a.tab.next                        {bottom:5px;}
.my-carousel-area .bx-wrapper .bx-viewport {/* box shadow : none custom*/
  -moz-box-shadow:0;
  -webkit-box-shadow:0; 
  box-shadow:0 0 0 #ccc; 
  border:0; 
  left:0; 
  background: #fff; 
  height: auto; 
  -webkit-transform: translatez(0); 
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); 
}

.foot-carousel-area                                             {float:left;position:relative;width:1070px;margin:30px 0 10px 50%}
.foot-carousel-area .slider-wrap                                {float:left;width:100%;height:57px;margin-left:-535px;}
.foot-carousel-area .foot-product-list                          {float:left;}
.foot-carousel-area .btn-act-foot                               {position:absolute;top:14px;z-index:100;width:1070px;}
.foot-carousel-area .btn-act-foot a.tab                         {position:absolute;top:0;font-size:18px;color:#999;}
.foot-carousel-area .btn-act-foot a.tab.prev                    {left:0;}
.foot-carousel-area .btn-act-foot a.tab.next                    {right:0;}
.foot-carousel-area .bx-wrapper .bx-viewport {/* box shadow : none custom*/
  -moz-box-shadow:0;
  -webkit-box-shadow:0; 
  box-shadow:0 0 0 #ccc; 
  border:0; 
  left:0; 
  background: #fff; 
  height: auto; 
  -webkit-transform: translatez(0); 
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); 
}

.product-list                                                   {float:left;width:100%;margin-top:20px;}
.product-list dl                                                {clear:both;float:left;width:100%;margin-bottom:10px;}
.product-list dl dt                                             {float:left;width:310px;height:260px;}
.product-list dl dd                                             {padding-top:10px;}
.product-list ul li                                             {float:left;width:160px;height:250px;margin:0 10px 0 20px;text-align:center;vertical-align:middle;}
.product-list ul li > a,                                         
.product-list ul li > a:hover                                   {text-decoration:none;}
.product-list ul li > a:hover .price                            {color:#e1362a;}
  .pro-tit                                                      {display:block;overflow:hidden;width:160px;font-size:11px;color:#999;line-height:20px;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;}
  .pro-tit:hover                                                {}
  .pro-info                                                     {display:inline-block;overflow:hidden;width:160px;font-size:11px;color:#999;line-height:16px;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;}
  del                                                           {display:block;font-size:11px;color:#ccc;line-height:18px;}
  .price                                                        {display:inline-block;font-size:16px;color:#000;}
  .price small                                                  {font-size:12px;}
.product-list.no-title ul li                                    {width:160px;height:260px;margin:0 0 0 22px;}
.product-list.no-title ul li:first-child,
.product-list.no-title ul li:nth-child(7)                       {margin:0;}
.product-list.banner-type                                       {clear:both;float:left;margin-top:35px;}
.product-list.banner-type h3 .fa                                {margin-bottom:12px;color:#e0352a}
.product-list.banner-type h3                                    {font-weight:bold;font-size:16px;}
.product-list.banner-type ul li                                 {width:260px;height:170px;margin:0 0 0 10px;}
.product-list.banner-type ul li:first-child                     {margin:0;}

.thum-img-sm                                                    {display:inline-block;width:160px;height:160px;margin-bottom:10px;}
.thum-img-md                                                    {display:inline-block;width:260px;height:170px;outline:1px solid #eee;}
.thum-img-lg                                                    {display:inline-block;width:310px;height:260px;outline:1px solid #eee;}

#footer                                                         {display:block;overflow:hidden;clear:both;float:left;width:100%;}
#footer .carousel-wrap											{display:block;float:left;width:100%;margin:25px auto 0;font-size:1em;border-bottom:3px solid #e1362a;}
#footer .wrap                                                   {clear:both;width:1070px;margin:0 auto;}
  .link                                                         {float:left;width:100%;height:52px;line-height:52px;vertical-align:middle;}
  .link ul li                                                   {float:left;margin-right:16px;}
  .link ul li a                                                 {font-size:14px;color:#bbb;}
  .link ul li a:hover                                           {text-decoration:none}
#footer .address                                                {clear:both;float:left;width:100%;height:105px;background-color:#f9f9f9;}
#footer .address .brand-logo                                    {margin:37px 40px 0 0;}
#footer .address address                                        {margin-top:28px;font-size:13px;color:#878787;}
#footer .address address p                                      {}
#footer .address address small                                  {color:#bcbcbc;}
#footer .sel-box                                                {width:97px;height:20px;box-sizing:content-box;border:2px solid #4e4e4e;font-size:14px;}
.btn-scroll                                                     {margin:0 10px;}
.btn-scroll a,                                                   
.btn-scroll a:hover                                             {font-weight:bold;font-size:12px;color:#e1362a;}

/* ========================================================================
   Component: Bootstrap Custom Style
 ========================================================================== */
* {
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-size:1em}

.dropdown-menu > li {
  width:158px;
  padding:0 0 0 20px;
  text-align:left;
  line-height:30px;
}

.dropdown-menu > li > a {
  display: inline;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  font-size:14px;
  line-height: 1.42857143;
  color: #e1362a;
  white-space: nowrap;
}

.fa-xs {font-size: .8em;}
.fa-sm {font-size: 1em;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 50px;
  padding: 10px 0;
  margin: 3px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top:3px solid #333;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .175);
  box-shadow: 0 0 0 rgba(0, 0, 0, .175);
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ff6600;
  border-radius: 10px;
}

/* ========================================================================
   Component: gHeader.css COMMON STYLE
 ========================================================================== */
 small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left; 
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999;
}
.text-primary {
  color: #428bca;
}
a {
  outline: none !important;
  color:#666;
}
a:hover,
a:focus {
    color: #333; 
    text-decoration: underline;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.text-orange {
  color: #ff6600;
}
.text-orange:hover  {
  color: #ff4400; 
}
.text-emp {
  color: #e1362a;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}

/* form content */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: none;
  width: 1px;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
          transition: height .35s ease;
}
.b0 {
  border-width: 0 !important;
}
.bl0 {
  border-left-width: 0 !important;
}
.br0 {
  border-right-width: 0 !important;
}
.bt0 {
  border-top-width: 0 !important;
}
.bb0 {
  border-bottom-width: 0 !important;
}
.br {
  border-right: 1px solid #eee;
}
.bl {
  border-left: 1px solid #eee;
}
.bt {
  border-top: 1px solid #eee;
}
.bb {
  border-bottom: 1px solid #eee;
}
.b {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

input:focus {outline-style:none;}