@charset "UTF-8";
/* CSS Document */

/*******************************************************************************
Theme Name: Woody's CARE 3.1
Author: Max S.K. Tsou
Version: 1.0
*******************************************************************************/

/* 全域 */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {font: 0.875rem/1.5rem 'HanHei TC','PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; width: 100%; margin: 0; padding: 0; color: #888581; background: #FFF; margin: 0 auto; overflow-x: hidden;}
::selection, ::-moz-selection {color:#333; background: #D4D4D4;}

/* 超鏈結 */
a, a:link, a:visited, a:focus{text-decoration: none; outline: none;}
a:hover {text-decoration: none;}
a:active, a:focus {outline: none;}

/* 按鈕 <a class></a>*/
.btn, .btn:visited {position: relative; display: inline-block; padding: 8px 10px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); text-decoration: none; color: #FFF; line-height: 1; border-bottom: 1px solid rgba(0,0,0,0.25); -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); background: #31302B url(../images/alert-overlay.png) repeat-x; cursor: pointer;}
/* alert-overlay.png 這個背景圖如果不套用，也是可以，只是在灰階的按鈕顏色時，顏色切換較不明顯比較沒有漸層的感覺 */
.btn:hover {background-color: #111; color: #FFF;}
.btn:active {top: 1px; }

/* 按鈕大小 */
.btn.small, .btn.small:visited {font-size: 0.8rem;}
.btn.medium, .btn.medium:visited {font-size: 1rem;}
.btn.large, .btn.large:visited {font-size: 1.2rem;}

/* 按鈕顏色 */
.btn.gray, .btn.gray:visited {background-color: #B2B2B2;}
.btn.gray:hover {background-color: #8F8F8F;}
.btn.green, .btn.green:visited {background-color: #91BD09;}
.btn.green:hover {background-color: #749A02;}
.btn.blue, .btn.blue:visited {background-color: #2DAEBF;}
.btn.blue:hover {background-color: #007D9A;}
.btn.red, .btn.red:visited {background-color: #E33100;}
.btn.red:hover {background-color: #872300;}
.btn.magenta, .btn.magenta:visited {background-color: #A9014B;}
.btn.magenta:hover {background-color: #630030;}
.btn.orange, .btn.orange:visited {background-color: #FF5C00;}
.btn.orange:hover {background-color: #D45500;}
.btn.yellow, .btn.yellow:visited {background-color: #FFB515;}
.btn.yellow:hover {background-color: #FC9200;}

/* 字型 */
h1, h2, h3, h4, h5, h6 {/*font-weight: bold;*/}
h1 {font-size: 2rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.33rem;}
h4 {font-size: 1.1rem;}
h5 {font-size: 1rem;}
h6 {font-size: 0.85rem; margin: 0.85rem 0;}
small {font-size: 75%;}
big {font-size: 115%;}

/* 圖片 */
img {display: block; margin: 0; padding: 0; border: none;}
img.large, img.medium, img.small {margin: 0.33rem 0 0;}
img.large {width: 40rem;}
img.medium {width: 15rem;}
img.small {width: 5rem;}

/* 顏色 */
.cPink {color: #E8437E !important;}
.cBrown {color: #BA653D !important;}
.cGreen {color: #A09E56 !important;}
.cBlue {color: #57B2B5 !important;}
.cDarkGray {color: #333 !important;}
.cYellow {color: #FFDF47 !important;}

/* 排版 */
.mtWide {margin-top: 2.5rem;}
.mrNarrow {margin-right: 0.5rem;}
.mrNormal {margin-right: 1.5rem;}
.mbNormal {margin-bottom: 1.5rem;}
.mrWide {margin-right: 2.5rem;}
.mlNarrow {margin-left: 0.5rem;}
.mlNormal {margin-left: 1.5rem;}
.mlWide {margin-left: 2.5rem;}
.fLeft {float: left;}
.fRight {float: right;}
.mbBottom60 {margin-bottom:30px;}
p {margin: 0.33rem 0 1rem 0; text-align: justify;}
.tac {text-align: center !important;}

.clearfix:before,
.clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1; /*For IE 6&7 only*/}

/* 裝飾 */
/* 框線、分隔線 */
hr {border: none; height: 1px; background-color: rgba(230,230,230,0.2);}
hr.dark {background-color: rgba(230,230,230,0.85);}
hr.wide {margin: 1rem 0 1.2rem 0;}

/* 版面 */
.top, .menu, .bottom {width: 100%; padding: 20px 10px;}
.content {width: 100%; padding: 10px 10px 5px;}
.top:before, .top:after, .menu:before, .menu:after, .content:before, .content:after, .bottom:before, .bottom:after, .wrapper:before, .wrapper:after {content: ""; display: table;}
.top:after, .menu:after, .content:after, .bottom:after, .wrapper:after {clear: both;}
	.wrapper {max-width: 980px; margin: 0 auto;}
		.colLeft {float: left; width: 45%; padding-right: 20px;}
		.colRight {float: left; width: 55%;}

/* 頁首 */
.top {position: fixed; z-index: 1000; top: 0; padding: 0; 
		background: -webkit-radial-gradient(circle,#FFF,#E5E2DB);
		background: -o-radial-gradient(circle,#FFF,#E5E2DB);
		background: -moz-radial-gradient(circle,#FFF,#E5E2DB);
		background: radial-gradient(circle,#FFF,#E5E2DB);} /*background-color #F5F0E8 #BC6538*/
	.top > .wrapper {padding: 20px 10px 12px; text-align: center;}
		.top > .wrapper a {display: inline-block;}
    .top a img {width: 200px;}

/* 選單 */
.menu {position: relative; padding: 0 10px; background-color: #31302B;}
/* RWD Navbar - jquery.slimment.js */
.menu-collapser {position: relative; width: 100%; height: 45px; padding: 0 10px; color: #FFF; font-size: 1.33rem; line-height: 45px;}
.collapse-button {position: absolute; right: 8px; top: 50%; width: 40px; padding: 7px 10px; color: #FFFFFF; font-size: 1rem; text-align: center; background-color: #0E0E0E; border-radius: 2px; cursor: pointer; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.collapse-button:hover,.collapse-button:focus {color: #FFF; background-color: #000;}
.collapse-button .icon-bar {display: block; height: 2px; width: 18px; margin: 2px 0; background-color: #FFF; border-radius: 1px;}
ul.slimmenu {width: 100%; margin: 0; padding: 0; list-style-type: none;}
ul.slimmenu:before,ul.slimmenu:after {content: ''; display: table;}
ul.slimmenu:after {clear: both;}
ul.slimmenu.collapsed li {display: block; width: 100%;}
ul.slimmenu.collapsed li>ul {position: static; display: none;}
ul.slimmenu.collapsed li a {display: block; border-bottom: 1px solid rgba(230,230,230,0.1);}
ul.slimmenu.collapsed li .sub-toggle {height: 40px;}  /* 多層選單用 */
ul.slimmenu li {position: relative; float: left; display: inline-block;}
ul.slimmenu li ul {margin: 0; list-style-type: none;}  /* 多層選單用 */
ul.slimmenu li ul li {width: 160px; margin: 0; background: #31302B;}  /* 多層選單用 */
ul.slimmenu li ul li a {padding: 10px 0 10px 24px;}
ul.slimmenu li>ul {position: absolute; left: 0; top: 100%; z-index: 999; display: none; width: 100%;}  /* 多層選單用 */
/*ul.slimmenu li>ul>li ul {position: absolute; left: 100%; top: 0; z-index: 999; display: none; width: 100%;}  /* 多層選單用 */
ul.slimmenu li a {display: block; padding: 12px 66px 12px 10px; color: #A09485; transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out;}
ul.slimmenu li a:hover {color: #CDC5BB;}
ul.slimmenu li .sub-toggle {background-color: #31302B; position: absolute; right: 0; top: 0; z-index: 999; width: 48px; height: 100%; text-align: center; cursor: pointer;}  /* 多層選單用 */
ul.slimmenu li .sub-toggle:before {content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle;}  /* 多層選單用 */
ul.slimmenu li .sub-toggle>i {display: inline-block; color: #FFF; font-size: 12px; vertical-align: middle;}  /* 多層選單用 */
ul.slimmenu>li {width: 160px; margin-right: 20px;}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li {}

/* 內容 */
.content img {width: 100%;}

/* 頁尾 */
.bottom {background-color: #31302B;}
  .bottom .wrapper {padding: 40px 0;}
  	.bottom h5, .bottom small {color: #A09485;}
		.bottom h5 {margin-top: 10px;}
      .bottom hr {margin: 10px 0;}
    	.bottom ul li a {font-size: 0.81rem; color: #6B6661;}
        .bottom ul li a:hover {color: #CDC5BB;}

/*************************************************************************************** 首頁 */ 
/* 形象 */
.homeImage {position: relative; margin-top: 141px; padding: 10px 10px 20px; background-color: #F5F0E8;}
	.homeImageSlider {max-width: 980px; margin: 0 auto;}
		.homeImageSlider img {float: left; width: 100%;}
/*	.copy {float:left; width: 100%; margin-top: -32%; font-size: 1rem; font-weight: 500; line-height: 1.5rem; text-align: center; color: #FFF; text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);}
		.copy .jCopy {font-size: 0.8rem;}*/
	.slick-dots {bottom: 5px;}

/* 所有商品展示 */
.listHome {padding: 40px 10px 20px; background-color: #F5F0E8;}
  .listHome h3 {color: #686056;}
	#productList {margin-bottom: 20px;}
		.listBox {padding: 20px; text-align: center; background-color: #FAF7F2; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px;} /* 這個盒子的寬度不用設，只要在 init.js 內設定好，寬度會自動抓 */
		.listBox img {margin-bottom: 20px;}
		.listBox h5 {color: #221D1C; margin-bottom: 5px;}
		.listBox span {color: #221D1C; margin: 0 0 0 8px; font-weight: 500;}
			.listBox span:before {content: "NT$"; font-size: 60%; margin-right: 2px;}
		.listBox h6 {color: #473C3B; margin-bottom: 5px;}
    /*.listBox small {color: #221D1C; margin-top: 5px; padding-bottom: 2px; border-bottom: 3px solid #BC6538;}*/
/* 所有商品展示 - 自訂控制按鍵 */
#gotoNext, #gotoPrev {display: inline-block; width: 32px; height: 32px; margin-top: -4px; background-image: url('../images/controls.png'); cursor: pointer; opacity: 0.4;}
#gotoNext {float: right; background-position: -32px 0;}
#gotoPrev {float: right; margin-right: 20px; background-position: 0 0;}

/* 廣告 banner */
.bannerHome {padding: 20px 0 0;}
	.bannerHome img {width: 100%; border: 1px solid rgba(0, 0, 0, 0.05);}

/* 新品上市、推薦商品 */
.promoHome {padding: 20px 10px 20px; background-color: #FFF;}
	.promoHome .colLeft img {margin-top: 10px; margin-bottom: 30px;}
	.promoHome h3 {color: #686056;}
	.promoHome h5 {color: #454545;}

/*************************************************************************************** 檜木及個人保養系列 商品形象 */ 
.productImage {height: 50vw; max-height: 490px;}
.productImage .wrapper {position: relative; top: 40%; color: #FFF; text-align: center; text-shadow: 0 0 8px #221D1C;}
.productImage .wrapper h2 {font-size: 1rem; line-height: 0.5rem;}
.productImage .wrapper p {font-size: 0.8rem; text-align: center;}

/* 檜木系列形象 01 */
.image01 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_01_test1.jpg) center center no-repeat; background-size: cover;}
/* 01_001 紅檜の油 */
.image01_001 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_01_001_test2.jpg) center center no-repeat; background-size: cover;}
/* 01_002 檜木香氛 */
.image01_002 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_01_002_test6.jpg) center center no-repeat; background-size: cover;}
/* 01_003 檜香純露 */
.image01_003 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_01_003_test3.jpg) center center no-repeat; background-size: cover;}
/* 01_004 檜木蠟 */
.image01_004 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_01_004_test3.jpg) center center no-repeat; background-size: cover;}

/* 個人保養系列形象 02 */
.image02 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_test3.jpg) center center no-repeat; background-size: cover;}
/* 02_001 檸檬の油 */
.image02_001 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_001_test5.jpg) center center no-repeat; background-size: cover;}
/* 02_002 柳丁の油 */
.image02_002 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_002_test5.jpg) center center no-repeat; background-size: cover;}
/* 02_003 綠精靈純露 */
.image02_003 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_003.jpg) center center no-repeat; background-size: cover;}
/* 02_004 菓漾潔面慕斯 */
.image02_004 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_004_test2.jpg) center center no-repeat; background-size: cover;}
/* 02_005 花漾露 */
.image02_005 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_005_test2.jpg) center center no-repeat; background-size: cover;}
/* 02_006 SQ純角鯊精華油 */
.image02_006 {max-width: 980px; margin: 141px auto 0; background: url(../images/image_02_005_test2.jpg) center center no-repeat; background-size: cover;}

/*************************************************************************************** 檜木與個人保養系列 商品展示 */
.listSeries {padding: 40px 10px;}
  .series {margin-bottom: 30px; padding: 20px; text-align: center; background: #FFF; border-radius: 3px;}
	 .series img {margin-bottom: 30px;}
	 .series h5 {color: #221D1C; margin-bottom: 5px;}
	 .series h6 {color: #221D1C; margin-top: 5px; font-weight: 500;}
	   .series h6:before {content: "NT$"; font-size: 60%; margin-right: 5px;}

/*************************************************************************************** 檜木與個人保養系列 商品介紹 */
.productIntro {padding: 60px 10px 40px; background: #FFF;}
	.productIntro img {margin-bottom: 30px;}
	.productIntro .itemName {font-size: 1.5rem; margin-bottom: 1.5rem; color: #BA653D;}
	.productIntro .itemCapacity, .productIntro .itemWeight {font-size: 1rem; margin-left: 20px; color: #929292;}
	.productIntro .itemCapacity:after {content: "ml"; margin-left: 2px; font-size: 65%;}
	.productIntro .itemWeight:after {content: "g"; margin-left: 2px; font-size: 65%;}
	.productIntro .itemPrice {font-size: 1.5rem; font-weight: 500; margin-bottom: 30px; color: #333;}
	.productIntro .itemPrice:before {content: "NT$"; margin-right: 5px; font-size: 50%;}
	.productIntro .itemInfo {}

/*************************************************************************************** 無形象廣告區，僅說明介紹文字頁面用 */ 
.document {margin-top: 141px; padding: 40px 10px; background: #FFF;}
	.document h4 {color: #686056;}
	.document h5, .document h6 {margin: 0.33rem 0 1rem 0;}
	.document ul {list-style: disc; margin-left: 18px; margin-bottom: 1rem;}
	.document a {color: #BC6538; border-bottom: 1px solid #BC6538;}
	.document iframe {width: 100%;}

/*************************************************************************************** 檢驗報告 */
.testReport {margin-bottom: 30px; padding: 20px; background: #FFF; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px;}
	.testReport img {margin-bottom: 30px;}
	.testReport h5, .testReport h6 {color: #221D1C; margin: 0;}
	.testReport small {margin: 0;}

/*************************************************************************************** 資訊分享 */
.infoShare {margin-bottom: 30px; padding-top: 1.2rem; border-top: 1px solid rgba(0, 0, 0, 0.07);}
.infoShare.clearFirst {padding-top: 0; border-top: none;}
  .infoShare small {margin-bottom: 5px;}
  .infoShare h3 {margin-top: 5px; margin-bottom: 20px; color: #333;}
  .infoShare img {float: left; width: 200px; margin: 5px 20px 10px 0;}

/*************************************************************************************** 訂購單 */
/* 訂購單係智邦所提供之服務，以 iframe 的方式插入該功能，針對該功能的 CSS 在此另行設定 */
.orderSheet {height: 1300px;}

/*************************************************************************************** RWD Setup */
/*
@media screen and (max-width: 539px) {
  .top > .wrapper {padding: 20px 10px 12px; text-align: center;}
    .top a img {width: 200px;}
  .homeImage, .productImage, .document {margin-top: 141px;}
  .productImage .wrapper h2 {font-size: 1rem; line-height: 1.5rem;}
  .productImage .wrapper p {font-size: 0.8rem;}
  .copy {font-size: 1rem; line-height: 1.5rem;}
  	.copy .jCopy {font-size: 0.8rem;}
  .slick-dots {bottom: 5px;}
}
*/

@media screen and (min-width: 540px) {
  .top > .wrapper {padding: 20px 10px 12px; text-align: center;}
    .top a img {width: 250px;}
  .homeImage, .productImage, .document {margin-top: 155px;}
  .productImage .wrapper h2 {font-size: 1.5rem; line-height: 1.5rem;}
  .productImage .wrapper p {font-size: 1.1rem; text-align: center;}
/*  .copy {font-size: 1.5rem; line-height: 1.5rem;}
  	.copy .jCopy {font-size: 1.1rem;}*/
  .slick-dots {bottom: 10px;}
}

@media screen and (min-width: 768px) {
  .top > .wrapper {padding: 20px 10px 12px; text-align: left;}
    .top a img {width: 300px;}
  .homeImage, .productImage, .document {margin-top: 172px;}
  .productImage .wrapper h2 {font-size: 2rem; line-height: 2.5rem;}
  .productImage .wrapper p {font-size: 1.4rem; text-align: center;}
/*  .copy {font-size: 2rem; line-height: 2rem;}
  	.copy .jCopy {font-size: 1.4rem;}*/
  .slick-dots {bottom: 20px;}
}

/*
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
}
*/

/* Bootstrap 格線系統 */
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-md-1, .col-md-1, .col-lg-1, .col-xs-2, .col-md-2, .col-md-2, .col-lg-2, .col-xs-3, .col-md-3, .col-md-3, .col-lg-3, .col-xs-4, .col-md-4, .col-md-4, .col-lg-4, .col-xs-5, .col-md-5, .col-md-5, .col-lg-5, .col-xs-6, .col-md-6, .col-md-6, .col-lg-6, .col-xs-7, .col-md-7, .col-md-7, .col-lg-7, .col-xs-8, .col-md-8, .col-md-8, .col-lg-8, .col-xs-9, .col-md-9, .col-md-9, .col-lg-9, .col-xs-10, .col-md-10, .col-md-10, .col-lg-10, .col-xs-11, .col-md-11, .col-md-11, .col-lg-11, .col-xs-12, .col-md-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}
.col-xs-pull-12 {right: 100%;}
.col-xs-pull-11 {right: 91.66666667%;}
.col-xs-pull-10 {right: 83.33333333%;}
.col-xs-pull-9 {right: 75%;}
.col-xs-pull-8 {right: 66.66666667%;}
.col-xs-pull-7 {right: 58.33333333%;}
.col-xs-pull-6 {right: 50%;}
.col-xs-pull-5 {right: 41.66666667%;}
.col-xs-pull-4 {right: 33.33333333%;}
.col-xs-pull-3 {right: 25%;}
.col-xs-pull-2 {right: 16.66666667%;}
.col-xs-pull-1 {right: 8.33333333%;}
.col-xs-pull-0 {right: auto;}
.col-xs-push-12 {left: 100%;}
.col-xs-push-11 {left: 91.66666667%;}
.col-xs-push-10 {left: 83.33333333%;}
.col-xs-push-9 {left: 75%;}
.col-xs-push-8 {left: 66.66666667%;}
.col-xs-push-7 {left: 58.33333333%;}
.col-xs-push-6 {left: 50%;}
.col-xs-push-5 {left: 41.66666667%;}
.col-xs-push-4 {left: 33.33333333%;}
.col-xs-push-3 {left: 25%;}
.col-xs-push-2 {left: 16.66666667%;}
.col-xs-push-1 {left: 8.33333333%;}
.col-xs-push-0 {left: auto;}
.col-xs-offset-12 {margin-left: 100%;}
.col-xs-offset-11 {margin-left: 91.66666667%;}
.col-xs-offset-10 {margin-left: 83.33333333%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-8 {margin-left: 66.66666667%;}
.col-xs-offset-7 {margin-left: 58.33333333%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-5 {margin-left: 41.66666667%;}
.col-xs-offset-4 {margin-left: 33.33333333%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-2 {margin-left: 16.66666667%;}
.col-xs-offset-1 {margin-left: 8.33333333%;}
.col-xs-offset-0 {margin-left: 0%;}
@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
  .col-md-pull-12 {right: 100%;}
  .col-md-pull-11 {right: 91.66666667%;}
  .col-md-pull-10 {right: 83.33333333%;}
  .col-md-pull-9 {right: 75%;}
  .col-md-pull-8 {right: 66.66666667%;}
  .col-md-pull-7 {right: 58.33333333%;}
  .col-md-pull-6 {right: 50%;}
  .col-md-pull-5 {right: 41.66666667%;}
  .col-md-pull-4 {right: 33.33333333%;}
  .col-md-pull-3 {right: 25%;}
  .col-md-pull-2 {right: 16.66666667%;}
  .col-md-pull-1 {right: 8.33333333%;}
  .col-md-pull-0 {right: auto;}
  .col-md-push-12 {left: 100%;}
  .col-md-push-11 {left: 91.66666667%;}
  .col-md-push-10 {left: 83.33333333%;}
  .col-md-push-9 {left: 75%;}
  .col-md-push-8 {left: 66.66666667%;}
  .col-md-push-7 {left: 58.33333333%;}
  .col-md-push-6 {left: 50%;}
  .col-md-push-5 {left: 41.66666667%;}
  .col-md-push-4 {left: 33.33333333%;}
  .col-md-push-3 {left: 25%;}
  .col-md-push-2 {left: 16.66666667%;}
  .col-md-push-1 {left: 8.33333333%;}
  .col-md-push-0 {left: auto;}
  .col-md-offset-12 {margin-left: 100%;}
  .col-md-offset-11 {margin-left: 91.66666667%;}
  .col-md-offset-10 {margin-left: 83.33333333%;}
  .col-md-offset-9 {margin-left: 75%;}
  .col-md-offset-8 {margin-left: 66.66666667%;}
  .col-md-offset-7 {margin-left: 58.33333333%;}
  .col-md-offset-6 {margin-left: 50%;}
  .col-md-offset-5 {margin-left: 41.66666667%;}
  .col-md-offset-4 {margin-left: 33.33333333%;}
  .col-md-offset-3 {margin-left: 25%;}
  .col-md-offset-2 {margin-left: 16.66666667%;}
  .col-md-offset-1 {margin-left: 8.33333333%;}
  .col-md-offset-0 {margin-left: 0%;}
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
  .col-md-pull-12 {right: 100%;}
  .col-md-pull-11 {right: 91.66666667%;}
  .col-md-pull-10 {right: 83.33333333%;}
  .col-md-pull-9 {right: 75%;}
  .col-md-pull-8 {right: 66.66666667%;}
  .col-md-pull-7 {right: 58.33333333%;}
  .col-md-pull-6 {right: 50%;}
  .col-md-pull-5 {right: 41.66666667%;}
  .col-md-pull-4 {right: 33.33333333%;}
  .col-md-pull-3 {right: 25%;}
  .col-md-pull-2 {right: 16.66666667%;}
  .col-md-pull-1 {right: 8.33333333%;}
  .col-md-pull-0 {right: auto;}
  .col-md-push-12 {left: 100%;}
  .col-md-push-11 {left: 91.66666667%;}
  .col-md-push-10 {left: 83.33333333%;}
  .col-md-push-9 {left: 75%;}
  .col-md-push-8 {left: 66.66666667%;}
  .col-md-push-7 {left: 58.33333333%;}
  .col-md-push-6 {left: 50%;}
  .col-md-push-5 {left: 41.66666667%;}
  .col-md-push-4 {left: 33.33333333%;}
  .col-md-push-3 {left: 25%;}
  .col-md-push-2 {left: 16.66666667%;}
  .col-md-push-1 {left: 8.33333333%;}
  .col-md-push-0 {left: auto;}
  .col-md-offset-12 {margin-left: 100%;}
  .col-md-offset-11 {margin-left: 91.66666667%;}
  .col-md-offset-10 {margin-left: 83.33333333%;}
  .col-md-offset-9 {margin-left: 75%;}
  .col-md-offset-8 {margin-left: 66.66666667%;}
  .col-md-offset-7 {margin-left: 58.33333333%;}
  .col-md-offset-6 {margin-left: 50%;}
  .col-md-offset-5 {margin-left: 41.66666667%;}
  .col-md-offset-4 {margin-left: 33.33333333%;}
  .col-md-offset-3 {margin-left: 25%;}
  .col-md-offset-2 {margin-left: 16.66666667%;}
  .col-md-offset-1 {margin-left: 8.33333333%;}
  .col-md-offset-0 {margin-left: 0%;}
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 {width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}
  .col-lg-pull-12 {right: 100%;}
  .col-lg-pull-11 {right: 91.66666667%;}
  .col-lg-pull-10 {right: 83.33333333%;}
  .col-lg-pull-9 {right: 75%;}
  .col-lg-pull-8 {right: 66.66666667%;}
  .col-lg-pull-7 {right: 58.33333333%;}
  .col-lg-pull-6 {right: 50%;}
  .col-lg-pull-5 {right: 41.66666667%;}
  .col-lg-pull-4 {right: 33.33333333%;}
  .col-lg-pull-3 {right: 25%;}
  .col-lg-pull-2 {right: 16.66666667%;}
  .col-lg-pull-1 {right: 8.33333333%;}
  .col-lg-pull-0 {right: auto;}
  .col-lg-push-12 {left: 100%;}
  .col-lg-push-11 {left: 91.66666667%;}
  .col-lg-push-10 {left: 83.33333333%;}
  .col-lg-push-9 {left: 75%;}
  .col-lg-push-8 {left: 66.66666667%;}
  .col-lg-push-7 {left: 58.33333333%;}
  .col-lg-push-6 {left: 50%;}
  .col-lg-push-5 {left: 41.66666667%;}
  .col-lg-push-4 {left: 33.33333333%;}
  .col-lg-push-3 {left: 25%;}
  .col-lg-push-2 {left: 16.66666667%;}
  .col-lg-push-1 {left: 8.33333333%;}
  .col-lg-push-0 {left: auto;}
  .col-lg-offset-12 {margin-left: 100%;}
  .col-lg-offset-11 {margin-left: 91.66666667%;}
  .col-lg-offset-10 {margin-left: 83.33333333%;}
  .col-lg-offset-9 {margin-left: 75%;}
  .col-lg-offset-8 {margin-left: 66.66666667%;}
  .col-lg-offset-7 {margin-left: 58.33333333%;}
  .col-lg-offset-6 {margin-left: 50%;}
  .col-lg-offset-5 {margin-left: 41.66666667%;}
  .col-lg-offset-4 {margin-left: 33.33333333%;}
  .col-lg-offset-3 {margin-left: 25%;}
  .col-lg-offset-2 {margin-left: 16.66666667%;}
  .col-lg-offset-1 {margin-left: 8.33333333%;}
  .col-lg-offset-0 {margin-left: 0%;}
}