/* 縮小失敗。正在傳回未縮小的內容。
(9346,1): run-time error CSS1019: Unexpected token, found '}'
 */
@charset "utf-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Jia $
 * $Date: 2016-01-01 Mon. $
 * **請注意: 本樣式檔提供網站內常用元素重置，
     共同樣式請寫入layout.css，各分頁獨立樣式請寫入custom.css。
*/

/* Global Style */
body, div, h1, h2, h3, h4, h5, h6, form, label, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
img { border: 0; vertical-align: bottom; }
a, a:visited, a:hover, a:focus, a:active { text-decoration: none; }
:focus, :active { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
p, h1, h2, h3, h4, h5, h6 { line-height: inherit; margin: 0; padding: 0; }
label { font-weight: inherit; }
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
}
textarea { resize: vertical; }
ol, ul, li { margin: 0; }
ol.reset, ul.reset, li.reset { margin: 0; padding: 0; list-style: none; }
code, kbd, samp, tt { font-size: 100%; }

/*purpose To enable resizing for IE */
/*branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }

/*HTML5 tag*/
section, article, aside, footer, header, nav, main {
  display:block;
}

/*
/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.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}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.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}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{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-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{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}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \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=checkbox]:focus,input[type=radio]: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,-webkit-box-shadow ease-in-out .15s;-o-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}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px \9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.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}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{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 .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{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 .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{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}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top: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 .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;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.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{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.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:absolute;top:0;right:0;left:0;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.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}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider.draggable {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    outline: none;
    height: 100%;
    min-height: 1px;
}
.slick-slide a {
    outline: none;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *//*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */@font-face{font-family:weathericons;src:url(../fonts/weathericons-regular-webfont.eot);src:url(../fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/weathericons-regular-webfont.woff2) format('woff2'),url(../fonts/weathericons-regular-webfont.woff) format('woff'),url(../fonts/weathericons-regular-webfont.ttf) format('truetype'),url(../fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');font-weight:400;font-style:normal}.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wi-fw{text-align:center;width:1.4em}.wi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.wi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.wi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.wi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.wi-day-sunny:before{content:"\f00d"}.wi-day-cloudy:before{content:"\f002"}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-haze:before{content:"\f0b6"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain:before{content:"\f008"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-showers:before{content:"\f009"}.wi-day-sleet:before{content:"\f0b2"}.wi-day-sleet-storm:before{content:"\f068"}.wi-day-snow:before{content:"\f00a"}.wi-day-snow-thunderstorm:before{content:"\f06b"}.wi-day-snow-wind:before{content:"\f065"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-thunderstorm:before{content:"\f010"}.wi-day-windy:before{content:"\f085"}.wi-solar-eclipse:before{content:"\f06e"}.wi-hot:before{content:"\f072"}.wi-day-cloudy-high:before{content:"\f07d"}.wi-day-light-wind:before{content:"\f0c4"}.wi-night-clear:before{content:"\f02e"}.wi-night-alt-cloudy:before{content:"\f086"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-sleet:before{content:"\f0b4"}.wi-night-alt-sleet-storm:before{content:"\f06a"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-snow-thunderstorm:before{content:"\f06d"}.wi-night-alt-snow-wind:before{content:"\f067"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-cloudy:before{content:"\f031"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-fog:before{content:"\f04a"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-partly-cloudy:before{content:"\f083"}.wi-night-rain:before{content:"\f036"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-showers:before{content:"\f037"}.wi-night-sleet:before{content:"\f0b3"}.wi-night-sleet-storm:before{content:"\f069"}.wi-night-snow:before{content:"\f038"}.wi-night-snow-thunderstorm:before{content:"\f06c"}.wi-night-snow-wind:before{content:"\f066"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-lunar-eclipse:before{content:"\f070"}.wi-stars:before{content:"\f077"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-night-alt-cloudy-high:before{content:"\f07e"}.wi-night-cloudy-high:before{content:"\f080"}.wi-night-alt-partly-cloudy:before{content:"\f081"}.wi-cloud:before{content:"\f041"}.wi-cloudy:before{content:"\f013"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-rain:before{content:"\f019"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-showers:before{content:"\f01a"}.wi-sleet:before{content:"\f0b5"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-snow-wind:before{content:"\f064"}.wi-snow:before{content:"\f01b"}.wi-smog:before{content:"\f074"}.wi-smoke:before{content:"\f062"}.wi-lightning:before{content:"\f016"}.wi-raindrops:before{content:"\f04e"}.wi-raindrop:before{content:"\f078"}.wi-dust:before{content:"\f063"}.wi-snowflake-cold:before{content:"\f076"}.wi-windy:before{content:"\f021"}.wi-strong-wind:before{content:"\f050"}.wi-sandstorm:before{content:"\f082"}.wi-earthquake:before{content:"\f0c6"}.wi-fire:before{content:"\f0c7"}.wi-flood:before{content:"\f07c"}.wi-meteor:before{content:"\f071"}.wi-tsunami:before{content:"\f0c5"}.wi-volcano:before{content:"\f0c8"}.wi-hurricane:before{content:"\f073"}.wi-tornado:before{content:"\f056"}.wi-small-craft-advisory:before{content:"\f0cc"}.wi-gale-warning:before{content:"\f0cd"}.wi-storm-warning:before{content:"\f0ce"}.wi-hurricane-warning:before{content:"\f0cf"}.wi-wind-direction:before{content:"\f0b1"}.wi-alien:before{content:"\f075"}.wi-celsius:before{content:"\f03c"}.wi-fahrenheit:before{content:"\f045"}.wi-degrees:before{content:"\f042"}.wi-thermometer:before{content:"\f055"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-up:before{content:"\f040"}.wi-cloud-refresh:before{content:"\f03e"}.wi-horizon:before{content:"\f047"}.wi-horizon-alt:before{content:"\f046"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-moonrise:before{content:"\f0c9"}.wi-moonset:before{content:"\f0ca"}.wi-refresh:before{content:"\f04c"}.wi-refresh-alt:before{content:"\f04b"}.wi-umbrella:before{content:"\f084"}.wi-barometer:before{content:"\f079"}.wi-humidity:before{content:"\f07a"}.wi-na:before{content:"\f07b"}.wi-train:before{content:"\f0cb"}.wi-moon-new:before{content:"\f095"}.wi-moon-waxing-crescent-1:before{content:"\f096"}.wi-moon-waxing-crescent-2:before{content:"\f097"}.wi-moon-waxing-crescent-3:before{content:"\f098"}.wi-moon-waxing-crescent-4:before{content:"\f099"}.wi-moon-waxing-crescent-5:before{content:"\f09a"}.wi-moon-waxing-crescent-6:before{content:"\f09b"}.wi-moon-first-quarter:before{content:"\f09c"}.wi-moon-waxing-gibbous-1:before{content:"\f09d"}.wi-moon-waxing-gibbous-2:before{content:"\f09e"}.wi-moon-waxing-gibbous-3:before{content:"\f09f"}.wi-moon-waxing-gibbous-4:before{content:"\f0a0"}.wi-moon-waxing-gibbous-5:before{content:"\f0a1"}.wi-moon-waxing-gibbous-6:before{content:"\f0a2"}.wi-moon-full:before{content:"\f0a3"}.wi-moon-waning-gibbous-1:before{content:"\f0a4"}.wi-moon-waning-gibbous-2:before{content:"\f0a5"}.wi-moon-waning-gibbous-3:before{content:"\f0a6"}.wi-moon-waning-gibbous-4:before{content:"\f0a7"}.wi-moon-waning-gibbous-5:before{content:"\f0a8"}.wi-moon-waning-gibbous-6:before{content:"\f0a9"}.wi-moon-third-quarter:before{content:"\f0aa"}.wi-moon-waning-crescent-1:before{content:"\f0ab"}.wi-moon-waning-crescent-2:before{content:"\f0ac"}.wi-moon-waning-crescent-3:before{content:"\f0ad"}.wi-moon-waning-crescent-4:before{content:"\f0ae"}.wi-moon-waning-crescent-5:before{content:"\f0af"}.wi-moon-waning-crescent-6:before{content:"\f0b0"}.wi-moon-alt-new:before{content:"\f0eb"}.wi-moon-alt-waxing-crescent-1:before{content:"\f0d0"}.wi-moon-alt-waxing-crescent-2:before{content:"\f0d1"}.wi-moon-alt-waxing-crescent-3:before{content:"\f0d2"}.wi-moon-alt-waxing-crescent-4:before{content:"\f0d3"}.wi-moon-alt-waxing-crescent-5:before{content:"\f0d4"}.wi-moon-alt-waxing-crescent-6:before{content:"\f0d5"}.wi-moon-alt-first-quarter:before{content:"\f0d6"}.wi-moon-alt-waxing-gibbous-1:before{content:"\f0d7"}.wi-moon-alt-waxing-gibbous-2:before{content:"\f0d8"}.wi-moon-alt-waxing-gibbous-3:before{content:"\f0d9"}.wi-moon-alt-waxing-gibbous-4:before{content:"\f0da"}.wi-moon-alt-waxing-gibbous-5:before{content:"\f0db"}.wi-moon-alt-waxing-gibbous-6:before{content:"\f0dc"}.wi-moon-alt-full:before{content:"\f0dd"}.wi-moon-alt-waning-gibbous-1:before{content:"\f0de"}.wi-moon-alt-waning-gibbous-2:before{content:"\f0df"}.wi-moon-alt-waning-gibbous-3:before{content:"\f0e0"}.wi-moon-alt-waning-gibbous-4:before{content:"\f0e1"}.wi-moon-alt-waning-gibbous-5:before{content:"\f0e2"}.wi-moon-alt-waning-gibbous-6:before{content:"\f0e3"}.wi-moon-alt-third-quarter:before{content:"\f0e4"}.wi-moon-alt-waning-crescent-1:before{content:"\f0e5"}.wi-moon-alt-waning-crescent-2:before{content:"\f0e6"}.wi-moon-alt-waning-crescent-3:before{content:"\f0e7"}.wi-moon-alt-waning-crescent-4:before{content:"\f0e8"}.wi-moon-alt-waning-crescent-5:before{content:"\f0e9"}.wi-moon-alt-waning-crescent-6:before{content:"\f0ea"}.wi-moon-0:before{content:"\f095"}.wi-moon-1:before{content:"\f096"}.wi-moon-2:before{content:"\f097"}.wi-moon-3:before{content:"\f098"}.wi-moon-4:before{content:"\f099"}.wi-moon-5:before{content:"\f09a"}.wi-moon-6:before{content:"\f09b"}.wi-moon-7:before{content:"\f09c"}.wi-moon-8:before{content:"\f09d"}.wi-moon-9:before{content:"\f09e"}.wi-moon-10:before{content:"\f09f"}.wi-moon-11:before{content:"\f0a0"}.wi-moon-12:before{content:"\f0a1"}.wi-moon-13:before{content:"\f0a2"}.wi-moon-14:before{content:"\f0a3"}.wi-moon-15:before{content:"\f0a4"}.wi-moon-16:before{content:"\f0a5"}.wi-moon-17:before{content:"\f0a6"}.wi-moon-18:before{content:"\f0a7"}.wi-moon-19:before{content:"\f0a8"}.wi-moon-20:before{content:"\f0a9"}.wi-moon-21:before{content:"\f0aa"}.wi-moon-22:before{content:"\f0ab"}.wi-moon-23:before{content:"\f0ac"}.wi-moon-24:before{content:"\f0ad"}.wi-moon-25:before{content:"\f0ae"}.wi-moon-26:before{content:"\f0af"}.wi-moon-27:before{content:"\f0b0"}.wi-time-1:before{content:"\f08a"}.wi-time-2:before{content:"\f08b"}.wi-time-3:before{content:"\f08c"}.wi-time-4:before{content:"\f08d"}.wi-time-5:before{content:"\f08e"}.wi-time-6:before{content:"\f08f"}.wi-time-7:before{content:"\f090"}.wi-time-8:before{content:"\f091"}.wi-time-9:before{content:"\f092"}.wi-time-10:before{content:"\f093"}.wi-time-11:before{content:"\f094"}.wi-time-12:before{content:"\f089"}.wi-direction-up:before{content:"\f058"}.wi-direction-up-right:before{content:"\f057"}.wi-direction-right:before{content:"\f04d"}.wi-direction-down-right:before{content:"\f088"}.wi-direction-down:before{content:"\f044"}.wi-direction-down-left:before{content:"\f043"}.wi-direction-left:before{content:"\f048"}.wi-direction-up-left:before{content:"\f087"}.wi-wind-beaufort-0:before{content:"\f0b7"}.wi-wind-beaufort-1:before{content:"\f0b8"}.wi-wind-beaufort-2:before{content:"\f0b9"}.wi-wind-beaufort-3:before{content:"\f0ba"}.wi-wind-beaufort-4:before{content:"\f0bb"}.wi-wind-beaufort-5:before{content:"\f0bc"}.wi-wind-beaufort-6:before{content:"\f0bd"}.wi-wind-beaufort-7:before{content:"\f0be"}.wi-wind-beaufort-8:before{content:"\f0bf"}.wi-wind-beaufort-9:before{content:"\f0c0"}.wi-wind-beaufort-10:before{content:"\f0c1"}.wi-wind-beaufort-11:before{content:"\f0c2"}.wi-wind-beaufort-12:before{content:"\f0c3"}.wi-yahoo-0:before{content:"\f056"}.wi-yahoo-1:before{content:"\f00e"}.wi-yahoo-2:before{content:"\f073"}.wi-yahoo-3:before{content:"\f01e"}.wi-yahoo-4:before{content:"\f01e"}.wi-yahoo-5:before{content:"\f017"}.wi-yahoo-6:before{content:"\f017"}.wi-yahoo-7:before{content:"\f017"}.wi-yahoo-8:before{content:"\f015"}.wi-yahoo-9:before{content:"\f01a"}.wi-yahoo-10:before{content:"\f015"}.wi-yahoo-11:before{content:"\f01a"}.wi-yahoo-12:before{content:"\f01a"}.wi-yahoo-13:before{content:"\f01b"}.wi-yahoo-14:before{content:"\f00a"}.wi-yahoo-15:before{content:"\f064"}.wi-yahoo-16:before{content:"\f01b"}.wi-yahoo-17:before{content:"\f015"}.wi-yahoo-18:before{content:"\f017"}.wi-yahoo-19:before{content:"\f063"}.wi-yahoo-20:before{content:"\f014"}.wi-yahoo-21:before{content:"\f021"}.wi-yahoo-22:before{content:"\f062"}.wi-yahoo-23:before{content:"\f050"}.wi-yahoo-24:before{content:"\f050"}.wi-yahoo-25:before{content:"\f076"}.wi-yahoo-26:before{content:"\f013"}.wi-yahoo-27:before{content:"\f031"}.wi-yahoo-28:before{content:"\f002"}.wi-yahoo-29:before{content:"\f031"}.wi-yahoo-30:before{content:"\f002"}.wi-yahoo-31:before{content:"\f02e"}.wi-yahoo-32:before{content:"\f00d"}.wi-yahoo-33:before{content:"\f083"}.wi-yahoo-34:before{content:"\f00c"}.wi-yahoo-35:before{content:"\f017"}.wi-yahoo-36:before{content:"\f072"}.wi-yahoo-37:before{content:"\f00e"}.wi-yahoo-38:before{content:"\f00e"}.wi-yahoo-39:before{content:"\f00e"}.wi-yahoo-40:before{content:"\f01a"}.wi-yahoo-41:before{content:"\f064"}.wi-yahoo-42:before{content:"\f01b"}.wi-yahoo-43:before{content:"\f064"}.wi-yahoo-44:before{content:"\f00c"}.wi-yahoo-45:before{content:"\f00e"}.wi-yahoo-46:before{content:"\f01b"}.wi-yahoo-47:before{content:"\f00e"}.wi-yahoo-3200:before{content:"\f077"}.wi-forecast-io-clear-day:before{content:"\f00d"}.wi-forecast-io-clear-night:before{content:"\f02e"}.wi-forecast-io-rain:before{content:"\f019"}.wi-forecast-io-snow:before{content:"\f01b"}.wi-forecast-io-sleet:before{content:"\f0b5"}.wi-forecast-io-wind:before{content:"\f050"}.wi-forecast-io-fog:before{content:"\f014"}.wi-forecast-io-cloudy:before{content:"\f013"}.wi-forecast-io-partly-cloudy-day:before{content:"\f002"}.wi-forecast-io-partly-cloudy-night:before{content:"\f031"}.wi-forecast-io-hail:before{content:"\f015"}.wi-forecast-io-thunderstorm:before{content:"\f01e"}.wi-forecast-io-tornado:before{content:"\f056"}.wi-wmo4680-00:before,.wi-wmo4680-0:before{content:"\f055"}.wi-wmo4680-01:before,.wi-wmo4680-1:before{content:"\f013"}.wi-wmo4680-02:before,.wi-wmo4680-2:before{content:"\f055"}.wi-wmo4680-03:before,.wi-wmo4680-3:before{content:"\f013"}.wi-wmo4680-04:before,.wi-wmo4680-4:before{content:"\f014"}.wi-wmo4680-05:before,.wi-wmo4680-5:before{content:"\f014"}.wi-wmo4680-10:before{content:"\f014"}.wi-wmo4680-11:before{content:"\f014"}.wi-wmo4680-12:before{content:"\f016"}.wi-wmo4680-18:before{content:"\f050"}.wi-wmo4680-20:before{content:"\f014"}.wi-wmo4680-21:before{content:"\f017"}.wi-wmo4680-22:before{content:"\f017"}.wi-wmo4680-23:before{content:"\f019"}.wi-wmo4680-24:before{content:"\f01b"}.wi-wmo4680-25:before{content:"\f015"}.wi-wmo4680-26:before{content:"\f01e"}.wi-wmo4680-27:before{content:"\f063"}.wi-wmo4680-28:before{content:"\f063"}.wi-wmo4680-29:before{content:"\f063"}.wi-wmo4680-30:before{content:"\f014"}.wi-wmo4680-31:before{content:"\f014"}.wi-wmo4680-32:before{content:"\f014"}.wi-wmo4680-33:before{content:"\f014"}.wi-wmo4680-34:before{content:"\f014"}.wi-wmo4680-35:before{content:"\f014"}.wi-wmo4680-40:before{content:"\f017"}.wi-wmo4680-41:before{content:"\f01c"}.wi-wmo4680-42:before{content:"\f019"}.wi-wmo4680-43:before{content:"\f01c"}.wi-wmo4680-44:before{content:"\f019"}.wi-wmo4680-45:before{content:"\f015"}.wi-wmo4680-46:before{content:"\f015"}.wi-wmo4680-47:before{content:"\f01b"}.wi-wmo4680-48:before{content:"\f01b"}.wi-wmo4680-50:before{content:"\f01c"}.wi-wmo4680-51:before{content:"\f01c"}.wi-wmo4680-52:before{content:"\f019"}.wi-wmo4680-53:before{content:"\f019"}.wi-wmo4680-54:before{content:"\f076"}.wi-wmo4680-55:before{content:"\f076"}.wi-wmo4680-56:before{content:"\f076"}.wi-wmo4680-57:before{content:"\f01c"}.wi-wmo4680-58:before{content:"\f019"}.wi-wmo4680-60:before{content:"\f01c"}.wi-wmo4680-61:before{content:"\f01c"}.wi-wmo4680-62:before{content:"\f019"}.wi-wmo4680-63:before{content:"\f019"}.wi-wmo4680-64:before{content:"\f015"}.wi-wmo4680-65:before{content:"\f015"}.wi-wmo4680-66:before{content:"\f015"}.wi-wmo4680-67:before{content:"\f017"}.wi-wmo4680-68:before{content:"\f017"}.wi-wmo4680-70:before{content:"\f01b"}.wi-wmo4680-71:before{content:"\f01b"}.wi-wmo4680-72:before{content:"\f01b"}.wi-wmo4680-73:before{content:"\f01b"}.wi-wmo4680-74:before{content:"\f076"}.wi-wmo4680-75:before{content:"\f076"}.wi-wmo4680-76:before{content:"\f076"}.wi-wmo4680-77:before{content:"\f01b"}.wi-wmo4680-78:before{content:"\f076"}.wi-wmo4680-80:before{content:"\f019"}.wi-wmo4680-81:before{content:"\f01c"}.wi-wmo4680-82:before{content:"\f019"}.wi-wmo4680-83:before{content:"\f019"}.wi-wmo4680-84:before{content:"\f01d"}.wi-wmo4680-85:before{content:"\f017"}.wi-wmo4680-86:before{content:"\f017"}.wi-wmo4680-87:before{content:"\f017"}.wi-wmo4680-89:before{content:"\f015"}.wi-wmo4680-90:before{content:"\f016"}.wi-wmo4680-91:before{content:"\f01d"}.wi-wmo4680-92:before{content:"\f01e"}.wi-wmo4680-93:before{content:"\f01e"}.wi-wmo4680-94:before{content:"\f016"}.wi-wmo4680-95:before{content:"\f01e"}.wi-wmo4680-96:before{content:"\f01e"}.wi-wmo4680-99:before{content:"\f056"}.wi-owm-200:before{content:"\f01e"}.wi-owm-201:before{content:"\f01e"}.wi-owm-202:before{content:"\f01e"}.wi-owm-210:before{content:"\f016"}.wi-owm-211:before{content:"\f016"}.wi-owm-212:before{content:"\f016"}.wi-owm-221:before{content:"\f016"}.wi-owm-230:before{content:"\f01e"}.wi-owm-231:before{content:"\f01e"}.wi-owm-232:before{content:"\f01e"}.wi-owm-300:before{content:"\f01c"}.wi-owm-301:before{content:"\f01c"}.wi-owm-302:before{content:"\f019"}.wi-owm-310:before{content:"\f017"}.wi-owm-311:before{content:"\f019"}.wi-owm-312:before{content:"\f019"}.wi-owm-313:before{content:"\f01a"}.wi-owm-314:before{content:"\f019"}.wi-owm-321:before{content:"\f01c"}.wi-owm-500:before{content:"\f01c"}.wi-owm-501:before{content:"\f019"}.wi-owm-502:before{content:"\f019"}.wi-owm-503:before{content:"\f019"}.wi-owm-504:before{content:"\f019"}.wi-owm-511:before{content:"\f017"}.wi-owm-520:before{content:"\f01a"}.wi-owm-521:before{content:"\f01a"}.wi-owm-522:before{content:"\f01a"}.wi-owm-531:before{content:"\f01d"}.wi-owm-600:before{content:"\f01b"}.wi-owm-601:before{content:"\f01b"}.wi-owm-602:before{content:"\f0b5"}.wi-owm-611:before{content:"\f017"}.wi-owm-612:before{content:"\f017"}.wi-owm-615:before{content:"\f017"}.wi-owm-616:before{content:"\f017"}.wi-owm-620:before{content:"\f017"}.wi-owm-621:before{content:"\f01b"}.wi-owm-622:before{content:"\f01b"}.wi-owm-701:before{content:"\f01a"}.wi-owm-711:before{content:"\f062"}.wi-owm-721:before{content:"\f0b6"}.wi-owm-731:before{content:"\f063"}.wi-owm-741:before{content:"\f014"}.wi-owm-761:before{content:"\f063"}.wi-owm-762:before{content:"\f063"}.wi-owm-771:before{content:"\f011"}.wi-owm-781:before{content:"\f056"}.wi-owm-800:before{content:"\f00d"}.wi-owm-801:before{content:"\f011"}.wi-owm-802:before{content:"\f011"}.wi-owm-803:before{content:"\f012"}.wi-owm-804:before{content:"\f013"}.wi-owm-900:before{content:"\f056"}.wi-owm-901:before{content:"\f01d"}.wi-owm-902:before{content:"\f073"}.wi-owm-903:before{content:"\f076"}.wi-owm-904:before{content:"\f072"}.wi-owm-905:before{content:"\f021"}.wi-owm-906:before{content:"\f015"}.wi-owm-957:before{content:"\f050"}.wi-owm-day-200:before{content:"\f010"}.wi-owm-day-201:before{content:"\f010"}.wi-owm-day-202:before{content:"\f010"}.wi-owm-day-210:before{content:"\f005"}.wi-owm-day-211:before{content:"\f005"}.wi-owm-day-212:before{content:"\f005"}.wi-owm-day-221:before{content:"\f005"}.wi-owm-day-230:before{content:"\f010"}.wi-owm-day-231:before{content:"\f010"}.wi-owm-day-232:before{content:"\f010"}.wi-owm-day-300:before{content:"\f00b"}.wi-owm-day-301:before{content:"\f00b"}.wi-owm-day-302:before{content:"\f008"}.wi-owm-day-310:before{content:"\f008"}.wi-owm-day-311:before{content:"\f008"}.wi-owm-day-312:before{content:"\f008"}.wi-owm-day-313:before{content:"\f008"}.wi-owm-day-314:before{content:"\f008"}.wi-owm-day-321:before{content:"\f00b"}.wi-owm-day-500:before{content:"\f00b"}.wi-owm-day-501:before{content:"\f008"}.wi-owm-day-502:before{content:"\f008"}.wi-owm-day-503:before{content:"\f008"}.wi-owm-day-504:before{content:"\f008"}.wi-owm-day-511:before{content:"\f006"}.wi-owm-day-520:before{content:"\f009"}.wi-owm-day-521:before{content:"\f009"}.wi-owm-day-522:before{content:"\f009"}.wi-owm-day-531:before{content:"\f00e"}.wi-owm-day-600:before{content:"\f00a"}.wi-owm-day-601:before{content:"\f0b2"}.wi-owm-day-602:before{content:"\f00a"}.wi-owm-day-611:before{content:"\f006"}.wi-owm-day-612:before{content:"\f006"}.wi-owm-day-615:before{content:"\f006"}.wi-owm-day-616:before{content:"\f006"}.wi-owm-day-620:before{content:"\f006"}.wi-owm-day-621:before{content:"\f00a"}.wi-owm-day-622:before{content:"\f00a"}.wi-owm-day-701:before{content:"\f009"}.wi-owm-day-711:before{content:"\f062"}.wi-owm-day-721:before{content:"\f0b6"}.wi-owm-day-731:before{content:"\f063"}.wi-owm-day-741:before{content:"\f003"}.wi-owm-day-761:before{content:"\f063"}.wi-owm-day-762:before{content:"\f063"}.wi-owm-day-781:before{content:"\f056"}.wi-owm-day-800:before{content:"\f00d"}.wi-owm-day-801:before{content:"\f000"}.wi-owm-day-802:before{content:"\f000"}.wi-owm-day-803:before{content:"\f000"}.wi-owm-day-804:before{content:"\f00c"}.wi-owm-day-900:before{content:"\f056"}.wi-owm-day-902:before{content:"\f073"}.wi-owm-day-903:before{content:"\f076"}.wi-owm-day-904:before{content:"\f072"}.wi-owm-day-906:before{content:"\f004"}.wi-owm-day-957:before{content:"\f050"}.wi-owm-night-200:before{content:"\f02d"}.wi-owm-night-201:before{content:"\f02d"}.wi-owm-night-202:before{content:"\f02d"}.wi-owm-night-210:before{content:"\f025"}.wi-owm-night-211:before{content:"\f025"}.wi-owm-night-212:before{content:"\f025"}.wi-owm-night-221:before{content:"\f025"}.wi-owm-night-230:before{content:"\f02d"}.wi-owm-night-231:before{content:"\f02d"}.wi-owm-night-232:before{content:"\f02d"}.wi-owm-night-300:before{content:"\f02b"}.wi-owm-night-301:before{content:"\f02b"}.wi-owm-night-302:before{content:"\f028"}.wi-owm-night-310:before{content:"\f028"}.wi-owm-night-311:before{content:"\f028"}.wi-owm-night-312:before{content:"\f028"}.wi-owm-night-313:before{content:"\f028"}.wi-owm-night-314:before{content:"\f028"}.wi-owm-night-321:before{content:"\f02b"}.wi-owm-night-500:before{content:"\f02b"}.wi-owm-night-501:before{content:"\f028"}.wi-owm-night-502:before{content:"\f028"}.wi-owm-night-503:before{content:"\f028"}.wi-owm-night-504:before{content:"\f028"}.wi-owm-night-511:before{content:"\f026"}.wi-owm-night-520:before{content:"\f029"}.wi-owm-night-521:before{content:"\f029"}.wi-owm-night-522:before{content:"\f029"}.wi-owm-night-531:before{content:"\f02c"}.wi-owm-night-600:before{content:"\f02a"}.wi-owm-night-601:before{content:"\f0b4"}.wi-owm-night-602:before{content:"\f02a"}.wi-owm-night-611:before{content:"\f026"}.wi-owm-night-612:before{content:"\f026"}.wi-owm-night-615:before{content:"\f026"}.wi-owm-night-616:before{content:"\f026"}.wi-owm-night-620:before{content:"\f026"}.wi-owm-night-621:before{content:"\f02a"}.wi-owm-night-622:before{content:"\f02a"}.wi-owm-night-701:before{content:"\f029"}.wi-owm-night-711:before{content:"\f062"}.wi-owm-night-721:before{content:"\f0b6"}.wi-owm-night-731:before{content:"\f063"}.wi-owm-night-741:before{content:"\f04a"}.wi-owm-night-761:before{content:"\f063"}.wi-owm-night-762:before{content:"\f063"}.wi-owm-night-781:before{content:"\f056"}.wi-owm-night-800:before{content:"\f02e"}.wi-owm-night-801:before{content:"\f022"}.wi-owm-night-802:before{content:"\f022"}.wi-owm-night-803:before{content:"\f022"}.wi-owm-night-804:before{content:"\f086"}.wi-owm-night-900:before{content:"\f056"}.wi-owm-night-902:before{content:"\f073"}.wi-owm-night-903:before{content:"\f076"}.wi-owm-night-904:before{content:"\f072"}.wi-owm-night-906:before{content:"\f024"}.wi-owm-night-957:before{content:"\f050"}.wi-wu-chanceflurries:before{content:"\f064"}.wi-wu-chancerain:before{content:"\f019"}.wi-wu-chancesleat:before{content:"\f0b5"}.wi-wu-chancesnow:before{content:"\f01b"}.wi-wu-chancetstorms:before{content:"\f01e"}.wi-wu-clear:before{content:"\f00d"}.wi-wu-cloudy:before{content:"\f002"}.wi-wu-flurries:before{content:"\f064"}.wi-wu-hazy:before{content:"\f0b6"}.wi-wu-mostlycloudy:before{content:"\f002"}.wi-wu-mostlysunny:before{content:"\f00d"}.wi-wu-partlycloudy:before{content:"\f002"}.wi-wu-partlysunny:before{content:"\f00d"}.wi-wu-rain:before{content:"\f01a"}.wi-wu-sleat:before{content:"\f0b5"}.wi-wu-snow:before{content:"\f01b"}.wi-wu-sunny:before{content:"\f00d"}.wi-wu-tstorms:before{content:"\f01e"}.wi-wu-unknown:before{content:"\f00d"}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
@charset "utf-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Jia $
 * $Date: 2016-07-11 Mon. $
 * **請注意: 本樣式檔提供網站內共同樣是，
     重置樣式請寫入reset.css，各分頁獨立樣式請寫入custom.css。
*/

/* Global Style */
html {
  font-size: 16px;
}

body {
  line-height: 150%;
  font-size: 1rem;
  font-family: 'PT Sans', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
}

/* Header */
#header {
  position: absolute;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
}

#header.scroll {
  position: fixed;
  top: -40px;
}

#header .top {
  /*background: rgba(11,147,232,1);
  background: -moz-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,147,232,1)), color-stop(100%, rgba(81,199,223,1)));
  background: -webkit-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: -o-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: -ms-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: linear-gradient(to right, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b93e8', endColorstr='#51c7df', GradientType=1 );*/
  background: #008de7;
}

#header .top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

#header .top .container::before,
#header .top .container::after {
  display: none;
}

#header .top .opts {
  float: right;
}

#header .top .opts li {
  display: inline-block;
  position: relative;
  margin-left: 16px;
  vertical-align: top;
}

#header .top .opts li:first-child {
  margin-left: 0;
}

#header .top .opts li:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #79ceea;
  border-radius: 100%;
  top: 16px;
  left: -13px;
}

#header .top .opts li:first-child:before {
  display: none;
}

#header .top .opts li>a {
  display: block;
  height: 24px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0 8px;
  margin: 8px 0;
}

#header .top .opts li>a:hover {
  text-decoration: underline;
}

#header .top .opts li>a i {
  margin-right: 6px;
}

#header .top .opts li>a:not(.member) i {
  display: none;
}

#header .top .opts .login {
  height: 24px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0 8px;
  margin: 8px 0;
}

#header .top .opts .login a {
  color: #fff000;
}

#header .top .opts .login a:hover {
  text-decoration: underline;
}

#header .top .opts .login a.thumb {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 4px;
}

#header .top .opts .login a.thumb img {
  border-radius: 100%;
}

#header > .container {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding-top: 17px;
  padding-bottom: 13px;
  transition: background .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: background .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: background .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: background .3s cubic-bezier(0, .4, .4, 1);
}

#header.scroll > .container {
  padding-top: 13px;
  padding-bottom: 6px;
}

#header.scroll.scroll-down > .container {
  background: rgba(255, 255, 255, .9);
}

#header > .container:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  transition: height .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: height .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: height .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: height .3s cubic-bezier(0, .4, .4, 1);
  /*background: rgba(11,147,232,1);
  background: -moz-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,147,232,1)), color-stop(100%, rgba(81,199,223,1)));
  background: -webkit-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: -o-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: -ms-linear-gradient(left, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  background: linear-gradient(to right, rgba(11,147,232,1) 0%, rgba(81,199,223,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b93e8', endColorstr='#51c7df', GradientType=1 );*/
  background: #008de7;
}

#header.scroll > .container:before {
  height: 5px;
}

#header .top .container .header-logo {
  float: left;
  width: 150px;
  transition: all .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: all .3s cubic-bezier(0, .4, .4, 1);
}

#header .top .container .header-logo img {
  width: 150px;
  height: auto;
  max-width: none;
}

#header.scroll .top .container .header-logo {
  width: 126px;
  height: 54px;
}

#header.scroll .top .container .header-logo img {
  width: 126px;
  height: 54px;
}

#header > .container a.switch {
  display: none;
}

#header .nav .nav-main {
  float: right;
}

#header .nav .nav-main>li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  /* margin-left: 11px;*/
}

#header .nav .nav-main>li:first-child {
  margin-left: 0;
}

#header .nav .nav-main>li:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 49px;
  background: #e5e5e5;
  top: 13px;
  left: -8px;
  pointer-events: none;
  transition: all .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: all .3s cubic-bezier(0, .4, .4, 1);
}

#header .nav .nav-main>li:first-child:before {
  display: none;
}

#header.scroll .nav .nav-main>li:before {
  height: 30px;
  top: 12px;
}

#header .nav .nav-main>li>a {
  display: block;
  width: 100px;
  height: 75px;
  font-size: 0.875rem;
  border-radius: 5px;
  background: transparent;
  text-align: center;
  padding: 4px 0 3px;
  transition: all .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: all .3s cubic-bezier(0, .4, .4, 1);
}

#header .nav .nav-main>li>a>h3 {
  font-size: 0.75rem;
  margin: 0;
  white-space: nowrap;
}

#header.scroll .nav .nav-main>li>a {
  height: 54px;
  padding: 15px 0;
}

#header .nav .nav-main>li.nav-main-1>a {
  color: #cb4800;
}

#header .nav .nav-main>li.nav-main-1:hover>a {
  color: #fff;
  background: #cb4800;
}

#header .nav .nav-main>li.nav-main-2>a {
  color: #008cd3;
}

#header .nav .nav-main>li.nav-main-2:hover>a {
  color: #fff;
  background: #008cd3;
}

#header .nav .nav-main>li.nav-main-3>a {
  color: #000;
}

#header .nav .nav-main>li.nav-main-3:hover>a {
  color: #fff;
  background: #000;
}

#header .nav .nav-main>li.nav-main-4>a {
  color: #955393;
}

#header .nav .nav-main>li.nav-main-4:hover>a {
  color: #fff;
  background: #955393;
}

#header .nav .nav-main>li.nav-main-5>a {
  color: #038d85;
}

#header .nav .nav-main>li.nav-main-5:hover>a {
  color: #fff;
  background: #038d85;
}

#header .nav .nav-main>li.nav-main-6>a {
  color: #0852a0;
}

#header .nav .nav-main>li.nav-main-6:hover>a {
  color: #fff;
  background: #0852a0;
}

#header .nav .nav-main>li.nav-main-7>a {
  color: #cd0606;
}

#header .nav .nav-main>li.nav-main-7:hover>a {
  color: #fff;
  background: #cd0606;
}

#header .nav .nav-main>li.nav-main-8>a {
  color: #ff872e;
}

#header .nav .nav-main>li.nav-main-8:hover>a {
  color: #fff;
  background: #ff872e;
}

#header .nav .nav-main>li.nav-main-9>a {
  color: #00913d;
}

#header .nav .nav-main>li.nav-main-9:hover>a {
  color: #fff;
  background: #00913d;
}

/*230221*/
#header .nav .nav-main>li.nav-main-10>a {
  color: #8E5B4B;
}

#header .nav .nav-main>li.nav-main-10:hover>a {
  color: #fff;
  background: #8E5B4B;
}

#header .nav .nav-main>li.nav-main-11>a {
  color: #2980b9;
}

#header .nav .nav-main>li.nav-main-11:hover>a {
  color: #fff;
  background: #2980b9;
}

#header .nav .nav-main>li.nav-main-12>a {
  color: #c0392b;
}

#header .nav .nav-main>li.nav-main-12:hover>a {
  color: #fff;
  background: #c0392b;
}

#header .nav .nav-main>li.nav-main-13>a {
  color: #78b828;
}

#header .nav .nav-main>li.nav-main-13>a>.ico img {
  width: 60px;
  height: 44px;
}

#header .nav .nav-main>li.nav-main-13>a:hover {
  color: #78b828;
  background: #78b828;
}

#header .nav .nav-main>li>a>.ico {
  width: 60px;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#header.scroll .nav .nav-main>li>a>.ico {
  display: none;
}

#header .nav .nav-main>li>a>.ico img {
  transition: opacity .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: opacity .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: opacity .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: opacity .3s cubic-bezier(0, .4, .4, 1);
}

#header .nav .nav-main>li:hover>a>.ico img {
  opacity: 0;
}

#header .nav .nav-main>li.nav-main-1>a>.ico {
  background-image: url('../images/header_nav_1_bg.png');
}

#header .nav .nav-main>li.nav-main-2>a>.ico {
  background-image: url('../images/header_nav_2_bg.png');
}

#header .nav .nav-main>li.nav-main-3>a>.ico {
  background-image: url('../images/header_nav_3_bg.png');
}

#header .nav .nav-main>li.nav-main-4>a>.ico {
  background-image: url('../images/header_nav_4_bg.png');
}

#header .nav .nav-main>li.nav-main-5>a>.ico {
  background-image: url('../images/header_nav_5_bg.png');
}

#header .nav .nav-main>li.nav-main-6>a>.ico {
  background-image: url('../images/header_nav_6_bg.png');
}

#header .nav .nav-main>li.nav-main-7>a>.ico {
  background-image: url('../images/header_nav_7_bg.png');
}

#header .nav .nav-main>li.nav-main-8>a>.ico {
  background-image: url('../images/header_nav_8_bg.png');
}

#header .nav .nav-main>li.nav-main-9>a>.ico {
  background-image: url('../images/header_nav_9_bg.png');
}

/*230221*/
#header .nav .nav-main>li.nav-main-10>a>.ico {
  background-image: url('../images/header_nav_10_bg.png');
}

#header .nav .nav-main>li.nav-main-11>a>.ico {
  background-image: url('../images/header_nav_11_bg.png');
}

#header .nav .nav-main>li.nav-main-12>a>.ico {
  background-image: url('../images/header_nav_12_bg.png');
}

#header .nav .nav-sub {
  display: none;
  position: absolute;
  top: calc(100% + 13px);
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#header.scroll .nav .nav-sub {
  top: calc(100% + 6px);
}

#header .nav li.nav-main-8>.nav-sub {
  left: auto;
  right: 0;
  width: 244px;
  transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}

#header .nav .nav-main>li:hover>.nav-sub {
  display: inline-block;
}

#header .nav-main>li>.nav-sub>li>.nav-sun {
  width: 100%;
  clear: left;
  overflow: visible;

  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

#header .nav .nav-sun {
  width: 100%;
  overflow: visible;
  clear: left;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

#header .nav .nav-sun {
  list-style-type: none;
  content: '';
  margin: 0;
  padding: 0;
  overflow: auto;
}

#header .nav .nav-sun:before {
  list-style-type: none;
  content: '';
  display: block;

  width: 100%;
  height: 13px;
  top: -13px;
  left: 0;
}

#header .nav .nav-sub:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 13px;
  top: -13px;
  left: 0;
}

/*#header .nav .nav-sub:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: url('../images/header_navsub_top.png') repeat-x;
  top: -3px;
  left: 0;
}*/
#header .nav li.nav-main-8>.nav-sub:after {
  background: url('../images/header_navsub_top2.png') repeat-x;
}

#header .nav li.nav-main-1>.nav-sub>li {
  background: #cb4800;
  border-top: 1px solid #df5a11;
  border-bottom: 1px solid #bb4200;
}

#header .nav li.nav-main-2>.nav-sub>li {
  background: #008cd3;
  border-top: 1px solid #149ee3;
  border-bottom: 1px solid #007bba;
}

#header .nav li.nav-main-3>.nav-sub>li {
  background: #000;
  border-top: 1px solid #222;
  border-bottom: 1px solid #000;
}

#header .nav li.nav-main-4>.nav-sub>li {
  background: #ab6ba9;
  border-top: 1px solid #ba80b8;
  border-bottom: 1px solid #995797;
}

#header .nav li.nav-main-5>.nav-sub>li {
  background: #038d85;
  border-top: 1px solid #10a69d;
  border-bottom: 1px solid #007a73;
}

#header .nav li.nav-main-6>.nav-sub>li {
  background: #0852a0;
  border-top: 1px solid #1565ba;
  border-bottom: 1px solid #02458c;
}

#header .nav li.nav-main-7>.nav-sub>li {
  background: #e20000;
  border-top: 1px solid #fb2121;
  border-bottom: 1px solid #c00;
}

#header .nav li.nav-main-8>.nav-sub>li {
  background: #ff872e;
  border-top-color: #ff9242;
  border-bottom-color: #f47314;
}

#header .nav li.nav-main-13>.nav-sub>li {
  background: #78b828;
  border-top: 1px solid #8acc30;
}

#header .nav .nav-sub>li:first-child {
  border-top: none;
}

#header .nav .nav-sub>li:last-child {
  border-bottom: none;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

#header .nav .nav-sub>li>a {
  display: block;
  min-width: 150px;
  padding: 6px 20px 6px 12px;
  white-space: nowrap;
}

#header .nav li.nav-main-1>.nav-sub>li>a:hover {
  background: #bb4200;
}

#header .nav li.nav-main-2>.nav-sub>li>a:hover {
  background: #007bba;
}

#header .nav li.nav-main-3>.nav-sub>li>a:hover {
  background: #222;
}

#header .nav li.nav-main-4>.nav-sub>li>a:hover {
  background: #995797;
}

#header .nav li.nav-main-5>.nav-sub>li>a:hover {
  background: #007a73;
}

#header .nav li.nav-main-6>.nav-sub>li>a:hover {
  background: #02458c;
}

#header .nav li.nav-main-7>.nav-sub>li>a:hover {
  background: #c00;
}

#header .nav li.nav-main-8>.nav-sub>li>a:hover {
  background: #f47314;
}

#header .nav li.nav-main-13>.nav-sub>li>a:hover {
  background: #62a01a;
}

#header .nav .nav-sub>li>a>.ico {
  display: inline-block;
  width: 44px;
  vertical-align: top;
}

#header .nav .nav-sub>li>a>h4 {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  font-size: 0.875rem;
  color: #fff;
  margin-left: 2px;
  white-space: nowrap;
  vertical-align: top;
}

#header .nav .nav-sun>li>a:hover {
  background: #f47314;
}

#header .nav li.nav-main-8>.nav-sub>li>.nav-sun>li {
  background: #ff5809;
  border-top-color: #ff9242;
  border-bottom-color: #f47314;
}

#header .nav .nav-sun>li:first-child {
  border-top: none;
}

#header .nav .nav-sun>li:last-child {
  border-bottom: none;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

#header .nav .nav-sun>li>a {
  display: block;
  min-width: 150px;
  padding: 6px 20px 6px 12px;
  white-space: nowrap;
}

#header .nav .nav-sun>li>a>.ico {
  display: inline-block;
  width: 44px;
  vertical-align: top;
}

#header .nav .nav-sun>li>a>h4 {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  font-size: 0.875rem;
  color: #fff;
  margin-left: 2px;
  white-space: nowrap;
  vertical-align: top;
}




@media (min-width: 1200px) and (max-width: 1338px) {
  #header > .container {
    max-width: 3600px;
    margin-left: 110px;
    margin-right: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
  }

  #header .top .container .header-logo {
    float: none;
    flex: 0 0 150px;
  }

  #header .nav {
    flex: 1;
    display: block !important;
    opacity: 1 !important;
  }

  #header .nav .nav-main {
    float: none;
    font-size: 0;
  }

  #header .nav .nav-main>li {
    margin-left: 0;
    width: calc(100% / 11 - 1px);
  }

  #header .nav .nav-main>li:before {
    left: -4px;
  }

  #header .nav .nav-main>li>a {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  #header .nav .nav-main {
    width: calc(100% - 180px);
    font-size: 0;
  }

  #header .nav .nav-main>li {
    /*margin-left: 3px;*/
    margin-left: 0;
    width: calc(100% / 11 - 1px);
  }

  #header .nav .nav-main>li:before {
    left: -4px;
  }

  #header .nav .nav-main>li>a {
    width: 100%;
  }
}

/*@media (max-width: 991px) {*/
@media (max-width: 1339px) {

  /*230221**/
  #header,
  #header.scroll {
    position: fixed;
    top: 0;
  }

  #header .top .opts li a:not(.member) {
    width: 40px;
    height: 40px;
    font-size: 0;
    margin: 0;
  }

  #header .top .opts li a:not(.member):hover {
    background: rgba(255, 255, 255, .25);
    text-decoration: none;
  }

  #header .top .opts li a:not(.member) i {
    display: block;
    line-height: 40px;
    font-size: 1.25rem;
    margin: auto;
    text-align: center;
  }

  #header .top .opts li a.member {
    height: 40px;
    line-height: 40px;
    margin: 0;
  }

  #header .top .opts li a.member:hover {
    background: rgba(255, 255, 255, .25);
    text-decoration: none;
  }

  #header .top .opts li a.member i {
    display: inline-block;
    font-size: 1.25rem;
    vertical-align: middle;
  }

  #header .top .opts li .login a {
    width: auto;
    height: auto;
    background: none !important;
    font-size: 0.875rem;
  }

  #header > .container:before {
    display: none;
  }

  #header > .container,
  #header.scroll > .container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 6px;
  }

  #header.scroll.scroll-down > .container {
    background: #fff;
  }

  #header .top .container .header-logo,
  #header.scroll .top .container .header-logo {
    width: 126px;
    height: 54px;
  }

  #header > .container a.switch {
    display: block;
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background: #eee;
    margin-top: 7px;
  }

  #header > .container a.switch span {
    display: block;
    position: absolute;
    width: 20px;
    height: 3px;
    background: #aaa;
    left: 10px;
    transition: all .3s cubic-bezier(0, .4, .4, 1);
    -ms-transition: all .3s cubic-bezier(0, .4, .4, 1);
    -moz-transition: all .3s cubic-bezier(0, .4, .4, 1);
    -webkit-transition: all .3s cubic-bezier(0, .4, .4, 1);
  }

  #header > .container a.switch span:nth-child(1) {
    top: 11px;
  }

  #header > .container a.switch span:nth-child(2) {
    top: 19px;
  }

  #header > .container a.switch span:nth-child(3) {
    top: 27px;
  }

  #header > .container a.switch span:nth-child(4) {
    width: 24px;
    background: #008cd3;
    top: 18px;
    left: 8px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    -moz-transform: rotate(45deg) scale(0);
    -webkit-transform: rotate(45deg) scale(0);
  }

  #header > .container a.switch span:nth-child(5) {
    width: 24px;
    background: #008cd3;
    top: 18px;
    left: 8px;
    opacity: 0;
    transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -webkit-transform: rotate(-45deg) scale(0);
  }

  #header > .container a.switch.open span:nth-child(1),
  #header > .container a.switch.open span:nth-child(2),
  #header > .container a.switch.open span:nth-child(3) {
    opacity: 0;
  }

  #header > .container a.switch.open span:nth-child(4) {
    opacity: 1;
    transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -moz-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
  }

  #header > .container a.switch.open span:nth-child(5) {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -webkit-transform: rotate(-45deg) scale(1);
  }

  #header .nav {
    float: none;
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    top: calc(100% + 1px);
    left: 0;
    display: none;
  }

  #header .nav .nav-main {
    float: none;
    width: 100%;
  }

  #header .nav .nav-main>li {
    /*width: calc(12.5% - 4.75px);*/
    padding: 6px;
    /*margin-left: 1px;*/
  }

  #header .nav .nav-main>li:before,
  #header.scroll .nav .nav-main>li:before {
    height: 49px;
    top: 13px;
    left: -3px;
  }

  #header .nav .nav-main>li>a {
    width: 100%;
  }

  #header.scroll .nav .nav-main>li>a {
    height: 75px;
    padding: 4px 0 3px;
  }

  #header.scroll .nav .nav-main>li>a>.ico {
    display: block;
  }

  #header .nav .nav-sub {
    top: 100%;
  }

  #header .nav .nav-main>li:hover>.nav-sub {
    display: none;
  }

  #header .nav .nav-main>li.open>.nav-sub {
    display: inline-block;
  }

  #header .nav .nav-sub>li>a {
    padding: 3px 20px 3px 12px;
  }

  #header .nav .nav-main>li.nav-main-1:hover>a,
  #header .nav .nav-main>li.nav-main-2:hover>a,
  #header .nav .nav-main>li.nav-main-3:hover>a,
  #header .nav .nav-main>li.nav-main-4:hover>a,
  #header .nav .nav-main>li.nav-main-5:hover>a,
  #header .nav .nav-main>li.nav-main-6:hover>a,
  #header .nav .nav-main>li.nav-main-7:hover>a,
  #header .nav .nav-main>li.nav-main-9:hover>a,
  /*230222*/
  #header .nav .nav-main>li.nav-main-10:hover>a,
  /*230222*/
  #header .nav .nav-main>li.nav-main-8:hover>a {
    background: transparent;
  }

  #header .nav .nav-main>li.nav-main-1:hover>a {
    color: #cb4800;
  }

  #header .nav .nav-main>li.nav-main-2:hover>a {
    color: #008cd3;
  }

  #header .nav .nav-main>li.nav-main-3:hover>a {
    color: #000;
  }

  #header .nav .nav-main>li.nav-main-4:hover>a {
    color: #955393;
  }

  #header .nav .nav-main>li.nav-main-5:hover>a {
    color: #038d85;
  }

  #header .nav .nav-main>li.nav-main-6:hover>a {
    color: #0852a0;
  }

  #header .nav .nav-main>li.nav-main-7:hover>a {
    color: #cd0606;
  }

  #header .nav .nav-main>li.nav-main-8:hover>a {
    color: #ff872e;
  }

  #header .nav .nav-main>li.nav-main-9:hover>a {
    color: #00913d;
  }

  /*230222*/
  #header .nav .nav-main>li.nav-main-10:hover>a {
    color: #8E5B4B;
  }

  #header .nav .nav-main>li.nav-main-13>a:hover {
    color: #fff;
    background: #78b828;
  }

  /*230222*/
  #header .nav .nav-main>li.nav-main-1.open>a,
  #header .nav .nav-main>li.nav-main-2.open>a,
  #header .nav .nav-main>li.nav-main-3.open>a,
  #header .nav .nav-main>li.nav-main-4.open>a,
  #header .nav .nav-main>li.nav-main-5.open>a,
  #header .nav .nav-main>li.nav-main-6.open>a,
  #header .nav .nav-main>li.nav-main-7.open>a,
  #header .nav .nav-main>li.nav-main-9.open>a,
  /*230222*/
  #header .nav .nav-main>li.nav-main-10.open>a,
  /*230222*/
  #header .nav .nav-main>li.nav-main-8.open>a,
  #header .nav .nav-main>li.nav-main-13.open>a {
    color: #fff;
  }

  #header .nav .nav-main>li.nav-main-1.open>a {
    background: #cb4800;
  }

  #header .nav .nav-main>li.nav-main-2.open>a {
    background: #008cd3;
  }

  #header .nav .nav-main>li.nav-main-3.open>a {
    background: #000;
  }

  #header .nav .nav-main>li.nav-main-4.open>a {
    background: #955393;
  }

  #header .nav .nav-main>li.nav-main-5.open>a {
    background: #038d85;
  }

  #header .nav .nav-main>li.nav-main-6.open>a {
    background: #0852a0;
  }

  #header .nav .nav-main>li.nav-main-7.open>a {
    background: #cd0606;
  }

  #header .nav .nav-main>li.nav-main-8.open>a {
    background: #ff872e;
  }

  #header .nav .nav-main>li.nav-main-9.open>a {
    background: #00913d;
  }

  /*230222*/
  #header .nav .nav-main>li.nav-main-10.open>a {
    background: #8E5B4B;
  }

  #header .nav .nav-main>li.nav-main-13.open>a {
    background: #78b828;
  }

  /*230222*/
  #header .nav .nav-sub>li>a>.ico {
    width: 33px;
  }

  #header .nav .nav-main>li:hover>a>.ico img {
    opacity: 1;
  }

  #header .nav .nav-main>li.open>a>.ico img {
    opacity: 0;
  }

  #header .nav .nav-sub>li>a>h4 {
    height: 32px;
    line-height: 32px;
  }

  #header .nav li.nav-main-1>.nav-sub {
    left: 6px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  #header .nav li.nav-main-8>.nav-sub {
    right: 6px;
  }
}

/*@media (max-width: 767px) {*/
@media (max-width: 1339px) {

  /*230222*/
  #header .top .opts li {
    margin-left: -3px;
  }

  #header .top .opts li:before {
    display: none;
  }

  #header .nav {
    height: calc(100vh - 111px);
    background: rgba(255, 255, 255, .9);
    overflow: auto;
  }

  #header .nav .nav-main>li {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #ddd;
  }

  #header .nav .nav-main>li:before,
  #header .nav .nav-main>li:first-child:before,
  #header.scroll .nav .nav-main>li:before,
  #header.scroll .nav .nav-main>li:first-child:before {
    display: block;
    width: 65px;
    height: 46px;
    background: #999;
    top: 0;
    left: 0;
    transform-origin: right top;
    -moz-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transition: width .3s cubic-bezier(0, .4, .4, 1);
    -ms-transition: width .3s cubic-bezier(0, .4, .4, 1);
    -moz-transition: width .3s cubic-bezier(0, .4, .4, 1);
    -webkit-transition: width .3s cubic-bezier(0, .4, .4, 1);
  }

  #header .nav .nav-main>li.open:before {
    width: 105%;
  }

  #header .nav .nav-main>li.nav-main-1:before {
    background: #cb4800;
  }

  #header .nav .nav-main>li.nav-main-2:before {
    background: #008cd3;
  }

  #header .nav .nav-main>li.nav-main-3:before {
    background: #000;
  }

  #header .nav .nav-main>li.nav-main-4:before {
    background: #955393;
  }

  #header .nav .nav-main>li.nav-main-5:before {
    background: #038d85;
  }

  #header .nav .nav-main>li.nav-main-6:before {
    background: #0852a0;
  }

  #header .nav .nav-main>li.nav-main-7:before {
    background: #cd0606;
  }

  #header .nav .nav-main>li.nav-main-8:before {
    background: #ff872e;
  }

  #header .nav .nav-main>li.nav-main-9:before {
    background: #00913d;
  }

  /*230222*/
  #header .nav .nav-main>li.nav-main-10:before {
    background: #8E5B4B;
  }

  /*230222*/
  #header .nav .nav-main>li>a {
    position: relative;
    height: auto !important;
    font-size: 0.9375rem;
    padding: 10px 15px !important;
    border-radius: 0;
  }

  #header .nav .nav-main>li.open>a {
    background: transparent !important;
  }

  #header .nav .nav-main>li>a>.ico {
    float: left;
    width: 36px;
    height: 26px;
  }

  #header .nav .nav-main>li>a>.ico img {
    opacity: 0 !important;
  }

  #header .nav .nav-main>li>a>h3 {
    float: left;
    height: 26px;
    line-height: 26px;
    margin-left: 20px;
  }

  #header .nav .nav-main>li.open>.nav-sub {
    display: block;
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  #header .nav .nav-sub:before,
  #header .nav .nav-sub:after {
    display: none;
  }

  #header .nav .nav-sub>li {
    border-top: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
  }

  #header .nav li.nav-main-1>.nav-sub>li {
    background: rgba(203, 72, 0, .75);
  }

  #header .nav li.nav-main-2>.nav-sub>li {
    background: rgba(0, 140, 211, .75);
  }

  #header .nav li.nav-main-3>.nav-sub>li {
    background: rgba(0, 0, 0, .75);
  }

  #header .nav li.nav-main-5>.nav-sub>li {
    background: rgba(149, 83, 147, .75);
  }

  #header .nav li.nav-main-5>.nav-sub>li {
    background: rgba(3, 141, 133, .75);
  }

  #header .nav li.nav-main-6>.nav-sub>li {
    background: rgba(8, 82, 160, .75);
  }

  #header .nav li.nav-main-7>.nav-sub>li {
    background: rgba(205, 6, 6, .75);
  }

  #header .nav li.nav-main-8>.nav-sub>li {
    background: rgba(255, 135, 46, .75);
  }

  #header .nav .nav-sub>li:last-child {
    border-radius: 0;
  }

  #header .nav .nav-sub>li>a {
    padding: 6px 15px 6px 35px;
  }

  #header .nav li.nav-main-1>.nav-sub>li>a:hover {
    background: #cb4800;
  }

  #header .nav li.nav-main-2>.nav-sub>li>a:hover {
    background: #008cd3;
  }

  #header .nav li.nav-main-3>.nav-sub>li>a:hover {
    background: #000;
  }

  #header .nav li.nav-main-4>.nav-sub>li>a:hover {
    background: #955393;
  }

  #header .nav li.nav-main-5>.nav-sub>li>a:hover {
    background: #038d85;
  }

  #header .nav li.nav-main-6>.nav-sub>li>a:hover {
    background: #0852a0;
  }

  #header .nav li.nav-main-7>.nav-sub>li>a:hover {
    background: #cd0606;
  }

  #header .nav li.nav-main-8>.nav-sub>li>a:hover {
    background: #ff872e;
  }

  #header .nav li.nav-main-13>.nav-sub>li>a:hover {
    background: #62a01a;
  }

  #header .nav .nav-sub>li>a>h4 {
    margin-left: 10px;
  }
}

/*@media (min-width: 992px) {*/
@media (min-width: 1339px) {

  /*230221 */
  /* flex 排版：logo 和 nav 無縫對接；container 全寬左對齊，左側留白自訂 */
  #header > .container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
  }

  #header .top .container .header-logo {
    float: none;
    flex: 0 0 150px;
  }

  #header.scroll .top .container .header-logo {
    flex-basis: 126px;
  }

  #header .nav {
    flex: 1;
    display: block !important;
    opacity: 1 !important;
  }

  #header .nav .nav-main {
    float: none;
    font-size: 0;
    display: flex;
    gap: 10px;
  }

  #header .nav .nav-main>li {
    flex: 1;
  }

  #header .nav .nav-main>li:before {
    left: -5px;
  }

  #header .nav .nav-main>li>a {
    width: 100%;
    font-size: clamp(0.75rem, 0.7vw, 0.875rem);
    overflow: hidden;
  }
}


/* Footer */
#footer .links {
  position: relative;
  background: #f9f9f9;
  padding-top: 20px;
  padding-bottom: 30px;
}

#footer .links:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  left: 0;
  background: rgba(223, 223, 223, 1);
  background: -moz-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(249, 249, 249, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223, 223, 223, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
  background: -webkit-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(249, 249, 249, 1) 100%);
  background: -o-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(249, 249, 249, 1) 100%);
  background: -ms-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(249, 249, 249, 1) 100%);
  background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0%, rgba(249, 249, 249, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f9f9f9', GradientType=0);
}

#footer .links ul li {
  float: left;
  padding-right: 10px;
  white-space: nowrap;
}

#footer .links ul li:last-child {
  padding-right: 0;
}

#footer .links ul li p {
  margin-top: 20px;
}

#footer .links ul li p a {
  display: block;
  position: relative;
  height: 28px;
  line-height: 28px;
  font-size: 1rem;
  padding: 0 9px 0 20px;
  margin-bottom: 3px;
}

#footer .links ul li p a.link-1 {
  color: #cb4800;
}

#footer .links ul li p a.link-2 {
  color: #008cd3;
}

#footer .links ul li p a.link-3 {
  color: #000;
}

#footer .links ul li p a.link-4 {
  color: #32870d;
}

#footer .links ul li p a.link-5 {
  color: #955393;
}

#footer .links ul li p a.link-6 {
  color: #0852a0;
}

#footer .links ul li p a.link-7 {
  color: #038d85;
}

#footer .links ul li p a.link-8 {
  color: #2d42c0;
}

#footer .links ul li p a.link-9 {
  color: #cd0606;
}

#footer .links ul li p a.link-10 {
  color: #f35000;
}

#footer .links ul li p a:before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 14px;
  top: 7px;
  left: 8px;
}

#footer .links ul li p a.link-1:before {
  background: #cb4800;
}

#footer .links ul li p a.link-2:before {
  background: #008cd3;
}

#footer .links ul li p a.link-3:before {
  background: #000;
}

#footer .links ul li p a.link-4:before {
  background: #32870d;
}

#footer .links ul li p a.link-5:before {
  background: #955393;
}

#footer .links ul li p a.link-6:before {
  background: #0852a0;
}

#footer .links ul li p a.link-7:before {
  background: #038d85;
}

#footer .links ul li p a.link-8:before {
  background: #2d42c0;
}

#footer .links ul li p a.link-9:before {
  background: #cd0606;
}

#footer .links ul li p a.link-10:before {
  background: #f35000;
}

#footer .links ul li span {
  display: block;
  padding-left: 20px;
}

#footer .links ul li span a {
  font-size: 0.875rem;
  color: #333;
}

#footer .links ul li span a:hover {
  color: #008cd3;
}

#footer .bot {
  background: #008de7;
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer .bot a.logo {
  display: block;
  float: left;
  width: 132px;
  height: 60px;
}

#footer .bot .copy {
  float: left;
  line-height: 20px;
  font-size: 0.875rem;
  color: #fff;
  margin-top: 12px;
  margin-left: 25px;
}

#footer .bot .copy a {
  color: #fff;
}

#footer .bot .copy a:hover {
  text-decoration: underline;
}

#footer .bot .customer {
  float: right;
  line-height: 20px;
  font-size: 0.75rem;
  color: #fff;
  padding-right: 5px;
  margin-top: 4px;
}

#footer .bot .customer span {
  display: block;
  line-height: 32px;
  font-size: 1.875rem;
  font-family: 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
  font-weight: 700;
}

#footer .bot .customer span.mail {
  font-size: 0.8rem;
}

#footer .bot .customer span.mail a {
  color: #fff !important;
}

@media (max-width: 1199px) {
  #footer .links ul li {
    padding-right: 30px;
  }
}

/*@media (max-width: 991px) {*/
@media (max-width: 1338px) {

  /*230221**/
  #footer .links ul li:nth-child(1),
  #footer .links ul li:nth-child(2),
  #footer .links ul li:nth-child(3) {
    padding-right: 95px;
  }

  #footer .links ul li:nth-child(4) {
    padding-right: 0;
  }

  #footer .links ul li:nth-child(5) {
    padding-right: 60.172px;
  }

  #footer .links ul li:nth-child(6) {
    padding-right: 68px;
  }

  #footer .bot .copy {
    width: 100%;
    margin-left: 0;
  }
}

/*@media (max-width: 767px) {*/
@media (max-width: 1339px) {

  /*230222*/
  #footer .links ul li {
    float: none;
    display: inline-block;
    width: calc(25% - 3.5px) !important;
    padding-right: 0 !important;
    vertical-align: top;
  }
}

@media (max-width: 639px) {
  #footer .links ul li {
    width: calc(50% - 3px) !important;
  }
}

@media (max-width: 479px) {
  #footer .bot .customer {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
}



/* Page */
.g-wrap {
  padding-top: 146px;
  transition: padding .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: padding .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: padding .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: padding .3s cubic-bezier(0, .4, .4, 1);
  word-wrap: break-word;
  word-break: normal;
}

@media (max-width: 1339px) {

  /*230221**/
  .g-wrap {
    padding-top: 111px;
  }
}

/* Page - Banner */
.p-ban {
  height: 335px;
}

/*@media (max-width: 767px) {*/
@media (max-width: 1339px) {

  /*230221**/
  .p-ban {
    height: 200px;
  }
}

/* Page - Breadcrumb */
.p-crumb {
  margin: 28px auto 14px;
  text-align: right;
}

.p-crumb>span {
  display: inline-block;
  position: relative;
  height: 24px;
  line-height: 24px;
  font-size: 0.75rem;
  margin-right: 20px;
  padding: 0 4px;
  vertical-align: top;
}

.p-crumb>span:after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  top: 9px;
  right: -14px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.p-crumb>span:last-child {
  margin-right: 0;
  color: #1b6db9;
}

.p-crumb>span:last-child:after {
  display: none;
}

.p-crumb a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #777;
  vertical-align: top;
}

.p-crumb a:hover {
  color: #333;
}

.p-crumb a.home {
  padding-left: 20px;
  background: url('../images/crumb_ico.png') 2px 6px no-repeat;
  background-size: 10px 11px;
}

/* Page - Main Title */
.p-ti {
  padding-top: 6px;
  padding-bottom: 9px;
  border-bottom: 2px solid #444;
}

.p-ti .ico {
  float: left;
  width: 52px;
  margin-right: 15px;
  vertical-align: middle;
}

.p-ti .ico img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.p-ti h2 {
  float: left;
  line-height: 38px;
  font-size: 1.625rem;
  color: #000;
}

/* Page - Subpage Pagination Tab */
.p-head {
  border-bottom: 1px dashed #ddd;
}

ul.p-pagetab {
  margin-top: 20px;
  margin-bottom: 12px;
}

ul.p-pagetab li {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  margin-bottom: 10px;
}

ul.p-pagetab li a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 0.9375rem;
  color: #666;
  background: #eee;
  border-radius: 36px;
  padding: 0 24px;
  transition: color .3s cubic-bezier(0, .4, .4, 1), background .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: color .3s cubic-bezier(0, .4, .4, 1), background .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: color .3s cubic-bezier(0, .4, .4, 1), background .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: color .3s cubic-bezier(0, .4, .4, 1), background .3s cubic-bezier(0, .4, .4, 1);
}

ul.p-pagetab li h3>a,
ul.p-pagetab li a:hover {
  color: #fff;
  background: #666;
}

.p-pagetab-drop {
  display: none;
}

/*@media (max-width: 991px) {*/
@media (max-width: 1339px) {

  /*230221**/
  ul.p-pagetab {
    display: none;
  }

  .p-pagetab-drop {
    display: block;
    width: 200px;
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .p-pagetab-drop .btn {
    position: relative;
    width: 200px;
    color: #666;
    border-color: #ddd;
    background: #eee;
    text-align: left;
    outline: none !important;
  }

  .p-pagetab-drop.open .btn {
    color: #fff;
    border-color: #adadad;
    background: #adadad;
  }

  .p-pagetab-drop .btn i.fa {
    position: absolute;
    top: 9px;
    right: 10px;
  }

  .p-pagetab-drop .dropdown-menu {
    width: 200px;
    border-color: #adadad;
    padding: 0;
  }

  .p-pagetab-drop .dropdown-menu>li>a {
    padding: 6px 12px;
  }

  .p-pagetab-drop .dropdown-menu>li.current>a,
  .p-pagetab-drop .dropdown-menu>li>a:hover {
    background: rgba(0, 0, 0, .1);
  }
}

/* Page - Back Button */
.p-back {
  text-align: center;
  margin-bottom: 45px;
}

.p-back a {
  display: inline-block;
  height: 36px;
  line-height: 34px;
  font-size: 0.875rem;
  color: #8e8e8e;
  border: 1px solid #c7c7c7;
  background: #fff;
  border-radius: 36px;
  padding: 0 28px;
  transition: all .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: all .3s cubic-bezier(0, .4, .4, 1);
}

.p-back a:hover {
  color: #fff;
  background: #c7c7c7;
}

/* Page - Notification Board */
.p-board {
  border-top: 3px solid #ffc8a0;
  background: url('../images/board_bg.jpg');
  padding: 20px 25px;
  margin-bottom: 25px;
}

.p-board .ti {
  line-height: 30px;
  font-size: 1.125rem;
  color: #000;
  background: url('../images/board_ti.png') 1px 1px no-repeat;
  background-size: 28px 28px;
  padding-left: 35px;
  margin-bottom: 15px;
}

.p-board .content {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  padding: 20px 25px;
}

/*@media (max-width: 767px) {*/
@media (max-width: 1339px) {

  /*230222*/
  .p-board,
  .p-board .content {
    padding: 15px;
  }
}

/* Form - Buttons */
.p-form-btn {
  text-align: center;
  margin-bottom: 40px;
}

.p-form-btn .btn {
  width: 170px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border-radius: 0;
  padding: 0;
  margin: 0 6px;
  outline: none !important;
  transition: background .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: background .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: background .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: background .3s cubic-bezier(0, .4, .4, 1);
}

.p-form-btn .btn:active {
  box-shadow: none;
}

.p-form-btn .btn.submit {
  background: #ff9900;
}

.p-form-btn .btn.submit:hover {
  background: #ff6600;
}

.p-form-btn .btn.back {
  background: #007bb9;
}

/* Page - Related Items */
.p-relate {
  margin-top: 40px;
}

.p-relate .p-relate-ti {
  position: relative;
  height: 40px;
  text-align: center;
  margin-bottom: 20px;
}

.p-relate .p-relate-ti:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ccc;
  top: 19px;
  left: 0;
}

.p-relate .p-relate-ti span {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 1.25rem;
  color: #999;
  background: #fff;
  padding: 0 30px;
}

.p-relate-slick .item {
  position: relative;
  padding: 0 15px;
}

.p-relate-slick .item .title {
  height: 48px;
  font-size: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 4px;
  overflow: hidden;
}

.p-relate-slick .item .price {
  height: 30px;
  line-height: 30px;
  font-size: 1.5rem;
  color: #ff3c00;
  padding-left: 4px;
  margin-bottom: 1px;
}

.p-relate-slick .item .price small {
  font-size: 0.8125rem;
  margin-left: 4px;
}

.p-relate-slick .item a.view {
  display: block;
  position: absolute;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 0.75rem;
  color: #8e8e8e;
  border: 1px solid #c7c7c7;
  background: #fff;
  border-radius: 30px;
  text-align: center;
  right: 4px;
  bottom: 1px;
  transition: all .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: all .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: all .3s cubic-bezier(0, .4, .4, 1);
}

.p-relate-slick .item a.view:hover {
  color: #fff;
  background: #c7c7c7;
}

.p-relate-slick .slick-arrow {
  display: block;
  position: absolute;
  z-index: 10;
  width: 25px;
  height: 41px;
  font-size: 0;
  border: none;
  background: rgba(0, 0, 0, .25);
  top: 50%;
  margin-top: -50px;
  transition: background .3s cubic-bezier(0, .4, .4, 1);
  -ms-transition: background .3s cubic-bezier(0, .4, .4, 1);
  -moz-transition: background .3s cubic-bezier(0, .4, .4, 1);
  -webkit-transition: background .3s cubic-bezier(0, .4, .4, 1);
}

.p-relate-slick .slick-arrow:hover {
  background: rgba(0, 0, 0, .5);
}

.p-relate-slick .slick-prev {
  left: 0;
}

.p-relate-slick .slick-prev:after {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 14px;
  left: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.p-relate-slick .slick-next {
  right: 0;
}

.p-relate-slick .slick-next:after {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 14px;
  right: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.p-relate-slick .slick-dots {
  height: 10px;
  text-align: center;
  margin: 30px 0;
  padding: 0;
  list-style: none;
}

.p-relate-slick .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}

.p-relate-slick .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  font-size: 0;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 100%;
  padding: 0;
}

.p-relate-slick .slick-dots li.slick-active button {
  background: #aaa;
}

@media (max-width: 399px) {
  .p-relate-slick .item {
    padding: 0 5px;
  }
}

/* Sweet Alert */
.sweet-overlay {
  display: none !important;
}

.sweet-alert {
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.sweet-alert .sa-icon.sa-custom {
  width: 100% !important;
  background-size: initial;
}

.sweet-alert h2 {
  position: relative;
  z-index: 2020;
}

.sweet-alert .lead.text-muted {
  line-height: 24px;
  font-size: 0.875rem;
  color: #666;
  margin-top: 15px;
}

.sweet-alert .btn {
  line-height: 24px;
  font-size: 0.9375rem;
  padding: 4px 10px;
  border-radius: 2px;
}

.sweet-alert .btn-lg {
  padding: 4px 10px;
  border-radius: 2px;
}

.sweet-alert .btn.cancel {
  margin-right: 6px;
}


/* 文字編輯器 */
.text-edit {
  line-height: 26px;
  font-size: 0.9375rem;
}

.text-edit:before,
.text-edit:after {
  content: '';
  display: table;
}

.text-edit:after {
  clear: both;
}

.text-edit * {
  max-width: 100%;
}

.text-edit .row {
  max-width: none;
}

.text-edit img {
  height: auto !important;
}

/** 購票詳細樣板 **/
.text-edit .sample+.sample {
  margin-top: 15px;
}

/*** 左圖右文 ***/
.text-edit .lpic-rtxt .pic {
  float: left;
  width: 60%;
  padding-right: 15px;
}

.text-edit .lpic-rtxt .txt {
  float: right;
  width: 40%;
  padding-top: 100px;
}

@media (max-width: 1199px) {
  .text-edit .lpic-rtxt .txt {
    padding-top: 60px;
  }
}

/*@media (max-width: 991px) {*/
@media (max-width: 1339px) {

  /*230221**/
  .text-edit .lpic-rtxt .pic,
  .text-edit .lpic-rtxt .txt {
    float: none;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 0;
  }

  .text-edit .lpic-rtxt .txt {
    padding-top: 15px;
  }
}

/*** 右圖左文 ***/
.text-edit .rpic-ltxt .pic {
  float: right;
  width: 60%;
  padding-left: 15px;
}

.text-edit .rpic-ltxt .txt {
  float: left;
  width: 40%;
  padding-top: 100px;
}

@media (max-width: 1199px) {
  .text-edit .rpic-ltxt .txt {
    padding-top: 60px;
  }
}

/*@media (max-width: 991px) {*/
@media (max-width: 1339px) {

  /*230221**/
  .text-edit .rpic-ltxt .pic,
  .text-edit .rpic-ltxt .txt {
    float: none;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 0;
  }

  .text-edit .rpic-ltxt .txt {
    padding-top: 15px;
  }
}

/*<!--traffic icon 調整 -->*/
@media (max-width:510px) {
  .container .describe img {
    width: 100%;
  }
}

/*<!--header top 調整 -->*/
@media (max-width:510px) {
  #header .top #lang {
    margin-right: auto;
  }
}

@media (max-width:510px) {
  #header .top .container {
    text-align: center;
  }
}

@media (max-width:510px) {
  #header .top .opts {
    float: none;
  }
}
@charset "utf-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Jia $
 * $Date: 2016-07-11 Mon. $
 * **請注意: 本樣式檔提供各分頁獨立樣式，
     重置樣式請寫入reset.css，共同樣式請斟酌寫入layout.css。
*/

/* Index Weather */
i.wi.wi-0:before { content: '\f056'; }
i.wi.wi-1:before { content: '\f010'; }
i.wi.wi-2:before { content: '\f01d'; }
i.wi.wi-3:before { content: '\f01e'; }
i.wi.wi-4:before { content: '\f01d'; }
i.wi.wi-5:before { content: '\f017'; }
i.wi.wi-6:before { content: '\f017'; }
i.wi.wi-7:before { content: '\f017'; }
i.wi.wi-8:before { content: '\f017'; }
i.wi.wi-9:before { content: '\f01b'; }
i.wi.wi-10:before { content: '\f017'; }
i.wi.wi-11:before { content: '\f01b'; }
i.wi.wi-12:before { content: '\f01b'; }
i.wi.wi-13:before { content: '\f01b'; }
i.wi.wi-14:before { content: '\f01b'; }
i.wi.wi-15:before { content: '\f017'; }
i.wi.wi-16:before { content: '\f01b'; }
i.wi.wi-17:before { content: '\f017'; }
i.wi.wi-18:before { content: '\f015'; }
i.wi.wi-19:before { content: '\f014'; }
i.wi.wi-20:before { content: '\f014'; }
i.wi.wi-21:before { content: '\f014'; }
i.wi.wi-22:before { content: '\f014'; }
i.wi.wi-23:before { content: '\f014'; }
i.wi.wi-24:before { content: '\f011'; }
i.wi.wi-25:before { content: '\f011'; }
i.wi.wi-26:before { content: '\f013'; }
i.wi.wi-27:before { content: '\f031'; }
i.wi.wi-28:before { content: '\f002'; }
i.wi.wi-29:before { content: '\f031'; }
i.wi.wi-30:before { content: '\f002'; }
i.wi.wi-31:before { content: '\f02e'; }
i.wi.wi-32:before { content: '\f00d'; }
i.wi.wi-33:before { content: '\f02e'; }
i.wi.wi-34:before { content: '\f00d'; }
i.wi.wi-35:before { content: '\f017'; }
i.wi.wi-36:before { content: '\f00d'; }
i.wi.wi-37:before { content: '\f01d'; }
i.wi.wi-38:before { content: '\f01d'; }
i.wi.wi-39:before { content: '\f01d'; }
i.wi.wi-40:before { content: '\f01a'; }
i.wi.wi-41:before { content: '\f017'; }
i.wi.wi-42:before { content: '\f01b'; }
i.wi.wi-43:before { content: '\f017'; }
i.wi.wi-44:before { content: '\f031'; }
i.wi.wi-45:before { content: '\f01d'; }
i.wi.wi-46:before { content: '\f015'; }
i.wi.wi-47:before { content: '\f01d'; }

@charset "UTF-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Jia && Ting $
 * $Date: 2016-07-11 Mon. $
 * **請注意: 本樣式檔提供各分頁獨立樣式，
     重置樣式請寫入reset.css，共同樣式請斟酌寫入layout.css。
*/

/* Index Weather */
i.wi.wi-0:before { content: '\f056'; }
i.wi.wi-1:before { content: '\f010'; }
i.wi.wi-2:before { content: '\f01d'; }
i.wi.wi-3:before { content: '\f01e'; }
i.wi.wi-4:before { content: '\f01d'; }
i.wi.wi-5:before { content: '\f017'; }
i.wi.wi-6:before { content: '\f017'; }
i.wi.wi-7:before { content: '\f017'; }
i.wi.wi-8:before { content: '\f017'; }
i.wi.wi-9:before { content: '\f01b'; }
i.wi.wi-10:before { content: '\f017'; }
i.wi.wi-11:before { content: '\f01b'; }
i.wi.wi-12:before { content: '\f01b'; }
i.wi.wi-13:before { content: '\f01b'; }
i.wi.wi-14:before { content: '\f01b'; }
i.wi.wi-15:before { content: '\f017'; }
i.wi.wi-16:before { content: '\f01b'; }
i.wi.wi-17:before { content: '\f017'; }
i.wi.wi-18:before { content: '\f015'; }
i.wi.wi-19:before { content: '\f014'; }
i.wi.wi-20:before { content: '\f014'; }
i.wi.wi-21:before { content: '\f014'; }
i.wi.wi-22:before { content: '\f014'; }
i.wi.wi-23:before { content: '\f014'; }
i.wi.wi-24:before { content: '\f011'; }
i.wi.wi-25:before { content: '\f011'; }
i.wi.wi-26:before { content: '\f013'; }
i.wi.wi-27:before { content: '\f031'; }
i.wi.wi-28:before { content: '\f002'; }
i.wi.wi-29:before { content: '\f031'; }
i.wi.wi-30:before { content: '\f002'; }
i.wi.wi-31:before { content: '\f02e'; }
i.wi.wi-32:before { content: '\f00d'; }
i.wi.wi-33:before { content: '\f02e'; }
i.wi.wi-34:before { content: '\f00d'; }
i.wi.wi-35:before { content: '\f017'; }
i.wi.wi-36:before { content: '\f00d'; }
i.wi.wi-37:before { content: '\f01d'; }
i.wi.wi-38:before { content: '\f01d'; }
i.wi.wi-39:before { content: '\f01d'; }
i.wi.wi-40:before { content: '\f01a'; }
i.wi.wi-41:before { content: '\f017'; }
i.wi.wi-42:before { content: '\f01b'; }
i.wi.wi-43:before { content: '\f017'; }
i.wi.wi-44:before { content: '\f031'; }
i.wi.wi-45:before { content: '\f01d'; }
i.wi.wi-46:before { content: '\f015'; }
i.wi.wi-47:before { content: '\f01d'; }

/* Index */
#index .banner {
  height: calc(100vh - 306px);
  overflow: hidden;
}
#index .ban-slick {
  height: calc(100vh - 306px);
}
#index .ban-slick .slick-slide a {
  display: block;
  overflow: hidden;
}
#index .ban-slick img {
  position: relative;
  width: 1920px;
  max-width: none;
  left: 50%;
  margin-left: -960px;
}
#index .ban-slick .slick-prev,
#index .ban-slick .slick-next {
  display: block;
  position: absolute;
  z-index: 10;
  width: 58px;
  height: 112px;
  font-size: 0;
  border: none;
  background: none;
  top: 50%;
  margin-top: -56px;
  opacity: 0;
  transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .ban-slick .slick-prev { left: -15px; }
#index .ban-slick:hover .slick-prev { left: 15px; opacity: 1; }
#index .ban-slick .slick-prev:after {
  content: '';
  display: block;
  position: absolute;
  width: 79px;
  height: 79px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  top: 17px;
  left: 18px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#index .ban-slick .slick-next { right: -15px; }
#index .ban-slick:hover .slick-next { right: 15px; opacity: 1; }
#index .ban-slick .slick-next:after {
  content: '';
  display: block;
  position: absolute;
  width: 79px;
  height: 79px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  top: 17px;
  right: 18px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#index .ban-slick:hover .slick-prev.slick-disabled,
#index .ban-slick:hover .slick-next.slick-disabled {
  opacity: .25;
}
#index .ban-slick .slick-dots {
  display: inline-block;
  position: absolute;
  height: 16px;
  left: 50%;
  bottom: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#index .ban-slick .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
#index .ban-slick .slick-dots li button {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 0;
  border: none;
  background: #fff;
  border-radius: 100%;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#index .ban-slick .slick-dots li.slick-active button {
  background: #ff8a00;
}
#index .info {
  background: url('../images/index_info_bg.jpg');
  padding: 28px 0 18px;
}
#index .info ul li {
  float: left;
  position: relative;
  width: 16.666%;
}
#index .info ul li:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 94px;
  background: rgba(217,207,199,.5);
  top: 10px;
  left: 0;
}
#index .info ul li:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 94px;
  background: rgba(255,255,255,.5);
  top: 10px;
  right: 0;
}
#index .info ul li a {
  display: block;
  max-width: 100px;
  margin: auto;
}
#index .info ul li a .ico {
  width: 80px;
  height: 80px;
  border: 1px solid #ece1d8;
  background: #fff;
  border-radius: 100%;
  margin: auto;
}
#index .info ul li a .ico img {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  top: -1px;
  left: -1px;
  transition: transform .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: transform .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: transform .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: transform .3s cubic-bezier(0,.4,.4,1);
}
#index .info ul li a:hover .ico img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
#index .info ul li a .title {
  line-height: 34px;
  font-size: 0.9375rem;
  color: #333;
  text-align: center;
}
#index .info ul li a:hover .title {
  color: #ff872e;
}
#index .news {
  background: url('../images/index_news_bg.jpg') center top no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
#index .news .ticket {
  float: left;
  position: relative;
  width: calc(50% - 12px);
}
#index .news .head {
  position: relative;
  line-height: 46px;
  margin-bottom: 6px;
}
#index .news .head .ti {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  font-size: 1.75rem;
  color: #473022;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: 0;
}
#index .news .head .ti::before,
#index .news .head .ti::after {
  display: none !important;
}
#index .news .head .ti-en {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 1.125rem;
  color: #f60;
  vertical-align: middle;
  margin-left: 6px;
}
#index .news .head a.more {
  display: block;
  position: absolute;
  height: 30px;
  line-height: 30px;
  font-size: 0.9375rem;
  color: #888;
  padding: 0 26px 0 6px;
  top: 10px;
  right: 4px;
  text-transform: uppercase;
}
#index .news .head a.more:hover {
  color: #444;
}
#index .news .head a.more:after {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  background: url('../images/index_news_more.png') no-repeat;
  background-size: 13px 13px;
  top: 8px;
  right: 6px;
}
#index .news .ticket .box {
  float: left;
  position: relative;
  width: calc(50% - 5px);
  border: 1px solid #ded8d3;
  border-radius: 3px;
  padding: 20px 30px 64px 30px;
}
#index .news .ticket .box + .box {
  margin-left: 10px;
}
#index .news .ticket .box span {
  display: block;
}
#index .news .ticket .box .title {
  line-height: 24px;
  font-size: 1rem;
  color: #63564e;
}
#index .news .ticket .box .price {
  line-height: 60px;
  font-size: 1.875rem;
  color: #f60;
  padding: 10px 0 9px;
}
#index .news .ticket .box .price strong {
  font-size: 3.75rem;
}
#index .news .ticket .box .note {
  position: absolute;
  width: 100%;
  color: #fff;
  background: #a47253;
  padding: 8px 30px;
  left: 0;
  bottom: 0;
}
#index .news .ticket .box .note p {
  height: 48px;
  line-height: 24px;
  font-size: 0.875rem;
  overflow: hidden;
  margin: 0;
}
#index .news .ticket i.ico1 {
  display: block;
  position: absolute;
  z-index: 10;
  width: 160px;
  height: 210px;
  background: url('../images/inews_pic1.png');
  top: 70px;
  left: -135px;
}
#index .news .ticket i.ico2 {
  display: block;
  position: absolute;
  width: 97px;
  height: 103px;
  background: url('../images/inews_pic2.png');
  right: -10px;
  bottom: 0;
}
#index .news .event {
  /*float: right;*/
  margin:auto;
  position: relative;
  width: calc(50% - 12px);
}
#index .news .event a.box {
  display: block;
  float: left;
  position: relative;
  width: calc(50% - 5px);
  height: 200px;
}
#index .news .event a.box + a.box {
  float: right;
}
#index .news .event a.box .pic {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#index .news .event a.box .pic img {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#index .news .event a.box:hover .pic img {
  opacity: .75;
}
#index .news .event a.box .title {
  position: absolute;
  width: 100%;
  background: rgba(0,0,0,.6);
  padding: 8px 14px;
  left: 0;
  bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: padding .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: padding .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: padding .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: padding .3s cubic-bezier(0,.4,.4,1);
}
#index .news .event a.box:hover .title {
  padding-bottom: 16px;
}
#index .news .event a.box .title p {
  height: 48px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  overflow: hidden;
}
#index .news .event i.ico {
  content: '';
  display: block;
  position: absolute;
  width: 150px;
  height: 150px;
  background: url('../images/inews_pic3.png') no-repeat;
  right: -100px;
  bottom: -35px;
}
#index .video {
  height: 400px;
}
#index .video > a {
  display: block;
  position: relative;
  height: 400px;
  text-align: center;
}
#index .video > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .video > a:hover:before {
  opacity: 1;
}
#index .video > a > div {
  position: relative;
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#index .video > a p {
  max-width: 550px;
  font-size: 0.9375rem;
  color: #fff;
  margin: 6px auto 18px;
}
#index .video > a span {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url('../images/index_video_play.png') no-repeat;
  background-size: cover;
  opacity: .8;
  transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .video > a:hover span {
  opacity: 1;
}
#index .morelink {
  padding-top: 35px;
  padding-bottom: 35px;
}
#index .morelink > ul li {
  float: left;
  width: calc(25% - 15px);
  margin-left: 20px;
}
#index .morelink > ul li:nth-child(4n+1) { margin-left: 0; }
#index .morelink > ul li a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  #index .banner,
  #index .ban-slick {
    height: auto;
  }
  #index .ban-slick img {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  #index .news .ticket,
  #index .news .event {
    float: none;
    width: 640px;
    margin: auto;
  }
  #index .news .event {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  #index .ban-slick {
    width: 992px;
    left: 50%;
    margin-left: -496px;
  }
  #index .ban-slick .slick-prev,
  #index .ban-slick .slick-next {
    display: none !important;
  }
  #index .news .ticket,
  #index .news .event {
    width: 560px;
  }
}
@media (max-width: 767px) {
  #index .info ul li {
    width: 33.333%;
  }
  #index .info ul li:nth-child(3):after,
  #index .info ul li:nth-child(4):before {
    display: none;
  }
  #index .info ul li:nth-child(n+4) {
    margin-top: 10px;
  }
  #index .news .ticket,
  #index .news .event {
    width: 100%;
  }
  #index .news .ticket i.ico1,
  #index .news .ticket i.ico2,
  #index .news .event i.ico {
    display: none;
  }
  #index .morelink > ul li {
    width: calc(50% - 6px);
    margin-top: 12px;
    margin-left: 12px;
  }
  #index .morelink > ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  #index .morelink > ul li:nth-child(1),
  #index .morelink > ul li:nth-child(2) {
    margin-top: 0;
  }
}
@media (max-width: 639px) {
  #index .ban-slick {
    width: 640px;
    left: 50%;
    margin-left: -320px;
  }
  #index .ban-slick .slick-dots {
    bottom: 10px;
  }
  #index .ban-slick .slick-dots li {
    margin: 0 3px;
  }
  #index .ban-slick .slick-dots li button {
    width: 12px;
    height: 12px;
  }
  #index .news .head {
    line-height: 36px;
  }
  #index .news .head .ti {
    height: 36px;
    line-height: 36px;
    font-size: 1.25rem;
  }
  #index .news .head .ti-en {
    height: 26px;
    line-height: 26px;
    font-size: 1rem;
  }
  #index .news .head a.more {
    top: 4px;
  }
  #index .news .ticket .box {
    padding: 15px 15px 56px 15px;
  }
  #index .news .ticket .box .price {
    line-height: 40px;
    font-size: 1.375rem;
  }
  #index .news .ticket .box .price strong {
    font-size: 2.5rem;
  }
  #index .news .ticket .box .note {
    padding: 4px 15px;
  }
  #index .news .event a.box {
    height: 160px;
  }
}
@media (max-width: 479px) {
  #index .info ul li {
    width: 50%;
  }
  #index .info ul li:nth-child(3):after,
  #index .info ul li:nth-child(4):before {
    display: block;
  }
  #index .info ul li:nth-child(2):after,
  #index .info ul li:nth-child(4):after,
  #index .info ul li:nth-child(3):before,
  #index .info ul li:nth-child(5):before {
    display: none;
  }
  #index .info ul li:nth-child(n+3) {
    margin-top: 10px;
  }
  #index .news .ticket .box {
    float: none;
    width: 100%;
  }
  #index .news .ticket .box + .box {
    margin-top: 10px;
    margin-left: 0;
  }
  #index .news .event a.box {
    float: none;
    width: 100%;
    height: 200px;
  }
  #index .news .event a.box + a.box {
    margin-top: 10px;
  }
}
@media (max-width: 379px) {
  #index .morelink > ul li {
    float: none;
    width: 100%;
    margin-top: 15px !important;
    margin-left: 0 !important;
  }
  #index .morelink > ul li:first-child {
    margin-top: 0 !important;
  }
}

/* Tickets */
#ticket {
  background-image: url('../images/ticket_bg.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;  
  word-wrap:break-word;
  word-break:normal;
}
#ticket .p-ti {
  border-bottom-color: #ff872e;
}
#ticket .p-ti h2 {
  color: #763200;
}
#ticket .info {
  margin-top: 35px;
  margin-bottom: 60px;
}
#ticket .info .menu {
  float: left;
  position: relative;
  width: 140px;
}
#ticket .info .menu li {
  border-bottom: 1px solid #fff;
}
#ticket .info .menu li a {
  display: block;
  width: 140px;
  height: 60px;
  line-height: 22px;
  font-size: 0.9375rem;
  color: #fff;
  background-repeat: no-repeat;
  padding: 19px 22px 19px 45px;
  text-align: center;
  opacity: .5;
}
#ticket .info .menu li a.current,
#ticket .info .menu li a:hover {
  opacity: 1;
}
#ticket .info .menu li a.menu1 { background-image: url('../images/ticket_menu1.png'); }
#ticket .info .menu li a.menu2 { background-image: url('../images/ticket_menu2.png'); }
#ticket .info .menu li a.menu3 { background-image: url('../images/ticket_menu3.png'); }
#ticket .info .menu li a.menu4 { background-image: url('../images/ticket_menu4.png'); }
#ticket .info .menu li a.menu5 { background-image: url('../images/ticket_menu5.png'); }
#ticket .info .menu li a.menu6 { background-image: url('../images/ticket_menu6.png'); }
#ticket .info .menu li a.menu7 {
  background-image: url('../images/ticket_menu7.png');
  padding-top: 8px;
  padding-bottom: 8px;
}
#ticket .info .inner {
  float: right;
  width: calc(100% - 165px);
}
#ticket .info .sale {
  position: relative;
  background: url('../images/ticket_sale_bg.jpg') center no-repeat;
  background-size: cover;
  padding: 30px 55px 0;
}
#ticket .info .sale .ti {
  line-height: 38px;
  font-size: 1.75rem;
  color: #473022;
  text-align: center;
  margin-bottom: 10px;
}
.sale-slick{
    word-wrap:break-word;
    word-break:normal;
}
#ticket .info .sale .sale-slick .slick-slide {
  padding: 0 5px;
}
#ticket .info .sale .sale-slick .sale-box {
  position: relative;
  border: 1px solid #ded8d3;
  background: #fff;
  border-radius: 3px;
  padding: 20px 30px 64px 30px;
}
#ticket .info .sale .sale-slick .sale-box span {
  display: block;
}
#ticket .info .sale .sale-slick .sale-box .title {
  line-height: 24px;
  font-size: 1rem;
  color: #63564e;
}
#ticket .info .sale .sale-slick .sale-box .price {
  line-height: 60px;
  font-size: 1.875rem;
  color: #f60;
  padding: 10px 0 9px;
}
#ticket .info .sale .sale-slick .sale-box .price strong {
  font-size: 3.75rem;
}
#ticket .info .sale .sale-slick .sale-box .note {
  position: absolute;
  width: 100%;
  color: #fff;
  background: #a47253;
  padding: 8px 30px;
  left: 0;
  bottom: 0;
}
#ticket .info .sale .sale-slick .sale-box .note p {
  height: 48px;
  line-height: 24px;
  font-size: 0.875rem;
  overflow: hidden;
  margin: 0;
}
#ticket .info .sale .sale-slick .slick-dots {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  text-align: center;
}
#ticket .info .sale .sale-slick .slick-dots li {
  display: inline-block;
  height: 14px;
  vertical-align: top;
  margin: 0 4px;
}
#ticket .info .sale .sale-slick .slick-dots li button {
  display: block;
  width: 14px;
  height: 14px;
  font-size: 0;
  border: none;
  background: #72390e;
  border-radius: 100%;
  box-shadow: 2px 3px 4px rgba(0,0,0,.35) inset;
}
#ticket .info .sale .sale-slick .slick-dots li.slick-active button {
  background: #ff6000;
}
#ticket .info .sale .ico1 {
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
 /* background: url('../images/ticket_sale_ico1.png') no-repeat;*/
  left: 0;
  bottom: 10px;
}
#ticket .info .sale .ico2 {
  display: block;
  position: absolute;
  width: 95px;
  height: 110px;
  background: url('../images/ticket_sale_ico2.png') no-repeat;
  right: 2px;
  bottom: 12px;
}
#ticket .info .normal {
  margin-top: 40px;
}
#ticket .info .normal .head {
  position: relative;
  padding-left: 65px;
}
#ticket .info .normal .head .ti {
  line-height: 52px;
  font-size: 1.25rem;
}
#ticket .info .normal.orange .head .ti { color: #f64500; }
#ticket .info .normal.blue .head .ti { color: #1b6db9; }
#ticket .info .normal.pink .head .ti { color: #c566a7; }
#ticket .info .normal.green .head .ti { color: #399f8b; }
#ticket .info .normal .head .ico {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
#ticket .info .normal .table-set .thead-set {
  padding: 10px 0;
  color: #fff;
  text-align: center;
}
#ticket .info .normal.orange .table-set .thead-set { background: #ff872e; }
#ticket .info .normal.blue .table-set .thead-set { background: #1b6db9; }
#ticket .info .normal.pink .table-set .thead-set { background: #c566a7; }
#ticket .info .normal.green .table-set .thead-set { background: #399f8b; }
#ticket .info .normal .table-set .thead-set .th-set {
  float: left;
  position: relative;
  line-height: 26px;
  font-size: 0.9375rem;
}
#ticket .info .normal .table-set .thead-set .th-set:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: rgba(0,0,0,.1);
  top: 6px;
  left: 0;
}
#ticket .info .normal .table-set .thead-set .th-set:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,.1);
  top: 6px;
  right: 0;
}
#ticket .info .normal .table-set .tr-set {
  padding: 17px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
#ticket .info .normal .table-set .tr-set .td-set {
  float: left;
  line-height: 24px;
  font-size: 0.875rem;
  padding: 0 15px;
}
#ticket .info .normal .table-set .thead-set .th-set:nth-child(1),
#ticket .info .normal .table-set .tr-set .td-set:nth-child(1) {
  width: 160px;
}
#ticket .info .normal .table-set .thead-set .th-set:nth-child(2),
#ticket .info .normal .table-set .tr-set .td-set:nth-child(2) {
  width: 130px;
}
#ticket .info .normal .table-set .thead-set .th-set:nth-child(3),
#ticket .info .normal .table-set .tr-set .td-set:nth-child(3) {
  width: calc(100% - 290px);
}
#ticket .info .normal .table-set .thead-set .th-set.th-set2,
#ticket .info .normal .table-set .tr-set .td-set.td-set2 {
  width: calc(100% - 160px);
}
#ticket .info .normal .table-set .tr-set .td-set:nth-child(3),
#ticket .info .normal .table-set .tr-set .td-set.td-set2 {
  text-align: left;
}

#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(1),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(1) {
  width: 160px;
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(2),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(2) {
  width: 130px;
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(3) {
    width: 130px;
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(4),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4) {
  width: calc(100% - 420px);
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set2,
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
  width: calc(100% - 160px);
}
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
  text-align: left;
}

#ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set3,
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
  width: calc(100% - 290px);
}
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
  text-align: center;
}
#ticket .info .normal .table-set .tr-set .td-set ul li {
  position: relative;
  padding-left: 14px;
}
#ticket .info .normal .table-set .tr-set .td-set ul li:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 100%;
  top: 8px;
  left: 0;
}
#ticket .info .p-board {
  position: relative;
  margin-top: 40px;
}
#ticket .info .p-board .content {
  line-height: 26px;
  font-size: 0.9375rem;
}
#ticket .info .p-board .content ol {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
#ticket .info .p-board .content ol li {
  padding-left: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
#ticket .info .p-board .content ol li:not(:first-child) {
  padding-top: 5px;
}
#ticket .info .p-board .content ol li:nth-child(n+4) {
  padding-right: 100px;
}
#ticket .info .p-board .ico {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width:15%;
}
@media (max-width: 991px) {
  #ticket .info .menu {
    display: none !important;
  }
  #ticket .info .inner {
    float: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #ticket .info .sale {
    padding: 30px 30px 0;
  }
  #ticket .info .sale .ico1,
  #ticket .info .sale .ico2 {
    display: none;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(1),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(1) {
    width: 120px;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(2),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(2) {
    width: 100px;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(3),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(3) {
    width: calc(100% - 220px);
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set2,
  #ticket .info .normal .table-set .tr-set .td-set.td-set2 {
    width: calc(100% - 120px);
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(1),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(1) {
    width: 80px;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(2),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(2) {
    width: 70px;
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(3) {
    width: 70px;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(4),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4) {
    width: calc(100% - 220px);
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set2,
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
    width: calc(100% - 80px);
  }
       #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set3,
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
    width: calc(100% - 150px);
  }
  #ticket .info .p-board .ico {
    display: none;
  }
  #ticket .info .p-board .content ol li:nth-child(n+4) {
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  #ticket .info .sale {
    padding: 15px 15px 0;
  }
  #ticket .info .sale .sale-slick .sale-box {
    padding: 15px 15px 56px 15px;
  }
  #ticket .info .sale .sale-slick .sale-box .price {
    line-height: 40px;
    font-size: 1.375rem;
  }
  #ticket .info .sale .sale-slick .sale-box .price strong {
    font-size: 2.5rem;
  }
  #ticket .info .sale .sale-slick .sale-box .note {
    padding: 4px 15px;
  }
  #ticket .info .normal .head {
    min-height: 52px;
  }
  #ticket .info .normal .head .ti {
    line-height: 30px;
    padding-top: 4px;
  }
}
@media (max-width: 479px) {
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(1),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(1) {
    width: 50%;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(2),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(2) {
    width: 50%;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(2):after {
    display: none;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(3) {
    display: none;
  }
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(3) {
    float: left;
    width: 100%;
    background: rgba(0,0,0,.05);
    margin-top: 5px;
    padding: 5px 10px;
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set2 {
    display: none;
  }
  #ticket .info .normal .table-set .tr-set .td-set.td-set2 {
    float: left;
    width: 100%;
    background: rgba(0,0,0,.05);
    margin-top: 5px;
    padding: 5px 10px;
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(1),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(1) {
    width:33%;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(2),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(2) {
    width: 33%;
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(3) {
    width: 33%;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3):after {
    display: none;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(4) {
    display: none;
  }
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4) {
    float: left;
    width: 100%;
    background: rgba(0,0,0,.05);
    margin-top: 5px;
    padding: 5px 10px;
  }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set2 {
    display: none;
  }
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
    float: left;
    width: 100%;
    background: rgba(0,0,0,.05);
    margin-top: 5px;
    padding: 5px 10px;
  }
       #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set3,
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
    width: 33%;
     display: block;
      background: rgba(0,0,0,0);
  }
}




/** List Page **/
#ticket .filter {
  padding-bottom: 4px;
}
#ticket .filter label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 0.875rem;
  color: #666;
  padding: 0 5px;
  margin-right: 11px;
  margin-bottom: 10px;
  cursor: pointer;
}
#ticket .filter label input {
  width: 12px;
  height: 12px;
  vertical-align: top;
  margin-top: 6px;
  margin-right: 6px;
}
#ticket .list-wrap {
  margin-top: 35px;
  margin-bottom: 55px;
}
#ticket .list-wrap .item {
  display: inline-block;
  position: relative;
  width: calc(25% - 27.5px);
  vertical-align: top;
  border-bottom: 1px dashed #ddd;
  margin-right: 32px;
  margin-bottom: 55px;
  padding-bottom: 14px;
}
#ticket .list-wrap .item:nth-child(4n) {
  margin-right: 0;
}
#ticket .list-wrap .item .title {
  font-size: 1rem;
  margin-top: 12px;
  margin-bottom: 18px;
  padding: 0 4px;
}
#ticket .list-wrap .item .price {
  height: 30px;
  line-height: 30px;
  font-size: 1.5rem;
  color: #ff3c00;
  padding-left: 4px;
}
#ticket .list-wrap .item .price small {
  font-size: 0.8125rem;
  margin-left: 4px;
}
#ticket .list-wrap .item a.view {
  display: block;
  position: absolute;
  width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 0.75rem;
  color: #8e8e8e;
  border: 1px solid #c7c7c7;
  background: #fff;
  border-radius: 30px;
  text-align: center;
  right: 4px;
  bottom: 14px;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#ticket .list-wrap .item a.view:hover {
  color: #fff;
  background: #c7c7c7;
}
@media (max-width: 991px) {
  #ticket .list-wrap .item {
    width: calc(50% - 15.25px);
    margin-right: 26px;
  }
  #ticket .list-wrap .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 479px) {
  #ticket .list-wrap .item {
    width: 100%;
    margin-right: 0;
  }
}
/** Detail Page **/
#ticket .view .top {
  margin-top: 30px;
  padding-bottom: 50px;
}
#ticket .view .top .pic-slick {
  float: left;
  width: 375px;
  margin-left: 10px;
}
#ticket .view .top .pic-slick .slick-dots {
  height: 12px;
  text-align: center;
  margin: 10px auto 0;
  padding: 0;
  list-style: none;
}
#ticket .view .top .pic-slick .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
#ticket .view .top .pic-slick .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  border: none;
  background: #ccc;
  border-radius: 100%;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#ticket .view .top .pic-slick .slick-dots li.slick-active button {
  background: #ff872e;
}
#ticket .view .top .detail {
  float: right;
  width: calc(100% - 440px);
  margin-right: 15px;
}
#ticket .view .top .ticket-name {
  line-height: 40px;
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 10px;
  padding: 0 5px;
}
#ticket .view .top .summary {
  line-height: 28px;
  font-size: 0.875rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
  margin-bottom: 16px;
}
#ticket .view .top .info {
  padding: 4px 10px;
  margin: 0;
}
#ticket .view .top .info .item {
  float: left;
  position: relative;
  width: 110px;
  line-height: 28px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666;
  padding-left: 22px;
}
#ticket .view .top .info .item:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #bdbdbd;
  border-radius: 100%;
  top: 11px;
  left: 9px;
}
#ticket .view .top .info .content {
  line-height: 28px;
  font-size: 1rem;
  overflow: hidden;
}
#ticket .view .top .info .content strong.price-sale {
  display: inline-block;
  height: 28px;
  font-size: 1.5rem;
  color: #ff3c00;
  vertical-align: top;
}
#ticket .view .top .info .content del.price-org {
  display: inline-block;
  height: 28px;
  font-size: 0.9375rem;
  color: #666;
  vertical-align: top;
}
#ticket .view .top .info .content strong.price-sale + del.price-org {
  margin-left: 15px;
}
#ticket .view .top .info .content span.sale-limited {
  display: inline-block;
  height: 28px;
  line-height: 26px;
  font-size: 0.875rem;
  color: #ff3c00;
  border: 1px solid #ffd0c2;
  padding: 0 8px;
  margin-left: 10px;
  vertical-align: top;
}
#ticket .view .top .btn-box {
  border-top: 1px solid #ddd;
  margin-top: 16px;
  padding-top: 15px;
}
#ticket .view .top .btn-box .btn-cart,
#ticket .view .top .btn-box .btn-bill {
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  padding: 0;
  outline: none;
  text-align: center;
  vertical-align: top;
  margin-right: 6px;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#ticket .view .top .btn-box .btn-cart {
  background: #008cd3;
}
#ticket .view .top .btn-box .btn-cart:hover {
  background: #007bb9;
}
#ticket .view .top .btn-box .btn-bill {
  background: #ff9900;
}
#ticket .view .top .btn-box .btn-bill:hover {
  background: #ff6600;
}
#ticket .view .detail-box {
  padding: 30px 0;
}
#ticket .view .detail-box .ti {
  line-height: 26px;
  font-size: 1.125rem;
  color: #000;
  border-left: 7px solid #ff6100;
  background: url('../images/content_ti.jpg');
  padding: 8px 18px;
}
#ticket .view .detail-box .content {
  padding: 15px;
}
@media (max-width: 991px) {
  #ticket .view .top .pic-slick {
    width: 250px;
    margin-left: 0;
  }
  #ticket .view .top .detail {
    width: calc(100% - 275px);
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #ticket .view .top .pic-slick {
    float: none;
    width: 100%;
    max-width: 340px;
    margin: auto;
  }
  #ticket .view .top .detail {
    float: none;
    width: 100%;
    margin: 20px auto 0;
    padding: 0 15px;
  }
}
@media (max-width: 479px) {
  #ticket .view .top .detail {
    padding: 0;
  }
  #ticket .view .top .ticket-name {
    padding: 0;
  }
  #ticket .view .top .summary {
    padding: 10px 0;
    margin-bottom: 6px;
  }
  #ticket .view .top .info {
    padding: 2px 0;
  }
  #ticket .view .top .info .item {
    width: 80px;
    padding-left: 12px;
  }
  #ticket .view .top .info .item:before {
    left: 0;
  }
  #ticket .view .top .btn-box .btn-cart,
  #ticket .view .top .btn-box .btn-bill {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
}

/* 預約服務 */
#ticket .reserve-main {
  margin-top: 30px;
}
#ticket .reserve-item {
  margin-bottom: 60px;
}
#ticket .reserve-item .pic {
  overflow: hidden;
}
#ticket .reserve-item .pic img {
  display: block;
  position: relative;
  height: 400px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#ticket .reserve-item .txt {
  position: relative;
  float: right;
  width: 425px;
  height: 400px;
  border-bottom: 2px solid #ff872e;
  background: #f4f4f4;
  padding: 60px 55px 0;
}
#ticket .reserve-item.invert .txt {
  float: left;
}
#ticket .reserve-item .txt .title {
  line-height: 36px;
  font-size: 1.5rem;
}
#ticket .reserve-item .txt .info {
  position: relative;
  z-index: 2;
  line-height: 28px;
  font-size: 0.9375rem;
  margin-top: 5px;
}
#ticket .reserve-item .txt a.link {
  display: block;
  position: relative;
  z-index: 2;
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  margin-top: 15px;
}
#ticket .reserve-item .txt a.link:hover {
  background: #f60;
}
#ticket .reserve-item .txt img.ico {
  position: absolute;
  max-width: calc(100% - 30px);
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
@media (max-width: 767px) {
  #ticket .reserve-item .txt,
  #ticket .reserve-item.invert .txt {
    float: none;
    width: 100%;
    height: 260px;
    padding: 25px 30px 0;
  }
  #ticket .reserve-item .txt img.ico {
    left: auto;
    right: 15px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  #ticket .reserve-item .pic {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-item .txt,
  #ticket .reserve-item.invert .txt {
    height: 340px;
  }
}
/** 服務預約-內頁 **/
#ticket .reserve-inner {
  margin-top: 35px;
}
#ticket .reserve-inner .step {
  margin-bottom: 15px;
}
#ticket .reserve-inner .step .left {
  float: left;
  position: relative;
  width: 275px;
  height: 80px;
  padding-top: 15px;
  padding-left: 100px;
}
#ticket .reserve-inner .step .left .title {
  line-height: 34px;
  font-size: 1.5rem;
  color: #0042a4;
}
#ticket .reserve-inner .step .left .title-en {
  line-height: 22px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #0b92e8;
}
#ticket .reserve-inner .step .left img.ico {
  position: absolute;
  top: 0;
  left: 12px;
}
#ticket .reserve-inner .step .right {
  float: left;
}
#ticket .reserve-inner .step .right li {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 80px;
  text-align: center;
  padding-top: 20px;
  vertical-align: top;
}
#ticket .reserve-inner .step .right li + li {
  margin-left: 34px;
}
#ticket .reserve-inner .step .right li + li:before {
  content: '';
  display: block;
  position: absolute;
  width: 157px;
  height: 4px;
  background: #f90;
  top: 28px;
  left: -97px;
}
#ticket .reserve-inner .step .right li.current ~ li:before {
  background: #ececec;
}
#ticket .reserve-inner .step .right li i {
  display: block;
  width: 20px;
  height: 20px;
  border: 4px solid #f90;
  background: #f90;
  border-radius: 100%;
  margin: auto;
}
#ticket .reserve-inner .step .right li.current ~ li i {
  background: #fff;
}
#ticket .reserve-inner .step .right li span {
  display: block;
  line-height: 24px;
  font-size: 0.875rem;
  color: #333;
  margin-top: 4px;
}
#ticket .reserve-inner .step .right li.current ~ li span {
  color: #999;
}
#ticket .reserve-inner .step-btn {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 50px;
}
#ticket .reserve-inner .step-btn .next-btn {
  display: inline-block;
  width: 220px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  background: #008cd3;
  outline: none;
}
#ticket .reserve-inner .step-btn .next-btn:hover {
  background: #0075b0;
}
@media (max-width: 1199px) {
  #ticket .reserve-inner .step .right li + li {
    margin-left: 14px;
  }
  #ticket .reserve-inner .step .right li + li:before {
    width: 137px;
    left: -77px;
  }
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step .left {
    float: none;
    margin: auto;
  }
  #ticket .reserve-inner .step .right {
    float: none;
    width: 591px;
    margin: auto;
  }
  #ticket .reserve-inner .step .right li + li {
    margin-left: 6px;
  }
  #ticket .reserve-inner .step .right li + li:before {
    width: 129px;
    left: -69px;
  }
}
@media (max-width: 639px) {
  #ticket .reserve-inner .step .right {
    width: 291px;
  }
  #ticket .reserve-inner .step .right li {
    display: none;
  }
  #ticket .reserve-inner .step .right li.current,
  #ticket .reserve-inner .step .right li.current + li {
    display: inline-block;
  }
  #ticket .reserve-inner .step .right li.current {
    margin-left: 0;
  }
  #ticket .reserve-inner .step .right li.current:before {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step .right {
    width: 160px;
    margin-top: 20px;
  }
  #ticket .reserve-inner .step .right li.current,
  #ticket .reserve-inner .step .right li.current + li {
    display: block;
    width: 160px;
    height: 48px;
    margin-left: 0 !important;
    padding-top: 0;
    padding-left: 30px;
    text-align: left;
  }
  #ticket .reserve-inner .step .right li.current + li:before {
    width: 4px;
    height: 28px;
    top: -26px;
    left: 8px;
  }
  #ticket .reserve-inner .step .right li i {
    position: absolute;
    top: 2px;
    left: 0;
  }
  #ticket .reserve-inner .step .right li span {
    margin-top: 0;
  }
}
/** 接駁車 - step 1 **/
#ticket .reserve-inner .step-1 .p-board {
  position: relative;
}
#ticket .reserve-inner .step-1 .p-board .content {
  padding-bottom: 60px;
}
#ticket .reserve-inner .step-1 .p-board .content.content-2 {
  padding-bottom: 90px;
}
#ticket .reserve-inner .step-1 .p-board img.ico {
  position: absolute;
  right: 54px;
  bottom: 6px;
}
#ticket .reserve-inner .step-1 .p-board img.ico-2 {
  position: absolute;
  right: 43px;
  bottom: -32px;
  pointer-events: none;
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step-1 .p-board .content.content-2 {
    padding-bottom: 20px;
  }
  #ticket .reserve-inner .step-1 .p-board img.ico-2 {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-1 .p-board {
    padding: 15px;
    background: #fff;
    border-top: none;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
  #ticket .reserve-inner .step-1 .p-board .content {
    padding-bottom: 25px;
  }
  #ticket .reserve-inner .step-1 .p-board img.ico {
    display: none;
  }
}
/** 接駁車 - step 2 **/
#ticket .reserve-inner .step-2 .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.05);
  padding: 25px 40px;
}
#ticket .reserve-inner .step-2 .box.half {
  float: left;
  width: calc(50% - 10px);
  margin-top: 20px;
}
#ticket .reserve-inner .step-2 .box.half + .half {
  margin-left: 20px;
}
#ticket .reserve-inner .step-2 .box-ti {
  line-height: 28px;
  font-size: 1rem;
  color: #0042a4;
}
#ticket .reserve-inner .step-2 .box-ti i {
  margin-right: 10px;
}
#ticket .reserve-inner .step-2 .route {
  margin-top: 40px;
}
#ticket .reserve-inner .step-2 .route .title-s {
  display: none;
}
#ticket .reserve-inner .step-2 .route .ico {
  float: left;
  position: relative;
  width: 150px;
  height: 100px;
}
#ticket .reserve-inner .step-2 .route .ico:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #ff872e;
  left: 0;
  bottom: 20px;
}
#ticket .reserve-inner .step-2 .route.blue .ico:before {
  background: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list {
  float: right;
  position: relative;
  width: calc(100% - 150px);
  height: 100px;
}
#ticket .reserve-inner .step-2 .route .list:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 14px;
  border-color: transparent transparent transparent #ff872e;
  right: 0;
  bottom: 11px;
}
#ticket .reserve-inner .step-2 .route.blue .list:after {
  border-left-color: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list li {
  float: left;
  width: calc(25% - 20px);
  text-align: center;
}
#ticket .reserve-inner .step-2 .route .list li:first-child {
  width: calc(25% + 20px);
  padding-left: 40px;
}
#ticket .reserve-inner .step-2 .route .list li:last-child {
  width: calc(25% + 20px);
  padding-right: 40px;
}
#ticket .reserve-inner .step-2 .route .list li:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 14px);
  height: 6px;
  background: #ff872e;
  left: 0;
  bottom: 20px;
}
#ticket .reserve-inner .step-2 .route.blue .list li:before {
  background: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list li img {
  display: block;
  margin: auto;
}
#ticket .reserve-inner .step-2 .route .list li span {
  display: block;
  line-height: 22px;
  font-size: 0.9375rem;
  margin-top: 2px;
}
#ticket .reserve-inner .step-2 .route .list li a {
  display: block;
  position: relative;
  z-index: 2;
  width: 18px;
  height: 18px;
  border: 4px solid #f90;
  background: #fff;
  border-radius: 100%;
  margin: 4px auto 0;
}
#ticket .reserve-inner .step-2 .route.blue .list li a {
  border-color: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list li a.select,
#ticket .reserve-inner .step-2 .route .list li a:hover {
  background: #f90;
}
#ticket .reserve-inner .step-2 .route.blue .list li a.select,
#ticket .reserve-inner .step-2 .route.blue .list li a:hover {
  background: #07a6de;
}
#ticket .reserve-inner .step-2 .route-select {
  background: #f4f4f4;
  border-radius: 8px;
  margin-top: 40px;
  padding: 15px 50px;
}
#ticket .reserve-inner .step-2 .route-select img {
  display: inline-block;
  vertical-align: top;
}
#ticket .reserve-inner .step-2 .route-select span {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: 0.9375rem;
  vertical-align: top;
  margin-left: 36px;
}
#ticket .reserve-inner .step-2 .route-select select {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdcdc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  margin-left: 6px;
  margin-bottom: 2px;
  padding: 0 30px 0 10px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#ticket .reserve-inner .step-2 .route-select select::-ms-expand {
  display: none;
}
#ticket .reserve-inner .step-2 .route-select select:focus {
  border-color: #999;
}
#ticket .reserve-inner .step-2 .ico-2 {
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 160px;
}
#ticket .reserve-inner #calendar {
  position: relative;
  border-top: 1px solid #e9e9e9;
  margin-top: 20px;
}
#ticket .reserve-inner #calendar .ui-datepicker-header {
  position: absolute;
  top: -49px;
  right: 0;
}
#ticket .reserve-inner #calendar .ui-datepicker-title {
  height: 28px;
  line-height: 28px;
  font-size: 1rem;
  padding: 0 38px;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev,
#ticket .reserve-inner #calendar a.ui-datepicker-next {
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 0.875rem;
  color: #fff;
  background: #e0e0e0;
  border-radius: 100%;
  top: 0;
  text-align: center;
  cursor: pointer;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev {
  left: 0;
}
#ticket .reserve-inner #calendar a.ui-datepicker-next {
  right: 0;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev:hover,
#ticket .reserve-inner #calendar a.ui-datepicker-next:hover {
  background: #bbb;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev.ui-state-disabled,
#ticket .reserve-inner #calendar a.ui-datepicker-next.ui-state-disabled {
  background: #e0e0e0;
  cursor: not-allowed;
}
#ticket .reserve-inner #calendar table,
#ticket .reserve-inner #calendar thead,
#ticket .reserve-inner #calendar tbody,
#ticket .reserve-inner #calendar tr,
#ticket .reserve-inner #calendar th,
#ticket .reserve-inner #calendar td {
  display: block;
  width: 100%;
}
#ticket .reserve-inner #calendar tr {
  margin-top: 8px;
}
#ticket .reserve-inner #calendar tr:before,
#ticket .reserve-inner #calendar tr:after {
  content: '';
  display: table;
}
#ticket .reserve-inner #calendar tr:after {
  clear: both;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar th {
  float: left;
  width: calc(14.2857% - 9.4286px);
  height: 50px;
  line-height: 50px;
  font-size: 1rem;
  font-weight: normal;
  color: #444;
  text-align: center;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td {
  float: left;
  width: calc(14.2857% - 9.4286px);
  height: 60px;
  border: 1px solid #e9e9e9;
  background: #fbfbfb;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td {
  position: relative;
  height: 110px;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td span,
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a {
  display: block;
  height: 58px;
  line-height: 58px;
  text-align: center;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td span,
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td a {
  height: 108px;
  line-height: 44px;
  text-align: left;
  padding-left: 18px;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td span {
  color: #999;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a {
  color: #444;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a:hover {
  background: #e1e1e1;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a.ui-state-active {
  color: #fff;
  background: #f90;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td.ui-datepicker-week-end a {
  color: #d50000;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td.ui-datepicker-week-end a.ui-state-active {
  color: #fff;
  background: #d50000;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar th:not(:first-child),
#ticket .reserve-inner #calendar .ui-datepicker-calendar td:not(:first-child) {
  margin-left: 11px;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .no-remain {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 26px;
  font-size: 1rem;
  color: #999;
  text-align: center;
  padding-top: 50px;
  top: 0;
  left: 0;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .remain {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 26px;
  font-size: 1rem;
  color: #f60;
  text-align: center;
  padding-top: 50px;
  top: 0;
  left: 0;
  cursor: pointer;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .ui-state-active + .remain {
  color: #fff;
  background: url('../images/reserve_arbor_date.png') center 28px no-repeat;
  background-size: 30px 22px;
}
#ticket .reserve-inner .show-date {
  position: absolute;
  height: 28px;
  line-height: 28px;
  font-size: 1rem;
  color: #ff6000;
  top: 25px;
  right: 40px;
}
#ticket .reserve-inner .time-select-list {
  margin-top: 12px;
}
#ticket .reserve-inner .time-select-list .time-label {
  display: block;
  float: left;
  width: calc(16.667% - 6.667px);
  margin-top: 8px;
  margin-left: 8px;
}
#ticket .reserve-inner .time-select-list .time-label:nth-child(6n+1) {
  margin-left: 0;
}
#ticket .reserve-inner .time-select-list .time-label input {
  display: none;
}
#ticket .reserve-inner .time-select-list .time-label input + span {
  display: block;
  height: 70px;
  line-height: 22px;
  font-size: 0.9375rem;
  border: 1px solid #e9e9e9;
  text-align: center;
  padding-top: 12px;
  cursor: pointer;
}
#ticket .reserve-inner .time-select-list .time-label input + span:hover {
  background: #eee;
}
#ticket .reserve-inner .time-select-list .time-label input:disabled + span {
  color: #fff;
  background: #bfbfbf;
  cursor: not-allowed;
}
#ticket .reserve-inner .time-select-list .time-label input:checked + span {
  color: #fff;
  background: #f90;
}
@media (max-width: 1199px) {
  #ticket .reserve-inner #calendar .ui-datepicker-calendar th,
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td {
    width: calc(14.2857% - 3.429px);
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar th:not(:first-child),
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td:not(:first-child) {
    margin-left: 4px;
  }
  #ticket .reserve-inner .time-select-list .time-label {
    width: calc(16.667% - 3.333px);
    margin-left: 4px;
  }
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step-2 .route .list {
    height: 200px;
  }
  #ticket .reserve-inner .step-2 .route .list li {
    position: relative;
    width: 50% !important;
    height: 100px;
  }
  #ticket .reserve-inner .step-2 .route .list li:nth-child(odd) {
    padding-left: 40px;
  }
  #ticket .reserve-inner .step-2 .route .list li:nth-child(even) {
    padding-right: 40px;
  }
  #ticket .reserve-inner .step-2 .route .list li:not(:last-child):before {
    width: 100%;
  }
  #ticket .reserve-inner .step-2 .route-select {
    padding: 10px 15px;
    text-align: center;
  }
  #ticket .reserve-inner .step-2 .route-select img {
    display: none;
  }
  #ticket .reserve-inner .step-2 .route-select span {
    margin-left: 0;
  }
  #ticket .reserve-inner .step-2 .route-select span + span {
    margin-left: 36px;
  }
  #ticket .reserve-inner .step-2 .box.half {
    float: none;
    width: 100%;
    height: auto !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  #ticket .reserve-inner .step-2 .box {
    padding: 15px;
  }
  #ticket .reserve-inner .step-2 .ico-2 {
    display: none;
  }
  #ticket .reserve-inner .step-2 .route-select span {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-left: 0 !important;
  }
  #ticket .reserve-inner .step-2 .route-select span + span {
    margin-top: 10px;
  }
  #ticket .reserve-inner .show-date {
    top: 15px;
    right: 15px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td span,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td a {
    line-height: 30px;
    text-align: center;
    padding-left: 0;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .no-remain,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .remain {
    padding-top: 60px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .ui-state-active + .remain {
    background-position: center 38px;
  }
}
@media (max-width: 639px) {
  #ticket .reserve-inner .step-2 .route {
    position: relative;
    margin-top: 20px;
  }
  #ticket .reserve-inner .step-2 .route .title-s {
    display: block;
    width: 140px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #fff;
    background: #ff872e;
    border-radius: 5px;
    text-align: center;
  }
  #ticket .reserve-inner .step-2 .route.blue .title-s {
    background: #07a6de;
  }
  #ticket .reserve-inner .step-2 .route .ico {
    display: none;
  }
  #ticket .reserve-inner .step-2 .route .list {
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 14px;
  }
  #ticket .reserve-inner .step-2 .route .list:after {
    border-width: 14px 12px 0 12px;
    border-color: #ff872e transparent transparent transparent;
    left: 6px;
    bottom: 0;
  }
  #ticket .reserve-inner .step-2 .route.blue .list:after {
    border-top-color: #07a6de;
    border-left-color: transparent;
  }
  #ticket .reserve-inner .step-2 .route .list li {
    float: none;
    width: 100% !important;
    height: 50px;
    padding-top: 5px;
    padding-left: 35px !important;
    padding-right: 0 !important;
    text-align: left;
  }
  #ticket .reserve-inner .step-2 .route .list li:before {
    width: 6px !important;
    height: 100%;
    top: 0;
    left: 15px;
  }
  #ticket .reserve-inner .step-2 .route .list li img {
    display: inline-block;
    vertical-align: middle;
  }
  #ticket .reserve-inner .step-2 .route .list li span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
  }
  #ticket .reserve-inner .step-2 .route .list li a {
    position: absolute;
    top: 16px;
    left: 9px;
    margin-top: 0;
  }
  #ticket .reserve-inner .step-2 .route-select {
    text-align: left;
    margin-top: 20px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td {
    height: 54px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td span,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td a {
    height: 52px;
    line-height: 26px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .no-remain,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .remain {
    padding-top: 26px;
    font-size: 0.875rem;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .ui-state-active + .remain {
    background: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-2 .p-board {
    padding: 0;
    background: none;
    border-top: none;
  }
  #ticket .reserve-inner .step-2 .box {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
  #ticket .reserve-inner .step-2 .route .list li {
    height: 72px;
  }
  #ticket .reserve-inner .step-2 .route .list li span {
    display: block;
  }
  #ticket .reserve-inner .step-2 .route .list li a {
    top: 27px;
  }
  #ticket .reserve-inner .step-2 .route-select span {
    height: auto;
    line-height: 24px;
  }
  #ticket .reserve-inner .step-2 .route-select select {
    display: block;
    margin-top: 5px;
    margin-left: 0;
  }
  #ticket .reserve-inner #calendar {
    border-top: none;
    margin-top: 10px;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-header {
    position: static;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-title {
    text-align: center;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar th {
    font-size: 0.9375rem;
    height: 30px;
    line-height: 30px;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td {
    height: 35px;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td span,
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td a {
    height: 33px;
    line-height: 33px;
  }
  #ticket .reserve-inner .show-date {
    position: static;
    height: auto;
  }
  #ticket .reserve-inner .time-select-list {
    margin-top: 5px;
  }
  #ticket .reserve-inner .time-select-list .time-label {
    width: calc(25% - 3.333px);
  }
  #ticket .reserve-inner .time-select-list .time-label:nth-child(6n+1) {
    margin-left: 4px;
  }
  #ticket .reserve-inner .time-select-list .time-label:nth-child(4n+1) {
    margin-left: 0;
  }
}
/** 接駁車 - step 3 **/
#ticket .reserve-inner .step-3 .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.05);
  padding: 25px 30px;
}
#ticket .reserve-inner .step-3 .box-ti {
  line-height: 28px;
  font-size: 1rem;
  color: #0042a4;
}
#ticket .reserve-inner .step-3 .box-ti i {
  margin-right: 10px;
}
#ticket .reserve-inner .step-3 .left {
  float: left;
  width: 260px;
}
#ticket .reserve-inner .step-3 .right {
  float: right;
  width: calc(100% - 280px);
}
#ticket .reserve-inner .step-3 select {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdcdc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  margin-top: 10px;
  padding: 0 30px 0 10px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#ticket .reserve-inner .step-3 select::-ms-expand {
  display: none;
}
#ticket .reserve-inner .step-3 select:focus {
  border-color: #999;
}
#ticket .reserve-inner .step-3 .left .box {
  padding-bottom: 180px;
}
#ticket .reserve-inner .step-3 .left .ico {
  position: absolute;
  left: 50%;
  bottom: -2px;
  margin-left: -117px;
}
#ticket .reserve-inner .step-3 .input-group {
  display: block;
  position: relative;
  margin-top: 10px;
}
#ticket .reserve-inner .step-3 .input-group.code {
  max-width: 380px;
  padding-right: 130px;
}
#ticket .reserve-inner .step-3 .input-group.code .code-img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#ticket .reserve-inner .step-3 .input-group span {
  display: block;
  position: absolute;
  line-height: 40px;
  font-size: 0.875rem;
  top: 0;
  left: 10px;
}
#ticket .reserve-inner .step-3 .input-group input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.875rem;
  color: #000;
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 0 10px 0 60px;
}
#ticket .reserve-inner .step-3 .input-group input:focus {
  border-color: #999;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  #ticket .reserve-inner .step-3 .box {
    padding: 15px;
  }
  #ticket .reserve-inner .step-3 .left {
    float: none;
    width: 100%;
  }
  #ticket .reserve-inner .step-3 .left .box {
    padding-bottom: 15px;
  }
  #ticket .reserve-inner .step-3 .left .ico {
    width: 120px;
    left: auto;
    right: 15px;
    margin-left: 0;
  }
  #ticket .reserve-inner .step-3 .right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-3 .p-board {
    padding: 0;
    background: none;
    border-top: none;
  }
  #ticket .reserve-inner .step-3 .box {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
}
@media (max-width: 379px) {
  #ticket .reserve-inner .step-3 .left .ico {
    display: none;
  }
  #ticket .reserve-inner .step-3 .input-group.code {
    padding-right: 0;
  }
  #ticket .reserve-inner .step-3 .input-group.code .code-img {
    position: static;
    width: 120px;
    margin: 5px auto 0;
  }
}
/** 接駁車 - step 4 **/
#ticket .reserve-inner .step-4 .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.05);
  padding: 25px 30px;
}
#ticket .reserve-inner .step-4 .qrcode {
  float: left;
  width: 150px;
  height: 150px;
  border: 4px solid #e7e7e7;
  margin-left: 15px;
  padding: 1px;
}
#ticket .reserve-inner .step-4 .txt {
  float: right;
  position: relative;
  width: calc(100% - 205px);
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#ticket .reserve-inner .step-4 .txt .title {
  line-height: 28px;
  font-size: 1.25rem;
  color: #000;
}
#ticket .reserve-inner .step-4 .txt .title strong {
  display: block;
  line-height: 40px;
  font-size: 2.25rem;
  color: #0f66b6;
}
#ticket .reserve-inner .step-4 .txt .note {
  line-height: 26px;
  font-size: 0.9375rem;
  color: #555;
  margin: 10px 0;
  padding-left: 15px;
}
#ticket .reserve-inner .step-4 .txt .other {
  font-size: 0.9375rem;
  color: #f60;
}
#ticket .reserve-inner .step-4 .txt .ico {
  position: absolute;
  right: 0;
  bottom: 0;
}
#ticket .reserve-inner .step-4 .info-title {
  line-height: 30px;
  font-size: 1.125rem;
  color: #fff;
  background: #333;
  padding: 8px 15px;
  margin-bottom: 25px;
}
#ticket .reserve-inner .step-4 .info-title i.fa {
  font-size: 1.25rem;
  margin-right: 8px;
}
#ticket .reserve-inner .step-4 .data-list {
  margin-top: -10px;
  margin-bottom: 20px;
}
#ticket .reserve-inner .step-4 .data-list .left {
  float: left;
  width: calc(50% - 20px);
}
#ticket .reserve-inner .step-4 .data-list .right {
  float: right;
  width: calc(50% - 20px);
}
#ticket .reserve-inner .step-4 .data-list ul li {
  position: relative;
  line-height: 22px;
  font-size: 0.9375rem;
  padding: 10px 15px 10px 100px;
  border-bottom: 1px solid #ddd;
}
#ticket .reserve-inner .step-4 .data-list ul li .title {
  position: absolute;
  top: 10px;
  left: 15px;
}
#ticket .reserve-inner .step-btn .done-btn {
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  background: #8a8a8a;
  outline: none;
  vertical-align: top;
  margin: 0 3px 10px;
}
#ticket .reserve-inner .step-btn .done-btn:hover {
  background: #666;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-1 {
  background: #008cd3;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-1:hover {
  background: #0075b0;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-2 {
  background: #f90;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-2:hover {
  background: #f60;
}
@media (max-width: 1199px) {
  #ticket .reserve-inner .step-4 .txt {
    padding-bottom: 90px;
  }
  #ticket .reserve-inner .step-4 .txt.arbor {
    padding-bottom: 120px;
  }
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step-4 .box {
    padding: 15px;
  }
  #ticket .reserve-inner .step-4 .txt {
    padding-bottom: 150px;
  }
  #ticket .reserve-inner .step-4 .txt.arbor {
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  #ticket .reserve-inner .step-4 .qrcode {
    float: none;
    margin: auto;
  }
  #ticket .reserve-inner .step-4 .txt {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0 !important;
  }
  #ticket .reserve-inner .step-4 .txt .ico {
    display: none;
  }
  #ticket .reserve-inner .step-4 .data-list .left,
  #ticket .reserve-inner .step-4 .data-list .right {
    float: none;
    width: 100%;
  }
  #ticket .reserve-inner .step-btn .done-btn {
    display: block;
    margin: 0 auto 10px;
  }
}
@media (max-width: 639px) {
  #ticket .reserve-inner .step .right.done {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-4 .p-board {
    padding: 0;
    background: none;
    border-top: none;
  }
  #ticket .reserve-inner .step-4 .box {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
}
@media (max-width: 399px) {
  #ticket .reserve-inner .step-4 .data-list ul li {
    padding: 10px 5px 5px;
  }
  #ticket .reserve-inner .step-4 .data-list ul li .title {
    position: static;
    margin-bottom: 4px;
    color: #666;
  }
}


/* 會員專區 */
#member {
  background: #f3f8fb url('../images/member_bg.jpg') center 146px no-repeat;
}
#member .p-crumb a {
  color: #1b6db9;
  border-bottom: 1px solid rgba(27,109,185,.4);
}
#member .p-crumb a.home,
#member .p-crumb a:hover {
  border-bottom-color: transparent;
}
#member .member-ti .ico {
  float: left;
  width: 62px;
  margin-right: 4px;
}
#member .member-ti .txt {
  float: left;
  border-bottom: 1px solid #76a0bf;
}
#member .member-ti h2 {
  line-height: 36px;
  font-size: 1.875rem;
  color: #000;
}
#member .member-ti span {
  display: block;
  line-height: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #666;
  padding-bottom: 3px;
}
@media (max-width: 991px) {
  #member { background-position: center 111px; }
}
#member .log-box {
  max-width: 1040px;
  margin: 20px auto 150px;
}
#member .log-box .left {
  float: left;
  width: 390px;
}
#member .log-box .right {
  float: right;
  width: 620px;
}
#member .form .placeholder {
  position: relative;
  font-size: 0.9375rem;
  color: #333;
  margin-bottom: 8px;
}
#member .form .placeholder span {
  display: block;
  height: 40px;
  line-height: 40px;
  background: #fff;
  padding: 0 15px;
}
#member .form .placeholder.code span {
  width: calc(100% - 128px);
}
#member .form .placeholder input {
  display: block;
  position: absolute;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  background: transparent;
  top: 0;
  left: 0;
  outline: none;
  padding: 0 14px;
}
#member .form .placeholder.code input {
  width: calc(100% - 128px);
}
#member .form .placeholder input:focus {
  border-color: #008cd3;
  background: #fff;
}
#member .form .placeholder input.value {
  background: #fff;
}
#member .form .placeholder.code a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#member .form .check {
  display: block;
  line-height: 22px;
  font-size: 0.9375rem;
  margin: 10px 0;
}
#member .form .check input {
  margin: 0 4px 2px;
  vertical-align: middle;
}
#member .form .check a {
  color: #008cd3;
}
#member .form .check a:hover {
  color: #007bba;
}
#member .form .btn {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #008cd3;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
#member .form .btn:hover {
  background: #007bba;
}
#member .form .more {
  margin-top: 20px;
  text-align: center;
}
#member .form .more span {
  display: inline-block;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 0.9375rem;
  padding: 0 19px 0 18px;
}
#member .form .more span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #ccc;
  top: 4px;
  right: -3px;
}
#member .form .more span:last-child:after {
  display: none;
}
#member .form .more span a {
  color: #666;
}
#member .form .more span a:hover {
  color: #000;
}
#member .form .info {
  margin-top: 15px;
  line-height: 20px;
  font-size: 0.875rem;
  color: #666;
  background: url('../images/member_form_info.png') left top no-repeat;
  background-size: 20px 20px;
  padding-left: 26px;
}
.alert-box {
  max-width: 1000px;
  max-height: calc(100vh - 80px);
  background: #fff;
  padding: 20px;
  margin: auto;
}
.alert-box .content {
  max-height: calc(100vh - 120px);
}
.alert-box .mfp-close {
  position: fixed;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  top: 0;
}
@media (max-width: 1199px) {
  #member .log-box {
    margin-bottom: 50px;
  }
  #member .log-box .left { width: 300px; }
}
@media (max-width: 991px) {
  #member .log-box .left {
    float: none;
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
  #member .log-box .right {
    float: none;
    width: 100%;
    max-width: 620px;
    margin: 30px auto 0;
  }
}
/** 登入 **/
#member .login .head {
  height: 135px;
  background: url('../images/member_login_ti.png') no-repeat;
  background-size: cover;
  padding-top: 36px;
}
#member .login .head .title {
  line-height: 36px;
  font-size: 1.5rem;
  color: #0042a4;
}
#member .login .head p {
  line-height: 25px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #0b92e8;
}
#member .login a.fb-btn {
  display: block;
  height: 50px;
  line-height: 20px;
  font-size: 0.9375rem;
  color: #fff;
  padding: 15px;
  background: #3b5998;
  text-align: center;
}
#member .login a.fb-btn:hover {
  background: #2b4884;
}
#member .login a.fb-btn span {
  display: inline-block;
  width: 74px;
  height: 20px;
  font-size: 0;
  background: url('../images/member_login_fb.png') no-repeat;
  background-size: cover;
  vertical-align: top;
  margin: 0 2px;
}
#member .login .or {
  position: relative;
  height: 43px;
  margin: 25px 0;
}
#member .login .or:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bbb;
  top: 22px;
  left: 0;
}
#member .login .or span {
  display: block;
  position: relative;
  width: 43px;
  height: 43px;
  line-height: 39px;
  font-size: 0.9375rem;
  color: #666;
  text-align: center;
  border: 2px solid #bbb;
  border-radius: 100%;
  background: #fff;
  margin: auto;
}
@media (max-width: 1199px) {
  #member .login .head {
    height: 104px;
    padding-top: 21px;
    background-position: -15px center;
  }
}
/** 忘記密碼 **/
#member .forget .head {
  height: 135px;
  background: url('../images/member_forget_ti.png') bottom repeat-x;
  padding-top: 36px;
}
#member .forget .head .title {
  line-height: 36px;
  font-size: 1.5rem;
  color: #0042a4;
}
#member .forget .head p {
  line-height: 25px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #0b92e8;
}
#member .forget .step {
  margin-top: 25px;
  margin-bottom: 50px;
}
#member .forget .step li {
  display: inline-block;
  width: calc(33.333% - 3px);
  vertical-align: top;
}
#member .forget .step li div {
  line-height: 20px;
  font-size: 0.9375rem;
  color: #fff;
  background: #cecece;
  border-radius: 100px;
  padding: 8px 18px;
}
#member .forget .step li.current div {
  background: #f90;
}
#member .forget .step li div strong {
  display: block;
  line-height: 14px;
  font-size: 0.8125rem;
}
#member .forget .ok {
  line-height: 28px;
  font-size: 1.125rem;
  color: #000;
  text-align: center;
}
#member .forget .ok img {
  margin-bottom: 10px;
}
#member .forget .ok a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #008cd3;
  margin-top: 25px;
}
#member .forget .ok a:hover {
  background: #007bba;
}
@media (max-width: 1199px) {
  #member .forget .step {
    margin-bottom: 25px;
  }
  #member .forget .step li {
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
  }
}
/** 註冊選填 **/
#member .join-box {
  max-width: 960px;
  margin: 40px auto 80px;
}
#member .join-box .head {
  position: relative;
  background: url('../images/member_forget_ti.png') bottom repeat-x;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 30px;
}
#member .join-box .head:before {
  content: '';
  display: block;
  position: absolute;
  width: 115px;
  height: 100px;
  background: url('../images/member_join_head.png') no-repeat;
  top: 0;
  right: 30px;
}
#member .join-box .head strong {
  display: block;
  position: relative;
  line-height: 40px;
  font-size: 1.875rem;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #0042a4;
}
#member .join-box .head p {
  position: relative;
  line-height: 24px;
  font-size: 0.9375rem;
  margin-top: 10px;
}
#member .join-box .head p a {
  color: #008cd3;
}
#member .join-box .head p a:hover {
  color: #007bba;
}
#member .join-form {
  margin-top: 30px;
}
#member .join-form .left {
  float: left;
  width: 32%;
}
#member .join-form .pic {
  position: relative;
  width: 260px;
  height: 276px;
  background: url('../images/member_join_thumbshadow.png') bottom no-repeat;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 16px;
}
#member .join-form .pic:before {
  content: '';
  display: block;
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 100%;
  top: 0;
  left: 0;
  background: rgba(4,169,224,1);
  background: -moz-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,169,224,1)), color-stop(100%, rgba(50,98,181,1)));
  background: -webkit-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -o-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -ms-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: linear-gradient(to bottom, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a9e0', endColorstr='#3262b5', GradientType=0 );
}
#member .join-form .pic:after {
  content: '';
  display: block;
  position: absolute;
  width: 240px;
  height: 240px;
  background: #fff;
  border-radius: 100%;
  top: 10px;
  left: 10px;
}
#member .join-form .pic img {
  display: block;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
  border-radius: 100%;
  margin: auto;
}
#member .join-form .right {
  float: right;
  width: 68%;
}
#member .join-form .form-group {
  margin-bottom: 10px;
}
#member .join-form .form-group .item {
  float: left;
  width: 95px;
  height: 40px;
  line-height: 40px;
  font-size: 0.9375rem;
}
#member .join-form .form-group .input {
  float: right;
  width: calc(100% - 95px);
  line-height: 40px;
  font-size: 0.9375rem;
}
#member .join-form .form-group .input input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 14px;
}
#member .join-form .form-group .input input:focus {
  border-color: #008cd3;
}
#member .join-form .form-group .input label {
  margin-right: 20px;
}
#member .join-form .form-group .input label input {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 5px;
}
#member .join-form .form-group .input select {
  height: 40px;
  border: 1px solid #ccc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  padding: 0 38px 0 14px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#member .join-form .form-group .input select::-ms-expand {
  display: none;
}
#member .join-form .form-group .input select:focus {
  border-color: #008cd3;
}
#member .join-form .form-group .input .img-upload-name {
  float: left;
  width: calc(100% - 140px);
  height: 40px;
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#member .join-form .form-group .input .img-upload-name.uploaded {
  color: #333;
}
#member .join-form .form-group .input .img-upload-btn {
  float: right;
  position: relative;
  width: 140px;
  height: 40px;
  color: #fff;
  background: #ccc;
  text-align: center;
  margin: 0;
  cursor: pointer;
}
#member .join-form .form-group .input .img-upload-btn:hover {
  background: #aaa;
}
#member .join-form .form-group .input .img-upload-btn input {
  display: none;
}
#member .join-form .form-btn {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
#member .join-form .form-btn .submit {
  display: inline-block;
  width: 170px;
  height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  background: #008cd3;
}
#member .join-form .form-btn .submit:hover {
  background: #007bba;
}
#member .join-form .form-btn .enter {
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  margin-left: 6px;
}
#member .join-form .form-btn .enter:hover {
  background: #f70;
}
@media (max-width: 991px) {
  #member .join-form .left {
    width: 240px;
  }
  #member .join-form .right {
    width: calc(100% - 270px);
  }
}
@media (max-width: 767px) {
  #member .join-form .left {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
  #member .join-form .right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #member .join-form .form-group .item {
    float: none;
    height: 30px;
    line-height: 30px;
  }
  #member .join-form .form-group .input {
    float: none;
    width: 100%;
  }
  #member .join-form .form-group .input input,
  #member .join-form .form-group .input .img-upload-name {
    padding: 0 9px;
  }
  #member .join-form .form-group .input select {
    padding: 0 33px 0 9px;
  }
  #member .join-form .form-group .input .img-upload-name {
    width: calc(100% - 90px);
  }
  #member .join-form .form-group .input .img-upload-btn {
    width: 90px;
  }
  #member .join-form .form-btn .submit,
  #member .join-form .form-btn .enter {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
}

/* 會員主頁 */
#member .main {
  margin-top: 25px;
  margin-bottom: 80px;
}
#member .main .menu {
  float: left;
  width: 230px;
  margin-left: 10px;
}
#member .main .menu .head {
  position: relative;
  z-index: 2;
  height: 290px;
  background: url('../images/member_menu_bg.png') no-repeat;
  padding-top: 17px;
}
#member .main .menu .head .thumb {
  position: relative;
  width: 160px;
  height: 160px;
  background: #fff;
  border-radius: 100%;
  margin: auto;
  padding: 10px;
}
#member .main .menu .head .thumb img {
  border-radius: 100%;
}
#member .main .menu .head .thumb a {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1rem;
  color: #3d9ee6;
  background: #fff;
  border-radius: 100%;
  text-align: center;
  right: 10px;
  bottom: 0;
}
#member .main .menu .head .thumb a:hover {
  color: #fff;
  background: #3d9ee6;
}
#member .main .menu .head .tel {
  line-height: 24px;
  font-size: 0.875rem;
  color: #002954;
  text-align: center;
  margin-top: 10px;
}
#member .main .menu .head .tel span {
  display: block;
  color: #fff;
}
#member .main .menu .head .btn-box {
  margin-top: 8px;
  text-align: center;
}
#member .main .menu .head .btn-box a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0 12px;
}
#member .main .menu .head .btn-box a.back { background: #ffa92e; }
#member .main .menu .head .btn-box a.logout { background: #0852a0; }
#member .main .menu .head .btn-box a.back:hover { background: #ee9516; }
#member .main .menu .head .btn-box a.logout:hover { background: #004287; }
#member .main .menu .info {
  position: relative;
  border: 2px solid #3d9ee6;
  background: #fff;
  border-radius: 5px;
  margin-top: -10px;
  padding: 13px;
}
#member .main .menu .info .detail li {
  position: relative;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #0852a0;
  border-bottom: 1px solid #ddd;
  padding: 8px 4px 8px 22px;
}
#member .main .menu .info .detail li:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0852a0;
  border-right: 2px solid #0852a0;
  top: 16px;
  left: 4px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#member .main .menu .info .detail li.mb,
#member .main .menu .info .detail li.tab {
  display: none;
}
#member .main .menu .info .detail li a {
  color: #0852a0;
}
#member .main .menu .info .detail li a:hover {
  color: #004185;
}
#member .main .menu .info .detail li .qr-box {
  margin-left: -22px;
  margin-right: -4px;
  text-align: center;
  display: none;
}
#member .main .menu .info .qrcode {
  width: 140px;
  margin: 10px auto 0;
}
#member .main .menu .info .qrcode span {
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 0.9375rem;
  background: #ffd62c;
  border-radius: 32px;
  text-align: center;
}
#member .main .content {
  float: right;
  width: calc(100% - 270px);
}
#member .main h3.ti {
  position: relative;
  line-height: 30px;
  font-size: 1.25rem;
  color: #0f66b6;
  border-bottom: 1px solid #82adce;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-top: 4px;
  padding-left: 45px;
  padding-bottom: 10px;
}
@media (min-width: 544px) {
  @media (max-width: 991px) {
    #member .main .menu {
      float: none;
      width: calc(100% - 20px);
    }
    #member .main .menu .head {
      float: left;
      width: 230px;
      height: 330px;
      background: url('../images/member_menu_bg1.png') no-repeat;
    }
    #member .main .menu .info {
      float: right;
      width: calc(100% - 220px);
      height: 330px;
      margin-top: 0;
      margin-left: -10px;
      padding: 8px 13px;
    }
    #member .main .menu .info .qrcode {
      position: relative;
      width: 100%;
      margin-top: 10px;
      padding-left: 140px;
    }
    #member .main .menu .info .qrcode span {
      position: absolute;
      width: 120px;
      top: 0;
      left: 0;
    }
    #member .main .menu .info .detail li.pc {
      display: none;
    }
    #member .main .menu .info .detail li.tab {
      display: block;
    }
    #member .main .content {
      float: none;
      width: 100%;
      margin-top: 30px;
    }
  }
  @media (max-width: 639px) {
    #member .main .menu .info .qrcode {
      padding-left: 0;
    }
    #member .main .menu .info .qrcode span {
      display: none;
    }
  }
}
@media (max-width: 543px) {
  #member .main .menu {
    float: none;
    width: 100%;
    margin: auto;
  }
  #member .main .menu .head {
    height: auto;
    background: #3d9ee6;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 110px;
    padding-bottom: 10px;
  }
  #member .main .menu .head .thumb {
    position: absolute;
    width: 86px;
    height: 86px;
    padding: 3px;
    top: 10px;
    left: 10px;
  }
  #member .main .menu .head .thumb img {
    width: 80px;
    height: 80px;
  }
  #member .main .menu .head .thumb a {
    right: 0;
    bottom: 0;
  }
  #member .main .menu .head .tel {
    margin-top: 0;
    text-align: left;
  }
  #member .main .menu .head .btn-box {
    text-align: left;
  }
  #member .main .menu .info {
    padding: 13px 10px 10px;
  }
  #member .main .menu .info .detail li {
    padding: 4px 4px 4px 22px;
  }
  #member .main .menu .info .detail li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  #member .main .menu .info .detail li:before {
    top: 12px;
  }
  #member .main .menu .info .detail li.pc {
    display: none;
  }
  #member .main .menu .info .detail li.mb,
  #member .main .menu .info .detail li.tab {
    display: block;
  }
  #member .main .menu .info .qrcode {
    display: none;
  }
  #member .main .content {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

/** 功能列表 **/
#member .main .index h3.ti {
  background-image: url('../images/member_mainti_index.png');
}
#member .main .index .index-list {
  position: relative;
  margin-top: 40px;
}
#member .main .index .index-list .item {
  float: left;
  position: relative;
  width: 33.333%;
  margin-bottom: 15px;
}
#member .main .index .index-list .item:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 43px;
  background: url('../images/member_index_roadbg.jpg') repeat-x;
  left: 50%;
  top: 85px;
}
#member .main .index .index-list .item:nth-child(3):before {
  width: 50%;
  height: 210px;
  background: url('../images/member_index_roadcurve.png') right center no-repeat;
}
#member .main .index .index-list .item:nth-child(4):before {
  width: 50%;
  height: 210px;
  background: url('../images/member_index_roadcurve.png') right center no-repeat;
  left: 0;
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
#member .main .index .index-list .item:nth-child(5):before,
#member .main .index .index-list .item:nth-child(6):before {
  left: -50%;
}
#member .main .index .index-list .item:nth-child(9):before {
  display: none;
}
#member .main .index .index-list .item a {
  display: block;
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  box-shadow: 0 4px 0 rgba(0,0,0,.2);
  margin: auto;
}
#member .main .index .index-list .item a:active {
  box-shadow: 0 2px 0 rgba(0,0,0,.2);
}
#member .main .index .index-list .item.item-1 a { background: #0d6c9c; }
#member .main .index .index-list .item.item-2 a { background: #ad5959; }
#member .main .index .index-list .item.item-3 a { background: #b07800; }
#member .main .index .index-list .item.item-4 a { background: #227560; }
#member .main .index .index-list .item.item-5 a { background: #87684b; }
#member .main .index .index-list .item.item-6 a { background: #930000; }
#member .main .index .index-list .item.item-7 a { background: #401880; }
#member .main .index .index-list .item.item-8 a { background: #35691e; }
#member .main .index .index-list .item.item-9 a { background: #751f55; }
#member .main .index .index-list .item a > div {
  height: 146px;
  border-radius: 150px;
  overflow: hidden;
}
#member .main .index .index-list .item a > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.15);
  background: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.15)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
#member .main .index .index-list .item a:active > div { height: 148px; }
#member .main .index .index-list .item.item-1 a > div { background: #23a7e9; }
#member .main .index .index-list .item.item-2 a > div { background: #f98a8a; }
#member .main .index .index-list .item.item-3 a > div { background: #fcb10f; }
#member .main .index .index-list .item.item-4 a > div { background: #44b296; }
#member .main .index .index-list .item.item-5 a > div { background: #cda179; }
#member .main .index .index-list .item.item-6 a > div { background: #d91010; }
#member .main .index .index-list .item.item-7 a > div { background: #6733be; }
#member .main .index .index-list .item.item-8 a > div { background: #549f2e; }
#member .main .index .index-list .item.item-9 a > div { background: #b43b88; }
#member .main .index .index-list .item a > div > div {
  position: relative;
  text-align: center;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  perspective: 1000px;
  -moz-perspective: 1000px;
  -webkit-perspective: 1000px;
}
#member .main .index .index-list .item a > div > div img {
  opacity: .85;
  transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .index .index-list .item a:hover > div > div img {
  width: 99px;
  height: 78px;
  opacity: 1;
  transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}
#member .main .index .index-list div[class^="ico-"] {
  position: absolute;
}
#member .main .index .index-list .ico-1 { top: 48px; left: 238px; }
#member .main .index .index-list .ico-2 { top: 202px; left: 223px; }
#member .main .index .index-list .ico-3 { top: 186px; left: 535px; }
#member .main .index .index-list .ico-4 { top: 325px; left: 251px; }
#member .main .index .index-list .ico-5 { top: 367px; left: 575px; }
@media (max-width: 1199px) {
  #member .main .index .index-list .ico-1 { left: 180px; }
  #member .main .index .index-list .ico-2 { left: 184px; }
  #member .main .index .index-list .ico-3 { left: 394px; }
  #member .main .index .index-list .ico-4 { left: 180px; }
  #member .main .index .index-list .ico-5 { left: 410px; }
}
@media (max-width: 991px) {
  #member .main .index .index-list .ico-1 { left: 200px; }
  #member .main .index .index-list .ico-2 { left: 204px; }
  #member .main .index .index-list .ico-3 { left: 424px; }
  #member .main .index .index-list .ico-4 { left: 200px; }
  #member .main .index .index-list .ico-5 { left: 440px; }
}
@media (max-width: 767px) {
  #member .main .index .index-list div[class^="ico-"] { display: none; }
}
@media (max-width: 639px) {
  #member .main .index .index-list {
    margin-top: 20px;
  }
  #member .main .index .index-list .item {
    width: 100%;
    margin-bottom: 10px;
  }
  #member .main .index .index-list .item:before {
    display: none;
  }
  /*#member .main .index .index-list .item:before {
    width: 40px;
    height: 22px;
    top: 40px;
    transform-origin: left center;
    -ms-transform-origin: left center;
    -moz-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #member .main .index .index-list .item:nth-child(3):before {
    width: 40px;
    height: 22px;
    background: url('../images/member_index_roadbg.jpg') repeat-x;
    background-size: 7px 22px;
  }
  #member .main .index .index-list .item:nth-child(4):before {
    width: 40px;
    height: 22px;
    background: url('../images/member_index_roadbg.jpg') repeat-x;
    background-size: 7px 22px;
    left: 50%;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #member .main .index .index-list .item:nth-child(5):before,
  #member .main .index .index-list .item:nth-child(6):before {
    left: 50%;
  }*/
  #member .main .index .index-list .item a {
    width: 100%;
    height: 73px;
    border-radius: 5px;
  }
  #member .main .index .index-list .item a > div {
    width: 100%;
    height: 70px;
    border-radius: 5px;
  }
  #member .main .index .index-list .item a > div:before {
    width: 86px;
  }
  #member .main .index .index-list .item a > div > div {
    height: 70px;
    top: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  #member .main .index .index-list .item a:active > div,
  #member .main .index .index-list .item a:active > div > div {
    height: 72px;
  }
  #member .main .index .index-list .item a > div > div img {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  #member .main .index .index-list .item a:hover > div > div img {
    width: 76px;
    height: 60px;
  }
  #member .main .index .index-list .item a:active > div > div img {
    top: 6px;
  }
  #member .main .index .index-list .item a > div > div h4 {
    position: relative;
    padding-left: 96px;
    padding-right: 5px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  #member .main .index .index-list .item a > div > div h4 br {
    display: none;
  }
}
/** QRCODE帳號管理 **/
#member .main .qrcode h3.ti {
  color: #169de2;
  background-image: url('../images/member_mainti_qrcode.png');
}
#member .main .qrcode .item {
  padding: 30px 0;
}
#member .main .qrcode .item + .item {
  border-top: 1px dashed #6fbee6;
}
#member .main .qrcode .item .left {
  float: left;
  width: 160px;
  margin-right: 25px;
}
#member .main .qrcode .item .right {
  overflow: hidden;
}
#member .main .qrcode .item .item-info {
  display: inline-block;
  position: relative;
  width: calc(50% - 15px);
  border-bottom: 1px solid rgba(255,255,255,.75);
  padding: 10px 5px;
  vertical-align: top;
  margin: 0;
}
#member .main .qrcode .item .item-info:nth-child(even) {
  margin-left: 26px;
}
#member .main .qrcode .item .item-info:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0,0,0,.15);
  left: 0;
  bottom: 0;
}
#member .main .qrcode .item .item-info dt {
  float: left;
  width: 120px;
  line-height: 24px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #003771;
}
#member .main .qrcode .item .item-info dd {
  float: right;
  width: calc(100% - 120px);
  line-height: 24px;
  font-size: 0.9375rem;
}
#member .main .qrcode .item .item-info span.pay-switch {
  display: block;
  width: 80px;
  height: 30px;
  background-image: url('../images/qrcode_situ.png');
  background-size: 160px 30px;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -3px;
  margin-bottom: -3px;
}
#member .main .qrcode .item .item-info span.pay-switch.off {
  background-position: left top;
}
#member .main .qrcode .item .item-info span.pay-switch.on {
  background-position: right top;
}
#member .main .qrcode .item a.unlock {
  display: block;
  width: 170px;
  height: 46px;
  line-height: 46px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  margin: 15px 0 0 5px;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#member .main .qrcode .item a.unlock:hover {
  background: #f60;
}
@media (max-width: 1199px) {
  #member .main .qrcode .item .item-info {
    width: 100%;
    margin-left: 0 !important;
  }
}
@media (max-width: 543px) {
  #member .main .qrcode .item .left {
    float: none;
    margin: 0 0 10px;
  }
}
/** 個人資料維護 **/
#member .main .profile h3.ti {
  /* color: #a72b7a; */
  background-image: url('../images/member_mainti_profile.png');
}
#member .main .profile form {
  margin-top: 20px;
}
#member .main .profile .left {
  float: left;
  width: 225px;
  padding-top: 20px;
  margin-left: 10px;
}
#member .main .profile .left .pic {
  position: relative;
  background: url('../images/member_join_thumbshadow.png') bottom no-repeat;
  background-size: 100% 40px;
  padding-top: 8px;
  padding-bottom: 20px;
}
#member .main .profile .left .pic:before {
  content: '';
  display: block;
  position: absolute;
  width: 225px;
  height: 225px;
  top: 0;
  left: 0;
  border-radius: 100%;
  background: rgba(4,169,224,1);
  background: -moz-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,169,224,1)), color-stop(100%, rgba(50,98,181,1)));
  background: -webkit-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -o-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -ms-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: linear-gradient(to bottom, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a9e0', endColorstr='#3262b5', GradientType=0 );
}
#member .main .profile .left .pic:after {
  content: '';
  display: block;
  position: absolute;
  width: 209px;
  height: 209px;
  background: #fff;
  border-radius: 100%;
  top: 8px;
  left: 8px;
}
#member .main .profile .left .pic img {
  display: block;
  position: relative;
  z-index: 2;
  width: 209px;
  height: 209px;
  border: 6px solid #fff;
  border-radius: 100%;
  margin: auto;
}
#member .main .profile .left .img-upload {
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  font-size: 0.875rem;
  color: #074386;
  text-align: center;
  cursor: pointer;
  margin: 10px auto 0;
}
#member .main .profile .left .img-upload:hover {
  color: #3d9ee6;
}
#member .main .profile .left .img-upload input {
  display: none;
}
#member .main .profile .left .img-upload i {
  margin-right: 4px;
}
#member .main .profile .right {
  float: right;
  width: calc(100% - 265px);
}
#member .main .profile .form-group {
  position: relative;
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  margin: 0;
}
#member .main .profile .form-group:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #c4ced3;
  left: 0;
  bottom: 0;
}
#member .main .profile .form-group .item {
  float: left;
  width: 120px;
  line-height: 36px;
  font-size: 0.9375rem;
  color: #003771;
  padding: 6px 10px;
}
#member .main .profile .form-group .input {
  float: right;
  width: calc(100% - 120px);
}
#member .main .profile .form-group .input .display,
#member .main .profile .form-group .input .edit {
  position: relative;
  padding: 6px 80px 6px 0;
}
#member .main .profile .form-group .input .edit {
  display: none;
}
#member .main .profile .form-group .input .display span {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#member .main .profile .form-group .input .edit input {
  display: block;
  width: 100%;
  height: 36px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 9px;
}
#member .main .profile .form-group .input .edit input:focus {
  border-color: #008cd3;
}
#member .main .profile .form-group .input .edit select {
  height: 36px;
  border: 1px solid #ccc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  padding: 0 33px 0 9px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#member .main .profile .form-group .input .edit select::-ms-expand {
  display: none;
}
#member .main .profile .form-group .input .edit select:focus {
  border-color: #008cd3;
}
#member .main .profile .form-group .input .edit label {
  height: 36px;
  line-height: 36px;
  margin-right: 20px;
}
#member .main .profile .form-group .input .edit label input {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 7px;
}
#member .main .profile .form-group .input .display button,
#member .main .profile .form-group .input .edit button {
  display: block;
  position: absolute;
  width: 60px;
  height: 36px;
  font-size: 0.9375rem;
  color: #7c8b92;
  border: 1px solid #b1bec4;
  background: #fff;
  top: 6px;
  right: 10px;
}
#member .main .profile .form-group .input .display button:hover,
#member .main .profile .form-group .input .edit button:hover {
  color: #fff;
  background: #b1bec4;
}
#member .main .profile .form-group .input .display button i,
#member .main .profile .form-group .input .edit button i {
  margin-right: 2px;
}
@media (max-width: 1199px) {
  #member .main .profile .left {
    width: 200px;
    margin-left: 0;
  }
  #member .main .profile .left .pic {
    padding-top: 6px;
  }
  #member .main .profile .left .pic:before {
    width: 200px;
    height: 200px;
  }
  #member .main .profile .left .pic:after {
    width: 188px;
    height: 188px;
    top: 6px;
    left: 6px;
  }
  #member .main .profile .left .pic img {
    width: 188px;
    height: 188px;
    border-width: 5px;
  }
  #member .main .profile .right {
    width: calc(100% - 220px);
  }
  #member .main .profile .form-group .item {
    width: 100px;
  }
  #member .main .profile .form-group .input {
    width: calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  #member .main .profile .left {
    float: none;
    width: 225px;
    margin: auto;
  }
  #member .main .profile .left .pic {
    padding-top: 8px;
  }
  #member .main .profile .left .pic:before {
    width: 225px;
    height: 225px;
  }
  #member .main .profile .left .pic:after {
    width: 209px;
    height: 209px;
    top: 8px;
    left: 8px;
  }
  #member .main .profile .left .pic img {
    width: 209px;
    height: 209px;
    border-width: 6px;
  }
  #member .main .profile .right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 543px) {
  #member .main .profile .form-group .item {
    float: none;
    padding: 6px 10px 0;
  }
  #member .main .profile .form-group .input {
    float: none;
    width: 100%;
    padding-left: 10px;
  }
}

/** 我的好友 **/
#member .main .friends {
  position: relative;
}
#member .main .friends h3.ti {
  color: #126a0b;
  background-image: url('../images/member_mainti_friends.png');
}
#member .main .friends .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
#member .main .friends .dropdown .btn {
  position: relative;
  width: 110px;
  height: 36px;
  padding: 0 10px;
  text-align: left;
}
#member .main .friends .dropdown .btn:hover,
#member .main .friends .dropdown .btn:active,
#member .main .friends .dropdown .btn:focus {
  background: #f5f5f5;
  box-shadow: none;
}
#member .main .friends .dropdown .btn i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#member .main .friends .dropdown .dropdown-menu {
  width: 110px;
  min-width: auto;
  margin-top: 0;
  padding: 0;
}
#member .main .friends .dropdown .dropdown-menu > li > a {
  padding: 8px 10px;
}
#member .main .friends .dropdown .dropdown-menu > li > a:hover,
#member .main .friends .dropdown .dropdown-menu > li.current > a {
  color: #fff;
  background: #4c962b;
}
@media (min-width: 768px) {
  #member .main .friends .dropdown .btn {
    display: none;
  }
  #member .main .friends .dropdown .dropdown-menu {
    display: block !important;
    position: static;
    width: auto;
    border: none;
    background: none;
    box-shadow: none;
  }
  #member .main .friends .dropdown .dropdown-menu > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
  }
  #member .main .friends .dropdown .dropdown-menu > li > a {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 36px;
    padding: 0;
    text-align: center;
  }
}
#member .main .friends .search {
  background: url('../images/member_friends_searchico.png') left center no-repeat;
  padding: 18px 0 18px 120px;
  margin-top: 30px;
}
#member .main .friends .search input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff url('../images/member_friends_search.png') left center no-repeat;
  background-size: 39px 38px;
  padding: 0 14px 0 38px;
}
#member .main .friends .search input:focus {
  border-color: #008cd3;
}
#member .main .friends .list {
  margin-top: 20px;
}
#member .main .friends .list .title {
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  color: #fff;
  background: #4c962b;
  padding: 0 15px;
}
#member .main .friends .list .item {
  position: relative;
  height: 92px;
  padding: 10px 10px 11px;
  border-bottom: 1px solid #fff;
}
#member .main .friends .list .item:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #cbd1d5;
  left: 0;
  bottom: 0;
}
#member .main .friends .list .item img {
  display: block;
  float: left;
}
#member .main .friends .list .item .name {
  position: relative;
  float: left;
  width: calc(100% - 170px);
  line-height: 24px;
  font-size: 0.9375rem;
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#member .main .friends .list .item .name.name-2 {
  width: calc(100% - 279px);
}
#member .main .friends .list .item .name.name-3 {
  width: calc(100% - 110px);
}
#member .main .friends .list .item:hover .name {
  color: #286e09;
}
#member .main .friends .list .item .btn-box {
  float: right;
  margin-top: 19px;
}
#member .main .friends .list .item .btn-box a {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 0.875rem;
  color: #77797a;
  border: 1px solid #b2b4b6;
  background: #fff;
  text-align: center;
  vertical-align: top;
}
#member .main .friends .list .item .btn-box a:hover {
  color: #1b6db9;
  border-color: #85aed3;
}
#member .main .friends .list .item .btn-box a + a {
  margin-left: 4px;
}
#member .main .friends .list .item .btn-box a i {
  margin-right: 4px;
}
#member .main .friends .list .item .labelbox {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 25px;
  margin-right: 20px;
  cursor: pointer;
}
#member .main .friends .list .item .labelbox input {
  display: none;
}
#member .main .friends .list .item .labelbox input + span {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  background: #9a9ea0;
  border-radius: 100%;
}
#member .main .friends .list .item .labelbox input + span:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 4px;
  left: 6.5px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#member .main .friends .list .item .labelbox input:checked + span {
  background: #4c962b;
}
#member .main .friends .btn-box {
  margin-top: 40px;
  text-align: right;
}
#member .main .friends .btn-box .cancel,
#member .main .friends .btn-box .submit {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  text-align: center;
  outline: none;
  margin-left: 2px;
}
#member .main .friends .btn-box .cancel {
  background: #666;
}
#member .main .friends .btn-box .cancel:hover {
  background: #555;
}
#member .main .friends .btn-box .submit {
  background: #008cd3;
}
#member .main .friends .btn-box .submit:hover {
  background: #007bba;
}
#member .main .friends .add {
  width: 100%;
  max-width: 390px;
  margin: 30px auto;
}
#member .main .friends .add img {
  display: block;
  border-radius: 100%;
  margin: auto;
}
#member .main .friends .add .name {
  line-height: 26px;
  font-size: 1rem;
  text-align: center;
  margin: 15px 0;
}
#member .main .friends .add .add-btn {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #4c962b;
  text-align: center;
}
#member .main .friends .add .add-btn:hover {
  background: #3c831d;
}
#member .main .friends .add-group {
  background: url('../images/member_group_addico.png') left center no-repeat;
  padding: 20px 0 20px 120px;
  margin-top: 30px;
}
#member .main .friends .add-group input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff;
  background-size: 39px 38px;
  padding: 0 14px;
}
#member .main .friends .add-group input:focus {
  border-color: #008cd3;
}
#member .main .friends .add.result {
  display: none;
}
@media (max-width: 543px) {
  #member .main .friends .list .item {
    height: auto;
    padding-bottom: 48px;
  }
  #member .main .friends .list .item.group {
    padding-bottom: 0;
  }
  #member .main .friends .list .item .name {
    width: calc(100% - 70px) !important;
    top: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  #member .main .friends .list .item.group .name.name-3 {
    width: calc(100% - 102px) !important;
  }
  #member .main .friends .list .item .btn-box {
    float: none;
    position: absolute;
    left: 10px;
    bottom: 11px;
    margin-top: 0;
  }
  #member .main .friends .list .item .labelbox {
    width: 32px;
    height: 32px;
    margin-top: 0;
    margin-right: 0;
  }
  #member .main .friends .list .item .labelbox input + span {
    width: 32px;
    height: 32px;
  }
  #member .main .friends .list .item .labelbox input + span:after {
    width: 10px;
    height: 16px;
    top: 6px;
    left: 11px;
  }
  #member .main .friends .btn-box .cancel,
  #member .main .friends .btn-box .submit {
    width: calc(50% - 2.5px);
    margin-left: 0;
  }
}
/** 好友內頁 **/
#member .main .friends .tickets .head,
#member .main .friends .detail .head {
  height: 90px;
  padding: 10px 5px;
}
#member .main .friends .tickets .head img,
#member .main .friends .detail .head img {
  display: block;
  float: left;
}
#member .main .friends .tickets .head .name,
#member .main .friends .detail .head .name {
  float: right;
  position: relative;
  width: calc(100% - 70px);
  line-height: 24px;
  font-size: 1rem;
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#member .main .friends .tickets .tab,
#member .main .friends .detail .tab {
  border-top: 1px solid #000;
}
#member .main .friends .tickets .tab a,
#member .main .friends .detail .tab a {
  display: block;
  float: left;
  width: 50%;
  height: 46px;
  line-height: 46px;
  font-size: 1rem;
  color: rgba(255,255,255,.6);
  background: #4c962b;
  text-align: center;
}
#member .main .friends .tickets .tab a:hover,
#member .main .friends .detail .tab a:hover {
  color: #f0ff9e;
}
#member .main .friends .tickets .tab a.current,
#member .main .friends .detail .tab a.current {
  color: #f0ff9e;
  background: #377f17;
}
#member .main .friends .tickets .ticket-list,
#member .main .friends .detail .detail-list {
  margin-top: 15px;
}
#member .main .friends .detail .detail-list {
  border-top: 1px solid #4c962b;
}
#member .main .friends .tickets .ticket-list .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #c5ced3;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .friends .tickets .ticket-list.open .title {
  border-bottom-color: #4c962b;
}
#member .main .friends .tickets .ticket-list .title span {
  display: inline-block;
  position: relative;
  height: 32px;
  line-height: 32px;
  font-size: 1rem;
  padding-right: 30px;
  vertical-align: top;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .friends .tickets .ticket-list.open .title span {
  color: #4c962b;
}
#member .main .friends .tickets .ticket-list .title span a.switch {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: url('../images/member_ticket_switch.png') no-repeat;
  background-size: 22px 22px;
  top: 5px;
  right: 0;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .friends .tickets .ticket-list.open .title span a.switch {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#member .main .friends .tickets .ticket-list .list-content {
  display: none;
}
#member .main .friends .tickets .ticket-list .list-head {
  background: #fff;
  padding: 11px 0;
}
#member .main .friends .tickets .ticket-list .list-head span {
  display: block;
  float: left;
  position: relative;
  width: calc(100% - 390px);
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #000;
  text-align: center;
}
#member .main .friends .tickets .ticket-list .list-head span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
  top: 5px;
  right: 0;
}
#member .main .friends .tickets .ticket-list .list-head span:last-child:after {
  display: none;
}
#member .main .friends .tickets .ticket-list .list-head span + span {
  width: 130px;
}
#member .main .friends .tickets .ticket-list .list-item {
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}
#member .main .friends .tickets .ticket-list .list-item span {
  display: block;
  float: left;
  width: calc(100% - 390px);
  line-height: 22px;
  font-size: 0.875rem;
  padding: 2px 5px;
}
#member .main .friends .tickets .ticket-list .list-item span + span {
  width: 130px;
  text-align: center;
}
@media (max-width: 639px) {
  #member .main .friends .tickets .ticket-list .list-head {
    display: none;
  }
  #member .main .friends .tickets .ticket-list .list-item span {
    float: none;
    position: relative;
    width: 100% !important;
    padding-left: 80px;
    text-align: left !important;
  }
  #member .main .friends .tickets .ticket-list .list-item span:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
  }
}
#member .main .friends .detail .detail-list .list-head {
  background: #fff;
  padding: 11px 0;
}
#member .main .friends .detail .detail-list .list-head span {
  display: block;
  float: left;
  position: relative;
  width: 130px;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #000;
  text-align: center;
}
#member .main .friends .detail .detail-list .list-head span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
  top: 5px;
  right: 0;
}
#member .main .friends .detail .detail-list .list-head span:last-child:after {
  display: none;
}
#member .main .friends .detail .detail-list .list-head span:nth-child(3) {
  width: calc(100% - 460px);
}
#member .main .friends .detail .detail-list .list-head span:nth-child(2),
#member .main .friends .detail .detail-list .list-head span:nth-child(5) {
  width: 100px;
}
#member .main .friends .detail .detail-list .list-item {
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}
#member .main .friends .detail .detail-list .list-item span {
  display: block;
  float: left;
  width: 130px;
  line-height: 22px;
  font-size: 0.875rem;
  padding: 2px 5px;
  text-align: center;
}
#member .main .friends .detail .detail-list .list-item span:nth-child(3) {
  width: calc(100% - 460px);
}
#member .main .friends .detail .detail-list .list-item span:nth-child(2),
#member .main .friends .detail .detail-list .list-item span:nth-child(5) {
  width: 100px;
}
@media (max-width: 639px) {
  #member .main .friends .detail .detail-list .list-head {
    display: none;
  }
  #member .main .friends .detail .detail-list .list-item span {
    float: none;
    position: relative;
    width: 100% !important;
    padding-left: 110px;
    text-align: left !important;
  }
  #member .main .friends .detail .detail-list .list-item span:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
  }
}
/** 我的票券 **/
#member .main .ticket {
  position: relative;
}
#member .main .ticket h3.ti {
  color: #cd5aa3;
  background-image: url('../images/member_mainti_ticket.png');
}
#member .main .ticket .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
#member .main .ticket .dropdown .btn {
  position: relative;
  width: 110px;
  height: 36px;
  padding: 0 10px;
  text-align: left;
}
#member .main .ticket .dropdown .btn:hover,
#member .main .ticket .dropdown .btn:active,
#member .main .ticket .dropdown .btn:focus {
  background: #f5f5f5;
  box-shadow: none;
}
#member .main .ticket .dropdown .btn i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#member .main .ticket .dropdown .dropdown-menu {
  width: 110px;
  min-width: auto;
  margin-top: 0;
  padding: 0;
}
#member .main .ticket .dropdown .dropdown-menu > li > a {
  padding: 8px 10px;
}
#member .main .ticket .dropdown .dropdown-menu > li > a:hover,
#member .main .ticket .dropdown .dropdown-menu > li.current > a {
  color: #fff;
  background: #cd5aa3;
}
@media (max-width: 639px) {
  #member .main .ticket h3.ti {
    border-bottom: none;
  }
  #member .main .ticket .dropdown {
    text-align: right;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #82adce;
  }
  #member .main .ticket .dropdown .dropdown-menu {
    top: 36px;
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  #member .main .ticket .dropdown .btn {
    display: none;
  }
  #member .main .ticket .dropdown .dropdown-menu {
    display: block !important;
    position: static;
    width: auto;
    border: none;
    background: none;
    box-shadow: none;
  }
  #member .main .ticket .dropdown .dropdown-menu > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
  }
  #member .main .ticket .dropdown .dropdown-menu > li > a {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 36px;
    padding: 0;
    text-align: center;
  }
}
#member .main .ticket .list {
  margin-top: 1px;
}
#member .main .ticket .list .head {
  background: #cd5aa3;
  padding: 11px 0;
}
#member .main .ticket .list .head > div {
  float: left;
  position: relative;
  width: 15%;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
#member .main .ticket .list .head > div:nth-child(1) {
  width: 35%;
}
#member .main .ticket .list .head > div:nth-child(2) {
  width: 20%;
}
#member .main .ticket .list .head > div:before,
#member .main .ticket .list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  top: 5px;
}
#member .main .ticket .list .head > div:before {
  left: 0;
  background: #a44882;
}
#member .main .ticket .list .head > div:after {
  right: 0;
  background: #d77bb5;
}
#member .main .ticket .list .head > div:first-child:before,
#member .main .ticket .list .head > div:last-child:after {
  display: none;
}
#member .main .ticket .list .item {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#member .main .ticket .list .item > div {
  display: table-cell;
  width: 15%;
  /*height: 110px;*/
  line-height: 22px;
  font-size: 0.875rem;
  color: #555;
  text-align: center;
  padding: 5px;
  vertical-align: middle;
}
#member .main .ticket .list .item:hover > div {
  color: #cd5aa3;
}
/*#member .main .ticket .list .item > div span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}*/
#member .main .ticket .list .item > div img {
  width: 100px;
  height: 100px;
}
#member .main .ticket .list .item > div.name {
  width: 35%;
  /*height: auto;*/
  text-align: left;
  padding-left: 15px;
}
#member .main .ticket .list .item > div.name a {
  font-size: 1rem;
  color: #333;
}
#member .main .ticket .list .item > div.name a:hover {
  color: #cd0606;
}
#member .main .ticket .list .item > div.name .info {
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 18px;
  font-size: 0.8125rem;
  color: #555;
  padding: 2px 0;
}
#member .main .ticket .list .item > div.name .info + .info {
  margin-top: 3px;
}
#member .main .ticket .list .item > div.name .info dt {
  float: left;
  width: 70px;
  font-weight: normal;
}
#member .main .ticket .list .item > div.name .info dd {
  overflow: hidden;
}
#member .main .ticket .list .item > div:nth-child(2) {
  width: 20%;
}
#member .main .ticket .list .item > div.share a {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #818a8f;
  border: 1px solid #b4bfc4;
  background: #fff;
  text-align: center;
  margin: auto;
}
#member .main .ticket .list .item > div.share a + a {
  margin-top: 6px;
}
#member .main .ticket .list .item > div.share a:hover {
  border-color: #cd5aa3;
  color: #cd5aa3;
}
#member .main .ticket .list .item > div.share a i {
  margin-right: 4px;
}
@media (max-width: 1199px) {
  #member .main .ticket .list .head > div,
  #member .main .ticket .list .item > div {
    width: 18%;
  }
  #member .main .ticket .list .head > div:first-child,
  #member .main .ticket .list .item > div.name {
    width: 26%;
  }
  #member .main .ticket .list .item > div.name {
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  #member .main .ticket .list .head {
    display: none;
  }
  #member .main .ticket .list .item > div {
    display: block;
    /*float: none;*/
    position: relative;
    width: 100% !important;
    height: auto;
    text-align: left;
    padding-left: 90px !important;
  }
  #member .main .ticket .list .item > div:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    color: #555;
    top: 5px;
    left: 5px;
  }
  #member .main .ticket .list .item > div span {
    display: inline;
  }
  #member .main .ticket .list .item > div.share:before {
    top: 10px;
  }
  #member .main .ticket .list .item > div.share a {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 4px;
    vertical-align: top;
  }
}
/** 票券分享紀錄 **/
#member .main .ticket .record-list {
  margin-top: 1px;
}
#member .main .ticket .record-list .head {
  background: #cd5aa3;
  padding: 11px 0;
}
#member .main .ticket .record-list .head > div {
  float: left;
  position: relative;
  width: 20%;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
#member .main .ticket .record-list .head > div:nth-child(1) {
  width: 55%;
}
#member .main .ticket .record-list .head > div:nth-child(2) {
  width: 25%;
}
#member .main .ticket .record-list .head > div:before,
#member .main .ticket .record-list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  top: 5px;
}
#member .main .ticket .record-list .head > div:before {
  left: 0;
  background: #a44882;
}
#member .main .ticket .record-list .head > div:after {
  right: 0;
  background: #d77bb5;
}
#member .main .ticket .record-list .head > div:first-child:before,
#member .main .ticket .record-list .head > div:last-child:after {
  display: none;
}
#member .main .ticket .record-list .item {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#member .main .ticket .record-list .item > div {
  display: table-cell;
  /*float: left;*/
  width: 25%;
  line-height: 32px;
  font-size: 0.875rem;
  color: #555;
  text-align: center;
  padding: 5px;
  vertical-align: middle;
}
#member .main .ticket .record-list .item:hover > div {
  color: #cd5aa3;
}
#member .main .ticket .record-list .item > div.name {
  width: 55%;
  font-size: 1rem;
  color: #333;
  text-align: left;
  padding-left: 15px;
}
#member .main .ticket .record-list .item > div.delete {
  width: 20%;
}
#member .main .ticket .record-list .item > div.delete a {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #818a8f;
  border: 1px solid #b4bfc4;
  background: #fff;
  text-align: center;
  margin: auto;
}
#member .main .ticket .record-list .item > div.delete a + a {
  margin-top: 6px;
}
#member .main .ticket .record-list .item > div.delete a:hover {
  border-color: #cd5aa3;
  color: #cd5aa3;
}
#member .main .ticket .record-list .item > div.delete a i {
  margin-right: 4px;
}
@media (max-width: 767px) {
  #member .main .ticket .record-list .head {
    display: none;
  }
  #member .main .ticket .record-list .item {
    display: block;
  }
  #member .main .ticket .record-list .item > div {
    display: block;
    /*float: none;*/
    position: relative;
    width: 100% !important;
    line-height: 22px;
    text-align: left;
    padding-left: 90px !important;
  }
  #member .main .ticket .record-list .item > div:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    font-size: 0.875rem;
    color: #555;
    top: 5px;
    left: 5px;
  }
  #member .main .ticket .record-list .item > div.delete:before {
    top: 10px;
  }
  #member .main .ticket .record-list .item > div.delete a {
    display: inline-block;
    margin-top: 0 !important;
    vertical-align: top;
  }
}
/** 購物紀錄 **/
#member .main .history h3.ti {
  color: #0757a0;
  background-image: url('../images/member_mainti_history.png');
}
#member .main .history .list .head {
  background: #1b6db9;
  padding: 11px 0;
}
#member .main .history .list .head > div {
  float: left;
  position: relative;
  width: 20%;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
#member .main .history .list .head > div:before,
#member .main .history .list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  top: 5px;
}
#member .main .history .list .head > div:before {
  left: 0;
  background: #165794;
}
#member .main .history .list .head > div:first-child:before {
  display: none;
}
#member .main .history .list .head > div:after {
  right: 0;
  background: #498ac7;
}
#member .main .history .list .head > div:last-child:after {
  display: none;
}
#member .main .history .list .item {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#member .main .history .list .item > div {
  float: left;
  width: 20%;
  line-height: 22px;
  font-size: 0.875rem;
  color: #555;
  text-align: center;
  padding: 5px;
}
#member .main .history .list .item:hover > div {
  color: #1b6db9;
}
#member .main .history .list .item .labelbox {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 30px;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  margin: -4px auto;
  vertical-align: top;
}
#member .main .history .list .item .labelbox input {
  display: none;
}
#member .main .history .list .item .labelbox input ~ span.bg {
  display: block;
  position: absolute;
  width: 80px;
  height: 30px;
  background: #8f8f8f;
  border-radius: 30px;
  top: 0;
  left: 0;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.bg {
  background: #f90;
}
#member .main .history .list .item .labelbox input ~ span.on {
  display: block;
  position: absolute;
  width: 48px;
  height: 20px;
  line-height: 20px;
  font-size: 0.875rem;
  color: #fff;
  top: 5px;
  left: -42px;
  text-align: center;
  transition: left .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.on {
  left: 6px;
}
#member .main .history .list .item .labelbox input ~ span.off {
  display: block;
  position: absolute;
  width: 48px;
  height: 20px;
  line-height: 20px;
  font-size: 0.875rem;
  color: #fff;
  top: 5px;
  left: 26px;
  text-align: center;
  transition: left .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.off {
  left: 74px;
}
#member .main .history .list .item .labelbox input ~ span.dot {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 100%;
  top: 5px;
  left: 6px;
  transition: left .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.dot {
  left: 54px;
}
#member .main .history .list .item a.share {
  display: inline-block;
  width: 86px;
  height: 32px;
  line-height: 32px;
  color: #818a8f;
  border: 1px solid #b4bfc4;
  background: #fff;
  text-align: center;
  margin: -5px auto;
  vertical-align: top;
}
#member .main .history .list .item a.share:hover {
  color: #1b6db9;
  border-color: #85aed3;
}
#member .main .history .list .item a.share i {
  margin-right: 4px;
}
@media (max-width: 639px) {
  #member .main .history .list .head {
    display: none;
  }
  #member .main .history .list .item > div {
    float: none;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 80px;
  }
  #member .main .history .list .item > div:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  #member .main .history .list .item > div:nth-child(4):before {
    top: 9px;
  }
  #member .main .history .list .item > div:nth-child(5):before {
    top: 10px;
  }
  #member .main .history .list .item .labelbox,
  #member .main .history .list .item a.share {
    margin: 0;
  }
}

/* 購物車 */
#cart .p-ti {
  border-bottom-color: #107ec4;
}
#cart .p-ti h2 {
  color: #064076;
}
#cart .alert {
  line-height: 26px;
  font-size: 1rem;
  color: #ff3c00;
  border: none;
  background: url('../images/cart_alert.png') 15px 25px no-repeat;
  background-size: 20px 20px;
  padding: 22px 10px 22px 46px;
  margin: 5px 0 0;
}
/** 購物清單 **/
#cart .item-list .head {
  line-height: 26px;
  font-size: 0.9375rem;
  color: #fff;
  background: #1b6db9;
  padding: 10px 0;
}
#cart .item-list .head > div {
  float: left;
  position: relative;
  text-align: center;
}
#cart .item-list .head > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #165794;
  top: 6px;
  left: 0;
}
#cart .item-list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #498ac7;
  top: 6px;
  right: 0;
}
#cart .item-list .head > div:first-child:before,
#cart .item-list .head > div:last-child:after {
  display: none;
}
#cart .item-list .item {
  line-height: 26px;
  font-size: 0.9375rem;
  color: #555;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}
#cart .item-list .item > div {
  float: left;
  padding: 2px 10px;
  text-align: center;
}
#cart .item-list .sn { width: 110px; }
#cart .item-list .no { width: 125px; }
#cart .item-list .name { width: calc(100% - 680px); }
#cart .item-list .price { width: 100px; }
#cart .item-list .qty { width: 150px; }
#cart .item-list .total { width: 120px; }
#cart .item-list .del { width: 75px; }
#cart .item-list .item .name {
  text-align: left;
  padding: 2px 20px;
}
#cart .item-list .item .name a {
  color: #555;
}
#cart .item-list .item .name a:hover {
  color: #000;
}
#cart .item-list .item .qty-box {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 30px;
}
#cart .item-list .item .qty-box input {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
}
#cart .item-list .item .qty-box a.qty-minus,
#cart .item-list .item .qty-box a.qty-plus {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  top: 0;
}
#cart .item-list .item .qty-box a.qty-minus:hover,
#cart .item-list .item .qty-box a.qty-plus:hover {
  background: #e5e5e5;
}
#cart .item-list .item .qty-box a.qty-minus {
  left: 0;
}
#cart .item-list .item .qty-box a.qty-plus {
  right: 0;
}
#cart .item-list .item .qty-box a.qty-minus:before,
#cart .item-list .item .qty-box a.qty-plus:before {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #999;
  top: 14px;
  left: 8px;
}
#cart .item-list .item .qty-box a.qty-plus:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 13px;
  background: #999;
  top: 8px;
  left: 14px;
}
#cart .item-list .item .del a {
  font-size: 1.25rem;
  color: #999;
}
#cart .item-list .item .del a:hover {
  color: #333;
}
@media (max-width: 991px) {
  #cart .alert {
    background-position: 5px 15px;
    padding: 12px 5px 12px 36px;
  }
  #cart .item-list .head {
    display: none;
  }
  #cart .item-list .item > div {
    float: none;
    position: relative;
    width: 100% !important;
    line-height: 30px;
    text-align: left;
    padding: 2px 5px 2px 90px !important;
  }
  #cart .item-list .item > div:before {
    content: attr(data-title);
    display: block;
    position: absolute;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 0.8125rem;
    color: #fff;
    background: #1b6db9;
    border-radius: 2px;
    box-shadow: 0 1px 1px #165794;
    text-align: center;
    top: 7px;
    left: 5px;
  }
  #cart .item-list .item .del a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    border-radius: 100%;
    text-align: center;
  }
}
/* 商品金額總計 */
#cart .item-total {
  text-align: right;
  line-height: 55px;
  font-size: 0.9375rem;
  margin-top: 15px;
}
#cart .item-total strong {
  font-size: 1.25rem;
  color: #ff3c00;
  margin: 0 2px;
}
#cart .item-total span.price {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ff3c00;
  margin-right: 20px;
  vertical-align: top;
}
@media (max-width: 639px) {
  #cart .item-total {
    text-align: center;
  }
  #cart .item-total span.price {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
/* 購買人表單 */
#cart .payment {
  margin-top: 60px;
  padding-bottom: 15px;
}
#cart .payment .ti {
  line-height: 30px;
  font-size: 1.125rem;
  color: #fff;
  background: #333;
  padding: 8px 15px;
  margin-bottom: 25px;
}
#cart .payment .ti i.fa {
  font-size: 1.25rem;
  margin-right: 8px;
}
#cart .payment .form-group {
  padding: 0 10px;
  margin-bottom: 10px;
}
#cart .payment .form-group dt {
  float: left;
  width: 105px;
  line-height: 40px;
  font-size: 0.9375rem;
  font-weight: normal;
}
#cart .payment .form-group dd {
  float: right;
  width: calc(100% - 105px);
  line-height: 40px;
  font-size: 0.9375rem;
}
#cart .payment .form-group dd input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  padding: 0 9px;
  transition: border .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: border .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: border .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: border .3s cubic-bezier(0,.4,.4,1);
}
#cart .payment .form-group dd label {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 0.9375rem;
  margin-right: 25px;
  vertical-align: top;
}
#cart .payment .form-group dd label input[type="radio"] {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 4px;
}
#cart .payment .form-group dd select {
  display: inline-block;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: url('../images/form_select.jpg') right center no-repeat;
  background-size: 34px 38px;
  padding: 0 34px 0 8px;
  margin: 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: border .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: border .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: border .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: border .3s cubic-bezier(0,.4,.4,1);
}
#cart .payment .form-group dd select:first-child {
  margin-left: 0;
}
#cart .payment .form-group dd select::-ms-expand {
  display: none;
}
#cart .payment .form-group dd input:focus,
#cart .payment .form-group dd select:focus {
  border-color: #1b6db9;
}
@media (max-width: 639px) {
  #cart .payment .form-group {
    padding: 0;
  }
  #cart .payment .form-group dt {
    width: 90px;
  }
  #cart .payment .form-group dd {
    width: calc(100% - 90px);
  }
}
@media (max-width: 479px) {
  #cart .payment .col-md-6 {
    padding: 0;
  }
  #cart .payment .form-group dt,
  #cart .payment .form-group dd {
    float: none;
    width: 100%;
  }
  #cart .payment .form-group dt {
    line-height: 30px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
  }
  #cart .payment .col-md-6:first-child .form-group:first-child dt {
    padding-top: 0;
    border-top: none;
  }
  #cart .payment .form-group dd select {
    margin: 0 2px;
  }
}
/* 完成頁 */
#cart .done-msg {
  line-height: 28px;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 40px;
}
#cart .done-msg strong {
  display: block;
  line-height: 44px;
  font-size: 2.25rem;
  color: #0f66b6;
}
#cart .alert-small {
  display: inline-block;
  margin-top: 0;
  background-position: left 17px;
  padding-top: 14px;
  padding-left: 30px;
  padding-right: 0;
  padding-bottom: 14px;
}
#cart .item-list .sn-done { width: 60px; }
#cart .item-list .name-done { width: calc(100% - 735px); }
#cart .item-list .qty-done { width: 100px; }
#cart .item-list .share {width: 230px; }
#cart .item-list .item .name-done {
  text-align: left;
  padding: 2px 20px;
}
#cart .item-list .item .name-done a {
  color: #555;
}
#cart .item-list .item .name-done a:hover {
  color: #000;
}
#cart .item-list .item .share a {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  color: #498ac7;
  border: 1px solid #498ac7;
  text-align: center;
}
#cart .item-list .item .share a i.fa {
  margin-right: 6px;
}
#cart .item-list .item .share a:hover {
  color: #fff;
  background: #498ac7;
}
@media (max-width: 359px) {
  #cart .item-list .item .share a + a {
    display: block;
    margin-top: 5px;
  }
}
/* 付款資訊 */
#cart .pay-info {
  margin-top: 60px;
  padding-bottom: 60px;
}
#cart .pay-info .ti {
  position: relative;
  line-height: 30px;
  font-size: 1.125rem;
  color: #fff;
  background: #333;
  padding: 8px 170px 8px 15px;
  margin-bottom: 25px;
}
#cart .pay-info .ti i.fa {
  font-size: 1.25rem;
  margin-right: 8px;
}
#cart .pay-info .ti span {
  color: #ff8d24;
}
#cart .pay-info .ti a {
  display: block;
  position: absolute;
  width: 170px;
  height: 46px;
  line-height: 46px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  top: 0;
  right: 0;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#cart .pay-info .ti a:hover {
  background: #f60;
}
#cart .pay-info .info-group {
  line-height: 24px;
  font-size: 0.9375rem;
  color: #000;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  margin: 0;
}
#cart .pay-info .info-group dt {
  float: left;
  width: 100px;
  font-weight: normal;
}
#cart .pay-info .info-group dd {
  overflow: hidden;
}
/* APP下載 */
#cart .app {
  margin: 60px 0;
}
#cart .app .head {
  float: left;
  position: relative;
  width: 320px;
  line-height: 26px;
  font-size: 0.9375rem;
  padding: 26px 0 44px;
  margin-left: 60px;
}
#cart .app .head:after {
  content: '';
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  top: 30px;
  right: -35px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#cart .app .head .ti {
  line-height: 34px;
  font-size: 1.5rem;
  color: #0852a0;
}
#cart .app .content {
  float: right;
  width: 620px;
  margin-right: 60px;
}
@media (max-width: 1199px) {
  #cart .app .head {
    width: 200px;
    margin-left: 15px;
  }
  #cart .app .head:after {
    right: -60px;
  }
  #cart .app .content {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  #cart .app .head {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 90px;
    padding: 0;
  }
  #cart .app .head:after {
    top: auto;
    left: 50%;
    right: auto;
    bottom: -45px;
    margin-left: -35px;
    transform: rotate(135deg);
  }
  #cart .app .content {
    float: none;
    width: 100%;
    max-width: 620px;
    margin: auto;
  }
}
@media (max-width: 639px) {
  #cart .app .content .col-xs-6 {
    padding: 0 5px 0 0;
  }
  #cart .app .content .col-xs-6 + .col-xs-6 {
    padding: 0 0 0 5px;
  }
}
@media (max-width: 379px) {
  #cart .app .content .col-xs-6 {
    float: none;
    width: 100%;
    max-width: 280px;
    margin: auto;
    padding: 0 !important;
  }
  #cart .app .content .col-xs-6 + .col-xs-6 {
    margin-top: 10px;
  }
}

*, *:after, *::before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; 
      height: auto; /*201126*/
}

/*page-primary */
.all-width { max-width: 1400px; margin: 0 auto; }

.page-nav { background: url(../images/line-bg.jpg) repeat; box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1) inset;padding:20px 350px; overflow: hidden; }
.page-nav .box { width: 20%; float: left; border-right: #fff 1px solid; border-left: #d9cfc7 1px solid; text-align: center; }
.page-nav .box:first-child { border-left: none; }
.page-nav .box:last-child { border-right: none; }
@media screen and (max-width: 1024px) {
    .page-nav {padding:20px 20px;}
}
@media screen and (max-width: 767px) { 
  .page-nav .box { width: 33.33%; margin: 15px 0; }
  .page-nav .box:nth-child(3) { border-right: none; }
  .page-nav .box:nth-child(4) { border-left: none; } 
  .page-nav {padding:20px 20px;}
}
@media screen and (max-width: 480px) { .page-nav .box { width: 50%; }
  .page-nav .box:nth-child(odd) { border-left: none; border-right: #fff 1px solid; }
  .page-nav .box:nth-child(even) { border-right: none; border-left: #d9cfc7 1px solid; } }
.page-nav .box .ico { width: 80px; height: 80px; border: 1px solid #ece1d8; background: #fff; border-radius: 100%; margin: auto; }
.page-nav .box .ico img { display: block; position: relative; width: 80px; height: 80px; top: -1px; left: -1px; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0.4, 0.4, 1); -o-transition: -o-transform 0.3s cubic-bezier(0, 0.4, 0.4, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0.4, 0.4, 1); transition: transform 0.3s cubic-bezier(0, 0.4, 0.4, 1); }
.page-nav .box .title { margin-top: 10px; }
.page-nav .box a { color: #000; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
.page-nav .box:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.page-nav .box:hover a { color: #ff750f; }

.p-ti { position: relative; overflow: hidden; border-bottom-color: #ff872e; }
.p-ti > * { display: inline-block; vertical-align: bottom; float: none !important; }
.p-ti h2 { color: #763200; }
.p-ti .tab { position: absolute; right: 0; bottom: 0; text-align: center; }
.p-ti .tab ul { margin: 0; padding: 0; list-style: none; }
.p-ti .tab ul li { display: inline-block; vertical-align: bottom; border-top-right-radius: 10px; border-top-left-radius: 10px; width: 230px; height: 50px; line-height: 40px; background: #fffaf6; box-shadow: 0 0 0 1px #FF6D00; color: #FF6D00; margin: 0 3px; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); }
.p-ti .tab ul li.on { color: #fff; line-height: 50px; font-size: 1.2rem; background: linear-gradient(90deg, #ff6d00 0%, #ff872e 100%); background: -moz-linear-gradient(90deg, #FF6D00 0%, #FF872E 100%); background: -webkit-linear-gradient(90deg, #FF6D00 0%, #FF872E 100%); background: -o-linear-gradient(90deg, #FF6D00 0%, #FF872E 100%); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.p-ti .tab ul li.on a { color: #fff; }
.p-ti .tab ul li.on:hover { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.p-ti .tab ul li a { color: #FF6D00; display: block; }
.p-ti .tab ul li:hover { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
@media screen and (max-width: 768px) { .p-ti .tab { position: static; width: 100%; margin-bottom: -10px; margin-top: 15px; }
  .p-ti .tab ul { width: 100%; display: block; }
  .p-ti .tab ul li { width: 47%; } }

/* home index news — 修正 Read More 膠囊邊框洩漏 */
#index .news .head a.more {
  border: none;
  border-radius: 0;
  background: none;
  width: auto;
  height: auto;
  padding: 0 26px 0 6px;
  margin: 0;
  line-height: 30px;
}


.hover-me { overflow: hidden; position: relative; }
.hover-me img { -webkit-filter: contrast(100%); filter: contrast(100%); -moz-transition: ease-in-out 2.5s; -o-transition: ease-in-out 2.5s; -webkit-transition: ease-in-out 2.5s; transition: ease-in-out 2.5s; }
.hover-me:before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; pointer-events: none; }
.hover-me:after { content: ""; position: absolute; top: 1.5%; left: 1%; bottom: 1.5%; right: 1%; z-index: 1; opacity: 0; pointer-events: none; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.3); -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.hover-me:hover img { -webkit-filter: contrast(120%); filter: contrast(120%); -moz-transform: scale(1.3) rotate(-3deg); -ms-transform: scale(1.3) rotate(-3deg); -webkit-transform: scale(1.3) rotate(-3deg); transform: scale(1.3) rotate(-3deg); }
.hover-me:hover:before { -webkit-animation: circle 0.75s; animation: circle 0.75s; }
.hover-me:hover:after { opacity: 1; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); }
@keyframes circle { from { opacity: 1; }
  40% { opacity: 1; }
  to { width: 200%; height: 200%; } }
@media screen and (max-width: 990px){
.hover-me:before, .hover-me:after{display: none;}
}
.video-hover { overflow: hidden; position: relative; }
.video-hover img { -webkit-filter: contrast(100%); filter: contrast(100%); -moz-transition: ease-in-out 2.5s; -o-transition: ease-in-out 2.5s; -webkit-transition: ease-in-out 2.5s; transition: ease-in-out 2.5s; }
.video-hover:before, .video-hover:after { opacity: 0; position: absolute; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
.video-hover:before { content: url(../images/play-btn.png); width: 45px; height: 45px; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; z-index: 2; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.video-hover:after { content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 1; }
.video-hover:hover img { -webkit-filter: contrast(120%); filter: contrast(120%); -moz-transform: scale(1.3) rotate(-3deg); -ms-transform: scale(1.3) rotate(-3deg); -webkit-transform: scale(1.3) rotate(-3deg); transform: scale(1.3) rotate(-3deg); }
.video-hover:hover:before, .video-hover:hover:after { opacity: 1; }
.video-hover:hover:before { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.my-pagers { margin: 30px 0; text-align: center; }
.my-pagers a { display: inline-block; vertical-align: top; width: 60px; height: 30px; line-height: 30px; color: #f36800; }
.my-pagers a span { display: block; position: relative; z-index: 2; }
.my-pagers a.prev, .my-pagers a.next { width: 30px; border-radius: 50%; border: 2px solid #f36800; opacity: 0.6; }
.my-pagers a.prev:after, .my-pagers a.next:after { display: none; }
.my-pagers a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border-radius: 20px; background: #f36800; opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
.my-pagers a.current { border-radius: 20px !important; background: #f36800 !important; color: #fff !important; }
.my-pagers a:hover { color: #fff; position: relative; }
.my-pagers a:hover:after { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.my-pagers a:hover.prev, .my-pagers a:hover.next { opacity: 1; color: #f36800; }

/*入園需知 */
.ticket-entry { width: 100%; margin-bottom: 25px; }
.ticket-entry .title { border-top: 2px solid #ff872e; font-size: 1.3rem; padding: 10px; position: relative; text-indent: 50px; }
.ticket-entry .title .doll { width: 45px; height: 55px; display: inline-block; overflow: hidden; position: absolute; top: -20px; left: 10px; }
.ticket-entry .title.t1 { background: #fff3ea; color: #463121; }
.ticket-entry .title.t1 .doll { background: url(../images/icon-dolls.png) no-repeat 0 0; }
.ticket-entry .title.t2 { background: #e5f6f5; border-color: #2eb7af; color: #3d6b68; }
.ticket-entry .title.t2 .doll { background: url(../images/icon-dolls.png) no-repeat -45px 0; }
.ticket-entry .title.t3 { background: #e5f3fb; border-color: #008cd3; color: #294454; }
.ticket-entry .title.t3 .doll { background: url(../images/icon-dolls.png) no-repeat -90px 0; }
.ticket-entry ol { list-style: decimal inside; margin: 0; padding: 0; }
.ticket-entry ol li { background: #fff; padding: 10px; padding-left: 60px; margin: 0; color: #555; font-size: 0.95rem; }
.ticket-entry ol li:nth-child(2n) { background: #fffaf7; }
@media screen and (max-width: 480px) { .ticket-entry ol li { padding-left: 0; } }
.ticket-entry ol.o2 li:nth-child(2n) { background: #f1f9f9; }
.ticket-entry .row { padding: 10px; padding-left: 60px; color: #555; font-size: 0.95rem; margin: 0; border-bottom: 1px dotted #ccc; }
@media screen and (max-width: 480px) { .ticket-entry .row { padding-left: 0; } }
.ticket-entry .row .blue { color: #008cd3; }
.ticket-entry .row ul { list-style: disc; margin: 0; margin-left: 20px; padding: 0; }
.ticket-entry .row ul li { margin: 5px 0; }

.dom-button { background: linear-gradient(90deg, #ff6d00 0%, #ff872e 100%); background: -moz-linear-gradient(90deg, #FF6D00 0%, #FF872E 100%); background: -webkit-linear-gradient(90deg, #FF6D00 0%, #FF872E 100%); background: -o-linear-gradient(90deg, #FF6D00 0%, #FF872E 100%); width: 250px; margin: 10px auto 50px; display: block; border-radius: 25px; text-align: center; color: #fff !important; padding: 10px 0; position: relative; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.dom-button i { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 10px; }
.dom-button:after { content: ""; display: block; position: absolute; bottom: -15px; width: 100%; height: 10px; opacity: 0; background: url("data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNTElIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, transparent 51%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, transparent 51%); background: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 51%); -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.dom-button:hover { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.dom-button:hover:after { opacity: 1; }

/*performance */
#page-bg { background: url("../images/ticket_bg.jpg") no-repeat center bottom fixed; word-wrap:break-word;word-break:normal;}

.page-wrapper { margin-top: 30px; }

.side-menu { width: 140px; float: left; margin: 0; padding: 0; }
.side-menu li { display: block; vertical-align: top; opacity: 0.6; }
.side-menu li.on { opacity: 1 !important; }
.side-menu li:hover { opacity: 0.8; }
@media screen and (max-width: 991px) { .side-menu { width: 100%; float: none; overflow: hidden; text-align: center; margin-bottom: 30px; }
  .side-menu li { display: inline-block; width: 172px; text-align: left; } }
@media screen and (max-width: 480px) { .side-menu li { width: 140px; text-align: center; } }
.side-menu .menu { display: block; height: 53px; margin-bottom: 5px; padding: 20px 5px 15px 60px; color: #fff; font-size: 0.85rem; line-height: 100%; }
.side-menu .menu.m1 { background: url(../images/show-nav1.png) no-repeat; }
.side-menu .menu.m2 { background: url(../images/show-nav2.png) no-repeat; }
.side-menu .menu.m3 { background: url(../images/show-nav3.png) no-repeat; }
@media screen and (max-width: 480px) { .side-menu .menu { background-size: 100% !important; padding: 10px 5px 10px 20px; } }

.performance-list { width: calc(100% - 165px); float: right; }
@media screen and (max-width: 991px) { .performance-list { width: 100%; float: none; } }
.performance-list .list { margin-bottom: 40px; overflow: hidden; }
.performance-list .list .pic { width: 280px; float: left; position: relative; overflow: hidden; }
@media screen and (max-width: 768px) { .performance-list .list .pic { width: 35%; } }
@media screen and (max-width: 640px) { .performance-list .list .pic { width: 100%; }
  .performance-list .list .pic img { width: 100%; } }
.performance-list .list .summary { float: left; width: calc(100% - 280px); padding-left: 50px; }
@media screen and (max-width: 768px) { .performance-list .list .summary { width: 65%; padding-left: 20px; } }
@media screen and (max-width: 640px) { .performance-list .list .summary { width: 100%; padding: 0; padding-top: 15px; } }
.performance-list .list .summary .s-tit { color: #ff872e; font-size: 1.2rem; }
.performance-list .list .summary .status { color: #fd8f0d; font-size: 0; margin: 6px 0; }
.performance-list .list .summary .status span { display: inline-block; width: 50%; font-size: 0.8rem; padding-left: 25px; background: no-repeat left center; }
.performance-list .list .summary .status span.status-info { background-image: url(../images/icon-info.jpg); }
.performance-list .list .summary .status span.status-locate { background-image: url(../images/icon-locate.jpg); }
.performance-list .list .summary .describe { font-size: 0.84rem; color: #666; padding-bottom: 10px; }
.performance-list .list .summary .show-time { border-top: 1px dotted #e2e2e2; padding-top: 10px; font-size: 0; }
.performance-list .list .summary .show-time .time-box { width: calc(20% - 10px); display: inline-block; vertical-align: top; background: #008cd3; color: #fff; font-size: 0.9rem; text-align: center; border-radius: 10px; padding: 5px; margin: 5px; cursor: default; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; line-height: 120%; }
.performance-list .list .summary .show-time .time-box:hover { opacity: 0.8; }

.performance-detail { max-width: 1000px; margin: 0 auto; }
.performance-detail .slider-wrapper { position: relative; padding: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.performance-detail .slider-wrapper .doll2 { position: absolute; right: -30px; bottom: -40px; z-index: 20; pointer-events: none; }
.performance-detail .slider-wrapper .doll2.in-view { -webkit-animation: in 1.5s 0.5s ease both; -moz-animation: in 1.5s 0.5s ease both; -ms-animation: in 1.5s 0.5s ease both; -o-animation: in 1.5s 0.5s ease both; animation: in 1.5s 0.5s ease both; }
@media screen and (max-width: 640px) { .performance-detail .slider-wrapper { padding: 8px; }
  .performance-detail .slider-wrapper .doll2 { width: 100px; right: -15px; }
  .performance-detail .slider-wrapper .doll2 img { width: 100%; } }
@media screen and (max-width: 640px) { 
    .performance-detail .slider-wrapper .doll2 { width: 80px; }
    .performance-detail .show-time .time-box{ width:auto !important;}
}
.performance-detail .slider-wrapper .slider { position: relative; }
.performance-detail .slider-wrapper .slider .slick-dots { margin: 0; padding: 50px 0; position: absolute; left: 0; bottom: -70px; width: 100%; list-style: none; text-align: center; }
.performance-detail .slider-wrapper .slider .slick-dots li { display: inline-block; height: 10px; vertical-align: top; margin: 0 4px; }
.performance-detail .slider-wrapper .slider .slick-dots li button { display: block; width: 10px; height: 10px; font-size: 0; border: none; background: #555; border-radius: 100%; opacity: 0.6; box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.35) inset; }
.performance-detail .slider-wrapper .slider .slick-dots li.slick-active button { opacity: 1; }
.performance-detail .status { margin: 80px 0 30px; }
.performance-detail .status .row { margin: 15px 0; display: block; font-size: 0.9rem; padding-left: 30px; background: no-repeat left center; color: #f6a42e; }
.performance-detail .status .row.status-info { background-image: url(../images/icon-info.jpg); }
.performance-detail .status .row.status-locate { background-image: url(../images/icon-locate.jpg); }
.performance-detail .status .row.status-notice { background-image: url(../images/icon-notice.jpg); }
.performance-detail .describe { font-size: 0.9rem; color: #666; padding-bottom: 10px; }
.performance-detail .show-time { padding-top: 10px; font-size: 0; margin-bottom: 50px; }
.performance-detail .show-time .time-box { width: 100px; display: inline-block; vertical-align: top; background: #008cd3; color: #fff; font-size: 0.9rem; text-align: center; border-radius: 10px; padding: 5px; margin: 5px; cursor: default; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; line-height: 120%; }
.performance-detail .show-time .time-box:hover { opacity: 0.8; }

@keyframes in { from { opacity: 0; -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { opacity: 0.8; -moz-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { opacity: 1; -moz-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -moz-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } }
.show-edit { background: url(../images/board_bg.jpg) repeat; padding: 30px; }

.doll-back { background: linear-gradient(90deg, #005885 0%, #008cd3 100%); background: -moz-linear-gradient(90deg, #005885 0%, #008CD3 100%); background: -webkit-linear-gradient(90deg, #005885 0%, #008CD3 100%); background: -o-linear-gradient(90deg, #005885 0%, #008CD3 100%); color: #fff !important; width: 165px; margin: 50px auto 30px; position: relative; border-radius: 20px; padding-left: 70px; cursor: pointer; line-height: 40px; font-size: 0.95rem; box-shadow: 0 3px 3px rgba(0, 81, 122, 0.5); -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.doll-back:before { content: url(../images/doll3.png); position: absolute; bottom: 0; left: 3px; width: 62px; height: 70px; z-index: 2; pointer-events: none; }
.doll-back:hover { opacity: 0.8; }
.doll-back:hover:before { -webkit-animation: swing 0.8s 0.1s ease both; -moz-animation: swing 0.8s 0.1s ease both; -ms-animation: swing 0.8s 0.1s ease both; -o-animation: swing 0.8s 0.1s ease both; animation: swing 0.8s 0.1s ease both; }
.doll-back a { display: block; color: #fff; }

.doll-next { background: linear-gradient(90deg, #357519 0%, #4e972e 100%); background: -moz-linear-gradient(90deg, #357519 0%, #4e972e 100%); background: -webkit-linear-gradient(90deg, #357519 0%, #4e972e 100%); background: -o-linear-gradient(90deg, #357519 0%, #4e972e 100%); color: #fff !important; width: 165px; margin: 50px auto 30px; position: relative; border-radius: 20px; padding-right: 70px; line-height: 40px; font-size: 0.95rem; box-shadow: 0 3px 3px rgba(0, 81, 122, 0.5); text-indent: 40px; cursor: pointer; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.doll-next:before { content: url(../images/doll-next.png); position: absolute; bottom: 0; right: 45px; width: 61px; height: 68px; z-index: 2; pointer-events: none; }
.doll-next:hover { opacity: 0.8; }
.doll-next:hover:before { -webkit-animation: swing 0.8s 0.1s ease both; -moz-animation: swing 0.8s 0.1s ease both; -ms-animation: swing 0.8s 0.1s ease both; -o-animation: swing 0.8s 0.1s ease both; animation: swing 0.8s 0.1s ease both; }
.doll-next a { display: block; color: #fff; }

/*news-primary */
.news-title { background: url(../images/title-bg.png) no-repeat; margin: 0 auto; width: 365px; height: 150px; position: relative; color: #fff; text-align: center; padding-top: 30px; }
.news-title.in-view { -webkit-animation: fadeInDown 0.8s 0.5s ease both; -moz-animation: fadeInDown 0.8s 0.5s ease both; -ms-animation: fadeInDown 0.8s 0.5s ease both; -o-animation: fadeInDown 0.8s 0.5s ease both; animation: fadeInDown 0.8s 0.5s ease both; }
.news-title .tit { font-size: 1.8rem; }
@media screen and (max-width: 640px) { .news-title { width: 300px; background-size: 100%; padding-top: 20px; }
  .news-title .tit { font-size: 1.5rem; } }
@media screen and (max-width: 480px) { .news-title { width: 250px; height: 100px; }
  .news-title .tit { font-size: 1.2rem; }
  .news-title p { font-size: 0.75rem; margin: 0; line-height: 100%; } }

.news1 { background: url(../images/news_bg1.jpg) no-repeat center center; background-size: cover;/* height: 735px;*/ padding-bottom:20px; overflow: hidden; word-wrap:break-word; word-break:normal; }
.news1 .news-list { margin: -30px -20px 0; }
@media screen and (max-width: 900px) { .news1 .news-list { margin: 0 0px; } }
.news1 .doll1 { position: absolute; right: -160px; top: -50px; }
.news1 .doll1.in-view { -webkit-animation: lightSpeedIn 0.8s 1.3s ease both; -moz-animation: lightSpeedIn 0.8s 1.3s ease both; -ms-animation: lightSpeedIn 0.8s 1.3s ease both; -o-animation: lightSpeedIn 0.8s 1.3s ease both; animation: lightSpeedIn 0.8s 1.3s ease both; }
@media screen and (max-width: 900px) { .news1 .doll1 { top: 0px; right: -130px; } }
@media screen and (max-width: 480px) { .news1 .doll1 { width: 120px; right: -80px; } }

.news2 { background: url(../images/news_bg2.jpg) no-repeat center center; background-size: cover; /*height: 980px;*/ padding-bottom:20px; overflow: hidden; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; word-wrap:break-word; word-break:normal; }
.news2 .doll-bg { position: absolute; right: 0px; bottom: -30px; pointer-events: none; }
.news2 .doll-bg.in-view { -webkit-animation: upDown 2s 0.5s ease infinite; -moz-animation: upDown 2s 0.5s ease infinite; -ms-animation: upDown 2s 0.5s ease infinite; -o-animation: upDown 2s 0.5s ease infinite; animation: upDown 2s 0.5s ease infinite; }
@media screen and (max-width: 768px) { .news2 .doll-bg { bottom: 0px; width: 300px; } }
@media screen and (max-width: 640px) { .news2 .doll-bg { width: 180px; } }
@media screen and (max-width: 480px) { .news2 .doll-bg { display: none; } }
.news2 .news-title { background-image: url(../images/title-bg2.png); margin: 50px auto 0; }
.news2 .news-title .doll1 { position: absolute; left: -80px; top: 0; -webkit-animation: lightSpeedIn 0.8s 1.3s ease both; -moz-animation: lightSpeedIn 0.8s 1.3s ease both; -ms-animation: lightSpeedIn 0.8s 1.3s ease both; -o-animation: lightSpeedIn 0.8s 1.3s ease both; animation: lightSpeedIn 0.8s 1.3s ease both; }
@media screen and (max-width: 480px) { .news2 .news-title .doll1 { width: 80px; left: -60px; } }
.news2 .news-list .hover-me { border: 5px solid #fff; }
.news2 .news-list .box .tit { color: #fff; }
.news2 .news-list .box .date { background-image: url(../images/date-icon2.png); }
.news2 .news-list .box:hover .tit { color: #ff0; }
.news2 .news-btn { background: url(../images/more-bg2.png) no-repeat; color: #fb8b08 !important; }

@keyframes upDown { from { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
  50% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  to { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); } }
.news3 { background: url(../images/news_bg3.jpg) no-repeat center center; background-size: cover;/* height: 730px;*/  padding-bottom:20px; overflow: hidden;  word-wrap:break-word; word-break:normal;}
.news3 .news-title { margin: 50px auto 0; }
.news3 .news-title .doll1 { position: absolute; left: -70px; top: 10px; -webkit-animation: fadeInLeft 0.8s 1.3s ease both; -moz-animation: fadeInLeft 0.8s 1.3s ease both; -ms-animation: fadeInLeft 0.8s 1.3s ease both; -o-animation: fadeInLeft 0.8s 1.3s ease both; animation: fadeInLeft 0.8s 1.3s ease both; }
@media screen and (max-width: 480px) { .news3 .news-title .doll1 { width: 80px; } }
.news3 .news-list .box .tit { color: #c566a7; }
.news3 .news-list .box .date { background-image: url(../images/date-icon3.png); }
.news3 .news-list .box:hover .tit { color: #890d62; }

@media screen and (max-width: 640px) { .news1, .news2, .news3 { height: auto; padding: 25px 0; } }

.news-list { margin: 0 -20px; font-size: 0; position: relative; z-index: 2; overflow: hidden;}
.news-list .box { padding: 0 20px; width: 33.33%; display: inline-block; vertical-align: top; margin-bottom: 30px; font-size: 1rem; }
.news-list .box img { width: 100%; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
.news-list .box .date { background: url(../images/date-icon.png) no-repeat left center; padding-left: 25px; color: #555; font-size: 0.9rem; margin-top: 10px; }
.news-list .box .tit { color: #f36800; font-size: 1.2rem; margin-top: 10px; }
.news-list .box .describe { color: #555; font-size: 0.9rem; margin-top: 10px;word-wrap: break-word;word-break: break-all; }
.news-list .box .price{color: #f36800; border-top: 1px dotted #ddd; padding-top: 8px}
.news-list .box:hover .tit { color: #ff9600; }
@media screen and (max-width: 768px) { .news-list { margin: 0 20px; }
  .news-list .box { width:100%; padding: 0 10px; } }
@media screen and (max-width: 640px) { .news-list .box { width:100%; padding: 0 20px; } }

.news-btn { width: 126px; height: 42px; color: #fff !important; display: block; margin: 0 auto; font-size: 0.85rem; padding: 10px 11px; margin-top: 10px; overflow: hidden; background: url(../images/more-bg.png) no-repeat; }
.news-btn span { -moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); display: inline-block; }
.news-btn i { -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; -moz-transform: translateX(-1000%); -ms-transform: translateX(-1000%); -webkit-transform: translateX(-1000%); transform: translateX(-1000%); }
.news-btn:hover span { -moz-transform: translateX(500%); -ms-transform: translateX(500%); -webkit-transform: translateX(500%); transform: translateX(500%); }
.news-btn:hover i { -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); transform: translateX(-300%); }

#news-bg { background: url("../images/news-bg.jpg") no-repeat center bottom fixed; }

.news-detail .detail-title { background: url(../images/news-line.jpg) repeat-x bottom; padding-bottom: 20px; overflow: hidden; }
.news-detail .detail-title .title { float: left; padding-left: 20px; width: calc(100% - 220px); color: #555; }
.news-detail .detail-title .title .date { background: url(../images/date-icon.png) no-repeat left 3px; padding-left: 20px; font-size: 0.85rem; }
.news-detail .detail-title .title .tit { font-size: 1.3rem; margin-top: 10px; }
.news-detail .detail-title .share { float: right; font-size: 0.75rem; margin-top: 25px; }
.news-detail .detail-title .share:before { content: "SHARE"; background: url(../images/share-icon.jpg) no-repeat right center; padding-right: 15px; color: #999; margin-right: 10px; }
.news-detail .detail-title .share a { margin: 0 2px; }
.news-detail .detail-title .share a:hover { opacity: 0.8; }
@media screen and (max-width: 990px) { .news-detail .detail-title .title, .news-detail .detail-title .share { width: 100%; }
  .news-detail .detail-title .share { padding-left: 20px; } }
.news-detail .video { width: 90%; margin: 30px auto 0; position: relative; z-index: 2; }
.news-detail .video .doll1 { position: absolute; left: -110px; bottom: -10px; z-index: 5; }
.news-detail .video .doll2 { position: absolute; right: -165px; bottom: -10px; z-index: 5; }
@media screen and (max-width: 768px) { .news-detail .video .doll1 { width: 100px; left: -70px; }
  .news-detail .video .doll2 { width: 100px; right: -70px; } }
@media screen and (max-width: 480px) { .news-detail .video .doll1, .news-detail .video .doll2 { display: none; } }
.news-detail .video .show-area { position: relative; border: 10px solid #fff; z-index: 2; overflow: hidden; background: #fff; position: relative; }
.news-detail .video .show-area img { width: 100%; }
.news-detail .video .show-area:before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
.news-detail .video .show-area:after { content: url(../images/play-btn.png); position: absolute; z-index: 3; left: 50%; top: 50%; margin-top: -33px; margin-left: -33px; pointer-events: none; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.news-detail .video .show-area:hover:after { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.news-detail .video:after { content: ""; position: absolute; right: 0; bottom: 20px; width: 150px; height: 20px; z-index: -1; -moz-box-shadow: 10px 30px 10px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 10px 30px 10px rgba(0, 0, 0, 0.26); box-shadow: 10px 30px 10px rgba(0, 0, 0, 0.26); -moz-transform: skew(5deg, 5deg) translate(-40px, -5px); -ms-transform: skew(5deg, 5deg) translate(-40px, -5px); -webkit-transform: skew(5deg, 5deg) translate(-40px, -5px); transform: skew(5deg, 5deg) translate(-40px, -5px); }
.news-detail .video:before { content: ""; position: absolute; left: 0; bottom: 20px; width: 150px; height: 20px; z-index: -1; -moz-box-shadow: -10px 30px 10px rgba(0, 0, 0, 0.26); -webkit-box-shadow: -10px 30px 10px rgba(0, 0, 0, 0.26); box-shadow: -10px 30px 10px rgba(0, 0, 0, 0.26); -moz-transform: skew(-5deg, -5deg) translate(40px, -5px); -ms-transform: skew(-5deg, -5deg) translate(40px, -5px); -webkit-transform: skew(-5deg, -5deg) translate(40px, -5px); transform: skew(-5deg, -5deg) translate(40px, -5px); }
.news-detail .video-content { width: 100%; background: url(../images/news-line.jpg) repeat-x bottom #fffbf7; padding: 50px; padding-top: 70px; position: relative; line-height: 200%; color: #555; margin-top: -10px; word-wrap:break-word;word-break:normal;}
.news-detail .video-content:before { content: url(../images/doll5.jpg); position: absolute; right: 25px; bottom: 3px; z-index: 1; pointer-events: none; }
.news-detail .video-content .edit { position: relative; z-index: 2; }
@media screen and (max-width: 768px) { .news-detail .video-content { padding: 50px 20px; }
  .news-detail .video-content:before { opacity: 0.5; } }
.news-detail .video-btn { text-align: center; }
.news-detail .video-btn > a { display: inline-block; vertical-align: middle; margin: 50px 10px 30px; }
@media screen and (max-width: 480px) { .news-detail .video-btn { padding: 20px 0; }
  .news-detail .video-btn a { width: 100% !important; margin: 10px 0; padding: 0; text-align: center; text-indent: 0; }
  .news-detail .video-btn a:before { display: none !important; } }

#facilities-bg { background: url("../images/facilities-bg.jpg") no-repeat center bottom fixed; }
#facilities-bg .sort { border-bottom: 2px solid #ff872e; padding: 20px 15px; overflow: hidden; }
#facilities-bg .sort .s1 { width: 60%; float: left; }
#facilities-bg .sort .s2 { width: 40%; float: left; }
#facilities-bg .sort .title { float: left; color: #ff872e; margin-right: 10px; font-weight: bold; }
#facilities-bg .sort .select-sty { display: inline-block; vertical-align: middle; padding-left: 20px; font-size: 0.85rem; position: relative; cursor: pointer; margin-left: 10px; line-height: 120%; color: #666; }
#facilities-bg .sort .select-sty .style { width: 16px; height: 16px; outline: none; margin: 0; position: absolute; left: 0; top: 0; cursor: pointer; background: url(../images/radio-sty.png) no-repeat 0 0; -webkit-appearance: none; }
#facilities-bg .sort .select-sty .style:checked { background: url(../images/radio-sty.png) no-repeat 0 -16px; outline: none; }
#facilities-bg .sort .select-sty .style::-ms-expand { display: none; }
#facilities-bg .m1 { padding-top: 13px; }
@media screen and (max-width: 480px){#facilities-bg .m1 { padding-top: 7px; }
}
#facilities-bg .notice { color: #fd8f0d; font-size: 0.75rem; border-top: 1px dotted #ddd; display: block; margin-top: 5px; padding-top: 5px; padding-left: 20px; background: url(../images/icon-info.jpg) no-repeat left center; }
#facilities-bg .time { color: #fd8f0d; font-size: 0.75rem; display: block; margin-top: 0px; padding-top: 3px; padding-left: 23px; padding-bottom: 10px;background: url(../images/icon-time.png) no-repeat left 6px; }
@media screen and (max-width: 1170px){ #facilities-bg .sort{padding: 15px 5px}
  #facilities-bg .sort .title{display: block; float: none;}}
@media screen and (max-width: 768px){
  #facilities-bg .sort .select-sty{display: block; margin: 0; margin-top: 10px;}
  #facilities-bg .sort .s1,#facilities-bg .sort .s2{width: 50%;}
}
}
.facilities-tit { margin-top: 30px; }

.blue { border-bottom-color: #008cd3; }
.blue h2 { color: #00537d; }

.facilities-edit { background: url(../images/blue-line.png) repeat; padding: 30px; }

.no-bg { background: none !important; }

.calender-wrapper { margin: 0 !important; background: url(../images/board_bg.jpg) repeat; padding: 0 30px; position: relative; }
.calender-wrapper .type { color: #ff872e; position: absolute; right: 30px; top: 20px; }
.calender-wrapper .type:before { content: ""; width: 34px; height: 34px; background: #f36800 url(../images/fix-icon0.jpg) no-repeat center center; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; }
@media screen and (max-width: 640px) {.calender-wrapper .type{display: none;}}
.calender-wrapper .calender-style { margin: 0 !important; border-top: 0 !important; }
.calender-wrapper .calender-style .ui-datepicker-header { text-align: center; color: #763200; padding: 25px; top: 0 !important; z-index: 1; right: auto !important; left: 20px; }
.calender-wrapper .calender-style .ui-datepicker-title { font-size: 2rem !important; }
@media screen and (max-width: 640px) { .calender-wrapper .calender-style .ui-datepicker-header{ right: 0 !important;  }
  .calender-wrapper .calender-style .ui-datepicker-title { font-size: 1.2rem !important; } }
.calender-wrapper .calender-style .ui-datepicker-prev, .calender-wrapper .calender-style .ui-datepicker-next { top: 25px !important; background: #ff872e !important; }
.calender-wrapper .calender-style .ui-datepicker-calendar { padding-top: 70px; padding-bottom: 50px; position: relative; }
.calender-wrapper .calender-style .ui-datepicker-calendar:after { position: absolute; right: 0; bottom: 0; z-index: 0; /*content: url(../images/doll5.png);因為在日曆上太礙眼擋到了 暫時先拿掉*/ }
@media screen and (max-width: 640px){.calender-wrapper .calender-style .ui-datepicker-calendar{padding-top: 0}}
@media screen and (max-width: 786px) { .calender-wrapper .calender-style .ui-datepicker-calendar:after { display: none; } }
.calender-wrapper .calender-style .ui-datepicker-calendar thead { background: #ff872e; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.calender-wrapper .calender-style .ui-datepicker-calendar thead th { color: #fff !important; }
@media screen and (max-width: 640px) { .calender-wrapper .calender-style .ui-datepicker-calendar td { height: auto; } }
.calender-wrapper .calender-style .ui-datepicker-calendar td .night-shift { position: absolute; z-index: 10; top: 0; width: 100%; height: 100%; padding-top: 40px; color: #e83939; text-align: center; font-size: 0.95rem; }
@media screen and (max-width: 640px) { .calender-wrapper .calender-style .ui-datepicker-calendar td .night-shift .m-hide { display: none; } }
.calender-wrapper .calender-style .ui-datepicker-calendar td .day-off { position: absolute; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; text-align: center; background: rgba(0, 0, 0, 0.6); padding-top: 40px; color: #fff; }
@media screen and (max-width: 640px) { .calender-wrapper .calender-style .ui-datepicker-calendar td .night-shift, .calender-wrapper .calender-style .ui-datepicker-calendar td .day-off { font-size: 0.75rem; padding-top: 25px; line-height: 100%; } }
.calender-wrapper .calender-style .ui-state-active { background: #fff !important; border: 2px solid #ff872e; color: #ff872e !important; height: 100%; }
.calender-wrapper.fix-blue { background-image: url(../images/blue-line.png); }
.calender-wrapper.fix-blue .type { color: #008cd3; }
.calender-wrapper.fix-blue .type:before { background: #008cd3 url(../images/fix-icon1.jpg) no-repeat center center; }
.calender-wrapper.fix-blue .ui-datepicker-header { color: #154d69 !important; }
.calender-wrapper.fix-blue .ui-datepicker-prev, .calender-wrapper.fix-blue .ui-datepicker-next { background: #008cd3 !important; }
.calender-wrapper.fix-blue thead { background: #008cd3 !important; }

.fix-tit { background: #f36800 url(../images/fix-bg.png) no-repeat right bottom; color: #fff; padding: 15px; margin-top: 40px; }
@media screen and (max-width: 480px) { 
    .fix-tit { background-position: 130% bottom; }
    .fix-content .fix-row1 .img { width:100% !important; }
    .fix-content .fix-row1 .imgtitle {  display:none !important;}
    .fix-content .fix-row1 .t2 {  width: 33% !important;  }
    .fix-content .fix-row1 .c2 {  width: 33% !important;  }
}
.fix-tit .tit { background: url(../images/fix-icon0.jpg) no-repeat left center; padding-left: 50px; font-size: 1.2rem; }
.fix-tit.fix-blue { background-color: #008cd3; }
.fix-tit.fix-blue .tit { background-image: url(../images/fix-icon1.jpg); }

.fix-content { color: #555; }
.fix-content .fix-row1 { border-bottom: 1px dotted #ccc; padding: 10px; overflow: hidden; font-size: 0.9rem; }
.fix-content .fix-row1 .t1 { width: 30%; float: left; text-align: center; padding-right: 15px; }
.fix-content .fix-row1 .t2 { width: 25%; float: left; text-align: center; padding-right: 15px; }
.fix-content .fix-row1 .t3 { width: 33%; float: left; text-align: center; padding-right: 15px; }
.fix-content .fix-row1 .c1 { width: 70%; float: left; }
.fix-content .fix-row1 .c2 { width: 25%; float: left; }
.fix-content .fix-row1 .c3 { width: 33%; float: left; }
.fix-content .fix-row1 .img { width: 25%; float: left; }
.fix-content .fix-row1.fix-head { background: #fff6f0; border: none; margin-top: 30px; }
.fix-content .fix-row1.fix-blue { background: #f5fcff; border: none; margin-top: 30px; }
.fix-content .fix-row1 .CalendarImg{
    /*max-width:280px;*/
    max-height:190px;
}

.fix-notice { color: #f36800; padding-left: 25px; margin: 20px 0; }
.fix-notice i { margin-right: 10px; }
.fix-notice.fix-blue { color: #008cd3; }

/* Index */
#index .banner {
  height: calc(100vh - 306px);
  overflow: hidden;
}
#index .ban-slick {
  height: calc(100vh - 306px);
}
#index .ban-slick .slick-slide a {
  display: block;
  overflow: hidden;
}
#index .ban-slick img {
  position: relative;
  width: 100%;
  max-width: none;
  /*left: 50%;*/
  /*margin-left: -960px;*/
}
#index .ban-slick .slick-prev,
#index .ban-slick .slick-next {
  display: block;
  position: absolute;
  z-index: 10;
  width: 58px;
  height: 112px;
  font-size: 0;
  border: none;
  background: none;
  top: 50%;
  margin-top: -56px;
  opacity: 0;
  transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1), opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .ban-slick .slick-prev { left: -15px; }
#index .ban-slick:hover .slick-prev { left: 15px; opacity: 1; }
#index .ban-slick .slick-prev:after {
  content: '';
  display: block;
  position: absolute;
  width: 79px;
  height: 79px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  top: 17px;
  left: 18px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#index .ban-slick .slick-next { right: -15px; }
#index .ban-slick:hover .slick-next { right: 15px; opacity: 1; }
#index .ban-slick .slick-next:after {
  content: '';
  display: block;
  position: absolute;
  width: 79px;
  height: 79px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  top: 17px;
  right: 18px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#index .ban-slick:hover .slick-prev.slick-disabled,
#index .ban-slick:hover .slick-next.slick-disabled {
  opacity: .25;
}
#index .ban-slick .slick-dots {
  display: inline-block;
  position: absolute;
  height: 16px;
  left: 50%;
  bottom: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#index .ban-slick .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
#index .ban-slick .slick-dots li button {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 0;
  border: none;
  background: #fff;
  border-radius: 100%;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#index .ban-slick .slick-dots li.slick-active button {
  background: #0066c0;
}
#index .infos {
  padding: 45px 0;
}
#index .infos .weather {
  float: left;
  width: 15%;
  text-align: center;
  padding: 20px 15px;
}
#index .infos .weather .forecast {
  line-height: 60px;
  font-size: 3.25rem;
  font-family: 'Arial', Sans-serif;
  color: #ffc000;
}
#index .infos .weather .forecast i.wi {
  margin-right: 10px;
}
#index .infos .weather .forecast span.error {
  display: block;
  font-family: 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
  font-size: 1rem;
  color: #ddd;
}
#index .infos .weather > p {
  font-size: 0.875rem;
  color: #444;
  margin-top: 6px;
}
#index .infos .weather > p span {
  margin-left: 4px;
}
#index .infos .guide {
  float: right;
  width: 100%;
  /*width: 85%;*/
}
#index .infos .guide li {
  float: left;
  position: relative;
  width: 20%;
  /*width: 25%;*/
  padding: 10px 15px;
}
#index .infos .guide li:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
  top: 0;
  left: 0;
}
#index .infos .guide li a {
  display: block;
  height: 110px;
  border-radius: 10px;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#index .infos .guide li a.guide-1:hover { background: #ff872e; }
#index .infos .guide li a.guide-2:hover { background: #4e972e; }
#index .infos .guide li a.guide-3:hover { background: #2d42c0; }
#index .infos .guide li a.guide-4:hover { background: #804e21; }
#index .infos .guide li a.guide-5:hover { background: #0080CB; }
#index .infos .guide li a.guide-6:hover { background: #4e972e; }
#index .infos .guide li a .ico {
  float: left;
  width: 90px;
  height: 80px;
  background-size: 90px 80px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 15px;
  margin-left: 20px;
}
#index .infos .guide li a.guide-1 .ico { background-image: url('../images/index_guide_1_bg.png');margin-left: 0; }
#index .infos .guide li a.guide-4 .ico { background-image: url('../images/index_guide_4_bg.png');margin-left: 0; }
#index .infos .guide li a.guide-5 .ico { background-image: url('../images/index_guide_5_bg.png');margin-left: 0; }
#index .infos .guide li a.guide-6 .ico { background-image: url('../images/index_guide_6_bg.png');margin-left: 0; }
#index .infos .guide li a.guide-2 .ico {
  background-image: url('../images/index_guide_2_bg.png');
  margin-left: 0;
}
#index .infos .guide li a.guide-3 .ico { background-image: url('../images/index_guide_3_bg.png');margin-left: 0; }
#index .infos .guide li a .ico img {
  transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .infos .guide li a:hover .ico img {
  opacity: 0;
}
#index .infos .guide li a p {
  float: left;
  font-size: 1rem;
  color: #444;
  margin-top: 31px;
  margin-left: 10px;
}
#index .infos .guide li a.guide-2 p {
  margin-left: 0;
}
#index .infos .guide li a p span {
  display: block;
  font-size: 0.9375rem;
  color: #aaa;
}
#index .infos .guide li a p,
#index .infos .guide li a p span {
  transition: color .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: color .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: color .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: color .3s cubic-bezier(0,.4,.4,1);
}
#index .infos .guide li a:hover p,
#index .infos .guide li a:hover p span {
  color: #fff;
}
#index .news {
  position: relative;
  /*background: url('../images/index_news_bg.jpg') top left no-repeat;
  background-size: cover;*/
  overflow: hidden;
}
#index .news .bg {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
#index .news .ti {
 position: relative;
  border-left: 3px solid #0666be;
  margin-bottom: 0;
}
#index .news .ti p {
  font-size: 1.875rem;
  font-weight: 700;
  color: #0666be;
  display: inline-block;
  margin: 0 20px;
}
/*
#index .news .list {
  position: relative;
  margin-top: 30px;
}
#index .news .list > li {
  float: left;
  width: 50%;
  height: 270px;
}
#index .news .list > li a {
  display: block;
}
#index .news .list > li .txt {
  float: left;
  position: relative;
  width: 50%;
  height: 270px;
  padding: 30px 25px 20px;
}
#index .news .list > li:nth-child(1) .txt { background: #95c231; }
#index .news .list > li:nth-child(2) .txt { background: #d57ad5; }
#index .news .list > li:nth-child(3) .txt { float: right; background: #49aeef; }
#index .news .list > li:nth-child(4) .txt { float: right; background: #ffb400; }
#index .news .list > li .txt .date {
  font-size: 0.8125rem;
  font-family: 'Arial', Sans-serif;
  color: rgba(255,255,255,.5);
}
#index .news .list > li .txt .title {
  max-height: 140px;
  line-height: 28px;
  font-size: 1.125rem;
  color: #fff;
  margin-top: 5px;
  overflow: hidden;
}
#index .news .list > li .txt .tag {
  position: absolute;
  left: 25px;
  bottom: 20px;
}
#index .news .list > li .txt .tag span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0 10px;
  vertical-align: top;
}
#index .news .list > li .txt .tag span.tag-land { background: #df4272; }
#index .news .list > li .txt .tag span.tag-bay { background: #2094df; }
#index .news .list > li .txt .tag span.tag-hotel { background: #ab6ba9; }
#index .news .list > li .pic {
  float: right;
  position: relative;
  width: 50%;
  height: 270px;
  overflow: hidden;
}
#index .news .list > li:nth-child(3) .pic,
#index .news .list > li:nth-child(4) .pic { float: left; }
#index .news .list > li .pic img {
  position: relative;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#index .news .list > li .pic .summary {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  color: #fff;
  background: rgba(0,0,0,.65);
  padding: 25px;
  top: 0;
  left: -100%;
  transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1), right .3s cubic-bezier(0,.4,.4,1);
}
#index .news .list > li:nth-child(3) .pic .summary,
#index .news .list > li:nth-child(4) .pic .summary { left: auto; right: -100%; }
#index .news .list > li > a:hover .pic .summary { left: 0; }
#index .news .list > li:nth-child(3) > a:hover .pic .summary,
#index .news .list > li:nth-child(4) > a:hover .pic .summary { left: auto; right: 0; }
#index .news .list > li .pic .summary > div {
  position: relative;
  height: 100%;
  overflow: hidden;
}*/
#index .news a.more {
  display: block;
  position: relative;
  width: 150px;
  height: 40px;
  line-height: 38px;
  font-size: 0.8125rem;
  font-family: 'Arial', Sans-serif;
  color: #548bac;
  border: 1px solid #548bac;
  border-radius: 40px;
  background: #fff;
  text-align: center;
  margin: 40px auto 0;
  transition: color .3s cubic-bezier(0,.4,.4,1), background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: color .3s cubic-bezier(0,.4,.4,1), background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: color .3s cubic-bezier(0,.4,.4,1), background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: color .3s cubic-bezier(0,.4,.4,1), background .3s cubic-bezier(0,.4,.4,1);
}
#index .news a.more:hover {
  color: #fff;
  background: #548bac;
}
#index .news .news-list{
  position: relative;
}
#index .news .news-list .item{
  padding: 15px;
}
#index .news .news-list .item .img{
  overflow: hidden;
}
#index .news .news-list .item .img img{max-width: 100%; -webkit-transition: ease 0.5s;
-o-transition: ease 0.5s;
transition: ease 0.5s;}
#index .news .news-list .item:hover .img img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
#index .news .news-list .item .txt {
  position: relative;
  padding: 15px 0px;
}
#index .news .news-list .item .date {
  font-size: 0.8125rem;
  font-family: 'Arial', Sans-serif;
  color: #666;
}
#index .news .news-list .item .title {
  max-height: 140px;
  line-height: 28px;
  font-size: 0.95rem;
  overflow: hidden;
  color: #000;
}
#index .news .news-list .item .tag{margin-top: 10px;}
#index .news .news-list .item .tag span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0 10px;
  vertical-align: top;
}
#index .news .news-list .item .tag span.tag-land { background: #df4272; }
#index .news .news-list .item .tag span.tag-bay { background: #2094df; }
#index .news .news-list .item .tag span.tag-escape { background: #555; }
#index .news .news-list .item .tag span.tag-hotel { background: #ab6ba9; }
#index .news .news-list .slick-arrow{
  position: absolute;
  top: -40px;
  border: none;
  background: transparent;
  font-size: 0;
}
#index .news .news-list .slick-arrow.slick-prev{right: 30px;}
#index .news .news-list .slick-arrow.slick-next{right: 0; margin-top: 20px;}
#index .news .news-list .slick-arrow.slick-prev:before{content:"<"; display: block; font-size: 1rem;}
#index .news .news-list .slick-arrow.slick-prev:after{content:""; position: absolute; top: 0; left: 18px; background: #aaa; width: 1px; height: 45px; -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
#index .news .news-list .slick-arrow.slick-next:before{content:">"; display: block; font-size: 1rem;}
#index .video {
  height: 400px;
}
#index .video > a {
  display: block;
  position: relative;
  height: 400px;
  text-align: center;
}
#index .video > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .video > a:hover:before {
  opacity: 1;
}
#index .video > a > div {
  position: relative;
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#index .video > a p {
  font-size: 0.9375rem;
  color: #fff;
 /* margin: 6px 0 18px; */
}
#index .video > a span {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url('../images/index_video_play.png') no-repeat;
  background-size: cover;
  opacity: .8;
  transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: opacity .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: opacity .3s cubic-bezier(0,.4,.4,1);
}
#index .video > a:hover span {
  opacity: 1;
}
#index .morelink {
  padding-top: 35px;
  padding-bottom: 35px;
}
#index .morelink > ul li {
  float: left;
  width: calc(25% - 15px);
  margin-left: 20px;
}
#index .morelink > ul li:nth-child(4n+1) { margin-left: 0; }
#index .morelink > ul li a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

#ticket .describe {
  margin-left: 120pt;
  padding-left: 30px;
}

@media (max-width: 1199px) {
  #index .infos .weather {
    width: 30%;
    padding: 40px 15px;
  }
  #index .infos .guide {
    width: 70%;
  }
  #index .infos .guide li a {
    height: 150px;
  }
  #index .infos .guide li a .ico,
  #index .infos .guide li a.guide-2 .ico {
    float: none;
    margin: 10px auto 0;
  }
  #index .infos .guide li a p {
    float: none;
    margin: 5px auto 0;
    text-align: center;
  }
}
@media (max-width: 991px) {
  #index .ban-slick {
    width: 992px;
    left: 50%;
    margin-left: -496px;
  }
  #index .ban-slick .slick-prev,
  #index .ban-slick .slick-next {
    display: none !important;
  }
  /*#index .infos .weather {
    float: none;
    width: 100%;
    padding: 0;
  }
  #index .infos .guide {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  #index .infos .guide li:first-child:before {
    display: none;
  }*/
  #index .infos .weather {
    padding: 30px 15px;
  }
  #index .infos .guide li a {
    height: 130px;
  }
  #index .infos .guide li a p span {
    display: none;
  }
  #index .news .list {
    max-width: 580px;
    margin: 30px auto 0;
  }
  #index .news .list > li {
    width: 100%;
  }
  #index .news .list > li:nth-child(2) .txt,
  #index .news .list > li:nth-child(3) .pic { float: right; }
  #index .news .list > li:nth-child(2) .pic,
  #index .news .list > li:nth-child(3) .txt { float: left; }
  #index .news .list > li:nth-child(2) .pic .summary {
    left: auto;
    right: -100%;
  }
  #index .news .list > li:nth-child(2) > a:hover .pic .summary {
    left: auto;
    right: 0;
  }
  #index .news .list > li:nth-child(3) .pic .summary {
    left: -100%;
    right: auto;
  }
  #index .news .list > li:nth-child(3) > a:hover .pic .summary {
    left: 0;
    right: auto;
  }
}
@media (max-width: 767px) {
  #index .infos .weather {
    padding: 18px 10px;
  }
  #index .infos .weather > p span {
    display: block;
    margin-left: 0;
  }
  #index .morelink > ul li {
    width: calc(50% - 6px);
    margin-top: 12px;
    margin-left: 12px;
  }
  #index .morelink > ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  #index .morelink > ul li:nth-child(1),
  #index .morelink > ul li:nth-child(2) {
    margin-top: 0;
  }
}
@media (max-width: 639px) {
  #index .ban-slick {
    width: 640px;
    left: 50%;
    margin-left: -320px;
  }
  #index .ban-slick .slick-dots {
    bottom: 10px;
  }
  #index .ban-slick .slick-dots li {
    margin: 0 3px;
  }
  #index .ban-slick .slick-dots li button {
    width: 12px;
    height: 12px;
  }
  #index .infos .weather {
    float: none;
    width: 100%;
    padding: 0;
  }
  #index .infos .weather > p span {
    display: inline-block;
    margin-left: 4px;
  }
  #index .infos .guide {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  #index .infos .guide li {
    float: none;
    width: 100%;
  }
  #index .infos .guide li:before {
    display: none;
  }
  #index .infos .guide li a {
    width: 250px;
    height: auto;
    text-align: center;
    margin: auto;
    padding: 10px 0;
  }
  #index .infos .guide li a.guide-1 { background: rgba(255,135,46,.25); }
  #index .infos .guide li a.guide-2 { background: rgba(78,151,46,.25); }
  #index .infos .guide li a.guide-3 { background: rgba(45,66,192,.25); }
  #index .infos .guide li a.guide-4 { background: rgba(255,221,85,.25); }
  #index .infos .guide li a.guide-5 { background: rgba(0,128,203,.25); }
  #index .infos .guide li a.guide-6 { background: rgba(78,151,46,.25); }
  #index .infos .guide li a .ico {
    float: none;
    display: inline-block;
    width: 54px;
    height: 48px;
    background-size: 54px 48px;
    vertical-align: top;
    margin: 0 !important;
  }
  #index .infos .guide li a p {
    display: inline-block;
    width: 155px;
    vertical-align: top;
    margin: 0 0 0 10px !important;
    text-align: left;
  }
  #index .infos .guide li a p span {
    display: block;
  }
}
@media (max-width: 543px) {
  #index .news .list > li {
    height: auto;
    margin-top: 20px;
  }
  #index .news .list > li:first-child {
    margin-top: 0;
  }
  #index .news .list > li .txt {
    float: none !important;
    width: 100%;
    height: auto;
    padding: 10px 15px 55px;
  }
  #index .news .list > li .txt .title {
    max-height: none;
  }
  #index .news .list > li .txt .tag {
    left: 15px;
  }
  #index .news .list > li .pic {
    float: none !important;
    width: 100%;
    height: 200px;
  }
  #index .news .list > li .pic img {
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  #index .news .list > li .pic .summary {
    display: none;
  }
}
@media (max-width: 379px) {
  #index .morelink > ul li {
    float: none;
    width: 100%;
    margin-top: 15px !important;
    margin-left: 0 !important;
  }
  #index .morelink > ul li:first-child {
    margin-top: 0 !important;
  }
}

/* Tickets */
#ticket .p-ti {
  border-bottom-color: #ff872e;
}
#ticket .p-ti h2 {
  color: #763200;
}
#ticket ul.p-pagetab li h3 > a,
#ticket ul.p-pagetab li a:hover {
  background: #ff872e;
}
.p-pagetab-drop.open .btn {
  border-color: #ff872e;
  background: #ff872e;
}
#ticket .p-pagetab-drop .dropdown-menu {
  border-color: #ff872e;
}
#ticket .p-pagetab-drop .dropdown-menu > li.current > a,
#ticket .p-pagetab-drop .dropdown-menu > li > a:hover {
  background: rgba(255,135,46,.1);
}

#ticket .info {
  margin-top: 35px;
  margin-bottom: 60px;
}
#ticket .info .menu {
  float: left;
  position: relative;
  width: 140px;
}
#ticket .info .menu li {
  border-bottom: 1px solid #fff;
}
#ticket .info .menu li a {
  display: block;
  width: 140px;
  height: 60px;
  line-height: 22px;
  font-size: 0.9375rem;
  color: #fff;
  background-repeat: no-repeat;
  padding: 19px 22px 19px 45px;
  text-align: center;
  opacity: .5;
}
#ticket .info .menu li a.current,
#ticket .info .menu li a:hover {
  opacity: 1;
}
#ticket .info .menu li a.menu1 { background-image: url('../images/ticket_menu1.png'); }
#ticket .info .menu li a.menu2 { background-image: url('../images/ticket_menu2.png'); }
#ticket .info .menu li a.menu3 { background-image: url('../images/ticket_menu3.png'); }
#ticket .info .menu li a.menu4 { background-image: url('../images/ticket_menu4.png'); }
#ticket .info .menu li a.menu5 { background-image: url('../images/ticket_menu5.png'); }
#ticket .info .menu li a.menu6 { background-image: url('../images/ticket_menu6.png'); }
#ticket .info .menu li a.menu7 {
  background-image: url('../images/ticket_menu7.png');
  padding-top: 8px;
  padding-bottom: 8px;
}
#ticket .info .inner {
  float: right;
  width: calc(100% - 165px);
}
#ticket .info .sale {
  position: relative;
  background: url('../images/ticket_sale_bg.jpg') center no-repeat;
  background-size: cover;
  padding: 30px 55px 0;
}
#ticket .info .sale .ti {
  line-height: 38px;
  font-size: 1.75rem;
  color: #473022;
  text-align: center;
  margin-bottom: 10px;
}
.sale-slick{
    word-wrap:break-word;
    word-break:normal;
}
#ticket .info .sale .sale-slick .slick-slide {
  padding: 0 5px;
}
#ticket .info .sale .sale-slick .sale-box {
  position: relative;
  border: 1px solid #ded8d3;
  background: #fff;
  border-radius: 3px;
  padding: 20px 30px 64px 30px;
}
#ticket .info .sale .sale-slick .sale-box span {
  display: block;
}
#ticket .info .sale .sale-slick .sale-box .title {
  line-height: 24px;
  font-size: 1rem;
  color: #63564e;
}
#ticket .info .sale .sale-slick .sale-box .price {
  line-height: 60px;
  font-size: 1.875rem;
  color: #f60;
  padding: 10px 0 9px;
}
#ticket .info .sale .sale-slick .sale-box .price strong {
  font-size: 3.75rem;
}
#ticket .info .sale .sale-slick .sale-box .note {
  position: absolute;
  width: 100%;
  color: #fff;
  background: #a47253;
  padding: 8px 30px;
  left: 0;
  bottom: 0;
}
#ticket .info .sale .sale-slick .sale-box .note p {
  height: 48px;
  line-height: 24px;
  font-size: 0.875rem;
  overflow: hidden;
  margin: 0;
}
#ticket .info .sale .sale-slick .slick-dots {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  text-align: center;
}
#ticket .info .sale .sale-slick .slick-dots li {
  display: inline-block;
  height: 14px;
  vertical-align: top;
  margin: 0 4px;
}
#ticket .info .sale .sale-slick .slick-dots li button {
  display: block;
  width: 14px;
  height: 14px;
  font-size: 0;
  border: none;
  background: #72390e;
  border-radius: 100%;
  box-shadow: 2px 3px 4px rgba(0,0,0,.35) inset;
}
#ticket .info .sale .sale-slick .slick-dots li.slick-active button {
  background: #ff6000;
}
#ticket .info .sale .ico1 {
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
 /* background: url('../images/ticket_sale_ico1.png') no-repeat;*/
  left: 0;
  bottom: 10px;
}
#ticket .info .sale .ico2 {
  display: block;
  position: absolute;
  width: 95px;
  height: 110px;
  background: url('../images/ticket_sale_ico2.png') no-repeat;
  right: 2px;
  bottom: 12px;
}
#ticket .info .normal {
  margin-top: 40px;
}
#ticket .info .normal .head {
  position: relative;
  padding-left: 65px;
}
#ticket .info .normal .head .ti {
  line-height: 52px;
  font-size: 1.25rem;
}
#ticket .info .normal.orange .head .ti { color: #f64500; }
#ticket .info .normal.blue .head .ti { color: #1b6db9; }
#ticket .info .normal.pink .head .ti { color: #c566a7; }
#ticket .info .normal.green .head .ti { color: #399f8b; }
#ticket .info .normal .head .ico {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
#ticket .info .normal .table-set .thead-set {
  padding: 10px 0;
  color: #fff;
  text-align: center;
}
#ticket .info .normal.orange .table-set .thead-set { background: #ff872e; }
#ticket .info .normal.blue .table-set .thead-set { background: #1b6db9; }
#ticket .info .normal.pink .table-set .thead-set { background: #c566a7; }
#ticket .info .normal.green .table-set .thead-set { background: #399f8b; }
#ticket .info .normal .table-set .thead-set .th-set {
  float: left;
  position: relative;
  line-height: 26px;
  font-size: 0.9375rem;
}
#ticket .info .normal .table-set .thead-set .th-set:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: rgba(0,0,0,.1);
  top: 6px;
  left: 0;
}
#ticket .info .normal .table-set .thead-set .th-set:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,.1);
  top: 6px;
  right: 0;
}
#ticket .info .normal .table-set .tr-set {
  padding: 17px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
#ticket .info .normal .table-set .tr-set .td-set {
  float: left;
  line-height: 24px;
  font-size: 0.875rem;
  padding: 0 15px;
}
#ticket .info .normal .table-set .thead-set .th-set:nth-child(1),
#ticket .info .normal .table-set .tr-set .td-set:nth-child(1) {
  width: 160px;
}
#ticket .info .normal .table-set .thead-set .th-set:nth-child(2),
#ticket .info .normal .table-set .tr-set .td-set:nth-child(2) {
  width: 130px;
}
#ticket .info .normal .table-set .thead-set .th-set:nth-child(3),
#ticket .info .normal .table-set .tr-set .td-set:nth-child(3) {
  width: calc(100% - 290px);
}
#ticket .info .normal .table-set .thead-set .th-set.th-set2,
#ticket .info .normal .table-set .tr-set .td-set.td-set2 {
  width: calc(100% - 160px);
}
#ticket .info .normal .table-set .tr-set .td-set:nth-child(3),
#ticket .info .normal .table-set .tr-set .td-set.td-set2 {
  text-align: left;
}

#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(1),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(1) {
  width: 160px;
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(2),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(2) {
  width: 130px;
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(3) {
    width: 130px;
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(4),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4) {
  width: calc(100% - 420px);
}
#ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set2,
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
  width: calc(100% - 160px);
}
#ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4),
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
  text-align: left;
}

#ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set3,
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
  width: calc(100% - 290px);
}
#ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
  text-align: center;
}
#ticket .info .normal .table-set .tr-set .td-set ul li {
  position: relative;
  padding-left: 14px;
}
#ticket .info .normal .table-set .tr-set .td-set ul li:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 100%;
  top: 8px;
  left: 0;
}
#ticket .info .p-board {
  position: relative;
  margin-top: 40px;
}
#ticket .info .p-board .content {
  line-height: 26px;
  font-size: 0.9375rem;
}
#ticket .info .p-board .content ol {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
#ticket .info .p-board .content ol li {
  padding-left: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
#ticket .info .p-board .content ol li:not(:first-child) {
  padding-top: 5px;
}
#ticket .info .p-board .content ol li:nth-child(n+4) {
  padding-right: 100px;
}
#ticket .info .p-board .ico {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width:15%;
}
@media (max-width: 991px) {
  #ticket .info .menu {
    display: none !important;
  }
  #ticket .info .inner {
    float: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #ticket .info .sale {
    padding: 30px 30px 0;
  }
  #ticket .info .sale .ico1,
  #ticket .info .sale .ico2 {
    display: none;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(1),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(1) {
    width: 120px;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(2),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(2) {
    width: 100px;
  }
  #ticket .info .normal .table-set .thead-set .th-set:nth-child(3),
  #ticket .info .normal .table-set .tr-set .td-set:nth-child(3) {
    width: calc(100% - 220px);
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set2,
  #ticket .info .normal .table-set .tr-set .td-set.td-set2 {
    width: calc(100% - 120px);
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(1),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(1) {
    width: 80px;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(2),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(2) {
    width: 70px;
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(3) {
    width: 70px;
  }
  #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(4),
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4) {
    width: calc(100% - 220px);
  }
    #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set2,
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
    width: calc(100% - 80px);
  }
       #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set3,
  #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
    width: calc(100% - 150px);
  }
  #ticket .info .p-board .ico {
    display: none;
  }
  #ticket .info .p-board .content ol li:nth-child(n+4) {
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  #ticket .info .sale {
    padding: 15px 15px 0;
  }
  #ticket .info .sale .sale-slick .sale-box {
    padding: 15px 15px 56px 15px;
  }
  #ticket .info .sale .sale-slick .sale-box .price {
    line-height: 40px;
    font-size: 1.375rem;
  }
  #ticket .info .sale .sale-slick .sale-box .price strong {
    font-size: 2.5rem;
  }
  #ticket .info .sale .sale-slick .sale-box .note {
    padding: 4px 15px;
  }
  #ticket .info .normal .head {
    min-height: 52px;
  }
  #ticket .info .normal .head .ti {
    line-height: 30px;
    padding-top: 4px;
  }
}
@media (max-width: 479px) {
    #ticket .info .normal .table-set .thead-set .th-set:nth-child(1),
    #ticket .info .normal .table-set .tr-set .td-set:nth-child(1) {
        width: 50%;
    }

    #ticket .info .normal .table-set .thead-set .th-set:nth-child(2),
    #ticket .info .normal .table-set .tr-set .td-set:nth-child(2) {
        width: 50%;
    }

        #ticket .info .normal .table-set .thead-set .th-set:nth-child(2):after {
            display: none;
        }

    #ticket .info .normal .table-set .thead-set .th-set:nth-child(3) {
        display: none;
    }

    #ticket .info .normal .table-set .tr-set .td-set:nth-child(3) {
        float: left;
        width: 100%;
        background: rgba(0,0,0,.05);
        margin-top: 5px;
        padding: 5px 10px;
    }

    #ticket .info .normal .table-set .thead-set .th-set.th-set2 {
        display: none;
    }

    #ticket .info .normal .table-set .tr-set .td-set.td-set2 {
        float: left;
        width: 100%;
        background: rgba(0,0,0,.05);
        margin-top: 5px;
        padding: 5px 10px;
    }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(1),
    #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(1) {
        width: 33%;
    }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(2),
    #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(2) {
        width: 33%;
    }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3),
    #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(3) {
        width: 33%;
    }

        #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(3):after {
            display: none;
        }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col:nth-child(4) {
        display: none;
    }

    #ticket .info .normal .table-set .tr-set .td-set.td-set4col:nth-child(4) {
        float: left;
        width: 100%;
        background: rgba(0,0,0,.05);
        margin-top: 5px;
        padding: 5px 10px;
    }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set2 {
        display: none;
    }

    #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set2 {
        float: left;
        width: 100%;
        background: rgba(0,0,0,.05);
        margin-top: 5px;
        padding: 5px 10px;
    }

    #ticket .info .normal .table-set .thead-set .th-set.th-set4col.th-set3,
    #ticket .info .normal .table-set .tr-set .td-set.td-set4col.td-set3 {
        width: 33%;
        display: block;
        background: rgba(0,0,0,0);
    }
}

/** List Page **/
#ticket .filter {
  padding-bottom: 4px;
}
#ticket .filter label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 0.875rem;
  color: #666;
  padding: 0 5px;
  margin-right: 11px;
  margin-bottom: 10px;
  cursor: pointer;
}
#ticket .filter label input {
  width: 12px;
  height: 12px;
  vertical-align: top;
  margin-top: 6px;
  margin-right: 6px;
}
#ticket .list-wrap {
  margin-top: 35px;
  margin-bottom: 55px;
}
#ticket .list-wrap .item {
  display: inline-block;
  position: relative;
  width: calc(25% - 27.5px);
  vertical-align: top;
  border-bottom: 1px dashed #ddd;
  margin-right: 32px;
  margin-bottom: 55px;
  padding-bottom: 14px;
}
#ticket .list-wrap .item:nth-child(4n) {
  margin-right: 0;
}
#ticket .list-wrap .item .title {
  font-size: 1rem;
  margin-top: 12px;
  margin-bottom: 18px;
  padding: 0 4px;
}
#ticket .list-wrap .item .price {
  height: 70px;
  line-height: 30px;
  font-size: 1.5rem;
  color: #ff3c00;
  padding-left: 4px;
}
#ticket .list-wrap .item .price small {
  font-size: 0.8125rem;
  margin-left: 4px;
}
#ticket .list-wrap .item a.view {
  display: block;
  position: absolute;
  width: 120px;
  height: 30px;
  line-height: 28px;
  font-size: 1rem;
  color: #f5f5f5;
  border: 1px solid #c7c7c7;
  background: #008cd3;
  border-radius: 30px;
  text-align: center;
  right: 4px;
  bottom: 14px;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#ticket .list-wrap .item a.view:hover {
  color: #fff;
  background: #c7c7c7;
}
@media (max-width: 991px) {
  #ticket .list-wrap .item {
    width: calc(50% - 15.25px);
    margin-right: 26px;
  }
  #ticket .list-wrap .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 479px) {
  #ticket .list-wrap .item {
    width: 40%;
    margin-right: 15%;
  }
}
/** Detail Page **/
#ticket .Webcolor {
  background: #9393ff;
  height: 27px;
  width:125px;
  text-align:center;
  font-weight:bold;
}
#ticket .Weblink li.Weblin-li-sub {
  background: #ececff;
  height: 30px;
  width:125px;
  text-align:center;
  border-bottom:1px dashed;
}
#ticket .Weblink li.Weblin-li-sub:hover{
  background: #4a4aff;
  height: 30px;
  width:125px;
  color: #fff;
}
#ticket .Weblink li.Weblin-li-sub:hover > a {
  background: #4a4aff;
  height: 30px;
  width:125px;
  color: #fff;
}
#ticket .Weblink li.Weblin-sub {
  float: left;
  padding-right: 20px;
  margin-top: 5px;
}
#ticket .view .top {
  margin-top: 30px;
  padding-bottom: 50px;
}
#ticket .view .top .pic-slick {
  float: left;
  width: 375px;
  margin-left: 10px;
}
#ticket .view .top .pic-slick .slick-dots {
  height: 12px;
  text-align: center;
  margin: 10px auto 0;
  padding: 0;
  list-style: none;
}
#ticket .view .top .pic-slick .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
#ticket .view .top .pic-slick .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  border: none;
  background: #ccc;
  border-radius: 100%;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#ticket .view .top .pic-slick .slick-dots li.slick-active button {
  background: #ff872e;
}
#ticket .view .top .detail {
  float: right;
  width: calc(100% - 440px);
  margin-right: 15px;
}
#ticket .view .top .ticket-name {
  line-height: 40px;
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 10px;
  padding: 0 5px;
}
#ticket .view .top .summary {
  line-height: 28px;
  font-size: 0.875rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
  margin-bottom: 16px;
}
#ticket .view .top .info {
  padding: 4px 10px;
  margin: 0;
}
#ticket .view .top .info .item {
  float: left;
  position: relative;
  width: 110px;
  line-height: 28px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666;
  padding-left: 22px;
}
#ticket .view .top .info .item:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #bdbdbd;
  border-radius: 100%;
  top: 11px;
  left: 9px;
}
#ticket .view .top .info .content {
  line-height: 28px;
  font-size: 1rem;
  overflow: hidden;
}
#ticket .view .top .info .content strong.price-sale {
  display: inline-block;
  height: 28px;
  font-size: 1.5rem;
  color: #ff3c00;
  vertical-align: top;
}
#ticket .view .top .info .content del.price-org {
  display: inline-block;
  height: 28px;
  font-size: 0.9375rem;
  color: #666;
  vertical-align: top;
}
#ticket .view .top .info .content strong.price-sale + del.price-org {
  margin-left: 15px;
}
#ticket .view .top .info .content span.sale-limited {
  display: inline-block;
  height: 28px;
  line-height: 26px;
  font-size: 0.875rem;
  color: #ff3c00;
  border: 1px solid #ffd0c2;
  padding: 0 8px;
  margin-left: 10px;
  vertical-align: top;
}
#ticket .view .top .btn-box {
  border-top: 1px solid #ddd;
  margin-top: 16px;
  padding-top: 15px;
}
#ticket .view .top .btn-box .btn-cart,
#ticket .view .top .btn-box .btn-bill {
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  padding: 0;
  outline: none;
  text-align: center;
  vertical-align: top;
  margin-right: 6px;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#ticket .view .top .btn-box .btn-cart {
  background: #008cd3;
}
#ticket .view .top .btn-box .btn-cart:hover {
  background: #007bb9;
}
#ticket .view .top .btn-box .btn-bill {
  background: #ff9900;
}
#ticket .view .top .btn-box .btn-bill:hover {
  background: #ff6600;
}
#ticket .view .detail-box {
  padding: 30px 0;
}
#ticket .view .detail-box .ti {
  line-height: 26px;
  font-size: 1.125rem;
  color: #000;
  border-left: 7px solid #ff6100;
  background: url('../images/content_ti.jpg');
  padding: 8px 18px;
}
#ticket .view .detail-box .content {
  padding: 15px;
}
@media (max-width: 991px) {
  #ticket .view .top .pic-slick {
    width: 250px;
    margin-left: 0;
  }
  #ticket .view .top .detail {
    width: calc(100% - 275px);
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #ticket .view .top .pic-slick {
    float: none;
    width: 100%;
    max-width: 340px;
    margin: auto;
  }
  #ticket .view .top .detail {
    float: none;
    width: 100%;
    margin: 20px auto 0;
    padding: 0 15px;
  }
}
@media (max-width: 479px) {
  #ticket .view .top .detail {
    padding: 0;
  }
  #ticket .view .top .ticket-name {
    padding: 0;
  }
  #ticket .view .top .summary {
    padding: 10px 0;
    margin-bottom: 6px;
  }
  #ticket .view .top .info {
    padding: 2px 0;
  }
  #ticket .view .top .info .item {
    width: 80px;
    padding-left: 12px;
  }
  #ticket .view .top .info .item:before {
    left: 0;
  }
  #ticket .view .top .btn-box .btn-cart,
  #ticket .view .top .btn-box .btn-bill {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
}

/* 預約服務 */
#ticket .reserve-main {
  margin-top: 30px;
}
#ticket .reserve-item {
  margin-bottom: 60px;
}
#ticket .reserve-item .pic {
  overflow: hidden;
}
#ticket .reserve-item .pic img {
  display: block;
  position: relative;
  height: 400px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#ticket .reserve-item .txt {
  position: relative;
  float: right;
  width: 425px;
  height: 400px;
  border-bottom: 2px solid #ff872e;
  background: #f4f4f4;
  padding: 60px 55px 0;
}
#ticket .reserve-item.invert .txt {
  float: left;
}
#ticket .reserve-item .txt .title {
  line-height: 36px;
  font-size: 1.5rem;
}
#ticket .reserve-item .txt .info {
  position: relative;
  z-index: 2;
  line-height: 28px;
  font-size: 0.9375rem;
  margin-top: 5px;
}
#ticket .reserve-item .txt a.link {
  display: block;
  position: relative;
  z-index: 2;
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  margin-top: 15px;
}
#ticket .reserve-item .txt a.link:hover {
  background: #f60;
}
#ticket .reserve-item .txt img.ico {
  position: absolute;
  max-width: calc(100% - 30px);
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
@media (max-width: 767px) {
  #ticket .reserve-item .txt,
  #ticket .reserve-item.invert .txt {
    float: none;
    width: 100%;
    height: 260px;
    padding: 25px 30px 0;
  }
  #ticket .reserve-item .txt img.ico {
    left: auto;
    right: 15px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  #ticket .reserve-item .pic {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-item .txt,
  #ticket .reserve-item.invert .txt {
    height: 340px;
  }
}
@media (max-width: 360px) {
    #ticket .list-wrap .item .title {
        font-size: 1rem;
        margin-top: 12px;
        margin-bottom: 18px;
        padding: 0 4px;
        height:70px;
    }
}
/** 服務預約-內頁 **/
#ticket .reserve-inner {
  margin-top: 35px;
}
#ticket .reserve-inner .step {
  margin-bottom: 15px;
}
#ticket .reserve-inner .step .left {
  float: left;
  position: relative;
  width: 275px;
  height: 80px;
  padding-top: 15px;
  padding-left: 100px;
}
#ticket .reserve-inner .step .left .title {
  line-height: 34px;
  font-size: 1.5rem;
  color: #0042a4;
}
#ticket .reserve-inner .step .left .title-en {
  line-height: 22px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #0b92e8;
}
#ticket .reserve-inner .step .left img.ico {
  position: absolute;
  top: 0;
  left: 12px;
}
#ticket .reserve-inner .step .right {
  float: left;
}
#ticket .reserve-inner .step .right li {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 80px;
  text-align: center;
  padding-top: 20px;
  vertical-align: top;
}
#ticket .reserve-inner .step .right li + li {
  margin-left: 34px;
}
#ticket .reserve-inner .step .right li + li:before {
  content: '';
  display: block;
  position: absolute;
  width: 157px;
  height: 4px;
  background: #f90;
  top: 28px;
  left: -97px;
}
#ticket .reserve-inner .step .right li.current ~ li:before {
  background: #ececec;
}
#ticket .reserve-inner .step .right li i {
  display: block;
  width: 20px;
  height: 20px;
  border: 4px solid #f90;
  background: #f90;
  border-radius: 100%;
  margin: auto;
}
#ticket .reserve-inner .step .right li.current ~ li i {
  background: #fff;
}
#ticket .reserve-inner .step .right li span {
  display: block;
  line-height: 24px;
  font-size: 0.875rem;
  color: #333;
  margin-top: 4px;
}
#ticket .reserve-inner .step .right li.current ~ li span {
  color: #999;
}
#ticket .reserve-inner .step-btn {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 50px;
}
#ticket .reserve-inner .step-btn .next-btn {
  display: inline-block;
  width: 220px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  background: #008cd3;
  outline: none;
}
#ticket .reserve-inner .step-btn .next-btn:hover {
  background: #0075b0;
}
@media (max-width: 1199px) {
  #ticket .reserve-inner .step .right li + li {
    margin-left: 14px;
  }
  #ticket .reserve-inner .step .right li + li:before {
    width: 137px;
    left: -77px;
  }
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step .left {
    float: none;
    margin: auto;
  }
  #ticket .reserve-inner .step .right {
    float: none;
    width: 591px;
    margin: auto;
  }
  #ticket .reserve-inner .step .right li + li {
    margin-left: 6px;
  }
  #ticket .reserve-inner .step .right li + li:before {
    width: 129px;
    left: -69px;
  }
}
@media (max-width: 639px) {
  #ticket .reserve-inner .step .right {
    width: 291px;
  }
  #ticket .reserve-inner .step .right li {
    display: none;
  }
  #ticket .reserve-inner .step .right li.current,
  #ticket .reserve-inner .step .right li.current + li {
    display: inline-block;
  }
  #ticket .reserve-inner .step .right li.current {
    margin-left: 0;
  }
  #ticket .reserve-inner .step .right li.current:before {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step .right {
    width: 160px;
    margin-top: 20px;
  }
  #ticket .reserve-inner .step .right li.current,
  #ticket .reserve-inner .step .right li.current + li {
    display: block;
    width: 160px;
    height: 48px;
    margin-left: 0 !important;
    padding-top: 0;
    padding-left: 30px;
    text-align: left;
  }
  #ticket .reserve-inner .step .right li.current + li:before {
    width: 4px;
    height: 28px;
    top: -26px;
    left: 8px;
  }
  #ticket .reserve-inner .step .right li i {
    position: absolute;
    top: 2px;
    left: 0;
  }
  #ticket .reserve-inner .step .right li span {
    margin-top: 0;
  }
}
/** 接駁車 - step 1 **/
#ticket .reserve-inner .step-1 .p-board {
  position: relative;
}
#ticket .reserve-inner .step-1 .p-board .content {
  padding-bottom: 60px;
}
#ticket .reserve-inner .step-1 .p-board .content.content-2 {
  padding-bottom: 90px;
}
#ticket .reserve-inner .step-1 .p-board img.ico {
  position: absolute;
  right: 54px;
  bottom: 6px;
}
#ticket .reserve-inner .step-1 .p-board img.ico-2 {
  position: absolute;
  right: 43px;
  bottom: -32px;
  pointer-events: none;
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step-1 .p-board .content.content-2 {
    padding-bottom: 20px;
  }
  #ticket .reserve-inner .step-1 .p-board img.ico-2 {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-1 .p-board {
    padding: 15px;
    background: #fff;
    border-top: none;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
  #ticket .reserve-inner .step-1 .p-board .content {
    padding-bottom: 25px;
  }
  #ticket .reserve-inner .step-1 .p-board img.ico {
    display: none;
  }
}
/** 接駁車 - step 2 **/
#ticket .reserve-inner .step-2 .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.05);
  padding: 25px 40px;
}
#ticket .reserve-inner .step-2 .box.half {
  float: left;
  width: calc(50% - 10px);
  margin-top: 20px;
}
#ticket .reserve-inner .step-2 .box.half + .half {
  margin-left: 20px;
}
#ticket .reserve-inner .step-2 .box-ti {
  line-height: 28px;
  font-size: 1rem;
  color: #0042a4;
}
#ticket .reserve-inner .step-2 .box-ti i {
  margin-right: 10px;
}
#ticket .reserve-inner .step-2 .route {
  margin-top: 40px;
}
#ticket .reserve-inner .step-2 .route .title-s {
  display: none;
}
#ticket .reserve-inner .step-2 .route .ico {
  float: left;
  position: relative;
  width: 150px;
  height: 100px;
}
#ticket .reserve-inner .step-2 .route .ico:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #ff872e;
  left: 0;
  bottom: 20px;
}
#ticket .reserve-inner .step-2 .route.blue .ico:before {
  background: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list {
  float: right;
  position: relative;
  width: calc(100% - 150px);
  height: 100px;
}
#ticket .reserve-inner .step-2 .route .list:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 14px;
  border-color: transparent transparent transparent #ff872e;
  right: 0;
  bottom: 11px;
}
#ticket .reserve-inner .step-2 .route.blue .list:after {
  border-left-color: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list li {
  float: left;
  width: calc(25% - 20px);
  text-align: center;
}
#ticket .reserve-inner .step-2 .route .list li:first-child {
  width: calc(25% + 20px);
  padding-left: 40px;
}
#ticket .reserve-inner .step-2 .route .list li:last-child {
  width: calc(25% + 20px);
  padding-right: 40px;
}
#ticket .reserve-inner .step-2 .route .list li:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 14px);
  height: 6px;
  background: #ff872e;
  left: 0;
  bottom: 20px;
}
#ticket .reserve-inner .step-2 .route.blue .list li:before {
  background: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list li img {
  display: block;
  margin: auto;
}
#ticket .reserve-inner .step-2 .route .list li span {
  display: block;
  line-height: 22px;
  font-size: 0.9375rem;
  margin-top: 2px;
}
#ticket .reserve-inner .step-2 .route .list li a {
  display: block;
  position: relative;
  z-index: 2;
  width: 18px;
  height: 18px;
  border: 4px solid #f90;
  background: #fff;
  border-radius: 100%;
  margin: 4px auto 0;
}
#ticket .reserve-inner .step-2 .route.blue .list li a {
  border-color: #07a6de;
}
#ticket .reserve-inner .step-2 .route .list li a.select,
#ticket .reserve-inner .step-2 .route .list li a:hover {
  background: #f90;
}
#ticket .reserve-inner .step-2 .route.blue .list li a.select,
#ticket .reserve-inner .step-2 .route.blue .list li a:hover {
  background: #07a6de;
}
#ticket .reserve-inner .step-2 .route-select {
  background: #f4f4f4;
  border-radius: 8px;
  margin-top: 40px;
  padding: 15px 50px;
}
#ticket .reserve-inner .step-2 .route-select img {
  display: inline-block;
  vertical-align: top;
}
#ticket .reserve-inner .step-2 .route-select span {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: 0.9375rem;
  vertical-align: top;
  margin-left: 36px;
}
#ticket .reserve-inner .step-2 .route-select select {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdcdc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  margin-left: 6px;
  margin-bottom: 2px;
  padding: 0 30px 0 10px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#ticket .reserve-inner .step-2 .route-select select::-ms-expand {
  display: none;
}
#ticket .reserve-inner .step-2 .route-select select:focus {
  border-color: #999;
}
#ticket .reserve-inner .step-2 .ico-2 {
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 160px;
}
#ticket .reserve-inner #calendar {
  position: relative;
  border-top: 1px solid #e9e9e9;
  margin-top: 20px;
}
#ticket .reserve-inner #calendar .ui-datepicker-header {
  position: absolute;
  top: -49px;
  right: 0;
}
#ticket .reserve-inner #calendar .ui-datepicker-title {
  height: 28px;
  line-height: 28px;
  font-size: 1rem;
  padding: 0 38px;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev,
#ticket .reserve-inner #calendar a.ui-datepicker-next {
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 0.875rem;
  color: #fff;
  background: #e0e0e0;
  border-radius: 100%;
  top: 0;
  text-align: center;
  cursor: pointer;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev {
  left: 0;
}
#ticket .reserve-inner #calendar a.ui-datepicker-next {
  right: 0;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev:hover,
#ticket .reserve-inner #calendar a.ui-datepicker-next:hover {
  background: #bbb;
}
#ticket .reserve-inner #calendar a.ui-datepicker-prev.ui-state-disabled,
#ticket .reserve-inner #calendar a.ui-datepicker-next.ui-state-disabled {
  background: #e0e0e0;
  cursor: not-allowed;
}
#ticket .reserve-inner #calendar table,
#ticket .reserve-inner #calendar thead,
#ticket .reserve-inner #calendar tbody,
#ticket .reserve-inner #calendar tr,
#ticket .reserve-inner #calendar th,
#ticket .reserve-inner #calendar td {
  display: block;
  width: 100%;
}
#ticket .reserve-inner #calendar tr {
  margin-top: 8px;
}
#ticket .reserve-inner #calendar tr:before,
#ticket .reserve-inner #calendar tr:after {
  content: '';
  display: table;
}
#ticket .reserve-inner #calendar tr:after {
  clear: both;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar th {
  float: left;
  width: calc(14.2857% - 9.4286px);
  height: 50px;
  line-height: 50px;
  font-size: 1rem;
  font-weight: normal;
  color: #444;
  text-align: center;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td {
  float: left;
  width: calc(14.2857% - 9.4286px);
  height: 60px;
  border: 1px solid #e9e9e9;
  background: #fbfbfb;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td {
  position: relative;
  height: 110px;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td span,
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a {
  display: block;
  height: 58px;
  line-height: 58px;
  text-align: center;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td span,
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td a {
  height: 108px;
  line-height: 44px;
  text-align: left;
  padding-left: 18px;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td span {
  color: #999;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a {
  color: #444;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a:hover {
  background: #e1e1e1;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td a.ui-state-active {
  color: #fff;
  background: #f90;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td.ui-datepicker-week-end a {
  color: #d50000;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar td.ui-datepicker-week-end a.ui-state-active {
  color: #fff;
  background: #d50000;
}
#ticket .reserve-inner #calendar .ui-datepicker-calendar th:not(:first-child),
#ticket .reserve-inner #calendar .ui-datepicker-calendar td:not(:first-child) {
  margin-left: 11px;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .no-remain {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 26px;
  font-size: 1rem;
  color: #999;
  text-align: center;
  padding-top: 50px;
  top: 0;
  left: 0;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .remain {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 26px;
  font-size: 1rem;
  color: #f60;
  text-align: center;
  padding-top: 50px;
  top: 0;
  left: 0;
  cursor: pointer;
}
#ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .ui-state-active + .remain {
  color: #fff;
  background: url('../images/reserve_arbor_date.png') center 28px no-repeat;
  background-size: 30px 22px;
}
#ticket .reserve-inner .show-date {
  position: absolute;
  height: 28px;
  line-height: 28px;
  font-size: 1rem;
  color: #ff6000;
  top: 25px;
  right: 40px;
}
#ticket .reserve-inner .time-select-list {
  margin-top: 12px;
}
#ticket .reserve-inner .time-select-list .time-label {
  display: block;
  float: left;
  width: calc(16.667% - 6.667px);
  margin-top: 8px;
  margin-left: 8px;
}
#ticket .reserve-inner .time-select-list .time-label:nth-child(6n+1) {
  margin-left: 0;
}
#ticket .reserve-inner .time-select-list .time-label input {
  display: none;
}
#ticket .reserve-inner .time-select-list .time-label input + span {
  display: block;
  height: 70px;
  line-height: 22px;
  font-size: 0.9375rem;
  border: 1px solid #e9e9e9;
  text-align: center;
  padding-top: 12px;
  cursor: pointer;
}
#ticket .reserve-inner .time-select-list .time-label input + span:hover {
  background: #eee;
}
#ticket .reserve-inner .time-select-list .time-label input:disabled + span {
  color: #fff;
  background: #bfbfbf;
  cursor: not-allowed;
}
#ticket .reserve-inner .time-select-list .time-label input:checked + span {
  color: #fff;
  background: #f90;
}
@media (max-width: 1199px) {
  #ticket .reserve-inner #calendar .ui-datepicker-calendar th,
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td {
    width: calc(14.2857% - 3.429px);
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar th:not(:first-child),
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td:not(:first-child) {
    margin-left: 4px;
  }
  #ticket .reserve-inner .time-select-list .time-label {
    width: calc(16.667% - 3.333px);
    margin-left: 4px;
  }
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step-2 .route .list {
    height: 200px;
  }
  #ticket .reserve-inner .step-2 .route .list li {
    position: relative;
    width: 50% !important;
    height: 100px;
  }
  #ticket .reserve-inner .step-2 .route .list li:nth-child(odd) {
    padding-left: 40px;
  }
  #ticket .reserve-inner .step-2 .route .list li:nth-child(even) {
    padding-right: 40px;
  }
  #ticket .reserve-inner .step-2 .route .list li:not(:last-child):before {
    width: 100%;
  }
  #ticket .reserve-inner .step-2 .route-select {
    padding: 10px 15px;
    text-align: center;
  }
  #ticket .reserve-inner .step-2 .route-select img {
    display: none;
  }
  #ticket .reserve-inner .step-2 .route-select span {
    margin-left: 0;
  }
  #ticket .reserve-inner .step-2 .route-select span + span {
    margin-left: 36px;
  }
  #ticket .reserve-inner .step-2 .box.half {
    float: none;
    width: 100%;
    height: auto !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  #ticket .reserve-inner .step-2 .box {
    padding: 15px;
  }
  #ticket .reserve-inner .step-2 .ico-2 {
    display: none;
  }
  #ticket .reserve-inner .step-2 .route-select span {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-left: 0 !important;
  }
  #ticket .reserve-inner .step-2 .route-select span + span {
    margin-top: 10px;
  }
  #ticket .reserve-inner .show-date {
    top: 15px;
    right: 15px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td span,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td a {
    line-height: 30px;
    text-align: center;
    padding-left: 0;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .no-remain,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .remain {
    padding-top: 60px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .ui-state-active + .remain {
    background-position: center 38px;
  }
}
@media (max-width: 639px) {
  #ticket .reserve-inner .step-2 .route {
    position: relative;
    margin-top: 20px;
  }
  #ticket .reserve-inner .step-2 .route .title-s {
    display: block;
    width: 140px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #fff;
    background: #ff872e;
    border-radius: 5px;
    text-align: center;
  }
  #ticket .reserve-inner .step-2 .route.blue .title-s {
    background: #07a6de;
  }
  #ticket .reserve-inner .step-2 .route .ico {
    display: none;
  }
  #ticket .reserve-inner .step-2 .route .list {
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 14px;
  }
  #ticket .reserve-inner .step-2 .route .list:after {
    border-width: 14px 12px 0 12px;
    border-color: #ff872e transparent transparent transparent;
    left: 6px;
    bottom: 0;
  }
  #ticket .reserve-inner .step-2 .route.blue .list:after {
    border-top-color: #07a6de;
    border-left-color: transparent;
  }
  #ticket .reserve-inner .step-2 .route .list li {
    float: none;
    width: 100% !important;
    height: 50px;
    padding-top: 5px;
    padding-left: 35px !important;
    padding-right: 0 !important;
    text-align: left;
  }
  #ticket .reserve-inner .step-2 .route .list li:before {
    width: 6px !important;
    height: 100%;
    top: 0;
    left: 15px;
  }
  #ticket .reserve-inner .step-2 .route .list li img {
    display: inline-block;
    vertical-align: middle;
  }
  #ticket .reserve-inner .step-2 .route .list li span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
  }
  #ticket .reserve-inner .step-2 .route .list li a {
    position: absolute;
    top: 16px;
    left: 9px;
    margin-top: 0;
  }
  #ticket .reserve-inner .step-2 .route-select {
    text-align: left;
    margin-top: 20px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td {
    height: 54px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td span,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar td a {
    height: 52px;
    line-height: 26px;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .no-remain,
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .remain {
    padding-top: 26px;
    font-size: 0.875rem;
  }
  #ticket .reserve-inner #calendar.arbor .ui-datepicker-calendar .ui-state-active + .remain {
    background: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-2 .p-board {
    padding: 0;
    background: none;
    border-top: none;
  }
  #ticket .reserve-inner .step-2 .box {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
  #ticket .reserve-inner .step-2 .route .list li {
    height: 72px;
  }
  #ticket .reserve-inner .step-2 .route .list li span {
    display: block;
  }
  #ticket .reserve-inner .step-2 .route .list li a {
    top: 27px;
  }
  #ticket .reserve-inner .step-2 .route-select span {
    height: auto;
    line-height: 24px;
  }
  #ticket .reserve-inner .step-2 .route-select select {
    display: block;
    margin-top: 5px;
    margin-left: 0;
  }
  #ticket .reserve-inner #calendar {
    border-top: none;
    margin-top: 10px;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-header {
    position: static;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-title {
    text-align: center;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar th {
    font-size: 0.9375rem;
    height: 30px;
    line-height: 30px;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td {
    height: 35px;
  }
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td span,
  #ticket .reserve-inner #calendar .ui-datepicker-calendar td a {
    height: 33px;
    line-height: 33px;
  }
  #ticket .reserve-inner .show-date {
    position: static;
    height: auto;
  }
  #ticket .reserve-inner .time-select-list {
    margin-top: 5px;
  }
  #ticket .reserve-inner .time-select-list .time-label {
    width: calc(25% - 3.333px);
  }
  #ticket .reserve-inner .time-select-list .time-label:nth-child(6n+1) {
    margin-left: 4px;
  }
  #ticket .reserve-inner .time-select-list .time-label:nth-child(4n+1) {
    margin-left: 0;
  }
}
/** 接駁車 - step 3 **/
#ticket .reserve-inner .step-3 .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.05);
  padding: 25px 30px;
}
#ticket .reserve-inner .step-3 .box-ti {
  line-height: 28px;
  font-size: 1rem;
  color: #0042a4;
}
#ticket .reserve-inner .step-3 .box-ti i {
  margin-right: 10px;
}
#ticket .reserve-inner .step-3 .left {
  float: left;
  width: 260px;
}
#ticket .reserve-inner .step-3 .right {
  float: right;
  width: calc(100% - 280px);
}
#ticket .reserve-inner .step-3 select {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdcdc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  margin-top: 10px;
  padding: 0 30px 0 10px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#ticket .reserve-inner .step-3 select::-ms-expand {
  display: none;
}
#ticket .reserve-inner .step-3 select:focus {
  border-color: #999;
}
#ticket .reserve-inner .step-3 .left .box {
  padding-bottom: 180px;
}
#ticket .reserve-inner .step-3 .left .ico {
  position: absolute;
  left: 50%;
  bottom: -2px;
  margin-left: -117px;
}
#ticket .reserve-inner .step-3 .input-group {
  display: block;
  position: relative;
  margin-top: 10px;
}
#ticket .reserve-inner .step-3 .input-group.code {
  max-width: 380px;
  padding-right: 130px;
}
#ticket .reserve-inner .step-3 .input-group.code .code-img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#ticket .reserve-inner .step-3 .input-group span {
  display: block;
  position: absolute;
  line-height: 40px;
  font-size: 0.875rem;
  top: 0;
  left: 10px;
}
#ticket .reserve-inner .step-3 .input-group input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.875rem;
  color: #000;
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 0 10px 0 100px;
}
#ticket .reserve-inner .step-3 .input-group input:focus {
  border-color: #999;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  #ticket .reserve-inner .step-3 .box {
    padding: 15px;
  }
  #ticket .reserve-inner .step-3 .left {
    float: none;
    width: 100%;
  }
  #ticket .reserve-inner .step-3 .left .box {
    padding-bottom: 15px;
  }
  #ticket .reserve-inner .step-3 .left .ico {
    width: 120px;
    left: auto;
    right: 15px;
    margin-left: 0;
  }
  #ticket .reserve-inner .step-3 .right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-3 .p-board {
    padding: 0;
    background: none;
    border-top: none;
  }
  #ticket .reserve-inner .step-3 .box {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
}
@media (max-width: 379px) {
  #ticket .reserve-inner .step-3 .left .ico {
    display: none;
  }
  #ticket .reserve-inner .step-3 .input-group.code {
    padding-right: 0;
  }
  #ticket .reserve-inner .step-3 .input-group.code .code-img {
    position: static;
    width: 120px;
    margin: 5px auto 0;
  }
}
/** 接駁車 - step 4 **/
#ticket .reserve-inner .step-4 .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.05);
  padding: 25px 30px;
}
#ticket .reserve-inner .step-4 .qrcode {
  float: left;
  width: 150px;
  height: 150px;
  border: 4px solid #e7e7e7;
  margin-left: 15px;
  padding: 1px;
}
#ticket .reserve-inner .step-4 .txt {
  float: right;
  position: relative;
  width: calc(100% - 205px);
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#ticket .reserve-inner .step-4 .txt .title {
  line-height: 28px;
  font-size: 1.25rem;
  color: #000;
}
#ticket .reserve-inner .step-4 .txt .title strong {
  display: block;
  line-height: 40px;
  font-size: 2.25rem;
  color: #0f66b6;
}
#ticket .reserve-inner .step-4 .txt .note {
  line-height: 26px;
  font-size: 0.9375rem;
  color: #555;
  margin: 10px 0;
  padding-left: 15px;
}
#ticket .reserve-inner .step-4 .txt .other {
  font-size: 0.9375rem;
  color: #f60;
}
#ticket .reserve-inner .step-4 .txt .ico {
  position: absolute;
  right: 0;
  bottom: 0;
}
#ticket .reserve-inner .step-4 .info-title {
  line-height: 30px;
  font-size: 1.125rem;
  color: #fff;
  background: #333;
  padding: 8px 15px;
  margin-bottom: 25px;
}
#ticket .reserve-inner .step-4 .info-title i.fa {
  font-size: 1.25rem;
  margin-right: 8px;
}
#ticket .reserve-inner .step-4 .data-list {
  margin-top: -10px;
  margin-bottom: 20px;
}
#ticket .reserve-inner .step-4 .data-list .left {
  float: left;
  width: calc(50% - 20px);
}
#ticket .reserve-inner .step-4 .data-list .right {
  float: right;
  width: calc(50% - 20px);
}
#ticket .reserve-inner .step-4 .data-list ul li {
  position: relative;
  line-height: 22px;
  font-size: 0.9375rem;
  padding: 10px 15px 10px 100px;
  border-bottom: 1px solid #ddd;
}
#ticket .reserve-inner .step-4 .data-list ul li .title {
  position: absolute;
  top: 10px;
  left: 15px;
}
#ticket .reserve-inner .step-btn .done-btn {
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  background: #8a8a8a;
  outline: none;
  vertical-align: top;
  margin: 0 3px 10px;
}
#ticket .reserve-inner .step-btn .done-btn:hover {
  background: #666;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-1 {
  background: #008cd3;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-1:hover {
  background: #0075b0;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-2 {
  background: #f90;
}
#ticket .reserve-inner .step-btn .done-btn.done-btn-2:hover {
  background: #f60;
}
@media (max-width: 1199px) {
  #ticket .reserve-inner .step-4 .txt {
    padding-bottom: 90px;
  }
  #ticket .reserve-inner .step-4 .txt.arbor {
    padding-bottom: 120px;
  }
}
@media (max-width: 991px) {
  #ticket .reserve-inner .step-4 .box {
    padding: 15px;
  }
  #ticket .reserve-inner .step-4 .txt {
    padding-bottom: 150px;
  }
  #ticket .reserve-inner .step-4 .txt.arbor {
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  #ticket .reserve-inner .step-4 .qrcode {
    float: none;
    margin: auto;
  }
  #ticket .reserve-inner .step-4 .txt {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0 !important;
  }
  #ticket .reserve-inner .step-4 .txt .ico {
    display: none;
  }
  #ticket .reserve-inner .step-4 .data-list .left,
  #ticket .reserve-inner .step-4 .data-list .right {
    float: none;
    width: 100%;
  }
  #ticket .reserve-inner .step-btn .done-btn {
    display: block;
    margin: 0 auto 10px;
  }
}
@media (max-width: 639px) {
  #ticket .reserve-inner .step .right.done {
    display: none;
  }
}
@media (max-width: 479px) {
  #ticket .reserve-inner .step-4 .p-board {
    padding: 0;
    background: none;
    border-top: none;
  }
  #ticket .reserve-inner .step-4 .box {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
}
@media (max-width: 399px) {
  #ticket .reserve-inner .step-4 .data-list ul li {
    padding: 10px 5px 5px;
  }
  #ticket .reserve-inner .step-4 .data-list ul li .title {
    position: static;
    margin-bottom: 4px;
    color: #666;
  }
}


/* 會員專區 */
#member {
  background: #f3f8fb url('../images/member_bg.jpg') center 146px no-repeat;
}
#member .p-crumb a {
  color: #1b6db9;
  border-bottom: 1px solid rgba(27,109,185,.4);
}
#member .p-crumb a.home,
#member .p-crumb a:hover {
  border-bottom-color: transparent;
}
#member .member-ti .ico {
  float: left;
  width: 62px;
  margin-right: 4px;
}
#member .member-ti .txt {
  float: left;
  border-bottom: 1px solid #76a0bf;
}
#member .member-ti h2 {
  line-height: 36px;
  font-size: 1.875rem;
  color: #000;
}
#member .member-ti span {
  display: block;
  line-height: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #666;
  padding-bottom: 3px;
}
@media (max-width: 991px) {
  #member { background-position: center 111px; }
}
#member .log-box {
  max-width: 1040px;
  margin: 20px auto 150px;
}
#member .log-box .left {
  float: left;
  width: 390px;
}
#member .log-box .right {
  float: right;
  width: 620px;
}
#member .form .placeholder {
  position: relative;
  font-size: 0.9375rem;
  color: #333;
  margin-bottom: 8px;
}
#member .form .placeholder span {
  display: block;
  height: 40px;
  line-height: 40px;
  background: #fff;
  padding: 0 15px;
}
#member .form .placeholder.code span {
  width: calc(100% - 128px);
}
#member .form .placeholder input {
  display: block;
  position: absolute;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  background: transparent;
  top: 0;
  left: 0;
  outline: none;
  padding: 0 14px;
}
#member .form .placeholder.code input {
  width: calc(100% - 128px);
}
#member .form .placeholder input:focus {
  border-color: #008cd3;
  background: #fff;
}
#member .form .placeholder input.value {
  background: #fff;
}
#member .form .placeholder.code a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#member .form .check {
  display: block;
  line-height: 22px;
  font-size: 0.9375rem;
  margin: 10px 0;
}
#member .form .check input {
  margin: 0 4px 2px;
  vertical-align: middle;
}
#member .form .check a {
  color: #008cd3;
}
#member .form .check a:hover {
  color: #007bba;
}
#member .form .btn {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #008cd3;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
#member .form .btn:hover {
  background: #007bba;
}
#member .form .more {
  margin-top: 20px;
  text-align: center;
}
#member .form .more span {
  display: inline-block;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 0.9375rem;
  padding: 0 19px 0 18px;
}
#member .form .more span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #ccc;
  top: 4px;
  right: -3px;
}
#member .form .more span:last-child:after {
  display: none;
}
#member .form .more span a {
  color: #666;
}
#member .form .more span a:hover {
  color: #000;
}
#member .form .info {
  margin-top: 15px;
  line-height: 20px;
  font-size: 0.875rem;
  color: #666;
  background: url('../images/member_form_info.png') left top no-repeat;
  background-size: 20px 20px;
  padding-left: 26px;
}
.alert-box {
  max-width: 1000px;
  max-height: calc(100vh - 80px);
  background: #fff;
  padding: 20px;
  margin: auto;
}
.alert-box .content {
  max-height: calc(100vh - 120px);
}
.alert-box .mfp-close {
  position: fixed;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  top: 0;
}
@media (max-width: 1199px) {
  #member .log-box {
    margin-bottom: 50px;
  }
  #member .log-box .left { width: 300px; }
}
@media (max-width: 991px) {
  #member .log-box .left {
    float: none;
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
  #member .log-box .right {
    float: none;
    width: 100%;
    max-width: 620px;
    margin: 30px auto 0;
  }
}
/** 登入 **/
#member .login .head {
  height: 135px;
  background: url('../images/member_login_ti.png') no-repeat;
  background-size: cover;
  padding-top: 36px;
}
#member .login .head .title {
  line-height: 36px;
  font-size: 1.5rem;
  color: #0042a4;
}
#member .login .head p {
  line-height: 25px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #0b92e8;
}
#member .login a.fb-btn {
  display: block;
  height: 50px;
  line-height: 20px;
  font-size: 0.9375rem;
  color: #fff;
  padding: 15px;
  background: #3b5998;
  text-align: center;
}
#member .login a.fb-btn:hover {
  background: #2b4884;
}
#member .login a.fb-btn span {
  display: inline-block;
  width: 74px;
  height: 20px;
  font-size: 0;
  background: url('../images/member_login_fb.png') no-repeat;
  background-size: cover;
  vertical-align: top;
  margin: 0 2px;
}
#member .login .or {
  position: relative;
  height: 43px;
  margin: 25px 0;
}
#member .login .or:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bbb;
  top: 22px;
  left: 0;
}
#member .login .or span {
  display: block;
  position: relative;
  width: 43px;
  height: 43px;
  line-height: 39px;
  font-size: 0.9375rem;
  color: #666;
  text-align: center;
  border: 2px solid #bbb;
  border-radius: 100%;
  background: #fff;
  margin: auto;
}
@media (max-width: 1199px) {
  #member .login .head {
    height: 104px;
    padding-top: 21px;
    background-position: -15px center;
  }
}
/** 忘記密碼 **/
#member .forget .head {
  height: 135px;
  background: url('../images/member_forget_ti.png') bottom repeat-x;
  padding-top: 36px;
}
#member .forget .head .title {
  line-height: 36px;
  font-size: 1.5rem;
  color: #0042a4;
}
#member .forget .head p {
  line-height: 25px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #0b92e8;
}
#member .forget .step {
  margin-top: 25px;
  margin-bottom: 50px;
}
#member .forget .step li {
  display: inline-block;
  width: calc(33.333% - 3px);
  vertical-align: top;
}
#member .forget .step li div {
  line-height: 20px;
  font-size: 0.9375rem;
  color: #fff;
  background: #cecece;
  border-radius: 100px;
  padding: 8px 18px;
}
#member .forget .step li.current div {
  background: #f90;
}
#member .forget .step li div strong {
  display: block;
  line-height: 14px;
  font-size: 0.8125rem;
}
#member .forget .ok {
  line-height: 28px;
  font-size: 1.125rem;
  color: #000;
  text-align: center;
}
#member .forget .ok img {
  margin-bottom: 10px;
}
#member .forget .ok a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #008cd3;
  margin-top: 25px;
}
#member .forget .ok a:hover {
  background: #007bba;
}
@media (max-width: 1199px) {
  #member .forget .step {
    margin-bottom: 25px;
  }
  #member .forget .step li {
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
  }
}
/** 註冊選填 **/
#member .join-box {
  max-width: 960px;
  margin: 40px auto 80px;
}
#member .join-box .head {
  position: relative;
  background: url('../images/member_forget_ti.png') bottom repeat-x;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 30px;
}
#member .join-box .head:before {
  content: '';
  display: block;
  position: absolute;
  width: 115px;
  height: 100px;
  background: url('../images/member_join_head.png') no-repeat;
  top: 0;
  right: 30px;
}
#member .join-box .head strong {
  display: block;
  position: relative;
  line-height: 40px;
  font-size: 1.875rem;
  font-family: 'Century Gothic', 'PT Sans', Sans-serif;
  color: #0042a4;
}
#member .join-box .head p {
  position: relative;
  line-height: 24px;
  font-size: 0.9375rem;
  margin-top: 10px;
}
#member .join-box .head p a {
  color: #008cd3;
}
#member .join-box .head p a:hover {
  color: #007bba;
}
#member .join-form {
  margin-top: 30px;
}
#member .join-form .left {
  float: left;
  width: 32%;
}
#member .join-form .pic {
  position: relative;
  width: 260px;
  height: 276px;
  background: url('../images/member_join_thumbshadow.png') bottom no-repeat;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 16px;
}
#member .join-form .pic:before {
  content: '';
  display: block;
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 100%;
  top: 0;
  left: 0;
  background: rgba(4,169,224,1);
  background: -moz-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,169,224,1)), color-stop(100%, rgba(50,98,181,1)));
  background: -webkit-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -o-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -ms-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: linear-gradient(to bottom, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a9e0', endColorstr='#3262b5', GradientType=0 );
}
#member .join-form .pic:after {
  content: '';
  display: block;
  position: absolute;
  width: 240px;
  height: 240px;
  background: #fff;
  border-radius: 100%;
  top: 10px;
  left: 10px;
}
#member .join-form .pic img {
  display: block;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
  border-radius: 100%;
  margin: auto;
}
#member .join-form .right {
  float: right;
  width: 68%;
}
#member .join-form .form-group {
  margin-bottom: 10px;
}
#member .join-form .form-group .item {
  float: left;
  width: 95px;
  height: 40px;
  line-height: 40px;
  font-size: 0.9375rem;
}
#member .join-form .form-group .input {
  float: right;
  width: calc(100% - 95px);
  line-height: 40px;
  font-size: 0.9375rem;
}
#member .join-form .form-group .input input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 14px;
}
#member .join-form .form-group .input input:focus {
  border-color: #008cd3;
}
#member .join-form .form-group .input label {
  margin-right: 20px;
}
#member .join-form .form-group .input label input {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 5px;
}
#member .join-form .form-group .input select {
  height: 40px;
  border: 1px solid #ccc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  padding: 0 38px 0 14px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#member .join-form .form-group .input select::-ms-expand {
  display: none;
}
#member .join-form .form-group .input select:focus {
  border-color: #008cd3;
}
#member .join-form .form-group .input .img-upload-name {
  float: left;
  width: calc(100% - 140px);
  height: 40px;
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#member .join-form .form-group .input .img-upload-name.uploaded {
  color: #333;
}
#member .join-form .form-group .input .img-upload-btn {
  float: right;
  position: relative;
  width: 140px;
  height: 40px;
  color: #fff;
  background: #ccc;
  text-align: center;
  margin: 0;
  cursor: pointer;
}
#member .join-form .form-group .input .img-upload-btn:hover {
  background: #aaa;
}
#member .join-form .form-group .input .img-upload-btn input {
  display: none;
}
#member .join-form .form-btn {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
#member .join-form .form-btn .submit {
  display: inline-block;
  width: 170px;
  height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  background: #008cd3;
}
#member .join-form .form-btn .submit:hover {
  background: #007bba;
}
#member .join-form .form-btn .enter {
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  margin-left: 6px;
}
#member .join-form .form-btn .enter:hover {
  background: #f70;
}
@media (max-width: 991px) {
  #member .join-form .left {
    width: 240px;
  }
  #member .join-form .right {
    width: calc(100% - 270px);
  }
}
@media (max-width: 767px) {
  #member .join-form .left {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
  #member .join-form .right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #member .join-form .form-group .item {
    float: none;
    height: 30px;
    line-height: 30px;
  }
  #member .join-form .form-group .input {
    float: none;
    width: 100%;
  }
  #member .join-form .form-group .input input,
  #member .join-form .form-group .input .img-upload-name {
    padding: 0 9px;
  }
  #member .join-form .form-group .input select {
    padding: 0 33px 0 9px;
  }
  #member .join-form .form-group .input .img-upload-name {
    width: calc(100% - 90px);
  }
  #member .join-form .form-group .input .img-upload-btn {
    width: 90px;
  }
  #member .join-form .form-btn .submit,
  #member .join-form .form-btn .enter {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
}

/* 會員主頁 */
#member .main {
  margin-top: 25px;
  margin-bottom: 80px;
}
#member .main .menu {
  float: left;
  width: 230px;
  margin-left: 10px;
}
#member .main .menu .head {
  position: relative;
  z-index: 2;
  height: 290px;
  background: url('../images/member_menu_bg.png') no-repeat;
  padding-top: 17px;
}
#member .main .menu .head .thumb {
  position: relative;
  width: 160px;
  height: 160px;
  background: #fff;
  border-radius: 100%;
  margin: auto;
  padding: 10px;
}
#member .main .menu .head .thumb img {
  border-radius: 100%;
}
#member .main .menu .head .thumb a {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1rem;
  color: #3d9ee6;
  background: #fff;
  border-radius: 100%;
  text-align: center;
  right: 10px;
  bottom: 0;
}
#member .main .menu .head .thumb a:hover {
  color: #fff;
  background: #3d9ee6;
}
#member .main .menu .head .tel {
  line-height: 24px;
  font-size: 0.875rem;
  color: #002954;
  text-align: center;
  margin-top: 10px;
}
#member .main .menu .head .tel span {
  display: block;
  color: #fff;
}
#member .main .menu .head .btn-box {
  margin-top: 8px;
  text-align: center;
}
#member .main .menu .head .btn-box a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0 12px;
}
#member .main .menu .head .btn-box a.back { background: #ffa92e; }
#member .main .menu .head .btn-box a.logout { background: #0852a0; }
#member .main .menu .head .btn-box a.back:hover { background: #ee9516; }
#member .main .menu .head .btn-box a.logout:hover { background: #004287; }
#member .main .menu .info {
  position: relative;
  border: 2px solid #3d9ee6;
  background: #fff;
  border-radius: 5px;
  margin-top: -10px;
  padding: 13px;
}
#member .main .menu .info .detail li {
  position: relative;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #0852a0;
  border-bottom: 1px solid #ddd;
  padding: 8px 4px 8px 22px;
}
#member .main .menu .info .detail li:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0852a0;
  border-right: 2px solid #0852a0;
  top: 16px;
  left: 4px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#member .main .menu .info .detail li.mb,
#member .main .menu .info .detail li.tab {
  display: none;
}
#member .main .menu .info .detail li a {
  color: #0852a0;
}
#member .main .menu .info .detail li a:hover {
  color: #004185;
}
#member .main .menu .info .detail li .qr-box {
  margin-left: -22px;
  margin-right: -4px;
  text-align: center;
  display: none;
}
#member .main .menu .info .qrcode {
  width: 140px;
  margin: 10px auto 0;
}
#member .main .menu .info .qrcode span {
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 0.9375rem;
  background: #ffd62c;
  border-radius: 32px;
  text-align: center;
}
#member .main .content {
  float: right;
  width: calc(100% - 270px);
}
#member .main h3.ti {
  position: relative;
  line-height: 30px;
  font-size: 1.25rem;
  color: #0f66b6;
  border-bottom: 1px solid #82adce;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-top: 4px;
  padding-left: 45px;
  padding-bottom: 10px;
}
@media (min-width: 544px) {
  @media (max-width: 991px) {
    #member .main .menu {
      float: none;
      width: calc(100% - 20px);
    }
    #member .main .menu .head {
      float: left;
      width: 230px;
      height: 330px;
      background: url('../images/member_menu_bg1.png') no-repeat;
    }
    #member .main .menu .info {
      float: right;
      width: calc(100% - 220px);
      height: 330px;
      margin-top: 0;
      margin-left: -10px;
      padding: 8px 13px;
    }
    #member .main .menu .info .qrcode {
      position: relative;
      width: 100%;
      margin-top: 10px;
      padding-left: 140px;
    }
    #member .main .menu .info .qrcode span {
      position: absolute;
      width: 120px;
      top: 0;
      left: 0;
    }
    #member .main .menu .info .detail li.pc {
      display: none;
    }
    #member .main .menu .info .detail li.tab {
      display: block;
    }
    #member .main .content {
      float: none;
      width: 100%;
      margin-top: 30px;
    }
  }
  @media (max-width: 639px) {
    #member .main .menu .info .qrcode {
      padding-left: 0;
    }
    #member .main .menu .info .qrcode span {
      display: none;
    }
  }
}
@media (max-width: 543px) {
  #member .main .menu {
    float: none;
    width: 100%;
    margin: auto;
  }
  #member .main .menu .head {
    height: auto;
    background: #3d9ee6;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 110px;
    padding-bottom: 10px;
  }
  #member .main .menu .head .thumb {
    position: absolute;
    width: 86px;
    height: 86px;
    padding: 3px;
    top: 10px;
    left: 10px;
  }
  #member .main .menu .head .thumb img {
    width: 80px;
    height: 80px;
  }
  #member .main .menu .head .thumb a {
    right: 0;
    bottom: 0;
  }
  #member .main .menu .head .tel {
    margin-top: 0;
    text-align: left;
  }
  #member .main .menu .head .btn-box {
    text-align: left;
  }
  #member .main .menu .info {
    padding: 13px 10px 10px;
  }
  #member .main .menu .info .detail li {
    padding: 4px 4px 4px 22px;
  }
  #member .main .menu .info .detail li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  #member .main .menu .info .detail li:before {
    top: 12px;
  }
  #member .main .menu .info .detail li.pc {
    display: none;
  }
  #member .main .menu .info .detail li.mb,
  #member .main .menu .info .detail li.tab {
    display: block;
  }
  #member .main .menu .info .qrcode {
    display: none;
  }
  #member .main .content {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

/** 功能列表 **/
#member .main .index h3.ti {
  background-image: url('../images/member_mainti_index.png');
}
#member .main .index .index-list {
  position: relative;
  margin-top: 40px;
}
#member .main .index .index-list .item {
  float: left;
  position: relative;
  width: 33.333%;
  margin-bottom: 15px;
}
#member .main .index .index-list .item:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 43px;
  background: url('../images/member_index_roadbg.jpg') repeat-x;
  left: 50%;
  top: 85px;
}
#member .main .index .index-list .item:nth-child(3):before {
  width: 50%;
  height: 210px;
  background: url('../images/member_index_roadcurve.png') right center no-repeat;
}
#member .main .index .index-list .item:nth-child(4):before {
  width: 50%;
  height: 210px;
  background: url('../images/member_index_roadcurve.png') right center no-repeat;
  left: 0;
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
#member .main .index .index-list .item:nth-child(5):before,
#member .main .index .index-list .item:nth-child(6):before {
  left: -50%;
}
#member .main .index .index-list .item:nth-child(9):before {
  display: none;
}
#member .main .index .index-list .item a {
  display: block;
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  box-shadow: 0 4px 0 rgba(0,0,0,.2);
  margin: auto;
}
#member .main .index .index-list .item a:active {
  box-shadow: 0 2px 0 rgba(0,0,0,.2);
}
#member .main .index .index-list .item.item-1 a { background: #0d6c9c; }
#member .main .index .index-list .item.item-2 a { background: #ad5959; }
#member .main .index .index-list .item.item-3 a { background: #b07800; }
#member .main .index .index-list .item.item-4 a { background: #227560; }
#member .main .index .index-list .item.item-5 a { background: #87684b; }
#member .main .index .index-list .item.item-6 a { background: #930000; }
#member .main .index .index-list .item.item-7 a { background: #401880; }
#member .main .index .index-list .item.item-8 a { background: #35691e; }
#member .main .index .index-list .item.item-9 a { background: #751f55; }
#member .main .index .index-list .item a > div {
  height: 146px;
  border-radius: 150px;
  overflow: hidden;
}
#member .main .index .index-list .item a > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.15);
  background: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.15)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
#member .main .index .index-list .item a:active > div { height: 148px; }
#member .main .index .index-list .item.item-1 a > div { background: #23a7e9; }
#member .main .index .index-list .item.item-2 a > div { background: #f98a8a; }
#member .main .index .index-list .item.item-3 a > div { background: #fcb10f; }
#member .main .index .index-list .item.item-4 a > div { background: #44b296; }
#member .main .index .index-list .item.item-5 a > div { background: #cda179; }
#member .main .index .index-list .item.item-6 a > div { background: #d91010; }
#member .main .index .index-list .item.item-7 a > div { background: #6733be; }
#member .main .index .index-list .item.item-8 a > div { background: #549f2e; }
#member .main .index .index-list .item.item-9 a > div { background: #b43b88; }
#member .main .index .index-list .item a > div > div {
  position: relative;
  text-align: center;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  perspective: 1000px;
  -moz-perspective: 1000px;
  -webkit-perspective: 1000px;
}
#member .main .index .index-list .item a > div > div img {
  opacity: .85;
  transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .index .index-list .item a:hover > div > div img {
  width: 99px;
  height: 78px;
  opacity: 1;
  transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}
#member .main .index .index-list div[class^="ico-"] {
  position: absolute;
}
#member .main .index .index-list .ico-1 { top: 48px; left: 238px; }
#member .main .index .index-list .ico-2 { top: 202px; left: 223px; }
#member .main .index .index-list .ico-3 { top: 186px; left: 535px; }
#member .main .index .index-list .ico-4 { top: 325px; left: 251px; }
#member .main .index .index-list .ico-5 { top: 367px; left: 575px; }
@media (max-width: 1199px) {
  #member .main .index .index-list .ico-1 { left: 180px; }
  #member .main .index .index-list .ico-2 { left: 184px; }
  #member .main .index .index-list .ico-3 { left: 394px; }
  #member .main .index .index-list .ico-4 { left: 180px; }
  #member .main .index .index-list .ico-5 { left: 410px; }
}
@media (max-width: 991px) {
  #member .main .index .index-list .ico-1 { left: 200px; }
  #member .main .index .index-list .ico-2 { left: 204px; }
  #member .main .index .index-list .ico-3 { left: 424px; }
  #member .main .index .index-list .ico-4 { left: 200px; }
  #member .main .index .index-list .ico-5 { left: 440px; }
}
@media (max-width: 767px) {
  #member .main .index .index-list div[class^="ico-"] { display: none; }
}
@media (max-width: 639px) {
  #member .main .index .index-list {
    margin-top: 20px;
  }
  #member .main .index .index-list .item {
    width: 100%;
    margin-bottom: 10px;
  }
  #member .main .index .index-list .item:before {
    display: none;
  }
  /*#member .main .index .index-list .item:before {
    width: 40px;
    height: 22px;
    top: 40px;
    transform-origin: left center;
    -ms-transform-origin: left center;
    -moz-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #member .main .index .index-list .item:nth-child(3):before {
    width: 40px;
    height: 22px;
    background: url('../images/member_index_roadbg.jpg') repeat-x;
    background-size: 7px 22px;
  }
  #member .main .index .index-list .item:nth-child(4):before {
    width: 40px;
    height: 22px;
    background: url('../images/member_index_roadbg.jpg') repeat-x;
    background-size: 7px 22px;
    left: 50%;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #member .main .index .index-list .item:nth-child(5):before,
  #member .main .index .index-list .item:nth-child(6):before {
    left: 50%;
  }*/
  #member .main .index .index-list .item a {
    width: 100%;
    height: 73px;
    border-radius: 5px;
  }
  #member .main .index .index-list .item a > div {
    width: 100%;
    height: 70px;
    border-radius: 5px;
  }
  #member .main .index .index-list .item a > div:before {
    width: 86px;
  }
  #member .main .index .index-list .item a > div > div {
    height: 70px;
    top: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  #member .main .index .index-list .item a:active > div,
  #member .main .index .index-list .item a:active > div > div {
    height: 72px;
  }
  #member .main .index .index-list .item a > div > div img {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  #member .main .index .index-list .item a:hover > div > div img {
    width: 76px;
    height: 60px;
  }
  #member .main .index .index-list .item a:active > div > div img {
    top: 6px;
  }
  #member .main .index .index-list .item a > div > div h4 {
    position: relative;
    padding-left: 96px;
    padding-right: 5px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  #member .main .index .index-list .item a > div > div h4 br {
    display: none;
  }
}
/** QRCODE帳號管理 **/
#member .main .qrcode h3.ti {
  color: #169de2;
  background-image: url('../images/member_mainti_qrcode.png');
}
#member .main .qrcode .item {
  padding: 30px 0;
}
#member .main .qrcode .item + .item {
  border-top: 1px dashed #6fbee6;
}
#member .main .qrcode .item .left {
  float: left;
  width: 160px;
  margin-right: 25px;
}
#member .main .qrcode .item .right {
  overflow: hidden;
}
#member .main .qrcode .item .item-info {
  display: inline-block;
  position: relative;
  width: calc(50% - 15px);
  border-bottom: 1px solid rgba(255,255,255,.75);
  padding: 10px 5px;
  vertical-align: top;
  margin-right: 10%
}
#member .main .qrcode .item .item-info:nth-child(even) {


}
#member .main .qrcode .item .item-info:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0,0,0,.15);
  left: 0;
  bottom: 0;
}
#member .main .qrcode .item .item-info dt {
  float: left;
  width: 120px;
  line-height: 24px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #003771;
}
#member .main .qrcode .item .item-info dd {
  float: right;
  width: calc(100% - 120px);
  line-height: 24px;
  font-size: 0.9375rem;
}
#member .main .qrcode .item .item-info span.pay-switch {
  display: block;
  width: 80px;
  height: 30px;
  background-image: url('../images/qrcode_situ.png');
  background-size: 160px 30px;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -3px;
  margin-bottom: -3px;
}
#member .main .qrcode .item .item-info span.pay-switch.off {
  background-position: left top;
}
#member .main .qrcode .item .item-info span.pay-switch.on {
  background-position: right top;
}
#member .main .qrcode .item a.unlock {
  display: block;
  width: 170px;
  height: 46px;
  line-height: 46px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  margin: 15px 0 0 5px;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#member .main .qrcode .item a.unlock:hover {
  background: #f60;
}
@media (max-width: 1199px) {
  #member .main .qrcode .item .item-info {
    width: 100%;
    margin-left: 0 !important;
  }
}
@media (max-width: 543px) {
  #member .main .qrcode .item .left {
    float: none;
    margin: 0 0 10px;
  }
}
/** 個人資料維護 **/
#member .main .profile h3.ti {
  /* color: #a72b7a; */
  background-image: url('../images/member_mainti_profile.png');
}
#member .main .profile form {
  margin-top: 20px;
}
#member .main .profile .left {
  float: left;
  width: 225px;
  padding-top: 20px;
  margin-left: 10px;
}
#member .main .profile .left .pic {
  position: relative;
  background: url('../images/member_join_thumbshadow.png') bottom no-repeat;
  background-size: 100% 40px;
  padding-top: 8px;
  padding-bottom: 20px;
}
#member .main .profile .left .pic:before {
  content: '';
  display: block;
  position: absolute;
  width: 225px;
  height: 225px;
  top: 0;
  left: 0;
  border-radius: 100%;
  background: rgba(4,169,224,1);
  background: -moz-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,169,224,1)), color-stop(100%, rgba(50,98,181,1)));
  background: -webkit-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -o-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: -ms-linear-gradient(top, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  background: linear-gradient(to bottom, rgba(4,169,224,1) 0%, rgba(50,98,181,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a9e0', endColorstr='#3262b5', GradientType=0 );
}
#member .main .profile .left .pic:after {
  content: '';
  display: block;
  position: absolute;
  width: 209px;
  height: 209px;
  background: #fff;
  border-radius: 100%;
  top: 8px;
  left: 8px;
}
#member .main .profile .left .pic img {
  display: block;
  position: relative;
  z-index: 2;
  width: 209px;
  height: 209px;
  border: 6px solid #fff;
  border-radius: 100%;
  margin: auto;
}
#member .main .profile .left .img-upload {
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  font-size: 0.875rem;
  color: #074386;
  text-align: center;
  cursor: pointer;
  margin: 10px auto 0;
}
#member .main .profile .left .img-upload:hover {
  color: #3d9ee6;
}
#member .main .profile .left .img-upload input {
  display: none;
}
#member .main .profile .left .img-upload i {
  margin-right: 4px;
}
#member .main .profile .right {
  float: right;
  width: calc(100% - 265px);
}
#member .main .profile .form-group {
  position: relative;
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  margin: 0;
}
#member .main .profile .form-group:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #c4ced3;
  left: 0;
  bottom: 0;
}
#member .main .profile .form-group .item {
  float: left;
  width: 120px;
  line-height: 36px;
  font-size: 0.9375rem;
  color: #003771;
  padding: 6px 10px;
}
#member .main .profile .form-group .input {
  float: right;
  width: calc(100% - 120px);
}
#member .main .profile .form-group .input .display,
#member .main .profile .form-group .input .edit {
  position: relative;
  padding: 6px 80px 6px 0;
}
#member .main .profile .form-group .input .edit {
  display: none;
}
#member .main .profile .form-group .input .display span {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#member .main .profile .form-group .input .edit input {
  display: block;
  width: 100%;
  height: 36px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 9px;
}
#member .main .profile .form-group .input .edit input:focus {
  border-color: #008cd3;
}
#member .main .profile .form-group .input .edit select {
  height: 36px;
  border: 1px solid #ccc;
  background: #fff url('../images/member_join_select.jpg') right center no-repeat;
  background-size: 22px 8px;
  padding: 0 33px 0 9px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#member .main .profile .form-group .input .edit select::-ms-expand {
  display: none;
}
#member .main .profile .form-group .input .edit select:focus {
  border-color: #008cd3;
}
#member .main .profile .form-group .input .edit label {
  height: 36px;
  line-height: 36px;
  margin-right: 20px;
}
#member .main .profile .form-group .input .edit label input {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 7px;
}
#member .main .profile .form-group .input .display button,
#member .main .profile .form-group .input .edit button {
  display: block;
  position: absolute;
  width: 60px;
  height: 36px;
  font-size: 0.9375rem;
  color: #7c8b92;
  border: 1px solid #b1bec4;
  background: #fff;
  top: 6px;
  right: 10px;
}
#member .main .profile .form-group .input .display button:hover,
#member .main .profile .form-group .input .edit button:hover {
  color: #fff;
  background: #b1bec4;
}
#member .main .profile .form-group .input .display button i,
#member .main .profile .form-group .input .edit button i {
  margin-right: 2px;
}
@media (max-width: 1199px) {
  #member .main .profile .left {
    width: 200px;
    margin-left: 0;
  }
  #member .main .profile .left .pic {
    padding-top: 6px;
  }
  #member .main .profile .left .pic:before {
    width: 200px;
    height: 200px;
  }
  #member .main .profile .left .pic:after {
    width: 188px;
    height: 188px;
    top: 6px;
    left: 6px;
  }
  #member .main .profile .left .pic img {
    width: 188px;
    height: 188px;
    border-width: 5px;
  }
  #member .main .profile .right {
    width: calc(100% - 220px);
  }
  #member .main .profile .form-group .item {
    width: 100px;
  }
  #member .main .profile .form-group .input {
    width: calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  #member .main .profile .left {
    float: none;
    width: 225px;
    margin: auto;
  }
  #member .main .profile .left .pic {
    padding-top: 8px;
  }
  #member .main .profile .left .pic:before {
    width: 225px;
    height: 225px;
  }
  #member .main .profile .left .pic:after {
    width: 209px;
    height: 209px;
    top: 8px;
    left: 8px;
  }
  #member .main .profile .left .pic img {
    width: 209px;
    height: 209px;
    border-width: 6px;
  }
  #member .main .profile .right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 543px) {
  #member .main .profile .form-group .item {
    float: none;
    padding: 6px 10px 0;
  }
  #member .main .profile .form-group .input {
    float: none;
    width: 100%;
    padding-left: 10px;
  }
}

/** 我的好友 **/
#member .main .friends {
  position: relative;
}
#member .main .friends h3.ti {
  color: #126a0b;
  background-image: url('../images/member_mainti_friends.png');
}
#member .main .friends .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
#member .main .friends .dropdown .btn {
  position: relative;
  width: 110px;
  height: 36px;
  padding: 0 10px;
  text-align: left;
}
#member .main .friends .dropdown .btn:hover,
#member .main .friends .dropdown .btn:active,
#member .main .friends .dropdown .btn:focus {
  background: #f5f5f5;
  box-shadow: none;
}
#member .main .friends .dropdown .btn i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#member .main .friends .dropdown .dropdown-menu {
  width: 110px;
  min-width: auto;
  margin-top: 0;
  padding: 0;
}
#member .main .friends .dropdown .dropdown-menu > li > a {
  padding: 8px 10px;
}
#member .main .friends .dropdown .dropdown-menu > li > a:hover,
#member .main .friends .dropdown .dropdown-menu > li.current > a {
  color: #fff;
  background: #4c962b;
}
@media (min-width: 768px) {
  #member .main .friends .dropdown .btn {
    display: none;
  }
  #member .main .friends .dropdown .dropdown-menu {
    display: block !important;
    position: static;
    width: auto;
    border: none;
    background: none;
    box-shadow: none;
  }
  #member .main .friends .dropdown .dropdown-menu > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
  }
  #member .main .friends .dropdown .dropdown-menu > li > a {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 36px;
    padding: 0;
    text-align: center;
  }
}
#member .main .friends .search {
  background: url('../images/member_friends_searchico.png') left center no-repeat;
  padding: 18px 0 18px 120px;
  margin-top: 30px;
}
#member .main .friends .search input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff url('../images/member_friends_search.png') left center no-repeat;
  background-size: 39px 38px;
  padding: 0 14px 0 38px;
}
#member .main .friends .search input:focus {
  border-color: #008cd3;
}
#member .main .friends .list {
  margin-top: 20px;
}
#member .main .friends .list .title {
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  color: #fff;
  background: #4c962b;
  padding: 0 15px;
}
#member .main .friends .list .item {
  position: relative;
  height: 92px;
  padding: 10px 10px 11px;
  border-bottom: 1px solid #fff;
}
#member .main .friends .list .item:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #cbd1d5;
  left: 0;
  bottom: 0;
}
#member .main .friends .list .item img {
  display: block;
  float: left;
}
#member .main .friends .list .item .name {
  position: relative;
  float: left;
  width: calc(100% - 170px);
  line-height: 24px;
  font-size: 0.9375rem;
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#member .main .friends .list .item .name.name-2 {
  width: calc(100% - 279px);
}
#member .main .friends .list .item .name.name-3 {
  width: calc(100% - 110px);
}
#member .main .friends .list .item:hover .name {
  color: #286e09;
}
#member .main .friends .list .item .btn-box {
  float: right;
  margin-top: 19px;
}
#member .main .friends .list .item .btn-box a {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 0.875rem;
  color: #77797a;
  border: 1px solid #b2b4b6;
  background: #fff;
  text-align: center;
  vertical-align: top;
}
#member .main .friends .list .item .btn-box a:hover {
  color: #1b6db9;
  border-color: #85aed3;
}
#member .main .friends .list .item .btn-box a + a {
  margin-left: 4px;
}
#member .main .friends .list .item .btn-box a i {
  margin-right: 4px;
}
#member .main .friends .list .item .labelbox {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 25px;
  margin-right: 20px;
  cursor: pointer;
}
#member .main .friends .list .item .labelbox input {
  display: none;
}
#member .main .friends .list .item .labelbox input + span {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  background: #9a9ea0;
  border-radius: 100%;
}
#member .main .friends .list .item .labelbox input + span:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 4px;
  left: 6.5px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#member .main .friends .list .item .labelbox input:checked + span {
  background: #4c962b;
}
#member .main .friends .btn-box {
  margin-top: 40px;
  text-align: right;
}
#member .main .friends .btn-box .cancel,
#member .main .friends .btn-box .submit {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  border: none;
  text-align: center;
  outline: none;
  margin-left: 2px;
}
#member .main .friends .btn-box .cancel {
  background: #666;
}
#member .main .friends .btn-box .cancel:hover {
  background: #555;
}
#member .main .friends .btn-box .submit {
  background: #008cd3;
}
#member .main .friends .btn-box .submit:hover {
  background: #007bba;
}
#member .main .friends .add {
  width: 100%;
  max-width: 390px;
  margin: 30px auto;
}
#member .main .friends .add img {
  display: block;
  border-radius: 100%;
  margin: auto;
}
#member .main .friends .add .name {
  line-height: 26px;
  font-size: 1rem;
  text-align: center;
  margin: 15px 0;
}
#member .main .friends .add .add-btn {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 0.9375rem;
  color: #fff;
  background: #4c962b;
  text-align: center;
}
#member .main .friends .add .add-btn:hover {
  background: #3c831d;
}
#member .main .friends .add-group {
  background: url('../images/member_group_addico.png') left center no-repeat;
  padding: 20px 0 20px 120px;
  margin-top: 30px;
}
#member .main .friends .add-group input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: #fff;
  background-size: 39px 38px;
  padding: 0 14px;
}
#member .main .friends .add-group input:focus {
  border-color: #008cd3;
}
#member .main .friends .add.result {
  display: none;
}
@media (max-width: 543px) {
  #member .main .friends .list .item {
    height: auto;
    padding-bottom: 48px;
  }
  #member .main .friends .list .item.group {
    padding-bottom: 0;
  }
  #member .main .friends .list .item .name {
    width: calc(100% - 70px) !important;
    top: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  #member .main .friends .list .item.group .name.name-3 {
    width: calc(100% - 102px) !important;
  }
  #member .main .friends .list .item .btn-box {
    float: none;
    position: absolute;
    left: 10px;
    bottom: 11px;
    margin-top: 0;
  }
  #member .main .friends .list .item .labelbox {
    width: 32px;
    height: 32px;
    margin-top: 0;
    margin-right: 0;
  }
  #member .main .friends .list .item .labelbox input + span {
    width: 32px;
    height: 32px;
  }
  #member .main .friends .list .item .labelbox input + span:after {
    width: 10px;
    height: 16px;
    top: 6px;
    left: 11px;
  }
  #member .main .friends .btn-box .cancel,
  #member .main .friends .btn-box .submit {
    width: calc(50% - 2.5px);
    margin-left: 0;
  }
}
/** 好友內頁 **/
#member .main .friends .tickets .head,
#member .main .friends .detail .head {
  height: 90px;
  padding: 10px 5px;
}
#member .main .friends .tickets .head img,
#member .main .friends .detail .head img {
  display: block;
  float: left;
}
#member .main .friends .tickets .head .name,
#member .main .friends .detail .head .name {
  float: right;
  position: relative;
  width: calc(100% - 70px);
  line-height: 24px;
  font-size: 1rem;
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#member .main .friends .tickets .tab,
#member .main .friends .detail .tab {
  border-top: 1px solid #000;
}
#member .main .friends .tickets .tab a,
#member .main .friends .detail .tab a {
  display: block;
  float: left;
  width: 50%;
  height: 46px;
  line-height: 46px;
  font-size: 1rem;
  color: rgba(255,255,255,.6);
  background: #4c962b;
  text-align: center;
}
#member .main .friends .tickets .tab a:hover,
#member .main .friends .detail .tab a:hover {
  color: #f0ff9e;
}
#member .main .friends .tickets .tab a.current,
#member .main .friends .detail .tab a.current {
  color: #f0ff9e;
  background: #377f17;
}
#member .main .friends .tickets .ticket-list,
#member .main .friends .detail .detail-list {
  margin-top: 15px;
}
#member .main .friends .detail .detail-list {
  border-top: 1px solid #4c962b;
}
#member .main .friends .tickets .ticket-list .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #c5ced3;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .friends .tickets .ticket-list.open .title {
  border-bottom-color: #4c962b;
}
#member .main .friends .tickets .ticket-list .title span {
  display: inline-block;
  position: relative;
  height: 32px;
  line-height: 32px;
  font-size: 1rem;
  padding-right: 30px;
  vertical-align: top;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .friends .tickets .ticket-list.open .title span {
  color: #4c962b;
}
#member .main .friends .tickets .ticket-list .title span a.switch {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: url('../images/member_ticket_switch.png') no-repeat;
  background-size: 22px 22px;
  top: 5px;
  right: 0;
  transition: all .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: all .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: all .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: all .3s cubic-bezier(0,.4,.4,1);
}
#member .main .friends .tickets .ticket-list.open .title span a.switch {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#member .main .friends .tickets .ticket-list .list-content {
  display: none;
}
#member .main .friends .tickets .ticket-list .list-head {
  background: #fff;
  padding: 11px 0;
}
#member .main .friends .tickets .ticket-list .list-head span {
  display: block;
  float: left;
  position: relative;
  width: calc(100% - 390px);
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #000;
  text-align: center;
}
#member .main .friends .tickets .ticket-list .list-head span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
  top: 5px;
  right: 0;
}
#member .main .friends .tickets .ticket-list .list-head span:last-child:after {
  display: none;
}
#member .main .friends .tickets .ticket-list .list-head span + span {
  width: 130px;
}
#member .main .friends .tickets .ticket-list .list-item {
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}
#member .main .friends .tickets .ticket-list .list-item span {
  display: block;
  float: left;
  width: calc(100% - 390px);
  line-height: 22px;
  font-size: 0.875rem;
  padding: 2px 5px;
}
#member .main .friends .tickets .ticket-list .list-item span + span {
  width: 130px;
  text-align: center;
}
@media (max-width: 639px) {
  #member .main .friends .tickets .ticket-list .list-head {
    display: none;
  }
  #member .main .friends .tickets .ticket-list .list-item span {
    float: none;
    position: relative;
    width: 100% !important;
    padding-left: 80px;
    text-align: left !important;
  }
  #member .main .friends .tickets .ticket-list .list-item span:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
  }
}
#member .main .friends .detail .detail-list .list-head {
  background: #fff;
  padding: 11px 0;
}
#member .main .friends .detail .detail-list .list-head span {
  display: block;
  float: left;
  position: relative;
  width: 130px;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #000;
  text-align: center;
}
#member .main .friends .detail .detail-list .list-head span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
  top: 5px;
  right: 0;
}
#member .main .friends .detail .detail-list .list-head span:last-child:after {
  display: none;
}
#member .main .friends .detail .detail-list .list-head span:nth-child(3) {
  width: calc(100% - 460px);
}
#member .main .friends .detail .detail-list .list-head span:nth-child(2),
#member .main .friends .detail .detail-list .list-head span:nth-child(5) {
  width: 100px;
}
#member .main .friends .detail .detail-list .list-item {
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}
#member .main .friends .detail .detail-list .list-item-nopadding {
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}
#member .main .friends .detail .detail-list .list-item span {
  display: block;
  float: left;
  width: 130px;
  line-height: 22px;
  font-size: 0.875rem;
  padding: 2px 5px;
  text-align: center;
}
#member .main .friends .detail .detail-list .list-item-nopadding span {
  display: block;
  float: left;
  width: 130px;
  line-height: 22px;
  font-size: 0.875rem;
  text-align: center;
}
#member .main .friends .detail .detail-list .list-item span:nth-child(3) {
  width: calc(100% - 460px);
}
#member .main .friends .detail .detail-list .list-item span:nth-child(2),
#member .main .friends .detail .detail-list .list-item span:nth-child(5) {
  width: 100px;
}
@media (max-width: 639px) {
  #member .main .friends .detail .detail-list .list-head {
    display: none;
  }
  #member .main .friends .detail .detail-list .list-item span {
    float: none;
    position: relative;
    width: 100% !important;
    padding-left: 110px;
    text-align: left !important;
  }
  #member .main .friends .detail .detail-list .list-item-nopadding span {
    float: none;
    position: relative;
    width: 100% !important;
    padding-left: 110px;
    text-align: left !important;
  }
  #member .main .friends .detail .detail-list .list-item span:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
  }
  #member .main .friends .detail .detail-list .list-item-nopadding span:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
  }
}
/** 我的票券 **/
#member .main .ticket {
  position: relative;
}
#member .main .ticket h3.ti {
  color: #cd5aa3;
  background-image: url('../images/member_mainti_ticket.png');
}
#member .main .ticket .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
#member .main .ticket .dropdown .btn {
  position: relative;
  width: 110px;
  height: 36px;
  padding: 0 10px;
  text-align: left;
}
#member .main .ticket .dropdown .btn:hover,
#member .main .ticket .dropdown .btn:active,
#member .main .ticket .dropdown .btn:focus {
  background: #f5f5f5;
  box-shadow: none;
}
#member .main .ticket .dropdown .btn i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#member .main .ticket .dropdown .dropdown-menu {
  width: 110px;
  min-width: auto;
  margin-top: 0;
  padding: 0;
}
#member .main .ticket .dropdown .dropdown-menu > li > a {
  padding: 8px 10px;
}
#member .main .ticket .dropdown .dropdown-menu > li > a:hover,
#member .main .ticket .dropdown .dropdown-menu > li.current > a {
  color: #fff;
  background: #cd5aa3;
}
@media (max-width: 639px) {
  #member .main .ticket h3.ti {
    border-bottom: none;
  }
  #member .main .ticket .dropdown {
    text-align: right;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #82adce;
  }
  #member .main .ticket .dropdown .dropdown-menu {
    top: 36px;
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  #member .main .ticket .dropdown .btn {
    display: none;
  }
  #member .main .ticket .dropdown .dropdown-menu {
    display: block !important;
    position: static;
    width: auto;
    border: none;
    background: none;
    box-shadow: none;
  }
  #member .main .ticket .dropdown .dropdown-menu > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
  }
  #member .main .ticket .dropdown .dropdown-menu > li > a {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 36px;
    padding: 0;
    text-align: center;
  }
}
#member .main .ticket .list {
  margin-top: 1px;
}
#member .main .ticket .list .head {
  background: #cd5aa3;
  padding: 11px 0;
}
#member .main .ticket .list .head > div {
  float: left;
  position: relative;
  width: 15%;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
#member .main .ticket .list .head > div:nth-child(1) {
  width: 35%;
}
#member .main .ticket .list .head > div:nth-child(2) {
  width: 20%;
}
#member .main .ticket .list .head > div:before,
#member .main .ticket .list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  top: 5px;
}
#member .main .ticket .list .head > div:before {
  left: 0;
  background: #a44882;
}
#member .main .ticket .list .head > div:after {
  right: 0;
  background: #d77bb5;
}
#member .main .ticket .list .head > div:first-child:before,
#member .main .ticket .list .head > div:last-child:after {
  display: none;
}
#member .main .ticket .list .item {
  display: flex;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#member .main .ticket .list .item > div {
  display: table-cell;
  width: 15%;
  /*height: 110px;*/
  line-height: 22px;
  font-size: 0.875rem;
  color: #555;
  text-align: center;
  padding: 5px;
  vertical-align: middle;
}
#member .main .ticket .list .item:hover > div {
  color: #cd5aa3;
}
/*#member .main .ticket .list .item > div span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}*/
#member .main .ticket .list .item > div img {
  width: 100px;
  height: 100px;
}
#member .main .ticket .list .item > div.name {
  width: 35%;
  /*height: auto;*/
  text-align: left;
  padding-left: 15px;
}
#member .main .ticket .list .item > div.name a {
  font-size: 1rem;
  color: #333;
}
#member .main .ticket .list .item > div.name a:hover {
  color: #cd0606;
}
#member .main .ticket .list .item > div.name .info {
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 18px;
  font-size: 0.8125rem;
  color: #555;
  padding: 2px 0;
}
#member .main .ticket .list .item > div.name .info + .info {
  margin-top: 3px;
}
#member .main .ticket .list .item > div.name .info dt {
  float: left;
  width: 70px;
  font-weight: normal;
}
#member .main .ticket .list .item > div.name .info dd {
  overflow: hidden;
}
#member .main .ticket .list .item > div:nth-child(2) {
  width: 20%;
}
#member .main .ticket .list .item > div.share a {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #818a8f;
  border: 1px solid #b4bfc4;
  background: #fff;
  text-align: center;
  margin: auto;
}
#member .main .ticket .list .item > div.share a + a {
  margin-top: 6px;
}
#member .main .ticket .list .item > div.share a:hover {
  border-color: #cd5aa3;
  color: #cd5aa3;
}
#member .main .ticket .list .item > div.share a i {
  margin-right: 4px;
}
@media (max-width: 1199px) {
  #member .main .ticket .list .head > div,
  #member .main .ticket .list .item > div {
    width: 18%;
  }
  #member .main .ticket .list .head > div:first-child,
  #member .main .ticket .list .item > div.name {
    width: 26%;
  }
  #member .main .ticket .list .item > div.name {
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  #member .main .ticket .list .head {
    display: none;
  }
  #member .main .ticket .list .item > div {
    display: block;
    /*float: none;*/
    position: relative;
    width: 100% !important;
    height: auto;
    text-align: left;
    padding-left: 90px !important;
  }
  #member .main .ticket .list .item > div:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    color: #555;
    top: 5px;
    left: 5px;
  }
  #member .main .ticket .list .item > div span {
    display: inline;
  }
  #member .main .ticket .list .item > div.share:before {
    top: 10px;
  }
  #member .main .ticket .list .item > div.share a {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 4px;
    vertical-align: top;
  }
}
@media (max-width: 639px) {
  #member .tab_titlemin {
     height:46px;
     line-height: 22px;
     font-size: 0.87rem;
  }

}
/** 票券分享紀錄 **/
#member .main .ticket .record-list {
  margin-top: 1px;
}
#member .main .ticket .record-list .head {
  background: #cd5aa3;
  padding: 11px 0;
}
#member .main .ticket .record-list .head > div {
  float: left;
  position: relative;
  width: 20%;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
#member .main .ticket .record-list .head > div:nth-child(1) {
  width: 55%;
}
#member .main .ticket .record-list .head > div:nth-child(2) {
  width: 25%;
}
#member .main .ticket .record-list .head > div:before,
#member .main .ticket .record-list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  top: 5px;
}
#member .main .ticket .record-list .head > div:before {
  left: 0;
  background: #a44882;
}
#member .main .ticket .record-list .head > div:after {
  right: 0;
  background: #d77bb5;
}
#member .main .ticket .record-list .head > div:first-child:before,
#member .main .ticket .record-list .head > div:last-child:after {
  display: none;
}
#member .main .ticket .record-list .item {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#member .main .ticket .record-list .item > div {
  display: table-cell;
  /*float: left;*/
  width: 25%;
  line-height: 32px;
  font-size: 0.875rem;
  color: #555;
  text-align: center;
  padding: 5px;
  vertical-align: middle;
}
#member .main .ticket .record-list .item:hover > div {
  color: #cd5aa3;
}
#member .main .ticket .record-list .item > div.name {
  width: 55%;
  font-size: 1rem;
  color: #333;
  text-align: left;
  padding-left: 15px;
}
#member .main .ticket .record-list .item > div.delete {
  width: 20%;
}
#member .main .ticket .record-list .item > div.delete a {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #818a8f;
  border: 1px solid #b4bfc4;
  background: #fff;
  text-align: center;
  margin: auto;
}
#member .main .ticket .record-list .item > div.delete a + a {
  margin-top: 6px;
}
#member .main .ticket .record-list .item > div.delete a:hover {
  border-color: #cd5aa3;
  color: #cd5aa3;
}
#member .main .ticket .record-list .item > div.delete a i {
  margin-right: 4px;
}
@media (max-width: 767px) {
  #member .main .ticket .record-list .head {
    display: none;
  }
  #member .main .ticket .record-list .item {
    display: block;
  }
  #member .main .ticket .record-list .item > div {
    display: block;
    /*float: none;*/
    position: relative;
    width: 100% !important;
    line-height: 22px;
    text-align: left;
    padding-left: 90px !important;
  }
  #member .main .ticket .record-list .item > div:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    font-size: 0.875rem;
    color: #555;
    top: 5px;
    left: 5px;
  }
  #member .main .ticket .record-list .item > div.delete:before {
    top: 10px;
  }
  #member .main .ticket .record-list .item > div.delete a {
    display: inline-block;
    margin-top: 0 !important;
    vertical-align: top;
  }
}
/** 購物紀錄 **/
#member .main .history h3.ti {
  color: #0757a0;
  background-image: url('../images/member_mainti_history.png');
}
#member .main .history .list .head {
  background: #1b6db9;
  padding: 11px 0;
}
#member .main .history .list .head > div {
  float: left;
  position: relative;
  width: 20%;
  height: 24px;
  line-height: 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
#member .main .history .list .head > div:before,
#member .main .history .list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  top: 5px;
}
#member .main .history .list .head > div:before {
  left: 0;
  background: #165794;
}
#member .main .history .list .head > div:first-child:before {
  display: none;
}
#member .main .history .list .head > div:after {
  right: 0;
  background: #498ac7;
}
#member .main .history .list .head > div:last-child:after {
  display: none;
}
#member .main .history .list .item {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#member .main .history .list .item > div {
  float: left;
  width: 20%;
  line-height: 22px;
  font-size: 0.875rem;
  color: #555;
  text-align: center;
  padding: 5px;
}
#member .main .history .list .item:hover > div {
  color: #1b6db9;
}
#member .main .history .list .item .labelbox {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 30px;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  margin: -4px auto;
  vertical-align: top;
}
#member .main .history .list .item .labelbox input {
  display: none;
}
#member .main .history .list .item .labelbox input ~ span.bg {
  display: block;
  position: absolute;
  width: 80px;
  height: 30px;
  background: #8f8f8f;
  border-radius: 30px;
  top: 0;
  left: 0;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.bg {
  background: #f90;
}
#member .main .history .list .item .labelbox input ~ span.on {
  display: block;
  position: absolute;
  width: 48px;
  height: 20px;
  line-height: 20px;
  font-size: 0.875rem;
  color: #fff;
  top: 5px;
  left: -42px;
  text-align: center;
  transition: left .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.on {
  left: 6px;
}
#member .main .history .list .item .labelbox input ~ span.off {
  display: block;
  position: absolute;
  width: 48px;
  height: 20px;
  line-height: 20px;
  font-size: 0.875rem;
  color: #fff;
  top: 5px;
  left: 26px;
  text-align: center;
  transition: left .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.off {
  left: 74px;
}
#member .main .history .list .item .labelbox input ~ span.dot {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 100%;
  top: 5px;
  left: 6px;
  transition: left .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: left .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: left .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: left .3s cubic-bezier(0,.4,.4,1);
}
#member .main .history .list .item .labelbox input:checked ~ span.dot {
  left: 54px;
}
#member .main .history .list .item a.share {
  display: inline-block;
  width: 86px;
  height: 32px;
  line-height: 32px;
  color: #818a8f;
  border: 1px solid #b4bfc4;
  background: #fff;
  text-align: center;
  margin: -5px auto;
  vertical-align: top;
}
#member .main .history .list .item a.share:hover {
  color: #1b6db9;
  border-color: #85aed3;
}
#member .main .history .list .item a.share i {
  margin-right: 4px;
}
@media (max-width: 639px) {
  #member .main .history .list .head {
    display: none;
  }
  #member .main .history .list .item > div {
    float: none;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 80px;
  }
  #member .main .history .list .item > div:before {
    content: attr(data-title)' /';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  #member .main .history .list .item > div:nth-child(4):before {
    top: 9px;
  }
  #member .main .history .list .item > div:nth-child(5):before {
    top: 10px;
  }
  #member .main .history .list .item .labelbox,
  #member .main .history .list .item a.share {
    margin: 0;
  }
}

/* 購物車 */
#cart .p-ti {
  border-bottom-color: #107ec4;
}
#cart .p-ti h2 {
  color: #064076;
}
#cart .alert {
  line-height: 26px;
  font-size: 1rem;
  color: #ff3c00;
  border: none;
  background: url('../images/cart_alert.png') 15px 25px no-repeat;
  background-size: 20px 20px;
  padding: 22px 10px 22px 46px;
  margin: 5px 0 0;
}
/** 購物清單 **/
#cart .item-list .head {
  line-height: 26px;
  font-size: 0.9375rem;
  color: #fff;
  background: #1b6db9;
  padding: 10px 0;
}
#cart .item-list .head > div {
  float: left;
  position: relative;
  text-align: center;
}
#cart .item-list .head > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #165794;
  top: 6px;
  left: 0;
}
#cart .item-list .head > div:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #498ac7;
  top: 6px;
  right: 0;
}
#cart .item-list .head > div:first-child:before,
#cart .item-list .head > div:last-child:after {
  display: none;
}
#cart .item-list .item {
  line-height: 26px;
  font-size: 0.9375rem;
  color: #555;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}
#cart .item-list .item > div {
  float: left;
  padding: 2px 10px;
  text-align: center;
}
#cart .item-list .sn { width: 110px; }
#cart .item-list .no { width: 125px; }
#cart .item-list .name { width: calc(100% - 680px); }
#cart .item-list .price { width: 100px; }
#cart .item-list .qty { width: 150px; }
#cart .item-list .total { width: 120px; }
#cart .item-list .del { width: 75px; }
#cart .item-list .item .name {
  text-align: left;
  padding: 2px 20px;
}
#cart .item-list .item .name a {
  color: #555;
}
#cart .item-list .item .name a:hover {
  color: #000;
}
#cart .item-list .item .qty-box {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 30px;
}
#cart .item-list .item .qty-box input {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
}
#cart .item-list .item .qty-box a.qty-minus,
#cart .item-list .item .qty-box a.qty-plus {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  top: 0;
}
#cart .item-list .item .qty-box a.qty-minus:hover,
#cart .item-list .item .qty-box a.qty-plus:hover {
  background: #e5e5e5;
}
#cart .item-list .item .qty-box a.qty-minus {
  left: 0;
}
#cart .item-list .item .qty-box a.qty-plus {
  right: 0;
}
#cart .item-list .item .qty-box a.qty-minus:before,
#cart .item-list .item .qty-box a.qty-plus:before {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #999;
  top: 14px;
  left: 8px;
}
#cart .item-list .item .qty-box a.qty-plus:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 13px;
  background: #999;
  top: 8px;
  left: 14px;
}
#cart .item-list .item .del a {
  font-size: 1.25rem;
  color: #999;
}
#cart .item-list .item .del a:hover {
  color: #333;
}
@media (max-width: 991px) {
  #cart .alert {
    background-position: 5px 15px;
    padding: 12px 5px 12px 36px;
  }
  #cart .item-list .head {
    display: none;
  }
  #cart .item-list .item > div {
    float: none;
    position: relative;
    width: 100% !important;
    line-height: 30px;
    text-align: left;
    padding: 2px 5px 2px 90px !important;
  }
  #cart .item-list .item > div:before {
    content: attr(data-title);
    display: block;
    position: absolute;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 0.8125rem;
    color: #fff;
    background: #1b6db9;
    border-radius: 2px;
    box-shadow: 0 1px 1px #165794;
    text-align: center;
    top: 7px;
    left: 5px;
  }
  #cart .item-list .item .del a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    border-radius: 100%;
    text-align: center;
  }
}
/* 商品金額總計 */
#cart .item-total {
  text-align: right;
  line-height: 55px;
  font-size: 0.9375rem;
  margin-top: 15px;
}
#cart .item-total strong {
  font-size: 1.25rem;
  color: #ff3c00;
  margin: 0 2px;
}
#cart .item-total span.price {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ff3c00;
  margin-right: 20px;
  vertical-align: top;
}
@media (max-width: 639px) {
  #cart .item-total {
    text-align: center;
  }
  #cart .item-total span.price {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
/* 購買人表單 */
#cart .payment {
  margin-top: 60px;
  padding-bottom: 15px;
}
#cart .payment .ti {
  line-height: 30px;
  font-size: 1.125rem;
  color: #fff;
  background: #333;
  padding: 8px 15px;
  margin-bottom: 25px;
}
#cart .payment .ti i.fa {
  font-size: 1.25rem;
  margin-right: 8px;
}
#cart .payment .form-group {
  padding: 0 10px;
  margin-bottom: 10px;
}
#cart .payment .form-group dt {
  float: left;
  width: 105px;
  line-height: 40px;
  font-size: 0.9375rem;
  font-weight: normal;
}
#cart .payment .form-group dd {
  float: right;
  width: calc(100% - 105px);
  line-height: 40px;
  font-size: 0.9375rem;
}
#cart .payment .form-group dd input {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  padding: 0 9px;
  transition: border .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: border .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: border .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: border .3s cubic-bezier(0,.4,.4,1);
}
#cart .payment .form-group dd label {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 0.9375rem;
  margin-right: 25px;
  vertical-align: top;
}
#cart .payment .form-group dd label input[type="radio"] {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 4px;
}
#cart .payment .form-group dd select {
  display: inline-block;
  height: 40px;
  font-size: 0.9375rem;
  border: 1px solid #ccc;
  background: url('../images/form_select.jpg') right center no-repeat;
  background-size: 34px 38px;
  padding: 0 34px 0 8px;
  margin: 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: border .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: border .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: border .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: border .3s cubic-bezier(0,.4,.4,1);
}
#cart .payment .form-group dd select:first-child {
  margin-left: 0;
}
#cart .payment .form-group dd select::-ms-expand {
  display: none;
}
#cart .payment .form-group dd input:focus,
#cart .payment .form-group dd select:focus {
  border-color: #1b6db9;
}
@media (max-width: 639px) {
  #cart .payment .form-group {
    padding: 0;
  }
  #cart .payment .form-group dt {
    width: 90px;
  }
  #cart .payment .form-group dd {
    width: calc(100% - 90px);
  }
}
@media (max-width: 479px) {
  #cart .payment .col-md-6 {
    padding: 0;
  }
  #cart .payment .form-group dt,
  #cart .payment .form-group dd {
    float: none;
    width: 100%;
  }
  #cart .payment .form-group dt {
    line-height: 30px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
  }
  #cart .payment .col-md-6:first-child .form-group:first-child dt {
    padding-top: 0;
    border-top: none;
  }
  #cart .payment .form-group dd select {
    margin: 0 2px;
  }
}
/* 完成頁 */
#cart .done-msg {
  line-height: 28px;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 40px;
}
#cart .done-msg strong {
  display: block;
  line-height: 44px;
  font-size: 2.25rem;
  color: #0f66b6;
}
#cart .alert-small {
  display: inline-block;
  margin-top: 0;
  background-position: left 17px;
  padding-top: 14px;
  padding-left: 30px;
  padding-right: 0;
  padding-bottom: 14px;
}
#cart .item-list .sn-done { width: 60px; }
#cart .item-list .name-done { width: calc(100% - 735px); }
#cart .item-list .qty-done { width: 100px; }
#cart .item-list .share {width: 230px; }
#cart .item-list .item .name-done {
  text-align: left;
  padding: 2px 20px;
}
#cart .item-list .item .name-done a {
  color: #555;
}
#cart .item-list .item .name-done a:hover {
  color: #000;
}
#cart .item-list .item .share a {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  color: #498ac7;
  border: 1px solid #498ac7;
  text-align: center;
}
#cart .item-list .item .share a i.fa {
  margin-right: 6px;
}
#cart .item-list .item .share a:hover {
  color: #fff;
  background: #498ac7;
}
@media (max-width: 359px) {
  #cart .item-list .item .share a + a {
    display: block;
    margin-top: 5px;
  }
}
/* 付款資訊 */
#cart .pay-info {
  margin-top: 60px;
  padding-bottom: 60px;
}
#cart .pay-info .ti {
  position: relative;
  line-height: 30px;
  font-size: 1.125rem;
  color: #fff;
  background: #333;
  padding: 8px 170px 8px 15px;
  margin-bottom: 25px;
}
#cart .pay-info .ti i.fa {
  font-size: 1.25rem;
  margin-right: 8px;
}
#cart .pay-info .ti span {
  color: #ff8d24;
}
#cart .pay-info .ti a {
  display: block;
  position: absolute;
  width: 170px;
  height: 46px;
  line-height: 46px;
  font-size: 0.9375rem;
  color: #fff;
  background: #f90;
  text-align: center;
  top: 0;
  right: 0;
  transition: background .3s cubic-bezier(0,.4,.4,1);
  -ms-transition: background .3s cubic-bezier(0,.4,.4,1);
  -moz-transition: background .3s cubic-bezier(0,.4,.4,1);
  -webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
}
#cart .pay-info .ti a:hover {
  background: #f60;
}
#cart .pay-info .info-group {
  line-height: 24px;
  font-size: 0.9375rem;
  color: #000;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  margin: 0;
}
#cart .pay-info .info-group dt {
  float: left;
  width: 100px;
  font-weight: normal;
}
#cart .pay-info .info-group dd {
  overflow: hidden;
}
/* APP下載 */
#cart .app {
  margin: 60px 0;
}
#cart .app .head {
  float: left;
  position: relative;
  width: 320px;
  line-height: 26px;
  font-size: 0.9375rem;
  padding: 26px 0 44px;
  margin-left: 60px;
}
#cart .app .head:after {
  content: '';
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  top: 30px;
  right: -35px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#cart .app .head .ti {
  line-height: 34px;
  font-size: 1.5rem;
  color: #0852a0;
}
#cart .app .content {
  float: right;
  width: 620px;
  margin-right: 60px;
}
@media (max-width: 1199px) {
  #cart .app .head {
    width: 200px;
    margin-left: 15px;
  }
  #cart .app .head:after {
    right: -60px;
  }
  #cart .app .content {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  #cart .app .head {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 90px;
    padding: 0;
  }
  #cart .app .head:after {
    top: auto;
    left: 50%;
    right: auto;
    bottom: -45px;
    margin-left: -35px;
    transform: rotate(135deg);
  }
  #cart .app .content {
    float: none;
    width: 100%;
    max-width: 620px;
    margin: auto;
  }
}
@media (max-width: 639px) {
  #cart .app .content .col-xs-6 {
    padding: 0 5px 0 0;
  }
  #cart .app .content .col-xs-6 + .col-xs-6 {
    padding: 0 0 0 5px;
  }
}
@media (max-width: 379px) {
  #cart .app .content .col-xs-6 {
    float: none;
    width: 100%;
    max-width: 280px;
    margin: auto;
    padding: 0 !important;
  }
  #cart .app .content .col-xs-6 + .col-xs-6 {
    margin-top: 10px;
  }
}











/* BS3 JS + BS5 CSS modal 相容修正 */
.modal.fade.in { opacity: 1; }
.modal-backdrop.fade.in { opacity: 0.5; }