/* font-awesome.min.css starts */
/*!
 *  Font Awesome 4.7.0 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.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#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"}.icon-checkbox-checked-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"}.icon-checkbox-unchecked: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"}.icon-checkbox-checked: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: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"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.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}


/* font-awesome.min.css ends */

/* css.css starts */
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0px 0;
	/* style below prevent footer being cut when scrolling to the bottom of page on mobile divices */
	background: rgba(230,241,249,1);
	background: -moz-linear-gradient(top, rgba(230,241,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,241,249,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(230,241,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(230,241,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(230,241,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(230,241,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1f9', endColorstr='#ffffff', GradientType=0 );
	background-repeat: no-repeat;
	height: 100%;
}

* {
	box-sizing: border-box;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {

    ::i-block-chrome, {

		}
}

@-moz-document url-prefix() {

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}
*/
a {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	font-size:14px;
	/*font-weight:bold;*/
}

a:hover,a:active,a:focus {
	text-decoration: none;
}

label {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	font-weight:bold;
}

label:active,label:focus {
	outline: none;
}

button {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	font-weight:bold;
	cursor: pointer;
}

textarea {
	border-radius: 10px;
	border-color: #ccc;
	font-size: 14px;
	font-weight: bold;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-width: 1px;
	border-style: solid;
	color: #434343;
}

textarea:focus {
	outline: none;
}
input:disabled{
    color:@disabledColor;
    opacity: 1;
    -webkit-text-fill-color: @disabledColor;
}

.space {
	background: #fff;
	width: 100%;
	height: 130px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.relative {
	position: relative;
}

.text-center {
	text-align: center;
}

.center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wb-ba {
	word-break: break-all;
}

.font-size-13 {
	font-size: 13px;
}

.border-top {
	border-top:1px solid #ddd;
}

a:focus {
	outline: none;
}

input:focus {
	outline-color: #80bdff;
}

select:focus {
	outline-color: #80bdff;
}

.br-3.btn {
	border-radius: 30px;
}
.br-2.btn {
	border-radius: 20px;
}

.br-1.btn {
	font-weight: normal;
	border-radius: 10px;
	font-size: 18px;
}

.bg-blue{
	background: #D83C24 !important;
}

.bg-blue-light{
	background: #F2655A !important;
	color: #FFFFFF;
}

.bg-orange{
	background: #D83C24 !important;
}

.bg-danger {
	background: #b42546 !important;
}

.bg-gold{
	background: #cfa600 !important;
}

.bg-grey {
	background: #efeff0 !important;
}

.bg-grey-dark{
	background: #9f9fa0 !important;
}

.bg-grey-light{
	background: #eeefef !important;
}
.bg-green{
	background: #D83C24 !important;
}

.bg-green2{
	background: #008014 !important;
}

.bg-purple{
	background: #A34F8E !important;
}

.text-black {
	color: #434343 !important;
}

.text-blue-dark {
	color: #036eb8 !important;
}

.text-blue {
	color: #257db4 !important;
}

.text-blue-light {
	color: #829db6 !important;
}

.text-white {
	color: #ffffff !important;
}

.text-green-dark {
	color: #056f7f !important;
}

.text-green {
	color: #14899f !important;
}

.text-orange {
	color: #d16a3c !important;
}

.text-orange-dark {
	color: #d65d11 !important;
}

.text-gold {
	color: #9c7d00 !important;
}

.text-red {
	color:#c30d22 !important;
}

.text-grey-dark {
	color: #595757 !important;
}

.text-grey-light {
	color: #848484 !important;
}

.h-20 {
	height: 20px;
}


.fs-13 {
	font-size: 13px;
}

.fs-12 {
	font-size: 12px;
}

.lh-19 {
	line-height: 19px;
}

.fs-14 {
	font-size: 14px;
}

.lh-20 {
	line-height: 20px;
}

.fs-15 {
	font-size: 15px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-22 {
	font-size: 22px;
}

.fs-20 {
	font-size: 20px;
}

.fs-26 {
	font-size: 26px;
}

.fs-22 font {
	font-size: 16px;
}

.fa-fs-34 {
	font-size: 34px;
}

.font-weight-lighter {
	font-weight: lighter;
}

.lh-0 {
	line-height: 0 !important;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	.upload-display.lh-0 {
		height: 40px;
	}
}

.lh-normal {
	line-height: normal !important;
}


.blr-blue-light {
	border-left:1px solid #829db6;
	border-right:1px solid #829db6;
}

.h-40 {
	height: 40px;
}

.h-26 {
	height: 26px;
}

.h-30 {
	height: 30px;
}

.br-left {
	border-radius: 10px 0 0 10px;
}

.br-right {
	border-radius: 0 10px 10px 0;
}

.br-top {
	border-radius: 10px 10px 0 0;
}

.br-bottom {
	border-radius: 0px 0px 10px 10px;
}

.wb-break {
	word-break: break-all;
}

.mt-20 {
	margin-top: 20px;
}

.border-color-black {
	border-color:#818181 !important;
}

.close2 {
	float: right;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: #000;
	opacity: .5;
}

.close2:hover,.close2:active {
	color:#000;
	text-decoration: none;
	opacity: .75;
}

input::-webkit-input-placeholder { /* WebKit browsers */
	color: #989898 !important;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #989898 !important;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #989898 !important;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #989898 !important;
}

a.text-underline,font.text-underline {
	text-decoration: underline !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari only override */
    ::i-block-chrome,.center {

			text-align: center;
		}
}

.form-control[readonly] {
	background: none;
}

input {
	/*-webkit-appearance: none;*/
    -webkit-border-radius:0;
    border-radius:10px;
}

input.radius-fix {
    border-radius:10px;
}

input[type="radio"] {
	width: 20px;
	height: 20px;
	/*-webkit-appearance: button!important;*/
	-moz-appearance: none;
	-o-appearance: none;
	/*appearance: none;*/
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	-webkit-appearance: checkbox;
}


form input {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	height: 40px;
	border: 1px solid #ccc;
	background: #fff;
	color: #434343;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form input.br-right {
	border-radius: 0 10px 10px 0;
}

form input.br-left {
	border-radius: 10px 0 0 10px;
}

form select {
	width: 100%;
	padding: 8px 60px 8px 15px;
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	color: #434343;
	font-size: 15px;
	font-weight: bold;
	height: 40px;
	border-radius:10px;
	border-color:#ccc;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
}

form select.sbr-fix-1 {
	width: 100%;
	padding: 8px 60px 8px 15px;
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	color: #434343;
	font-size: 15px;
	font-weight: bold;
	height: 40px;
	border-radius:0px;
}

form select.sbr-fix-2 {
	width: 100%;
	padding: 8px 60px 8px 15px;
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	color: #434343;
	font-size: 15px;
	font-weight: bold;
	height: 50px;
	border-radius:0px 10px 10px 0;
}

select{
	/* styling */
  background-color: white;
  border: thin solid #bebebe;
  border-radius: 0px;
  display: inline-block;
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
/*  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;*/

}

select::-ms-expand {
  display: none;
}

.add-more {
	position: relative;
	top:-3px;
}

.mt-md-41 {
	margin-top: 41px;
}

select:focus {
	outline: none;
}

select::-ms-expand {
    display: none;
}

select#dropdown-news,select#dropdown-1:after,select#dropdown-2,select#dropdown-3,select#dropdown-4,select#dropdown-5 .select_type{
  /*background-image:
    linear-gradient(45deg, transparent 50%, #22467a 50%),
    linear-gradient(135deg, #22467a 50%, transparent 50%),
    linear-gradient(to right, #fff, #fff);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    */
	/*background: url(../images/dropdown.png) center right no-repeat !important;*/
	-webkit-appearance: none; appearance: none;
}

.select-arrow-fix {
	position: relative;
	z-index: 100;
}

.login-form-fix .select-arrow-fix {
	position: relative;
	z-index: 100;
	top:40px;
}

.select-arrow {
	position: absolute;
	top:-47px;
	right: -32px;
	z-index: 99;
}

.select-arrow-border {
	width: 1px;
	height: 40px;
	border-left:1px solid #ccc;
	position: absolute;
	right: 54px;
	top:-40px;
	z-index: 98;
}

.modal .select-arrow-border {
	top: 0;
}

.top0.select-arrow-border {
	top: 0;
}

.login-form-fix .select-arrow-border{
	border-left:1px solid #257db4;
}

.select-arrow-fix-1 .select-arrow {
	position: absolute;
	top:-47px;
	right: 42%;
	z-index: 99;
}

.select-arrow-fix .select-arrow {
	top:12px;
	font-weight: bold;
	color: #707070;
}
.select-arrow-fix2 .select-arrow {
    top: -33px;
}
.select-arrow-fix3.select-arrow-fix .select-arrow {
	top:-42px;
}
.select-arrow-fix-1.select-arrow-fix .select-arrow,
.select-arrow-fix-2.select-arrow-fix .select-arrow {
	top:24px;
}

.modal-dialog .select-arrow-fix .select-arrow {
	top:13px;
}

.modal-dialog {
	max-width: 500px;
}

.select-arrow-2 {
	position: absolute;
	top:23px;
	right: 5px;
	z-index: 99;
}

.table td {
	padding: 5px 8px;
}

select option {
	background: #fff;
	border: 1px solid #d1d1d1;
	color: #22467a;
	font-weight: bold;
	font-size: 18px;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

*:focus {
	outline: #80bdff thin 1px;
}

form label {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	color: #434343;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
}

form .col-4 {
/*	padding-right: 0;
	padding-left: 0;*/
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-top-4 {
	margin-top: 4px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 32px;
}

.margin-top-20 {
	margin-top: 20px;
}

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

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-70 {
	margin-top: 70px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-200 {
	margin-top: 200px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-70 {
	margin-bottom: 70px;
}

.margin-bottom-8 {
	margin-bottom: 8px;
}

.padding-bottom-100 {
	padding-bottom: 100px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-left-90 {
	padding-left: 90px;
}

.padding-right-90 {
	padding-right: 90px;
}

.padding-left-15 {
	padding-left: 15px;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-right-10 {
	padding-right: 10px;
}

.bg-default {
	background: #efeff0;
}

.score {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.question {
	display: flex;
	align-items: center;
}


.border-bottom {
	border-bottom: 1px solid #bebebe;
}

.border-bottom-white {
	border-bottom: 1px solid #fff;
}

.border-left-white {
	border-left: 1px solid #fff;
}

.border-right-white {
	border-right: 1px solid #fff;
}

.border-bottom-4 {
	border-bottom: 4px solid #ddd;
}

.border-bottom-1 {
	border-bottom: 1px solid #bebebe;
}

.border-top-4 {
	border-top: 4px solid #ddd;
}

.border-top {
	border-top: 1px solid #ddd;
}

.material-icons.md-16 {
	font-size: 16px;
}

.btn-outline .btn {
	background: #fff;
	border: 1px solid #bebebe;
	border-radius: 10px;
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	color: #22467a;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	height: 50px;
}

.btn-outline .btn:hover,.btn-outline .btn:active {
	background: #22467a;
	color: #e9e9e9;
}

.input-group-addon {
	background: none;
	color: #22467a;
}

.form-control {
	color: #666;
	font-size: 16px;
	/*font-weight: bold;*/
	border-radius: 10px;
	z-index: 1;
	background: none;
	border: 1px solid #bebebe;
}

.form-control:focus {
	background: none;
}

span.heading-1 {
	color: #22467a;
	font-size: 18px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #D7E4F7;
	padding: 5px 15px;
	border-radius: 20px 20px 0 0;
	border-bottom: 1px solid #bfbfbf;
}

span.heading-2 {
	color: #22467a;
	font-size: 18px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	font-weight: bold;
	background: none;
	padding: 5px 15px;
	border-radius: 0;
	border-bottom: none;
	padding-left: 0;
	border-bottom: none;
}

span.heading-2-fix.heading-2 {
	border-bottom: 1px dotted #575757;
}

.grid-group-fix-3 span.heading-2 {
	border-bottom: 1px dotted #575757;
}

span.hasBorder.heading-2 {
	border-bottom: 1px dotted #575757;
}

span.heading-1 font {
	color: #434343;
}

div.heading-1 {
	color: #22467a;
	font-size: 18px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #D7E4F7;
	padding: 10px 10px;
	border-radius: 20px 20px 0 0;
	border-bottom: 1px solid #bfbfbf;
}

.table {
	margin: 0;
}

.table .btn-group {
	margin-top: -10px;
	width: 40%;
}

.table .no-margin.btn-group {
	margin-top: 0px;
}

.table td {
	/*padding: 20px 12px;*/
}

.form-table-fix .table td {
	padding: 10px 12px 10px 12px;
}

/* Preloader starts here */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}

#status {
	width:26px;
	height:26px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/preloader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-13px 0 0 -13px; /* is width and height divided by two */
}
/* Preloader ends here */


/* iconMoon font starts here */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?4khixw');
  src:  url('fonts/icomoon.eot?4khixw#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?4khixw') format('truetype'),
    url('fonts/icomoon.woff?4khixw') format('woff'),
    url('fonts/icomoon.svg?4khixw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/checkbox/icomoon.eot?wpa8j0');
  src:  url('fonts/checkbox/icomoon.eot?wpa8j0#iefix') format('embedded-opentype'),
    url('fonts/checkbox/icomoon.ttf?wpa8j0') format('truetype'),
    url('fonts/checkbox/icomoon.woff?wpa8j0') format('woff'),
    url('fonts/checkbox/icomoon.svg?wpa8j0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-back:before {
  content: "\e900";
  color: #257db4;
}
.icon-close:before {
  content: "\e901";
  color: #257db4;
}
.icon-hambuger:before {
  content: "\e902";
  color: #076178;
}
.icon-search:before {
  content: "\e903";
  color: #257db4;
}

.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}

/* iconMoon font ends here */

#myBtn {
  display: none;
  position: fixed;
	width: 35px;
	height: 35px;
  bottom: 10px;
  right: 10px;
  z-index: 120;
  border: none;
  outline: none;
  background-color: rgba(3, 110, 184, 0.7);
  color: white;
	font-size: 26px;
	text-align: center;
  cursor: pointer;
  padding: 0px;
  border-radius: 200px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

#myBtn:hover,#myBtn:active {
	background-color: rgba(3, 110, 184, 1);
}

#myBtn i {
	position: absolute;
	top:2px;
	left: 10px;
}

/* menu style starts here */
.nav-brand,.nav-brand:focus,.nav-brand:hover,.nav-menu>li>a {
    color:#434343;
}

.menu__list,.nav-dropdown,.nav-menu,ul {
    list-style:none;
}

.menu__link,.navigation,.navigation *{
    -webkit-tap-highlight-color:transparent;
}

.navigation,.navigation *{
    box-sizing:border-box;
}

.navigation {
    width:100%;
    height:48px;
    font-family:inherit;
    background: #ffffff; /* Old Browsers */
		background: -webkit-linear-gradient(top,#ffffff,#e7e7e7); /*Safari 5.1-6*/
		background: -o-linear-gradient(top,#ffffff,#e7e7e7); /*Opera 11.1-12*/
		background: -moz-linear-gradient(top,#ffffff,#e7e7e7); /*Fx 3.6-15*/
		background: linear-gradient(to bottom, #ffffff, #e7e7e7); /*Standard*/
		border-bottom: 1PX dotted #0095B8;
}

.nav-toggle,.navigation-hidden .nav-header{
    display:none;
}

.navigation-portrait {
    height:50px;
}

.navigation-fixed {
    position:fixed;
    top:0;
    left:0;
}

.navigation-hidden {
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important
}

.align-to-right {
    float:right;
}

.nav-header {
    float:left;
}

.nav-brand {
    line-height:70px;
    padding:0 15px;
    font-size:24px;
    text-decoration:none!important;
    background:url(../images/logo-desktop.jpg) 0 0 no-repeat !important;
	width:241px;
	height:44px;
}


.deatils ul li a,.indicate a,.logo h1 a,.nav-button,.nav-dropdown>li>a,.nav-menu>li>a,nav a {
    text-decoration:none;
}

.navigation-portrait .nav-brand {
    font-size:18px;
    line-height:48px;
}

.nav-logo>img {
    height:48px;
    margin:11px auto;
    padding:0 15px;
    float:left;
}

.nav-logo:focus>img {
    outline:initial;
}

.deatils ul li a,.indicate a,.menu__link:focus,.menu__link:hover,nav a,nav a:focus,nav a:hover {
    outline:0;
}

.navigation-portrait .nav-logo>img {
    height:36px;
    margin:6px auto 6px 15px;
    padding:0;
}

.nav-toggle {
	display: inline-block;
	margin: 0;
	height: 50px;
    padding:16px 16px 16px 16px;
    cursor:pointer;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	transition: all ease .3s;
}

.nav-toggle i {
	font-size: 16px;

}

.nav-toggle .icon-hambuger:before,.page-back .icon-arrow-back:before{
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	transition: all ease .3s;
}

.page-back a {
	width: 100%;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.searchbox {
	position: relative;
	right: 40px;
}
.searchbox a i.icon-search:before {
	font-size: 20px;
}
.searchbox a i.icon-close:before {
	font-size: 15px;
}

.searchbox a {
	position: absolute;
	width: 30px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.searchform {
	position: fixed;
	top:50px;
	display: none;
	max-width: 768px;
	height: 63px;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){

	.searchform {
		position: fixed;
		top:80px;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
		max-width: 768px;
		height: 63px;
	}
}

.searchform .btn i.icon-search:before {
	font-size: 20px;
	color: #ffffff !important;
}
.searchform .btn {
	border: 1px solid #fff;
	border-radius: 0 10px 10px 0;
	border-left: none;
	outline: none;
	padding: 0 4px;
}

.searchform .btn-primary:hover, .searchform .btn-primary:active {
	background: none;
	border-color: #ffffff;
}

.searchform .btn-primary:focus {
	box-shadow: 0 0 0 0px rgba(0, 123, 255, 0);
}

.searchform form input {
	background: #257db4;
	border: 1px solid #fff;
	color: #ffffff;
	border-right: none;
	border-radius: 10px 0 0 10px;
}

.searchform ::-moz-placeholder { color: #ffffff !important; }
.searchform ::-webkit-input-placeholder { color:#ffffff !important; }
.searchform :-ms-input-placeholder { color:#ffffff !important; }

.searchform input[type="text"]{
	color: #ffffff;
}

.searchform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff !important;
    opacity: 1; /* Firefox */
}

.searchform ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff !important;
}

.searchform ::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff !important;
}

.nav-toggle:hover .icon-hambuger:before,
.nav-toggle:active .icon-hambuger:before,
.page-back:hover .icon-arrow-back:before,
.page-back:active .icon-arrow-back:before {
  color: #d16a3c;
}

.nav-toggle .top {
    position:absolute;
    width:32px;
    height:3px;
	color: #e3e3e4;
    background-color:#e3e3e4;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.nav-toggle .middle {
    position:absolute;
    width:25px;
    height:3px;
	margin-top: 7px;
    background-color:#e3e3e4;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.nav-toggle .bottom {
    position:absolute;
    width:30px;
    height:3px;
	margin-top: 14px;
    background-color:#e3e3e4;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.nav-toggle:hover .middle,.nav-toggle:hover .bottom {
	width:32px;
}
/*
.nav-toggle:hover:before {
    content:"";
    position:absolute;
    width:30px;
    height:2px;
    background-color:#70798b;
    border-radius:10px;
    box-shadow:0 .5em 0 0 #70798b,0 1em 0 0 #70798b;
}*/

.navigation-portrait .nav-toggle {
    display:block;
		text-align: right;
}

.navigation-portrait .nav-menus-wrapper {
    width:320px;
    height:100%;
    top:0;
    left:-900px;
    padding-bottom: 150px;
    position:fixed;
    background-color:#fff;
    z-index:20000;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transition-duration:.8s;
    transition-timing-function:ease;
}

.bottom-menu {
	position: fixed;
	bottom: 0;
	z-index: 30;
	padding: 10px 0;
	background: #ffffff;
	border-top: 1px solid #cbcccc;
	max-width: 768px;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	.bottom-menu {
		position: fixed;
		bottom: 0px;
		z-index: 30;
		padding: 0 0 26px 0;
		background: #ffffff;
		border-top: 1px solid #cbcccc;
		max-width: 768px;
	}
}

.bottom-menu a:hover,.bottom-menu a:active {
	color: #bb0611;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left:auto;
    right:-400px;
}

.nav-menus-wrapper.nav-menus-wrapper-open {
    left:0;
}

.nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    right:0;
}

.nav-menus-wrapper .user-info {
	background: #6ec7c9;
}

.nav-menus-wrapper .user-info h3 {
	font-size: 13px;
}

.nav-menus-wrapper .user-info span {
	font-size: 13px;
	color: #fff;
}

.nav-menus-wrapper .user-info .info {
	align-self: center;
}

.nav-menus-wrapper .logout {
	background: #eeefef;
	height: 50px;
}

.nav-menus-wrapper .logout a {
	height: 50px;
}

.nav-menus-wrapper .logout a span,.nav-menus-wrapper .logout a i {
	color: #036eb8;
	font-size: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.nav-menus-wrapper .logout a:hover span,
.nav-menus-wrapper .logout a:active span,
.nav-menus-wrapper .logout a:hover i,
.nav-menus-wrapper .logout a:active i{
	color: #d16a3c;
}


.nav-menus-wrapper-close-button {
	font-family: 'icomoon';
	content: "\e901";
    width:50px;
    height:50px;
    margin:0;
    display:none;
    float:right;
    color:#257db4;
    font-size:15px;
    cursor:pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.nav-menus-wrapper-close-button:hover {
	color: #d16a3c;
}

.navigation-portrait .nav-menus-wrapper-close-button {
    position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		right: 0;
}

.nav-menu {
    margin:0;
    padding:0;
    line-height:normal;
}

.navigation-portrait .nav-menu {
    width:100%;
		background: #cde3f0;
}

.navigation-landscape .nav-menu.nav-menu-centered {
    float:none;
    text-align:center;
}

.nav-menu>li{
    display:inline-block;
    float:left;
    text-align:left;
}

.navigation-portrait .nav-menu>li{
    width:100%;
    position:relative;
    border-top:solid 1px #bfbfbf;
}

.navigation-portrait .nav-menu>li:last-child{
    border-bottom:solid 1px #bfbfbf;
}

.nav-menu+.nav-menu>li:first-child{
    border-top:none;
}

.navigation-landscape .nav-menu.nav-menu-centered>li{
    float:none;
}

.nav-menu>li>a{
    height:50px;
    padding:26px 15px;
    display:inline-block;
    font-size:15px;
	border-bottom: 1px dotted #829db6;
    transition:color .3s,background .3s
}

.nav-menu>li>a>img {
	width: 40px;
	height: 40px;
}

.nav-menu>li>a:hover, .nav-menu>li>a:active {
	background: #eeefef;
}
/*
.nav-menu>li>a:after {
	content: "";
	position: absolute;
	top:45px;
	left:0px;
	right: 0;
	bottom: 0;
	width:0px;
	height: 1px;
	background: #152844;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-menu>li>a:hover:after {
	content: "";
	position: absolute;
	top:45px;
	left:0px;
	right: 0;
	bottom: 0;
	width:100%;
	height: 1px;
	background: #006195;
}
*/
.navigation-portrait .nav-menu>li>a{
    height:auto;
    width:100%;
    padding:10px;
}

.navigation-portrait .nav-menu>li.nav-submenu-open>a{
	/*border-bottom:1px solid #ddd;*/
}

.nav-menu>.active>a,.nav-menu>.focus>a,.nav-menu>li:hover>a{
    color:#434343;
}

.nav-menu>li>a>[class*=ion-],.nav-menu>li>a>i{
    width:18px;
    height:16px;
    line-height:16px;
    -ms-transform:scale(1.4);
    transform:scale(1.4);
}

.nav-menu>li>a>[class*=ion-]{
    width:16px;
    display:inline-block;
    transform:scale(1.8);
}

.navigation-portrait .nav-menu.nav-menu-social{
    width:100%;
    text-align:center;
}

.nav-menu.nav-menu-social>li{
    text-align:center;
    float:none;
    border:none!important;
}

.navigation-portrait .nav-menu.nav-menu-social>li{
    width:auto;
}

.nav-menu.nav-menu-social>li>a>[class*=ion-]{
    font-size:12px;
}

.nav-menu.nav-menu-social>li>a>.fa{
    font-size:14px;
}

.navigation-portrait .nav-menu.nav-menu-social>li>a{
    padding:15px;
}

.submenu-indicator{
    margin-left:6px;
    margin-top:6px;
    float:right;
    transition:all .0s;
}

.navigation-portrait .submenu-indicator{
    width:100%;
    height:44px;
    margin-top:0;
    position:absolute;
    text-align:center;
    z-index:20000;
}

.submenu-indicator-chevron{
    height:7px;
    width:7px;
    display:block;
    border-style:solid;
    border-width:0 1px 1px 0;
    border-color:transparent #152844 #152844 transparent;
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    transition:border .3s;
}

.navigation-portrait .submenu-indicator-chevron {
    position:absolute;
    top:23px;
    right:24px;
}

.navigation-portrait .nav-submenu-open {
	background:#fff;
	position: relative;
}

.navigation-portrait .nav-submenu-open .submenu-indicator-chevron {
    position:absolute;
    top:6px;
    left:24px;
}

.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron,.nav-menu>li:hover>a .submenu-indicator-chevron{
    border-color:transparent #053884 #053884 transparent;
}

.navigation-portrait .submenu-indicator.submenu-indicator-up{
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}

.nav-overlay-panel{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    display:none;
    z-index:19999;
}

.no-scroll{
    width:100%;
    height:100%;
    overflow:hidden;
}

.nav-search{
    height:70px;
    float:right;
    z-index:19998;
}

.navigation-portrait .nav-search{
    height:48px;
    padding:0 10px;
    margin-right:52px;
}

.navigation-hidden .nav-search{
    display:none;
}

.nav-search-button{
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    cursor:pointer;
    background-color:#fbfcfd;
}

.nav-search-icon{
    width:14px;
    height:14px;
    margin:2px 8px 8px 4px;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    color:#70798b;
    text-align:left;
    text-indent:-9999px;
    border:2px solid;
    border-radius:50%;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    transition:color .3s;
}

.nav-search-icon:after,.nav-search-icon:before{
    content:'';
    pointer-events:none;
}

.nav-search-icon:before{
    width:2px;
    height:11px;
    top:11px;
    position:absolute;
    left:50%;
    border-radius:0 0 1px 1px;
    box-shadow:inset 0 0 0 32px;
    transform:translateX(-50%);
}

.nav-search-button:hover .nav-search-icon{
    color:#A0D468;
}

.navigation-portrait .nav-search-button{
    width:50px;
    height:48px;
    line-height:46px;
    font-size:22px;
}

.nav-search>form{
    width:100%;
    height:100%;
    padding:0 auto;
    display:none;
    position:absolute;
    left:0;
    top:0;
    background-color:#fff;
    z-index:99;
}

.nav-search-inner{
    width:70%;
    height:70px;
    margin:auto;
    display:table;
}

.navigation-portrait .nav-search-inner{
    height:48px;
}

.nav-search-inner input[type=search],.nav-search-inner input[type=text]{
    height:70px;
    width:100%;
    margin:0;
    padding:0 12px;
    font-size:26px;
    text-align:center;
    color:#70798b;
    outline:0;
    line-height:70px;
    border:none;
    background-color:transparent;
    transition:all .3s;
}

.navigation-portrait .nav-search-inner input[type=search],.navigation-portrait .nav-search-inner input[type=text]{
    height:48px;
    font-size:18px;
    line-height:48px;
}

.nav-search-close-button{
    width:28px;
    height:28px;
    display:block;
    position:absolute;
    right:20px;
    top:20px;
    line-height:normal;
    color:#70798b;
    font-size:20px;
    cursor:pointer;
    text-align:center;
}

.nav-button,.nav-text{
    display:inline-block;
    font-size:14px;
}

.navigation-portrait .nav-search-close-button{
    top:10px;
    right:14px;
}

.nav-button{
    margin:18px 15px 0;
    padding:8px 14px;
    color:#fff;
    text-align:center;
    border-radius:4px;
    background-color:#A0D468;
    transition:opacity .3s;
}

.nav-button:focus,.nav-button:hover{
    color:#fff;
    text-decoration:none;
    opacity:.85;
}

.navigation-portrait .nav-button{
    width:calc(100% - 52px);
    margin:17px 26px;
}

.nav-text{
    margin:25px 15px;
    color:#70798b;
}

.navigation-portrait .nav-text{
    width:calc(100% - 52px);
    margin:12px 26px 0;
}

.navigation-portrait .nav-text+ul{
    margin-top:15px;
}

.nav-dropdown{
    min-width:180px;
    margin:3px 0 0 0;
    padding:0;
    display:block;
    position:absolute;
    z-index:98;
    white-space:nowrap;
}

.navigation-portrait .nav-dropdown{
    width:100%;
    position:static;
    left:0;
}

.nav-dropdown .nav-dropdown{
    left:100%;
}

.nav-menu>li>.nav-dropdown{
	background: #fff;
	border: none;
}

.nav-dropdown>li{
    width:100%;
    float:left;
    clear:both;
    position:relative;
    text-align:left;
}

.nav-dropdown>li>a{
    width:100%;
    padding:13px 15px;
    display:inline-block;
    float:left;
    font-size:18px;
    color:#666;
    background-color:#fff;
    transition:color .3s,background .3s;
}

.social-icon a i,.social-icons a i{
    width:32px;
    height:32px;
    display:inline-block;
    border-radius:16px;
}

.nav-dropdown>.focus>a,.nav-dropdown>li:hover>a{
    background: #f1f1f1;
	color: #666;
}

.nav-dropdown.nav-dropdown-left{
    right:0;
}

.nav-dropdown>li>.nav-dropdown-left{
    left:auto;
    right:100%;
}

.navigation-landscape .nav-dropdown-left>li>a{
    text-align:right;
}

.navigation-portrait .nav-dropdown>li>a{
    padding:20px 15px 19px 15px;
		/*background:#f1f1f1;*/
}

.navigation-portrait .nav-dropdown>li.active>a {
	color: #434343;
}

.navigation-portrait .nav-dropdown>li.active>a:hover,
.navigation-portrait .nav-dropdown>li.active>a:focus,
.navigation-portrait .nav-dropdown>li.active>a:active {
	color: #e9e9e9;
}

.navigation-portrait .nav-dropdown>li>ul>li>a{
    padding-left:50px;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{
    padding-left:70px;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{
    padding-left:90px;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{
    padding-left:110px;
}

h1,h2,h3,h4,h5,h6,p,ul{
    margin:0;
    padding:0;
}

h2,span,p {
	word-break: break-all;
}

.nav-dropdown .submenu-indicator{
    right:15px;
    top:16px;
    position:absolute;
}

.menu__list,.navbar,nav a{
    position:relative;
}

.navigation-portrait .submenu-indicator{
    right:0;
    top:0;
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron{
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.nav-dropdown>.focus>a .submenu-indicator-chevron,.nav-dropdown>li:hover>a .submenu-indicator-chevron{
    border-color:transparent #A0D468 #A0D468 transparent;
}

.navigation-landscape .nav-dropdown-left .submenu-indicator{
    left:10px;
}

.navigation-landscape .nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
}

body{
    font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
}

.navbar-default .navbar-nav>li>a,h1,h2,h3,h4,h5,h6{
    font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
}

body a{
    transition:.3s all;
    -webkit-transition:.3s all;
    -o-transition:.3s all;
    -moz-transition:.3s all;
    -ms-transition:.3s all;
}

h1,h2,h3,h4,h5,h6{
    font-weight:700;
}

p{
    color:#444;
}

.text-indent p{
		text-indent: -16px;
		margin-left: 16px;
}

nav a{
    display:inline-block;
}

.header{
    background:#142641;
}

.header-top{
    padding:1em 0;
    background:#05222A;
}

.indicate{
    float:left;
}

.deatils{
    float:right;
}

.indicate a{
    font-size:1.1em;
    color:#C6C7C7;
    vertical-align:middle;
}

.deatils ul li i,.indicate i{
    font-size:1.2em;
    color:#888f90;
    vertical-align:middle;
}

.indicate i{
    margin-right:.5em;
}

.deatils ul li{
    display:inline-block;
    margin:0 5px;
}

.deatils ul li i{
    margin-right:.5em;
}

.deatils ul li a{
    font-size:1.1em;
    color:#C6C7C7;
    vertical-align:middle;
}

.social-icons{
    float:right;
    margin-top:.7em;
}

.social-icons a i{
    background:url(../images/img-sprite.png) no-repeat #34495e;
    margin:0 .2em;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
}

.social-icons i.icon:hover{
    background:url(../images/img-sprite.png) no-repeat #02B875;
    transform:rotateY(360deg);
}

.social-icons i.icon{
    background-position:0 0;
}

.social-icons i.icon1{
    background-position:-32px 0;
}

.social-icons i.icon1:hover{
    background:url(../images/img-sprite.png) -32px 0 no-repeat #02B875;
    transform:rotateY(360deg);
}

.social-icons i.icon2{
    background-position:-64px 0;
}

.social-icons i.icon2:hover{
    background:url(../images/img-sprite.png) -64px 0 no-repeat #02B875;
    transform:rotateY(360deg);
}

.social-icons i.icon3{
    background-position:-96px 0;
}

.social-icons i.icon3:hover{
    background:url(../images/img-sprite.png) -96px 0 no-repeat #02B875;
    transform:rotateY(360deg);
}

.social-icon{
    margin-top:1.8em;
}

.social-icon a i{
    background:url(../images/img-sprite.png) no-repeat #02B875;
    margin:0 .2em;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
}

.social-icon i.icon:hover{
    background:url(../images/img-sprite.png) no-repeat #34495e;
}

.social-icon i.icon{
    background-position:0 0;
}

.social-icon i.icon1{
    background-position:-32px 0;
}

.social-icon i.icon1:hover{
    background:url(../images/img-sprite.png) -32px 0 no-repeat #34495e;
}

.social-icon i.icon2{
    background-position:-64px 0;
}

.social-icon i.icon2:hover{
    background:url(../images/img-sprite.png) -64px 0 no-repeat #34495e;
}

.social-icon i.icon3{
    background-position:-96px 0;
}

.social-icon i.icon3:hover{
    background:url(../images/img-sprite.png) -96px 0 no-repeat #34495e;
}

.memeber-icon {
	display: inline-block;
	padding: 13px 15px;
	margin: 0;
	cursor: pointer;
}

div.heading-1 .memeber-icon {
	display: inline-block;
	padding: 0px 15px;
	margin: 0;
	cursor: pointer;
}

.logo{
    text-align:center;
    padding-top:1em;
}

.logo h1 a{
    color:#fff;
    font-size:1.3em;
}

.logo span{
    display:block;
    font-size:.32em;
    letter-spacing:4px;
}

.header-bottom{
    padding:1em 0;
}

.navbar-nav{
    float:left;
    margin:0;
}

.navbar-default{
    background:#fff;
    border:none!important;
}

.navbar-default .navbar-nav>li>a{
    color:#05222A;
    font-size:1.3em;
    font-weight:900;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    color:#02B875;
    background-color:#fff;
}

.navbar{
    min-height:50px;
    margin-bottom:0;
    border:1px solid transparent;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    color:#05222A;
    background-color:#fff;
}

.menu__list{
    -webkit-flex-wrap:inherit;
    flex-wrap:inherit;
}

.menu__item{
    display:block;
    margin:1em 0;
}

.menu__link{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
}

.menu--francisco .menu__item{
    margin:0 1.5em;
}

.menu--francisco .menu__link{
    position:relative;
    overflow:hidden;
    height:3em;
    padding:1em 0;
    text-align:center;
    color:#b5b5b5;
    -webkit-transition:color .3s;
    transition:color .3s
}

.menu--francisco .menu__link:focus,.menu--francisco .menu__link:hover{
    color:#929292;
}

.menu--francisco .menu__item--current .menu__link{
    color:#02B875;
}

.menu--francisco .menu__link::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    opacity:0;
    background:#02B875;
    -webkit-transform:translate3d(0,-3em,0);
    transform:translate3d(0,-3em,0);
    -webkit-transition:-webkit-transform 0s .3s,opacity .2s;
    transition:transform 0s .3s,opacity .2s;
}

.menu--francisco .menu__item--current .menu__link::before,.menu--francisco .menu__link:hover::before{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:-webkit-transform .5s,opacity .1s;
    transition:transform .5s,opacity .1s;
    -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-timing-function:cubic-bezier(.4,0,.2,1);
}

.menu--francisco .menu__helper{
    display:block;
    pointer-events:none;
}

.menu--francisco .menu__item--current .menu__helper,.menu__link:hover .menu__helper{
    -webkit-animation:anim-francisco .3s forwards;
    animation:anim-francisco .3s forwards;
}

@-webkit-keyframes anim-francisco{
    50%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    51%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

@keyframes anim-francisco{
    50%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    51%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

.nav-menus-wrapper.nav-menus-wrapper-open{
    /*background: rgba(0, 0, 0, 0) url("https://raw.githubusercontent.com/khadkamhn/secret-project/master/img/background.jpg") no-repeat scroll center center;*/
    /*box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
		background: #cde3f0;
}

.nav-menus-wrapper {
	margin-right: 60px;
}

/* menu style ends here */
/*
.logout {
	background: url(../images/logout.png) 0px 0px no-repeat;
	position: relative;
	width: 23px;
	height: 22px;
	margin: 0px 0 0 20px;
	padding: 0;
	top:7px;
}
.logout::after {
	content: "";
	background: url(../images/logout.png) -23px 0px no-repeat;
	opacity: 0;
	transition: opacity 0.5s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.logout:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}

.logout-desk {
	background: url(../images/logout.png) 0px 0px no-repeat;
	position: relative;
	width: 22px;
	height: 22px;
	margin: 0px 0 0 20px;
	padding: 0;
	top:5px;
}
.logout-desk::after {
	content: "";
	background: url(../images/logout.png) -23px 0px no-repeat;
	opacity: 0;
	transition: opacity 0.5s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.logout-desk:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}
*/
.nav-menu-top {
	background: #ffffff; /* Old Browsers */
	background: -webkit-linear-gradient(top,#ffffff,#e7e7e7); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,#ffffff,#e7e7e7); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,#ffffff,#e7e7e7); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, #ffffff, #e7e7e7); /*Standard*/
	width:100%;
	height:55px;
	display: inline;
}

.nav-menu-top form {
	height: 56px;
	margin: 0;
	padding: 0;
	background: none;
}

.nav-menu-top form input {
	height: 56px;
	border: none;
	background: none;
}

.nav-menu-top form button {
	background: none;
}

.bottom-section {
	position:fixed;
	bottom: 0;
	left: 0;
	background: #e7e7e7;
	width: 100%;
	height: 55px;
	text-align: center;
	z-index: 2;
	border-top:1px solid #0095b8;
}

.bottom-section .row {
	padding-left: 0;
	padding-right: 0;
}

.bottom-section a {
	background: #e7e7e7;
	text-align: center;
	height: 55px;
	padding: 12px 0 0 0;
	font-size: 19px;
	color: #152844;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bottom-section a img {
	margin-top: -3px;
	margin-right:3px;
	margin-left:3px;
}

.bottom-section a:hover,.bottom-section a:active {
	background: #CECECE;
	color: #152844;
}

.bottom-section a i {
	position: relative;
	top:0px;
	font-size: 26px;
}

.bottom-section a.border-right {
	border-right: 1px solid #BFBFBF;
}

.bottom-section label {
	background: #e7e7e7;
	text-align: center;
	height: 46px;
	cursor: pointer;
	font-size: 19px;
	letter-spacing: 3px;
	color: #152844;
	padding-top: 12px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bottom-section label img {
	margin: -3px 0 0 3px;
}

.bottom-section label:hover,.bottom-section label:active {
	background: #CECECE;
	color: #152844;
}

.bottom-section label i {
	position: relative;
	top:3px;
}

.back-section {
	margin-top: 30px;
}

.back-section a {
	background: #006195;
	text-align: center;
	height: 40px;
	margin: 0 1%;
	padding: 2%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0px;
	color: #e9e9e9;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.back-section a img {
	margin-top:-3px;
}

.back-section a:hover,.back-section a:active {
	background: #22467a;
}

.submit-btn {
	color: #e9e9e9;
}

.submit-hidden {
	display:none;
}

.hidden {
	display: none;
}

.input-group-addon-2 {
	color: #22467a;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 10px 0 0px;
	padding: 0;
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
}

.top-heading {
	position: relative;
	background: #d4e7f4;
	height: 40px;
	top:0;
	z-index: 1;
}

.top-heading a {
	font-size: 17px;
	margin: 0;
	padding: 0;
	color: #152844;
}

.top-heading a i {
	margin-top: 26px;
}

.top-heading h2 {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	letter-spacing: 2px;
	font-size: 17px;
	margin:0 auto;
	padding: 13px 0 0 0;
	text-align: center;
}

.form-margin {
	margin-top: 30px;
}

.content {
	position: relative;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 200px;
}

#chart-container .content {
	position: relative;
	z-index: 1;
	padding-bottom: 10px;
	height: auto;
}

.back-btn {
	background: url(../images/back.png) 0px 0px no-repeat;
	position: relative;
	width: 8px;
	height: 14px;
	margin: 20px 0 0 20px;
	padding: 0;
}
.back-btn::after {
	content: "";
	background: url(../images/back.png) -8px 0px no-repeat;
	opacity: 0;
	transition: opacity 0.5s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.back-btn:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}

.login-fix form.col-lg {
	padding-left: 0;
	padding-right: 0;
}

.login-fix .back-btn {
	background: none;
	position: relative;
	width: 8px;
	height: 14px;
	margin: 20px 0 0 20px;
	padding: 0;
}
.login-fix .back-btn::after {
	content: "";
	background: none;
	opacity: 0;
	transition: opacity 0.5s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.login-fix .back-btn:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}

.login-fix .select-arrow-fix .select-arrow {
	top: 13px;
	color: #257db4;
}

.login-fix form select {
	border-radius: 50px;
	padding-left: 15px;
	font-size: 14px;
	border-color: #257db4;
}

.page-title-mobile {
	margin: 0;
	padding: 0;
}

.page-title-mobile a {
	display: inline-block;
	font-size: 18px;
	color: #434343;
	margin: 0;
	padding: 14px 15px 18px 15px;
	letter-spacing: 1px;
}

.page-title-mobile a span {
	display: inline-block;
	padding: 6px 0 0 0;
}

.page-title-mobile a.arrow {
	display: inline-block;
	font-size: 18px;
	color: #999;
	margin: 0;
	padding: 15px 0px;
	letter-spacing: 1px;
}

.page-title-mobile a.link {
	color: #bbb;
}

.page-title-mobile a.link:hover,
.page-title-mobile a.link:active {
	color: #006195;
}

.page-title-mobile a.active,
.page-title-mobile a.active:hover,
.page-title-mobile a.active:active {
	color: #006195;
}

.filter-option-1 {
	border: 1px solid #d1d1d1;
	display: inline-block;
	width: 100%;
	color: #22467a;
	padding: 8px 0;
}

.filter-option-2 {
	border: 1px solid #d1d1d1;
	border-left: none;
	display: inline-block;
	width: 100%;
	color: #22467a;
	padding: 8px 0;
}

.filter-option-1:hover,.filter-option-1:active,.filter-option-1:visited,.filter-option-1:focus {
	background: #e9e9e9;
	color: #22467a;
}

.filter-option-2:hover,.filter-option-2:active,.filter-option-2:visited,.filter-option-2:focus {
	background: #e9e9e9;
	color: #22467a;
}

.filter-option-left {
	width: 50%;
}

.filter-option-right {
	width: 50%;
}

.filter-option-left .col {
	padding-right: 0;
}

.filter-option-right .col {
	padding-left: 0;
}

main {
	width:100%;
	margin: 0 auto;
	margin-top: 0px;
}

.login-fix main {
	margin-top: 30px;
	flex: 1;
}

.home-fix main {
	margin-top: 0;
}

.list-group a {
	color: #22467a;
	display: block;
	padding: 15px 15px;
	border-bottom: 1px solid rgba(0,0,0,0.125);
}

.home-list-group.list-group a {
	color: #22467a;
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid rgba(0,0,0,0.125);
}

.list-group a.hcl {
	border: none;
	padding: 0;
}

.list-group .collapse a {
	padding-left: 30px;
}

[data-toggle="collapse"]:after{
  content: "\f107";
	font-family: "fontAwesome";
	position: absolute;
	right: 10px;
}

[data-toggle="collapse"].collapsed:after{
	font-family: "fontAwesome";
  content: "\f105";
	position: absolute;
	right: 10px;
}

.list-group .pagination-block a {
	border-bottom: 1px solid #ddd;
	padding: 0.5rem 0.75rem;
}

.pagination-2 .list-group .pagination-block a {
	border-bottom: 1px solid #ddd;
	padding: 0.5rem 16px;
	margin: 0 15px;
	border-radius: 5px;
}

.pagination {
	justify-content: center;
}

.page-link {
	color: #434343;
}

.page-link:focus, .page-link:hover {
	color: #22467a;
}

.list-group a.border-remove {
	color: #22467a;
	display: block;
	padding: 30px 0px;
	border-bottom: none;
}

.list-group .row:nth-of-type(odd) {
	background: #f6f6f6;
}

.list-group .row:nth-of-type(even) {
	background: #e9e9e9;
}

.row-bg-fix .list-group .row:nth-of-type(odd),.row-bg-fix .list-group .row:nth-of-type(even) {
	background: none;
}

.tree-fix.list-group a {
	width: 100%;
	border:none;
	padding: 10px 15px;
}

.list-group-fix.list-group a.border-remove {
	border-bottom: none;
}

.list-group-fix .padding-remove .col-6 {
	padding-left: 0;
	padding-right: 0;
}

.list-group-fix .padding-remove .col-6 a {
	text-align: center;
}

.list-group a.active {
	background: #e9e9e9;
}

.list-group input {
	padding:0 10px;
	width: 100%;
}

.list-group label.sender-label {
	margin-bottom: 0;
}
.list-group span.sender-name {
	color: #22467a;
}

.list-group span.timer {
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}

.list-group span.timer.col-4 {
	padding-right: 20px;
}

.list-group a span {
	display: inline-block;
	font-size: 13px;
}

.list-group a span.title {
	display: inline-block;
	font-size: 16px;
	word-break: break-all;
}

.home-list-group.list-group a div.title {
	margin: 0;
	padding: 0;
}

.home-list-group.list-group a div.title span {
	display: inline-block;
	font-size: 16px;
	height: 23px;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.list-group a span .font-1 {
	color: #6358AD;
}

.list-group a span .font-2 {
	color: #026ba7;
	margin-left: 5px;
}

.list-group a span font.time {
	float: left;
	color: #888;
	font-size: 16px;
}

.home-list-group.list-group a div.title font.time {
	float: left;
	color: #888;
	font-size: 12px;
}

.list-group a img.icon {
	margin-right: 5px;
}

.list-group a img.arrow {
	float: right;
}

.list-group-fix.list-group a img.arrow {
	float: right;
	margin-top: -7px;
}

.arrow-fix.list-group a img.arrow {
	float: right;
	margin-top: -7px;
}

.list-group a:hover,.list-group a:active {
	background: #DBDBDB;
}

.list-group a.hcl:hover,.list-group a.hcl:active {
	background: none;
	color: #434343;
}

.list-group h1 {
	font-size: 20px;
	line-height: 26px;
}
.list-group h2 {
	font-size: 18px;
	line-height: 35px;
}
.list-group .info-span {
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
}

.list-group .info-span.line-height-10 {
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
}

.list-group .editor {
	margin-top: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

.news-content .col-12 {
	padding: 0;
}

.news-content .list-group .row {
	border-bottom: 1px solid #bfbfbf;
	padding: 10px 0;
}

.news-content .list-group .row h2 {
	padding-right: 5px;
}

.news-content .list-group .row:nth-of-type(odd) {
	background: #f6f6f6;
}

.news-content .list-group .row:nth-of-type(even) {
	background: #e9e9e9;
}

.list-group form {
	border-bottom: 1px solid #ddd;
}
.list-group form {
	margin-top: 30px;
	padding-bottom: 20px;
}

.list-group-fix.list-group form {
	border: none;
	padding: 0;
}

.datepicker-group-fix {
	height: 40px;
}

.datepicker-group-fix .input-group {
	width: 100%;
	display: block;
}

.datepicker-group-fix label {
	margin-right: 4px;
	margin-top: 9px;
}

.upload-group-fix label {
	margin-right: 4px;
	margin-top: 9px;
}

.upload-group-fix .col-6 {
	padding-left: 0;
	padding-right: 0;
}

.upload-group-fix #uploadFile {
	padding-right: 5px;
	padding-left: 5px;
	width: 75%;
}

.datepicker-group-fix #datepicker-3 {
	width: 50%;
}

.label-fix-2 label {
	margin-right: 1px;
}

/* table style starts */

.table table {
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
  /*border: 1px solid #ccc;*/
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table .table-responsive table {
  table-layout: auto;
	white-space: nowrap;
}

.table table tr {
  background: #e9e9e9;
  padding: 0;
}

.table-filter.table table thead tr {
	border-top:none;
	padding: 0;
	border-bottom: none;
}
.table-filter.table table tbody tr {
	border-top:none;
	padding: 0;
	border-bottom: 1px solid #cbcccc;
}

.table-filter table th {
	padding: 0px 5px !important;
	height: 28px;
}
.table-filter table td {
	padding: 10px 5px !important;
}

.table-no-bg .table table tr {
	border-top: none;
	border-bottom:1px solid #707070;
}

.table-no-bg.table-change-3 .table table tr {
	border-top: none;
	border-bottom:none;
}

.table-no-bg.table-change-3 .table table thead tr {
	border-top: none;
	border-bottom:1px solid #707070;
}


.table-no-bg .no-border.table table tr {
	border-top: none;
	border-bottom:none;
}

.grid-group-fix-3 .table table tr {
	border-top: none;
}

.table table tbody tr:last-child {
	border-bottom: 1px solid #ddd;
}
.table table thead tr {
	background: #f1f1f1;
}

.table-filter.table table thead tr {
	background: #eeefef;
}


.table table thead tr.bg-none {
	background: none;
}

.table-no-bg .table table thead tr {
	background: none;
}

.table table thead tr th {
	color: #434343;
	font-weight: bold;
}

.table-no-bg .table table thead tr th {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 4px;
	padding-right: 4px;
}

.no-padding-top-bottom.table table thead tr th {
	padding-left: 5px;
	padding-right: 5px;
}

.tab-group {
	display: block;
	width: 100%;
}

.tab-group li {
	border: none;
	border-radius: 0px;
	margin: 0;
	display: inline-block;
	text-align: center;
}

.tab-group a {
	display: inline-block;
	font-size: 13px;
	padding: 6px;
	width: 100%;
	border: 1px solid #7b7b7b;
	border-radius: 5px;
}

.tab-group a:hover,.tab-group a:active {
	background: #BB0611;
	color: #fff;
	width: 100%;
	border: 1px solid #BB0611 !important;
	border-radius: 5px;
	padding: 6px;
}

.table table thead tr {
	border-top:none;
}
.table table tbody tr {
	background: #e9e9e9;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
}
.table-filter.table table tbody tr {
	background: #fff;
}
.table table tbody tr.bg-none {
	background: none;
}
.table-no-bg .table table tbody tr {
	background: none;
}
.grid-group-fix-3 .table table tbody tr {
	background: #fff;
}
.grid-group-fix-3 .table table thead tr th{
	padding: 12px 0;
}
.table table th,
.table table td {
  /*padding: .625em;*/
  text-align: center;
}

.table table td.color-blue {
	color: #22467a;
}

.table table td.color-white {
	color: #fff;
}

.table table td span font {
	color: #BA1A1A;
}

.table table td span font.desktop-only {
	color: #434343;
}

.table table tbody tr td {
	font-size: 15px;
	vertical-align: middle;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
}

.table table tbody tr:nth-of-type(odd) {
	background: #f6f6f6;
}

.table-filter.table table tbody tr:nth-of-type(odd) {
	background: #ffffff;
}

.table table tbody tr.bg-none:nth-of-type(odd) {
	background: #fdffd6;
}

.table-no-bg .table table tbody tr:nth-of-type(odd) {
	background: none;
}

.grid-group-fix-3 .table table tbody tr:nth-of-type(odd) {
	background: #fff;
}

.table table tbody tr:hover,.table table tbody tr:active {
	cursor: pointer;
	background: #DBDBDB;
}

.table-fix-2 .table table tbody tr:hover,
.table table tbody tr:active {
	background: none;
}

.table table tbody tr:hover td,.table table tbody tr:active td {
	color: #434343;
}

.table table tbody tr td a.link {
	color: #22467a;
	display: block;
	padding: 8px 8px 8px 8px;
	font-weight: normal;
}

.table table tbody tr td a.link:hover,table tbody tr td a.link:active {
	background: #22467a;
	color: #e9e9e9;
}

.table td.no-gap {
	padding: 0;
}

.table table th {
  font-size: 15px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.table thead th {
	padding-left: 0px;
	padding-right: 0px;
}

.table table thead tr th.t-head {
	background: #4274B5;
}

.table table thead tr th span {
	display: none;
}

.padding-r-fix.col {
	padding-right: 4px;
}

.padding-l-fix.col {
	padding-left: 4px;
}

.label-fix-1 .col-7 {
	max-width: 65.5%;
	flex: 0 0 65.5%;
}

.btn-primary {
	background: #D83C24;
	border-color: #D83C24;
	color: #ffffff;
}

.btn {
	border-radius: 0;
	height: auto;
	letter-spacing: 1px;
	padding: 10px 4px 9px 4px;
    line-height: normal;
	font-size: 14px;
	cursor: pointer;
	word-break: break-all;
	white-space: normal;
}

.btn.br-right {
	border-radius: 0 10px 10px 0;
	max-height: 40px;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	.flex-column .btn {
		border-radius: 20px;
		height: 40px;
		letter-spacing: 2px;
		padding: 10px 0 28px 0;
		line-height: normal;
		font-size: 14px;
		cursor: pointer;
	}
}

@-moz-document url-prefix() {
	.flex-column .btn {
		border-radius: 20px;
		height: 40px;
		letter-spacing: 2px;
		padding: 10px 0 10px 0;
		line-height: normal;
		font-size: 14px;
		cursor: pointer;
	}
}

.btn-primary:hover, .btn-primary:active {
	background: #036eb8;
	border-color: #036eb8;
}

.btn-purple {
	background: #A34F8E;
	border-color: #A34F8E;
	color: #ffffff;
}

.btn-purple:hover,.btn-purple:active {
	background: #A03B87;
	border-color: #A03B87;
	color: #ffffff;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.fileUpload-fix.fileUpload {

    overflow: hidden;
    margin: 0px 0 0px 0;
		height: 48px;
		float: none;
		border-radius: 0 10px 10px 0;
}
.fileUpload-fix.br-10.fileUpload {
    position: relative;
    overflow: hidden;
    margin: -49px 0 0px 0;
		height: 48px;
		right: 0;
		float: none;
		border-radius: 10px 10px 10px 10px;
}

.btn-info {
	background: #14899f;
	border-color: #14899f;
}

.btn-info:hover,.btn-info:active {
	background: #056f7f;
	border-color: #056f7f;
}

.btn-grey-light {
	background: #e8ebee;
	border-color: #bebdbd;
}

.btn-grey-light:hover, .btn-grey-light:active {
	background: #DBDBDB;
	border-color: #bebdbd;
}

.btn-orange {
	color: #fff;
	background: #d16a3c;
	border-color: #d16a3c;
}

.btn-orange:hover,.btn-orange:active {
	color: #fff;
	background: #d65d11;
	border-color: #d65d11;
}

.btn-default {
	color: #434343;
	background: #eeefef;
	border-color: #eeefef;
}

.btn-default:hover,.btn-default:active {
	color: #434343;
	background: #e2e6ea;
	border-color: #e2e6ea;
}
.fileUpload-fix.br-10.fileUpload label {
	height: 50px;
	/*margin-top: -10px;*/
}
.fileUpload-fix.fileUpload.fileUpload-pre {
	margin: 0;
}

.fileUpload-fix.br-10.fileUpload.fileUpload-pre {
	margin: 0px 0 0 0px;
}
.fileUpload-fix.fileUpload.fileUpload-pre {
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.photoUpload-fix .fileUpload {
	margin-left: -4px;
	margin-bottom: 20px;
}
#fileList {
	position: relative;
	top:0;
	left: 5px;
}
#fileList2,#fileList3,#fileList4,#fileList5 {
	width: 100%;
}
#fileList2 img,#fileList3 img,#fileList4 img,#fileList5 img {
	/*width: 80px;
	height: 80px;*/
	padding: 0;
	border: 1px solid #a8a8a8;
}

#fileList2 div.relative div#x,#fileList3 div.relative div#x,#fileList4 div.relative div#x,#fileList5 div.relative div#x {
	margin-left: -25px;
	margin-top: 1px;
	display: none;
}

#fileList2 div#x img,#fileList3 div#x img,#fileList4 div#x img,#fileList5 div#x img {
	border: none;
	width: 16px;
	height: 16px;
	position: absolute;
}
/*
#fileList2 img:after {
	content: "";
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/x.svg);
	width: 16px;
	height: 16px;
}*/

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.upload-group-fix .btn-primary {
	background: #434343;
	color: #e9e9e9;
}

.upload-group-fix .btn {
	border-radius: 0;
	outline: none;
	border: none;
	height: 40px;
	margin: -4px 0 0 -4px;
}
/* table style ends */

.label-fix-1 .col-5 {
	padding-right: 0;
}

.banner {
	margin-top: 0px;
}

.banner img {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0;
}

.grid-group a {
	display: block;
	padding: 18px 0;
	margin: 0px 0 0 0;
	text-align: center;
	font-size: 14px;
	color: #434343;
}

.grid-group .row {
	padding-left: 0;
	padding-right: 0;
}

.grid-group a:hover, .grid-group a:active {
	color: #bb0611;
}

.grid-group .row {
    border-bottom: 1px dotted #ccc;
}

.grid-group .row:last-child {
	border-bottom: 1px dotted #ccc;
}

.grid-group .row .border-right {
    border-right: 1px dotted #ccc;
}
/*
.grid-group-fix-2 .grid-group .row .col-4,
.grid-group-fix-2 .grid-group .row .col-6 {
	border-top: 1px dotted #ccc;
}
*/
.grid-group-fix-2 .grid-group .row .bt-0.col-4 {
	border-top: none;
}

.login-form {
	margin-bottom: 40px;
}

.login-form .imagebox {
	display: inline-block;
	padding: 0 0 30px 0;
	margin: 0;
	text-align: center;
}
.login-form .imagebox .heading {
	margin-bottom: 20px;
}
.login-form .imagebox .heading h2 {
	font-size: 26px;
	color: #BB0611;
}

.login-form .imagebox .heading h3 {
	font-size: 15px;
	color: #666;
	margin-top: 5px;
}

.login-form .remember .col {
	padding-left: 0;
}

.login-form input {
	border: 1px solid #bebebe;
	border-right: none;
	color: #434343;
	font-size: 14px;
	height: 40px;
	border-radius:40px 0 0 40px;
}

input:focus {
	outline: none;
}

.login-form .icon-label {
	border: 1px solid #257db4;
	border-left: none;
	height: 40px;
	border-radius:0px 40px 40px 0px;
}



.login-form .icon-label img {
	margin: 9px 0 0 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.login-form .security-fix .col-3 {
	padding-left: 0;
	padding-right: 0;
}

.login-form .security-fix .input.col-9 {
	padding-left: 15px;
	padding-right: 15px;
}

.login-form .security-fix img {
	width: 100%;
	height: 50px;
	border-radius:0px 50px 50px 0px;
}

.login-form .btn-primary {
	background: #006195;
	border-color: #006195;
	color: #e9e9e9;
}

.login-form .btn {
	border-radius: 40px;
	height: 40px;
	letter-spacing: 3px;
}

.login-form .btn.submit-btn {
	color: #fff;
	letter-spacing: 10px;
	background: #257db4; /* Old browsers */
	background: -moz-linear-gradient(left, #257db4 0%, #14899f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #257db4 0%,#14899f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #257db4 0%,#14899f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#257db4', endColorstr='#14899f',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.login-form .btn.submit-btn:hover,.login-form .btn.submit-btn:active {
	background: #14899f; /* Old browsers */
	background: -moz-linear-gradient(left, #14899f 0%, #257db4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #14899f 0%,#257db4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #14899f 0%,#257db4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14899f', endColorstr='#257db4',GradientType=1 ); /* IE6-9 */
}

.login-form .btn-primary:hover,.login-form .btn-primary:active {
	background: #22467a;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f0d8";
    float: right;
		color: #22467a;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f0d7";
		color: #22467a;
}

.accordion a.card-title {
	color: #22467a;
	cursor: pointer;
}

.accordion .card-header {
	background: none;
	border-bottom: none;
	padding: 10px 10px;
	cursor: pointer;
}

.accordion .card {
	border-radius: 0;
}

.accordion p span{
	font-size: 18px;
	color: #434343;
	display: block;
	padding: 5px 0;
	font-weight: bold;
	word-break: keep-all;
}

.bg-default.accordion p span {
	color: #888;
}

.accordion p span font {
	color: #22467a;
}


.datepicker-group-fix .add-on {
	position: relative;
	top:13px;
	right: 28px;
	z-index: 0;
}

.datepicker-group-fix .sep-line {
	width: 1px;
	height: 50px;
	background: #d1d1d1;
	position: relative;
	top:0px;
	right: 40px;
	z-index: 0;
}

.date .add-on-1,.date .add-on-2 {
	position: relative;
	top:13px;
	left: -28px;
	z-index: 0;
}

.date .relative .add-on-1,.date .relative .add-on-2 {
	position: absolute;
	top:13px;
	left: -28px;
	z-index: 0;
}

.date5 .relative .add-on-1 {
	position: absolute;
	top:15px;
	left: -28px;
	z-index: 0;
}

.date3.date .add-on-3 {
	position: relative;
	top:-36px;
	left: 0;
	padding-right: 15px;
	z-index: -1;
	display: flex;
	justify-content: flex-end;
}

.date3.date input {
	background: none !important;
}

.hasbg.date3.date input {
	background: #fff !important;
}

.date2.date .add-on-1,.date2.date .add-on-2 {
	position: relative;
	top:-28px;
	left: 0;
	padding-right: 15px;
	z-index: -1;
	display: flex;
	justify-content: flex-end;
}
.date4.date .add-on-1 {
	position: relative;
	top:-33px;
	left: 0;
	padding-right: 15px;
	z-index: -1;
	display: flex;
	justify-content: flex-end;
}

.date5.date .add-on-1 {
	position: relative;
	top:-28px;
	left: 0;
	padding-right: 15px;
	z-index: -1;
	display: flex;
	justify-content: flex-end;
}

.modal .date .add-on-1,.modal .date .add-on-2 {
	position: relative;
	top:-34px;
	z-index: 0;
	display: flex;
	justify-content: flex-end;
	left: -12px;
	z-index: 0;
	height: 0;
}

.date .sep-line-1,.date .sep-line-2 {
	width: 1px;
	height: 50px;
	background: #d1d1d1;
	position: relative;
	top:0px;
	left: -40px;
	z-index: 0;
}

.tree-fix .tree-list.col-12, .tree-fix .tree-list .col-12 {
	padding: 0;
}

.tree-list .nav-header {
	color: #22467a;
}
.tree-list .tree .col-12,.tree-list .tree.col-12 {
	padding-left: 0;
	padding-right: 0;
}
.tree-list a {
	word-break: break-all;
}

.tree-list ul li {
	margin: 0px 0 10px 0;
}

.tree-list ul li ul li {
	margin: 5px 0;
}

.tree-list ul li ul li ul li{
	margin: 5px 0;
}

.tree-list .layer-2 a{
	color: #6358AD;
}

.tree-list .layer-3 a{
	color: #026ba7;
}

.tree-list .layer-4 a{
	color: #0698C9;
}

.tree-list .layer-5 a{
	color: #955CDB;
}

.tree-list .no-tree a {
	padding: 10px 15px 10px 24px;
}

.trophy label {
	display: block;
	padding: 0px 0;
	font-weight: bold;
	text-align: right;
}

.trophy .col-8 .row {
	margin-top: 3px;
}

.trophy .text {
	display: block;
	padding: 0px 0 0 0px;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
}


.trophy span.text {
	color: #434343;
}

.trophy span.text font {
	color: #22467a;
}

.trophy .bg-number {
	background: url(../images/trophy.png) no-repeat;
	width: 54px;
	height: 54px;
}

.trophy .bg-number .number {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-top: -26px;
}

.trophy .list {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.trophy .no-border.list {
	border-bottom: none;
}

.trophy a {
	color: #22467a;
	padding: 10px;
}
.trophy a img {
	margin-left:6px;
}

.trophy .border-right {
	border-right: 1px solid #ddd;
}

footer {
	background: #e7e7e7;
	width: 100%;
	height: 46px;
	padding-top: 14px;
	padding-bottom: 0px;
	position: relative;
  right: 0;
  bottom: 0;
  left: 0;
}

footer h1 {
	font-size: 18px;
	color: #666;
	margin-left: 5px;
}

.pagination-info {
	color: #22467a;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 20px 0;
	display: none;
}

.pagination-2 .pagination-info {
	color: #22467a;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0 0px 0;
	display: inline-flex;
	padding: 5px 5px 0px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.fast-link {
	display: block;
	-webkit-transition: all .5;
	-moz-transition: all .5;
	-o-transition: all .5;
	transition: all .5;
}

.fast-link .row {
	padding-left: 0;
	padding-right: 0;
}

.fast-link a {
	color: #434343;
	display: inline-block;
	margin: 0;
	padding: 10px;
}

.fast-link .border-right {
	border-right: 1px solid #ddd;

}

.fast-link .link-1,.fast-link .link-2 {
	text-align: center;
}

.fast-link .link-1 {
	margin-top: 0px;
}

.fast-link .link-2 {

}

.fast-link .link-3 {
	text-align: center;
}

.fast-link a:hover,.fast-link a:active {
	background: #f1f1f1;
}

.remember {
	margin-top: 10px;
	margin-bottom: 15px;
}

.remember label {
	margin:4px 0 0 4px;
	padding: 0;
}

.remember a {
	margin: 0;
	padding: 0;
	color: #434343;
	position: relative;
	top:5px;
}

.remember a:hover,.remember a:active {
	color: #22467a;
}

.login-form .remember input {
	width: 22px;
	height: 22px;
	margin-top: 0px;
}

.ok-box {
	font-size: 18px;
}

.ok-box.center {
	align-items: initial;
}
.ok-box i {
	margin-top: 3px;
}

.info-detail .label-1 {
	text-align: right;
	font-weight: bold;
	line-height: 15px;
}

.info-detail .label-1.col-5,.info-detail .label-1.col-6, .info-detail .label-1.col-7 {
	padding-left: 0;
	padding-right: 0;
}

.info-detail span {
	color: #22467a;
	font-weight: bold;
	line-height: 15px;
}
.info-detail .upload-group-fix span {
	color: #e9e9e9;
	font-weight: bold;
	line-height: 15px;
}

.info-detail .span-2.col-5, .info-detail .span-2.col-6, .info-detail .span-2.col-7 {
	padding-left: 5px;
	padding-right: 0;
}

.info-detail .col-6,.info-detail .col-7 {
	padding-left: 5px;
	padding-right: 5px;
}

.info-detail .upload-group-fix .col-6 {
	padding-left: 0px;
	padding-right: 0px;
}

.info-detail .col-lg, .info-detail .col-md-12 {
	padding: 0;
}

.info-detail form input {
	width:100%;
}

.more-link .border-right {
	border-right: 1px solid #ddd;
}

.more-link a {
	text-align: center;
	padding: 20px;
	color: #434343;
	font-weight: bold;
}

.more-link a:hover,.more-link a:active:focus {
	background: #f1f1f1;
}

.more-link .col-6 {
	padding-left: 0;
	padding-right: 0;
}

.video {
	margin-top: 0px;
}

.video.col-12 {
	padding-left: 0;
	padding-right: 0;
}

.form-fix form .col-4 {
	padding-right: 15px;
}

.input-group-fix label {
	margin-top:13px;
	margin-right: 4px;
}

.input-group-fix input {
	flex:0 0 50%;
	max-width: 50%;
}

.input-group-fix .col {
	padding-left: 5px;
	padding-right: 5px;
}

.col-fix .col-11,.col-fix .col-1 {
	padding-left: 0;
	padding-right: 0;
}

.case-title {
	border-bottom: 1px solid #ccc;
}

.case-title label {
	margin-top: 5px;
	margin-bottom: 0;
}

.case-title h2 {
	font-size: 19px;
	line-height: 25px;
	color: #22467a;
	display: block;
	padding: 5px 15px;
	background: #e7e7e7;
	border-radius: 20px 20px 0 0;
}

.circle-group {
	margin:20px 0 0 0;
}
.circle-group a {
	margin: 2px;
}

.circle-group a.c1 span.title {
	color: #fff;
	font-size: 100px;
	line-height: 100px;
	float: right;
	margin-right: 20px;
}

.circle-group a.c2 span.title {
	color: #fff;
	font-size: 100px;
	line-height: 100px;
	float: left;
	margin-left: 20px;
}
.circle-group a.c3 span.title {
	color: #fff;
	font-size: 100px;
	line-height: 100px;
	float: right;
	margin-right: 20px;
}

.circle-group a.c4 span.title {
	color: #fff;
	font-size: 100px;
	line-height: 100px;
	float: left;
	margin-left: 20px;
}

.circle-group a.c1 span.title2 {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 25px;
	left: 180px;
}

.circle-group a.c2 span.title2 {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 25px;
	left: 180px;
}
.circle-group a.c3 span.title2 {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	position: absolute;
	top: 25px;
	left: 180px;
}

.circle-group a.c4 span.title2 {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	position: absolute;
	top: 25px;
	left: 180px;
}

.circle-group a.c1:after {
	content: url('../images/c-arrow-2.png');
	font-family: "FontAwesome";
	transform: rotate(0deg);
	position: absolute;
	top: 160px;
	left: 160px;
}

.circle-group a.c2:after {
	content: url('../images/c-arrow-2.png');
	font-family: "FontAwesome";
	transform: rotate(90deg);
	position: absolute;
	top: 160px;
	right: 160px;
}

.circle-group a.c3:after {
	content: url('../images/c-arrow-2.png');
	font-family: "FontAwesome";
	transform: rotate(-90deg);
	position: absolute;
	bottom: 160px;
	left: 160px;
}

.circle-group a.c4:after {
	content: url('../images/c-arrow-2.png');
	font-family: "FontAwesome";
	transform: rotate(-180deg);
	position: absolute;
	bottom: 160px;
	right: 160px;
}

.circle-group a.c1 {
	height: 100%;
	border-radius: 600px 0 0 0;
	background: #408e43;
	padding: 20.316% 0;
}

.circle-group a.c2 {
	height: 100%;
	border-radius: 0px 600px 0px 0;
	background: #d03634;
	padding: 20.316% 0;
}

.circle-group a.c3 {
	height: 100%;
	border-radius: 0px 0px 0px 600px;
	background: #e08745;
	padding: 20.316% 0;
}

.circle-group a.c4 {
	height: 100%;
	border-radius: 0px 0px 600px 0px;
	background: #204691;
	padding: 20.316% 0;
}

.circle-group a.c1:hover,.circle-group a.c1:active{
	background: rgba(64,142,67,.8);
}

.circle-group a.c2:hover,.circle-group a.c2:active {
	background: rgba(208,54,52,.8);
}

.circle-group a.c3:hover,.circle-group a.c3:active {
	background: rgba(224,135,69,.8);
}

.circle-group a.c4:hover,.circle-group a.c4:active {
	background: rgba(32,70,145,.8);
}

.s-1-fix label {
	display: block;
	font-size: 20px;
	margin-top:20px;
	padding: 5px 20px;
	background: #e7e7e7;
	border-radius: 20px;
}

.s-1-fix h2 {
	display: block;
	font-size: 20px;
	margin-top:30px;
	margin-bottom: 30px;
	padding: 5px 20px;
	background: #e7e7e7;
	border-radius: 20px;
	color:#434343;
}

table label {
	margin-bottom: 0px;
	position: relative;
	top:-3px;
}

.br-mb {
	display: none;
}

.br-50 {
	border-radius: 50px;
}

.br-40 {
	border-radius: 40px;
}

.br-30 {
	border-radius: 30px;
}

.br-20 {
	border-radius: 20px;
}

.br-10 {
	border-radius: 10px;
}

.br-5 {
	border-radius: 5px;
}

.mb-2px {
	margin-bottom: 2px !important;
}

.pt-7 {
	padding-top: 7px;
}

.pt-8 {
	padding-top: 8px;
}

.pt-13 {
	padding-top: 13px;
}

.pl-10 {
	padding-left: 10px;
}

.color-blue {
	color: #036eb8;
}

.color-blue-light {
	color: #257db4;
}

.color-red {
	color: #BA1A1A;
}

.table-change .table table label {
	top:0px;
}

.table-change .table table label.label-top-fix {
	top:-18px;
}

.br-mb {
	display: block;
	content: "";
	margin-top: 30px;
}
.table table tbody tr:hover label,.table table tbody tr:active label{
	color: #434343;
}
.must {
	color:#BA1A1A;
	position: absolute;
	left: 0;
	margin-top: 3px;
	font-size: 18px;
	font-weight: bold;
}
.table table tbody tr:hover label.must,.table table tbody tr:active label.must{
	color:#BA1A1A;
}
.table table tbody tr:hover label.color-blue,.table table tbody tr:active label.color-blue{
	color: #22467a;
}

.qcheck-fix #input-3,.qcheck-fix #input-4,.qcheck-fix #input-21,.qcheck-fix #input-22 {
	margin-left: 50px;
}

/* table style starts */
.table-change .table table {
	border: 0;
	border-top: 0px solid #ddd;
}

.table-change .table table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.table-change .table table tr {
	border-bottom: 1px solid #ddd;
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
}

.table-change .table table tr:first-child {
	margin-top: 0;
}

.seperate-line {
	border-bottom: 1px solid #ddd;
}

.table-change .table table tr {
	border-top:0px solid #888;
}

.table-change .table table td {
	border-bottom: none;
	display: block;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 28px;
	font-weight: bold;
}
.table-change .table table td label {
	border-bottom: none;
	display: inline-block;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
}
.table-change .table table td label.checkbox_txt,.checkbox_txt{
	font-size: 14px;
}
.table-change .table table td label.checkbox_txt {
	padding-left: 0;
}
table td label font.red-star, font.red-star {
	margin: 0px 0 0 0;
	color: #c30d22 !important;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top:8px;
}

.table-change .table table td.title {
	padding-left: 20px;
	color: #22467a;
}


.table-change .table table td:nth-of-type(odd) {
	background: #fff;
}

.table-change .table table td.title:nth-of-type(odd) {
	background: #fff;
}

.table-change .table table td:nth-of-type(even) {
	background: #fff;
}

.table-change .table table tr.tr-bg-odd td:nth-of-type(odd) {
	background: #DEEEF2;
}

.table-change .table table tr.tr-bg-odd td:nth-of-type(even) {
	background: #CCDEE2;
}
.table-change .table table tr.tr-bg-even td:nth-of-type(odd) {
	background: #E3FCF9;
}

.table-change .table table tr.tr-bg-even td:nth-of-type(even) {
	background: #D4F7F2;
}
.table-change .table table td:before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-label);
	float: left;
	font-weight: bold;
	/*text-transform: uppercase;*/
	margin-right: 5px;
	margin-left: 0px;
	color: #257db4;
}

.addCoin-fix.table-change .table table td:before {
	margin-top: 14px;
}

.photoUpload-fix.table-change .table table td:before {
	margin-top: 29px;
}


.table-change .table table td:last-child {
	border-bottom: 0;
}
.table-change .table table td.no-gap:before {
padding: 8px 0 0 11px;
}

.table-change .table table tbody tr {
	background: #fff;
}

.table-change .table table tbody tr.tr-bg {
	border-bottom: 1px dotted #0095b8;
}
/*
.table-change .table table tbody tr.tr-bg:first-child {
	border-top: 1px solid #0095b8;
}
*/

.table-change .table table tbody tr:nth-of-type(odd) {
	background: #f6f6f6;
}

.table-change .table table tbody tr:nth-of-type(even) {
	background: #e9e9e9;
}

.table-change .table table tbody tr td a.link:hover,table tbody tr td a.link:active {
	background: #fff;
	color: #434343;
}

.table-change .table table tbody input {
	margin-top: 0px;
	height: 50px;
}

.table-change .table table tbody input[type="radio"]  {
	margin-top: 0px;
	width: 30px;
	height: 30px;
}
.table-change .table table tbody input[type="checkbox"]{
	margin-top: 0px;
	width: 20px;
	height: 20px;
	margin-right: 0;
}

.table-change .table table thead tr th span {
	display: inline;
}

.table-change .table table tbody tr td a.link {
	color: #22467a;
	display: block;
	padding: 9px 8px 8px 8px;
}
.table-change .table table tbody tr td font{
	color: #22467a;
	font-weight: bold;
}

.table-change .table table tbody tr td font.color-grey{
	color: #888;
	font-weight: bold;
}

.table-change .table table tbody tr td font.color-grey-2{
	color: #555;
	font-weight: bold;
}

.table-change .table table tbody tr td font.color-orange{
	color: #45A9AD;
	font-weight: bold;
}

.table table tbody tr td {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.no-padding-top-bottom.table table tbody tr td {
	padding-bottom: 0;
	padding-top: 0;
}



.table-no-bg .table table tbody tr td {
	padding-top: 13px;
	padding-bottom: 14px;
}

.grid-group-fix-3 .table table tbody tr td {
	padding-top: 16px;
	padding-bottom: 16px;
}

.table-change .table table tr:hover,.table table tbody tr:hover {
	background: #dbdbdb;
}

.table-filter.table table tbody tr:hover {
	background: #fff;
}

.table table tr.bg-none:nth-of-type(odd):hover {
	background: #fdffd6;
}

.table table tr.bg-none:nth-of-type(even):hover {
	background: none;
}

.table-no-bg .table table tbody tr:hover {
	background: #EAEAEA;
}

/* table style ends */
.table table tbody tr td a {
	color: #0095B8;
	font-size: 15px;
}

.table table tbody tr td a.btn-default {
	color: #434343;
}

.table table tbody tr td a i {
	font-size: 26px;
}

td a span br{
    display:none;
}

.table table tbody tr td.short{
	overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.table table tbody tr td.short a span{
	overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.table table tbody tr td a:hover,.table table tbody tr td a:active {
	color: #22467a;
	text-decoration: underline;
}

.table table tbody tr td a.btn-default:hover,.table table tbody tr td a.btn-default:active {
	color: #434343;
	text-decoration: none;
}

.table table tbody tr td .dropdown-menu.noprint.show a:hover,.table table tbody tr td .dropdown-menu.noprint.show a:active {
	color: #fff;
	text-decoration: none;
}
.table .col {
	padding-left: 5px;
	padding-right: 5px;
}

table input[type="checkbox"] {
	width: 30px;
	height: 30px;
	-webkit-appearance: checkbox;
}

.margin-top--10 {
	margin-top: -11px;
}

form table .form-control {
	padding: 0;
}

.table-change .table table tbody input {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 0 5px 0 9px;
	border-radius: 10px;
	margin: 5px 0;
}
.table-change .table table tbody select{
	margin: 5px 0;
}

.table-change .table table tbody input.input-radius-fix {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 0 5px 0 9px;
	border-radius: 10px 0 0 10px;
}

.table-change .table table tbody input.input-radius-fix-1 {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 0 5px 0 9px;
	border-radius: 10px 0 0 10px;
}

.table-change .table table tbody input.input-radius-fix-2 {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 0 5px 0 9px;
	border-radius: 0px 10px 10px 0px;
}

.table-change .table table tbody input.input-radius-fix-3 {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 0 5px 0 9px;
	border-radius: 0px 0px 0px 0px;
}

input.input-radius-fix {
	border-radius: 10px 0px 0px 10px;
}

.photoUpload-fix.table-change .table table tbody input {
	margin-right: 0;
}

.table-change .table table tbody textarea {
	padding: 0 5px 0 9px;
}

.table-fix .table table tbody tr:last-child {
	border-bottom: none;
}

.table-fix .table table tbody tr.tr-first:last-child {
	border-bottom: none;
}

.table-fix .table table tbody tr#inputArea:last-child {
	border-bottom: none;
}

.table-fix .table table tbody tr.tr-border {
	border-bottom: 1px solid #bfbfbf;
}


.table-no-bg.table-fix .table table tbody.tbody-fix tr:last-child {
	border-bottom: 1px solid #707070;
}

.table-no-bg.table-fix .table table tbody.tbody-fix tr:last-child {
	border-bottom: 1px solid #707070;
}

.table-change-3-fix.table-no-bg.table-fix .table table tbody.tbody-fix tr:last-child {
	border-bottom: none;
}

.color-blue {
	color: #006195;
}

.table-no-bg .hasborder {
	background: url(../images/border-round.svg);
	width: 40px;
	height: 40px;
	display: inline-block;
	padding-top: 7px;
	padding-left: 6px;
	margin-right: 10px;
}

.table-no-bg .no-border .pl-50 {
	padding-left: 16%;
}

.w160 {
	width: 160px;
}

.table-fix-2.table-fix .table table tbody.tbody-fix tr:last-child {
	border-bottom: 1px dotted #575757;
}

.table-change .table table tbody span {
	color: #434343;
	margin-left: 0px;
	display: block;
	word-break: break-all;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.table-change .table table tbody a.add-term:hover span, .table-change .table table tbody a.add-term:active span {
	color: #fff;
}

.table-change .table table tbody span.inline-b {
	color: #22467a;
	margin-left: 0px;
	display: inline-block;
	word-break: break-all;
}

.table-change .table table tbody span.color-blue2 {
	color: #0095b8;
	margin-left: 0px;
	display: block;
	word-break: break-all;
}

.table-change .table table tbody span.text-indent {
	color: #22467a;
	margin-left: 10px;
	display: block;
	word-break: break-all;
}
.table-change .table table tbody span.span-inline {
	color: #22467a;
	margin-left: 5px;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
	left: -5px;
}
.addCoin-fix.table-change .table table tbody span.span-inline {
	top:0;
}

.table-change .table table tbody span.span-inline.red {
	margin-left: 5px;
	color: #BA1A1A;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
	left: -5px;
}

.table-change .table table tbody span.span-inline.green {
	margin-left: 5px;
	color: green;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
	left: -5px;
}

.table-change .table table tbody span.span-inline.yellow {
	margin-left: 5px;
	color: #DDC018;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
	left: -5px;
}

.table-change .table table tbody span.span-inline.grey {
	color: #999;
	margin-left: 5px;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
	left: -5px;
}

.table-change .table table tbody span.span-inline.grey-2 {
	color: #555;
	margin-left: 5px;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
	left: -5px;
}

.table-change .table table tbody span.color-red {
	color: #BA1A1A;
}

.table-change .search-form span.span-inline.red {
	margin-left: 5px;
	color: #BA1A1A;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change .table table tbody span.span-inline.orange {
	margin-left: 5px;
	color: #CE7502;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change .table table tbody span.uploadspan {
	color: #fff;
	margin-left: 0px;
	display: block;
	padding-top: 3px;
}

.table-change .table table tbody span.span4 {
	color: #22467a;
	margin-left: 86px;
	display: block;
}

.table-change .table table tbody span:first-line {
	margin-left: 0;
}

.table-change form input {
	height: 40px;
}

.table-change form input.pc-input {
	border-radius: 10px;
}

.table-change form input[type="checkbox"] {
	height: auto;
}

/*.table-change .search-form input[type="checkbox"] {
	width: 30px;
	height: 30px;
	position: relative;
	top:7px;
}*/

.search-form .check-section {
	margin: 15px 0 0 0;
	padding: 0;
}

.search-form button.btn {
	margin-top: 30px;
	margin-bottom: 34px;
}

.search-label {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.table-change .search-form .btn-group {
	margin-top: -4px;
}


/* radio & checkbox styling starts */
.fa-2x {
	font-size: 22px;
}

label.btn span {
  font-size: 18px;
	font-weight: bold;
	color: #22467a;
}

label.btn span.font-s {
	font-size: 16px;
}

label.btn span.black {
	color: #434343;
}

label.btn span.span-inline {
	position: relative;
	top:-5px;
}

label.checkbox-label.btn span.span-inline {
	position: relative;
	top:-8px;
	z-index: 20;
}

label.checkbox-label {
	width: 50px;
}

.fake-label.col-xl-12 {
	padding-right: 360px;
	padding-bottom: 0px;
}

.search-form label.btn span {
  font-size: 18px;
	font-weight: bold;
	color: #22467a;
	position: relative;
	top:-5px;
}

.keyword:after {
	position: absolute;
    visibility: visible;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 16px;
	color: #707070;
	top:7px;
	right: 10px;
}

.keyword {
	max-height: 30px;
}

.keyword .label {
	padding-top: 6px;
}

.login-fix label.btn span {
	font-size: 14px;
	color: #434343;
	font-weight: bold;
}

input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;
		display: inline;
}
input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #257db4;
		display: inline;
}

input[type="radio"].grey:checked ~ i.fa.fa-dot-circle-o{
    color: #999;
		display: inline;
}

input[type="radio"].grey-2:checked ~ i.fa.fa-dot-circle-o{
    color: #555;
		display: inline;
}

input[type="radio"].red:checked ~ i.fa.fa-dot-circle-o{
    color: #BA1A1A;
		display: inline;
}

input[type="radio"].green:checked ~ i.fa.fa-dot-circle-o{
    color: green;
		display: inline;
}

input[type="radio"].yellow:checked ~ i.fa.fa-dot-circle-o{
    color: #DDC018;
		display: inline;
}

label:hover input[type="radio"] ~ i.fa {
	color: #7AA3CC;
}

input[type="checkbox"] ~ i.icon-checkbox-unchecked{
    color: #257db4;
		display: inline;
}
input[type="checkbox"] ~ i.icon-checkbox-checked{
    display: none;
}

input[type="checkbox"]:checked ~ i.icon-checkbox-unchecked{
    display: none;
}
input[type="checkbox"]:checked ~ i.icon-checkbox-checked{
    color: #257db4;
	display: inline;
}

input[type="checkbox"]:checked.grey ~ i.icon-checkbox-checked{
    color: #7b7b7b;
		display: inline;
}


label.focus input[checked="checked"] ~ i.icon-checkbox-unchecked{
    display: none;
}

label.focus input[checked="checked"] ~ i.icon-checkbox-checked{
    color: #22467a;
		display: inline;
}

label.btn input[checked="checked"] ~ i.icon-checkbox-unchecked{
    display: none;
}

label.btn input[checked="checked"] ~ i.icon-checkbox-checked{
    color: #22467a;
		display: inline;
}

label.btn input[checked="checked"].red ~ i.icon-checkbox-checked,
label.btn input[checked="checked"].red ~ i.fa-dot-circle-o {
    color: #BA1A1A;
		display: inline;
}

label.btn input[checked="checked"].grey ~ i.icon-checkbox-checked,
label.btn input[checked="checked"].grey ~ i.fa-dot-circle-o {
    color: #999;
		display: inline;
}

label.btn input[checked="checked"].green ~ i.icon-checkbox-checked,
label.btn input[checked="checked"].green ~ i.fa-dot-circle-o {
    color: green;
		display: inline;
}

label.btn input[checked="checked"].orange ~ i.icon-checkbox-checked{
    color: #CE7502;
		display: inline;
}


label:hover input[type="checkbox"] ~ i.fa {
	color: #257db4;
}

div[data-toggle="buttons"] label.active{
    color: #22467a;
}

div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 3px 0px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #c8c8c8;
	border-radius: 3px;
	color: #c8c8c8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


.login-form .remember div[data-toggle="buttons"] label {
	padding: 0;
}

div[data-toggle="buttons"] label:hover {
	color: #c8c8c8;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* radio & checkbox styling ends */
.btn-group-fix {
	display: inline-flex;
	justify-content: flex-start;
}

.btn-group-column.btn-group-fix {
	display: inline-flex;
	justify-content: space-between;
}
.btn-group-row.btn-group-fix {
	display: inline-flex;
	justify-content: space-between;
}

.hasborder {
	border: 1px solid #bebebe !important;
}

.hasborder .d-flex {
	flex:0 0 14.285%;
	max-width: 14.285%;
}

.hasborder .bl-1 {
	border-left: 1px solid #bebebe !important;
}

.hasborder .br-1 {
	border-right: 1px solid #bebebe !important;
}

.btn-group-column-fix.btn-group-column.btn-group-fix {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.btn-group-fix label {
	width: 30px;
	position: relative;
	top:0px;
}

.btn-group-fix p{
	padding:5px 0 0 0px;
	color: #434343;
}

.table-btn-group-fix .btn {
	height: auto;
}

.table-btn-group-fix div[data-toggle="buttons"] label {
	padding: 0 0px 0 20px;
}

.table-btn-group-fix .fa-2x {
	font-size: 23px;
	position: relative;
	top: 2px;
}

.table-btn-group-fix form input {
	height: 30px;
}

.table-btn-group-fix .table .btn-group {
	margin-top: 0px;
	padding-top: 0px;
}

.table-btn-group-fix label.btn span {
  font-size: 15px;
}

.info-notice .note {
	color: #BA1A1A;
}

#submit-search {
	position: absolute;
	top:0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 10;
	height: 100%;
	color:#999;
}

#submit-search:hover,#submit-search:active {
	color: #434343;
}

.nav-menu-top {
	background: #ffffff; /* Old Browsers */
	background: -webkit-linear-gradient(top,#ffffff,#e7e7e7); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,#ffffff,#e7e7e7); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,#ffffff,#e7e7e7); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, #ffffff, #e7e7e7); /*Standard*/
	width:100%;
	height:56px;
	display:block;
}

.breadcrumb {
	padding: 0px 0 0 0px;
	margin: 0px 0 15px 0;
	/*background: none;*/
	border-radius: 0;
	font-size: 16px;
}

.breadcrumb-fix .breadcrumb {
	margin-bottom: 0;
}

.breadcrumb-item {
	color: #868e96;
	font-size: 16px;
	display: inline-block;
	padding: 5px 5px 5px 5px;
}

.breadcrumb-item.active {
	color: #006195;
	font-weight: bold;
}

.breadcrumb-item + .breadcrumb-item::before {
	 font-family: FontAwesome;
    content: "\f105";
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #006195;
}

/*.bx-wrapper, .bx-viewport {
    height: 500px !important;
}
*/
.material-icons {
	color: #ffffff;
	font-size: 19px;
}
button.delete {
	background: none;
	border: none;
}
button.delete:focus {
	outline: none;
}
.delete .material-icons {
	color: #95B1C4;
	font-size: 25px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
button.delete:hover .material-icons,button.delete:active .material-icons {
	color: #BA1A1A;
}
.grid-group i.fa {
	color: #006195;
	font-size: 44px;
	padding-top: 7px;
	padding-bottom: 6px;
}
/*
.list-group .row:first-child {
	border-top:1px solid #BFBFBF;
}
*/

.bt-0 .list-group .row:first-child {
	border-top:none;
}

.bt-0 .list-group .row {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pagination-block {
	margin: 20px 0;
	padding: 0 15px;
}

.page-item.active .page-link {
	background-color: #006195;
	border-color: #006195;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	background-color: #006195;
}

.bx-wrapper {
	margin-top:0;
}

.notice {
	font-size: 15px;
	margin: 0;
	padding: 0 0 0 0px;
	color: #22467a;
}

.photoUpload-fix .notice {
	padding-left: 11px;
}
.StickyHeader{
	position: relative;
	z-index: 999;
	height: 50px;
}
.fixed {
	position: sticky;
	top:-130px;
	left: 0;
	right: 0;
	z-index:999;
	-webkit-transition:0s top cubic-bezier(.3, .73, .3, .74);

}
.fixed.slideDown {
	top:0px;
	-webkit-transition:0.3s top cubic-bezier(.3, .73, .3, .74);
}

.list-group-item-2 {
	position: relative;
}

.list-group-item.active {
	color: #22467a;
	border-color: rgba(0,0,0,0.125);
}

.sidebtnfixed {
	position: fixed;
	z-index: 100;
	top:160px;
	left: 0;
	width: 25px;
	height: 25px;
	background: #fff;
	border-radius: 5px;
}

.sidebtnfixed button{
	border: none;
	padding: 0;
	background: none;
	margin: -6px 0 0 -6px;
}

.sidebtnfixed button i {
	font-size: 40px;
}

.sidebtnfixed button:active,.sidebtnfixed button:focus {
	border: none;
	outline: none;
}

.modal-dialog {
	margin-top: 120px;
}

aside .list-group a {
	font-size: 16px;
	padding: 15px 15px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

aside .list-group a {
	border-bottom: none;
}

aside .list-group a.list-group-item-2 {
	color: #434343;
}

aside .list-group a:before {
	content: "\f178";
	font-family: "FontAwesome";
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: 13px;
	display: flex;
	align-items: center;
	opacity: 0;
}

aside .list-group a.active:before {
	opacity: 1;
	left: 10px;
}

aside .list-group a:hover,aside .list-group a:active {
	padding-left: 30px;
	background: #006195;
	color: #fff;
}

aside .list-group .collapse a:hover,aside .list-group .collapse a:active {
	padding-left: 30px;
	background: #006195;
	color: #fff;
}

aside .list-group a.active {
	padding-left: 30px;
}

aside .list-group a:hover:before, aside .list-group a:active:before {
	opacity: 1;
	left: 10px;
}

.modal-dialog label.btn span {
	position: relative;
	top:-5px;
}

/* table-change-2 style starts */
.table-change-2 .table table {
	border: 0;
	border-top: 0px solid #ddd;
}

.table-change-2 .table table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.table-change-2 .table table tr {
	border-bottom: 1px solid #ddd;
	display: block;
	/*margin-bottom: .625em;*/
}

.table-change-2 .table table tr {
border-top:0px solid #888;
}
.table-change-2 .table table td {
	border-bottom: 1px dotted #bfbfbf;
	display: block;
	font-size: 16px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 41px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.table-change-2 .table table td:nth-of-type(odd) {
	background: #f6f6f6;
}

.table-change-2 .table table td:nth-of-type(even) {
	background: #e9e9e9;
}

.table-change-2 .table table tr.tr-bg-odd td:nth-of-type(odd) {
	background: #DEEEF2;
}

.table-change-2 .table table tr.tr-bg-odd td:nth-of-type(even) {
	background: #CCDEE2;
}
.table-change-2 .table table tr.tr-bg-even td:nth-of-type(odd) {
	background: #E3FCF9;
}

.table-change-2 .table table tr.tr-bg-even td:nth-of-type(even) {
	background: #D4F7F2;
}
.table-change-2 .table table td:before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	margin-left: 10px;
}


.table-change-2 .table table td:last-child {
	border-bottom: 0;
}
.table-change-2 .table table td.no-gap:before {
padding: 8px 0 0 11px;
}

.table-change-2 .table table tbody tr {
	background: #fff;
}


.table-change-2 .table table tbody tr.tr-bg {
	border-bottom: 1px dotted #0095b8;
}
/*
.table-change-2 .table table tbody tr.tr-bg:first-child {
	border-top: 1px solid #0095b8;
}
*/

.table-change-2 .table table tbody tr:nth-of-type(odd) {
	background: #f6f6f6;
}

.table-change-2 .table table tbody tr:nth-of-type(even) {
	background: #e9e9e9;
}

.table-change-2 .table table tbody tr td a.link:hover,table tbody tr td a.link:active {
	background: #fff;
	color: #434343;
}

.table-change-2 .table table tbody input {
	margin-top: 0px;
	height: 50px;
}

.table-change-2 .table table tbody input.br-10 {
	border-radius: 10px;
	padding:0 10px;
}

.table-change-2 .table table tbody input[type="radio"] {
	margin-top: 0px;
	width: 30px;
	height: 30px;
}

.table-change-2 .table table thead tr th span {
	display: inline;
}

.table-change-2 .table table tbody tr td a.link {
	color: #22467a;
	display: block;
	padding: 9px 8px 8px 8px;
}
.table-change-2 .table table tbody tr td font{
	color: #22467a;
	font-weight: bold;
}

.table-change-2 .table table tbody span {
	color: #22467a;
	margin-left: 10px;
	display: block;
	word-break: break-all;
}
.table-change-2 .table table tbody span.span-inline {
	color: #22467a;
	margin-left: 5px;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change-2 .table table tbody span.span-inline.red {
	margin-left: 5px;
	color: #BA1A1A;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change-2 .table table tbody span.color-red {
	color: #BA1A1A;
}

.table-change-2 .table table tbody span.span-inline.grey {
	margin-left: 5px;
	color: #999;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change-2 .table table tbody span.grey {
	color: #999;
}

.table-change-2 .table table tbody span.span-inline.grey-2 {
	margin-left: 5px;
	color: #555;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change-2 .table table tbody span.grey-2 {
	color: #555;
}

.table-change-2 .search-form span.span-inline.red {
	margin-left: 5px;
	color: #BA1A1A;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change-2 .table table tbody span.span-inline.orange {
	margin-left: 5px;
	color: #CE7502;
	display: inline;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.table-change-2 .table table tbody span.uploadspan {
	color: #fff;
	margin-left: 0px;
	display: block;
}

.table-change-2 .table table tbody span.span4 {
	color: #22467a;
	margin-left: 86px;
	display: block;
}

.table-change-2 .table table tbody span:first-line {
	margin-left: 0;
}

.table-change-2 form input {
	height: 50px;
}

.table-change-2 form input[type="checkbox"] {
	height: auto;
}

.table-change-2 .table table td:hover {
	background: #dbdbdb;
}
/* table-change-2 ends */

form select.form-control-product {
	-webkit-appearance: menulist;
}

.refund.btn {
	padding: 0px 0 2px 0;
	height: 25px;
	margin: 15px 0;
	line-height: 22px;
	border-radius: 5px;
	background: #BCBCBC;
	border-color: #bcbcbc;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}

.refund-fix.refund.btn {
	margin: 16px 0;
}

.search-btn.btn {
	padding: 0px 0 0px 0;
	height: 34px;
	margin: 0px 0;
	line-height: 34px;
	border-radius: 5px;
	background: #BCBCBC;
	border-color: #bcbcbc;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}

.search-btn.btn:hover,.search-btn.btn:active {
	text-decoration: none;
	background: #828080;
	border-color: #828080;
	color: #fff;
}


.refund.btn:hover,.refund.btn:active {
	text-decoration: none;
	background: #828080;
	border-color: #828080;
	color: #fff;
}

.table-change .table table td.photo img {
	max-width: 100%;
}

.ls-change {
	letter-spacing: -2px;
}

.table-btn-group-fix form input.col-10,
.table-btn-group-fix form input.col-sm-12,
.table-btn-group-fix form input.col-md-4 {
	padding-left: 5px;
	padding-right: 5px;
}

.dot-green {
	width: 10px;
	height: 12px;
	background: green;
	border-radius: 50px;
	border: none;
}

.dot-grey {
	width: 10px;
	height: 12px;
	background: #999;
	border-radius: 50px;
	border: none;
}

.dot-grey-2 {
	width: 10px;
	height: 12px;
	background: #555;
	border-radius: 50px;
	border: none;
}

.dot-red {
	width: 10px;
	height: 12px;
	background: #BA1A1A;
	border-radius: 50px;
	border: none;
}

.dot-yellow {
	width: 10px;
	height: 12px;
	background: #DDC018;
	border-radius: 50px;
	border: none;
}

.prdocut-list-fix .table table img {
	max-width: 40%;
	width:40%;
}

.prdocut-list-fix2.prdocut-list-fix .table table .long img {
	max-width: 100%;
	width:100%;
}

.prdocut-list-fix2.prdocut-list-fix .table table i {
	font-size: 18px;
}

.prdocut-list-fix3.prdocut-list-fix .table table img {
	max-width: 100%;
	width:100%;
}

.prdocut-list-fix .table table img.select-arrow {
	max-width: none;
	width: auto;
	height: auto;
}

.prdocut-list-fix a.add {
	color: #22467a;
	padding: 2px 15px 2px 15px;
}

.prdocut-list-fix a.add:hover,.prdocut-list-fix a.add:active {
	color: #fff;
	background: #7b7b7b;
}

.prdocut-list-fix a.search-pop {
	color: #22467a;
	padding: 2px 15px 2px 15px;
}

.prdocut-list-fix a.search-pop:hover,.prdocut-list-fix a.search-pop:active {
	color: #fff;
	background: #7b7b7b;
}

.pagination li.disabled {display:none;}

input.upload {
	padding-top: 5px;
}

.pro-img a img {
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

.pro-img a:hover img, .pro-img a:active img {
	opacity: .7;
}

img#img-upload {
	max-width: 100%;
	width: auto;
	height: auto;
}

img#img-upload2 {
	max-width: 100%;
	width: auto;
	height: auto;
}

.input-group input {
	border-radius: 10px 0px 0px 10px;
}

.input-group input.radius-fix {
	border-radius: 10px 10px 10px 10px;
}

a.home-btn {
	color: #fff;
	font-size: 15px;
	height: 40px;
	margin: 0;
}

.list-group a.home-btn {
	padding: 10px 10px;
	border-bottom: none;
	margin-top: 0px;
}

a.home-btn:hover,a.home-btn:active {
	background: #22467a;
}

.home-list-group.list-group a span font.time {
	font-size: 12px;
}

p.home-p {
	color: #434343;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 20px 0 0;
}

.home-pb {
	padding-bottom: 160px;
}

.home-list-group-2.list-group .row:nth-of-type(odd) {
	background: #e9e9e9;
	border-bottom:1px solid rgba(0,0,0,0.125);
	padding-bottom: 15px;
}

.home-margin-top-30 {
	margin-top: 30px;
}

.banner-2 img {
	width: 100%;
}

.banner-text {
	width: 26%;
	position: absolute;
	z-index: 99;
	top:180px;
	padding: 0 0;
	margin: 0 37%;
	text-align: center;
	background: rgba(255,255,255,.3);
	border-radius: 50px;
}

.banner-text span {
	width: 90%;
	height: 1px;
	display: block;
	margin: 0 5%;
	padding: 0;
	border-top: 1px dotted #9E9C9C;
}
.banner-text h1 {
	font-size: 30px;
	display: block;
	margin-top: 0px;
	padding:10px 0px 5px 0px;
}

.banner-text p {
	display: block;
	font-size: 15px;
	line-height: 21px;
	height: 44px;
	overflow-y: hidden;
	color: #006195;
	font-weight: bold;
	padding:0px 0px 10px 0px;
	margin: 0 12%;
}

font.dash {
	padding-top: 10px;
}
.fb {
	font-weight: bold;
}

.register-ok-info {
	border: 1px solid #0095B8;
	border-radius: 5px;
}

.register-ok-info h2 {
	font-size: 15px;
	background: #0095B8;
	border-radius: 4px 4px 0 0;
	color: #fff;
	padding: 5px 5px;
}

.input-group-fix-2 {
	padding-right: 0;
}

.fw-b {
	font-weight: bold;
}

.filter-box a {
	color: #434343;
	border: 1px solid #bebebe;
	border-radius: 4px;
	padding: 5px 15px;
	margin-right: 10px;
}

.filter-box a.active {
	background: #0095B8;
	color: #e9e9e9;
	border: 1px solid #0095B8;
}

.filter-box a:hover,.filter-box a:active {
	background: #0095B8;
	color: #e9e9e9;
	border: 1px solid #0095B8;
}

.custom-file-upload {
	cursor: pointer;
}

.custom-file-upload:hover,.custom-file-upload:active {
	color: #fff;
}


input[type="file"]#uploadFile-x,
input[type="file"]#uploadFile-p,
input[type="file"]#uploadFile-p2,
input[type="file"]#uploadFile-p3{
  display: none !important;
}

.sf-btn-fix {
	margin-top: 10px;
}

.invite .title {
	font-size: 18px;
	font-weight: bold;
}

.invite .title-2 {
	font-size: 15px;
	font-weight: bold;
}

.invite .title font {
	font-size: 18px;
	color: #D1800E;
	font-weight: bold;
}

.invite .social-icon {
	background: rgba(255,255,255,.5);
	border-radius: 5px;
	padding: 10px;
}

.invite .note {
	background: #E58537;
	color: #fff;
	padding: 4px 8px;
	border-radius: 5px;
}

.invite .note span {
	font-size: 15px;
}

.e-wallet-fix form select {
	height: 30px;
	padding: 0 5px;
	border-radius: 50px;
	letter-spacing: 3px;
}

.table-btn-group-fix.e-wallet-fix div[data-toggle="buttons"] label {
	padding: 0;
}

.e-wallet-fix .btn-group {
	display: flex;
}

.e-wallet-fix .select-arrow-fix .select-arrow {
	top:12px;
}

.table-btn-group-fix.e-wallet-fix form input {
	padding: 0 6px;
	letter-spacing: 3px;
}

.ml-24 {
	margin-left: 24px;
}

.e-wallet-fix .notice p {
	color: #555;
}

a.refund:not([href]):not([tabindex]):focus, a.refund:not([href]):not([tabindex]):hover {
	color: #fff;
}

.product-item .mobile-only {
	display: none;
}

.date-input-fix .input-group .form-control {
	height: 25px;
	line-height:25px;
	padding: 0 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #434343;
	font-weight: bold;
	margin: 13px auto;
}

.date-input-fix2.date-input-fix .input-group .form-control {
	margin: 0 auto;
}

.date-input-fix .input-group .form-control:first-child {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.w100.row {
	width: 100%;
}

.pt-md-35 {
	padding-top: 35px;
}

.v-form .title {
	background: #efeff0;
	padding: 10px;
}

.v-form .text {
	word-wrap: break-word;
}

.v-form {
	border: 1px solid #efeff0;
	font-weight: bold;
}

.v-form .list {
	border-bottom:1px solid #efeff0;
}
.v-form .list:last-child {
	border-bottom: none;
}

.v-form label.btn span {
	color: #434343;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top:-5px;
}

.v-form .h-28.form-control {
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.v-form label.label-fix {
	font-size: 16px;
	font-weight: bold;
}

.v-form select {
	color: #434343;
	font-weight: bold;
	height: 28px !important;
	line-height: 28px !important;
	border-radius: 5px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	-o-appearance: menulist;
	appearance: menulist;
}

.v-form textarea {
	color: #434343;
	font-weight: bold;
	border-radius: 5px;
}

.v-form input {
	color: #434343;
	font-weight: bold;
	height: 28px !important;
	line-height: 28px !important;
	border-radius: 5px;
}

.v-form input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
	width: 0;
}

.v-form .label-fix.col-lg-2 {
	max-width: 13%;
}

.flaw-form p {
	color: #434343 !important;
	font-weight: bold;
}

.flaw-form img.flaw-item {
	width: 70px !important;
	height: 70px !important;
}

.flaw-form .title2 {
	border-bottom: 1px solid #9d9d9d;
}

.flaw-form .title2 h3 {
	font-size: 18px;
	font-weight: bold;
	color: #434343;
}

.flaw-form .rate-list .reply {
	background: #f1f1f1;
}
.flaw-form .h-28.form-control {
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.table-change-3-fix .form-control,.table-change-3-fix .date-input-fix .input-group .form-control {
	height: 34px;
}

.table-change-3-fix .refund.btn {
	height: 34px;
}

.date-input-fix2 .form-control {
	border-radius: 5px;
}

.card-box span.name {
	color: #BB0611;
}

.card-box span.name font {
	color: #BB0611;
	font-size: 32px;
}

.card-box .row {
	display: flex;
	justify-content: center !important;
}

.member_basic.s1 .row >div.pt-30 {
	padding-top: 23px !important;
}

.login-fix .navigation-portrait .nav-toggle {
	display: none;
}

.mh-32 {
	max-height: none;
}

.mh-50 {
	max-height: 50px;
}

.mh-70 {
	max-height: 70px;
}

.user-info2 {
	color: #006990;
	display: flex;
	align-items: center;
	height: 68px;
}

.login-fix .user-info2 {
	display: none;
}

.sub-menu {
	height: 55px;
	display: none;
}

.sub-menu a {
	text-align: center;
	padding: 10px 5px;
}


.sub-menu .dropdown-menu a:nth-child(1),.sub-menu .dropdown-menu a:nth-child(2),.sub-menu .dropdown-menu a:nth-child(3){
	display: none;
}

.sub-menu .dropdown-menu {
	width: 220px;
	max-width: 220px;
}

.sub-menu .dropdown-menu.show {
	position: absolute !important;
	left: auto !important;
	transform: translate3d(-60px, 39px, 0px) !important;
	top:0px !important;
	z-index: 990;
}

.table-wrapper .btn-toolbar .btn-group .dropdown-menu.show {
	position: absolute !important;
	left: auto !important;
	transform: translate3d(0px, 30px, 0px) !important;
	top:0px !important;
	z-index: 990;
}

.sub-menu .dropdown-menu a {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.sub-menu a .line {
	width: 0px;
	height: 3px;
	margin: 5px 0 0 0;
	background: #BB0611;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.sub-menu a.active .line {
	width: 100%;
	height: 3px;
}
.sub-menu a.active {
	color: #BB0611;
}

.sub-menu .dropdown-menu a.active {
	color: #fff;
}


.sub-menu a:hover .line, .sub-menu a:active .line{
	width: 100%;
}

.dot{
	width: 100%;
	height: auto;
	margin: auto;
}

.dot i {
	font-size: 24px;
}

main.mt-55 {
	margin-top: 26px;
}

main {
	margin-bottom: 40px;
}

.index-fix main.mt-55 {
	margin-top: 0px;
	margin-bottom: 120px;
}

.index-fix.breadcrumb-fix main.mt-55 {
	margin-top: 30px;
}

.register-fix.index-fix.breadcrumb-fix main.mt-55 {
	margin-top: 0px;
}

.table-wrapper {
	width: 100%;
	padding: 0 0px;
}

.table-wrapper .btn-toolbar {
	display: flex;
	justify-content: flex-end;
}

.table-wrapper .btn-toolbar .btn {
	font-size: 13px;
	background: #F2655A;
	border: 1px solid #9f9fa0;
	color: #434343;
	margin: 0;
	padding: 0 6px 0px 6px;
	height: 28px;
	line-height: 28px;
}


.table-wrapper .btn-toolbar .btn:nth-child(1) {
	border-radius: 5px 0 0 5px;
	border-right: none;
}
.table-wrapper .btn-toolbar .btn:nth-child(2) {
	border-radius: 0px 5px 5px 0px;
	background: #fff;
	color: #444;
}


/* SCROLL BAR STARTS */

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}


/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #bebebe; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }


/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }


/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}


/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }

/* SCROLL BAR ENDS */

.editor img,
.editor iframe {
		max-width: 100% !important;
		height: auto !important;
}

.editor p,
.editor span,
.editor font,
.editor a,
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
		line-height: initial;
}

.upload-display img {
	max-width: 100% !important;
	height: auto !important;
}

.text-depict {
	color: #0058bf;
}

.text-label {
	color: #2699fb;
}

h2.text-label {
	font-size: 20px;
}

.page-depict .pl-66 {
	padding-left: 66px;
}

.product-item .edit img,.product-item .server img,.product-item .delete img{
	width: 22px;
	height: 22px;
}

.mobile-only.page-title-mobile {
	display: none;
}

.mobile-only.page-back-mobile {
	display: none;
}

.table-h {
	border-collapse: separate;
}

.table-h th {
	background: #d5d5d5;
}

.table-h tr td{
	background: #efeff0;
	padding-top: .5em;
  padding-bottom: .5em;
}

.table-v {
	border-collapse: separate;
}

.table-v th {
	width: 200px;
	min-width: 100px;
	background: #d5d5d5;
	vertical-align: middle;
}

.table-v tr td{
	background: #efeff0;
	padding-top: .5em;
    padding-bottom: .5em;
}


.checkbox-label.col-1 {
	flex:0 0 4%;
	max-width: 4% !important;
}

.checkbox-label.col-sm-1 {
	flex:0 0 4%;
	max-width: 4% !important;
}

.checkbox-label.col-md-1 {
	flex:0 0 4%;
	max-width: 4% !important;
}

.checkbox-label.col-lg-1 {
	flex:0 0 4%;
	max-width: 4% !important;
}
.checkbox-label.col-xl-1 {
	flex:0 0 4%;
	max-width: 4% !important;
}

.label-padding.col-11 {
	padding-left: 0px;
}

.page-linker a {
	padding: 10px 0;
}

.page-linker a .line {
	width: 0px;
	height: 3px;
	margin: 5px 0 0 0;
	background: #BB0611;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.page-linker a.active .line {
	width: 100%;
	height: 3px;
}

.page-linker a:hover .line, .page-linker a:active .line{
	width: 100%;
}

.list-group3 a:hover,.list-group3 a:active {
	background: #FFFBA3;
}

.flex-row {
	flex-direction: row;
}

.circle {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #999;
}

.circle-divider .border-bottom {
	border-bottom: 1px solid #999;
}

.flex-direction-column {
	flex-direction: column;
}

.card-deck h2 {
	font-size: 50px !important;
}

.accordion p span.dot i {
	margin-top: 1px;
	margin-right: 10px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 26px;
}

.switch input{
	display: none;
}

.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #A5CDF7;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	padding-top: 5px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch input:checked + .slider {
	background-color: #257db4;
}

.switch .slider:after {
	content: "";
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
	right: 12px;
	top:-2px;
}
.product-item .switch .slider:after {
	top:2px;
}

.switch input:checked + .slider:after {
	content: "";
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
	right: 46px;
	top:-2px;
}

.product-item .switch input:checked + .slider:after {
	top:2px;
}

.switch input:focus + .slider {
	box-shadow: 0 0 1px #b51821;
}

.switch input:checked + .slider:before {
	-moz-transform: translateX(34px);
	-webkit-transform: translateX(34px);
	-ms-transform: translateX(34px);
	transform: translateX(34px);
	content: "";
}

/* Rounded sliders */
.switch .slider.round {
	border-radius: 34px;
}

.switch .slider.round:before {
	border-radius: 50%;
}

.icon-fs {
	font-size: 22px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.icon-fs.text-primary:hover,.icon-fs.text-primary:active {
	color: #000 !important;
}

.slide-placeholder {
    background: #DADADA;
    position: relative;
}
.slide-placeholder:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;
    background-color: #FFF;
}

.modal-body {
	padding: 15px 30px !important;
}

.card-yellow .card-header {
	background: #FCFBC4 !important;
	border: none !important;
}
.card-yellow.card {
	border: 1px solid #FCFBC4 !important;
}

.tabs li a {
	height: 35px;
	background: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #257db4;
}

.tabs li.active a {
	background: #D83C24;
	color: #ffffff;
}

/* calendar starts here */
@import url('demo.css');

.fc-calendar-container .bg-success {
	background: #28E04D !important;
}

.fc-calendar-container .bg-success:hover,.fc-calendar-container .bg-success:active {
	background: #88EF9D !important;
}

.fc-calendar-container .bg-warning {
	background: #F9E500 !important;
}

.fc-calendar-container .bg-warning:hover,.fc-calendar-container .bg-warning:active {
	background: #F7EF96 !important;
}

@font-face {
  font-family: 'fontawesome-selected';
  src: url("../font/fontawesome-selected.eot");
  src: url("../font/fontawesome-selected.eot?#iefix") format('embedded-opentype'), url("../font/fontawesome-selected.woff") format('woff'), url("../font/fontawesome-selected.ttf") format('truetype'), url("../font/fontawesome-selected.svg#fontawesome-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}

.fc-calendar-container {
	position: relative;
	height: 400px;
	width: 400px;
}

.fc-calendar {
	width: 100%;
	height: 100%;
}

.fc-calendar .fc-head {
	height: 30px;
	line-height: 30px;
	background: none;
	color: #fff;
}

.fc-calendar .fc-body {
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #ddd;
}

.fc-calendar .fc-row {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.fc-four-rows .fc-row  {
	height: 25%;
}

.fc-five-rows .fc-row  {
	height: 30%;
}

.fc-six-rows .fc-row {
	height: 30%;
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
	float: left;
	height: 100%;
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
	width:  14.2%;
}

.fc-calendar .fc-row > div {
	border-right: 1px solid #ddd;
	padding: 4px;
	overflow: hidden;
	position: relative;
}

.fc-calendar .fc-head > div {
	text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
	position: absolute;
	width: 30px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #ddd;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.8);
	bottom: 5px;
	right: 5px;
	text-align: right;
}

.fc-calendar .fc-row > div > span.fc-weekday {
	padding-left: 5px;
	display: none;
}

.fc-calendar .fc-row > div.fc-today {
	background: #fff4c3;
}

.fc-calendar .fc-row > div.fc-out {
	opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
	border-right: none;
}

.fc-calendar .fc-row:last-child {
	border-bottom: none;
}

.custom-calendar-full {
	position: absolute;
	top: 300px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.custom-calendar-full2.custom-calendar-full {
	top:500px;
}

.fc-calendar-container {
	height: auto;
	bottom: 0px;
	width: 100%;
	top: 50px;
	position: absolute;
}

.custom-header {
	padding: 20px 20px 10px 30px;
	height: 50px;
	position: relative;
}

.custom-header h2,
.custom-header h3 {
	float: left;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}

.custom-header h2 {
	color: #fff;
	width: 60%;
}

.custom-header h2 a,
.custom-header h2 span {
	color: #444;
	font-size: 18px;
	letter-spacing: 3px;
	white-space: nowrap;
}

.custom-header h2 a {
	color: rgba(255,255,255,0.5);
}

.no-touch .custom-header h2 a:hover {
	color: rgba(255,255,255,0.9);
}

.custom-header h3 {
	width: 100%;
	color: #BB0611;
	font-weight: 300;
	line-height: 30px;
	text-align: center;
	padding: 0 80px;
	font-size: 22px;
}

.custom-header nav {
	position: absolute;
	right: 20px;
	top: 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}

.custom-header nav span {
	float: left;
	width: auto;
	height: 30px;
	position: relative;
	color: transparent;
	cursor: pointer;
	background: none;
	margin: 0 1px;
	font-size: 20px;
}
.custom-header nav span.custom-prev {
	left: 40px;
}
.custom-header nav span.custom-next {
	float: right;
}

.custom-header nav span:first-child {
	border-radius: 3px 0 0 3px;
}

.custom-header nav span:hover {
	background: rgba(255,255,255,0.5);
}

.custom-header span:before {
	font-family: 'fontawesome';
	color: #444;
	display: inline;
	text-align: center;
	width: 100%;
	text-indent: 4px;
	font-size: 15px;
}

.custom-header nav span.custom-prev:before {
	content: '\f104 上個頁';
}

.custom-header nav span.custom-next:before {
	content: '下個月 \f105';
}

.custom-header nav span:last-child {
	margin-left: 0px;
	border-radius: 3px;
	float: right;
	right: 15px;
}

.custom-header nav span.custom-current:before {
	content: '回本月 \27a6';
}


.fc-calendar {
	background: none;
	width: auto;
	top: 10px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	height: auto;
	border-radius: 20px;
	position: absolute;
}

.fc-calendar .fc-head {
	color: #BB0611;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}

.fc-calendar .fc-head > div {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 3px;
}

.fc-calendar .fc-row > div > span.fc-date {
	color: #666;
	text-shadow: none;
	font-size: 26px;
	font-weight: 300;
	bottom: auto;
	right: auto;
	top: 10px;
	left: 10px;
	text-align: left;
}

.fc-calendar .fc-body {
	border: none;
	padding: 20px;
}

.fc-calendar .fc-row {
	box-shadow: inset 0 -1px 0 rgb(224, 224, 224);
	border: none;
}

.fc-calendar .fc-row:last-child {
	box-shadow: none;
}

.fc-calendar .fc-row:first-child > div:first-child {
	border-radius: 10px 0 0 0;
}

.fc-calendar .fc-row:first-child > div:last-child {
	border-radius: 0 10px 0 0;
}

.fc-calendar .fc-row:last-child > div:first-child {
	border-radius: 0 0 0 10px;
}

.fc-calendar .fc-row:last-child > div:last-child {
	border-radius: 0 0 10px 0;
}

.fc-calendar .fc-row > div {
	box-shadow: -1px 0 0 rgb(224, 224, 224);
	border: none;
	padding: 10px 0;
	cursor: pointer;
}

.fc-calendar .fc-row > div:first-child{
	box-shadow: none;
}

.fc-calendar .fc-row > div.fc-today {
	background: transparent;
}

.fc-calendar .fc-row > div.fc-today:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -o-llinear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}

.fc-calendar .fc-row > div > div {
	margin-top: 10px;
	margin-left: 45px;
}

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
	color: #444;
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	padding: 6px 8px;
	border-radius: 6px;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	max-width: 100%;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #E8E8E8;
}

.no-touch .fc-calendar .fc-row > div > div a:hover {
	background: #F7F4F4;
}

@media screen and (max-width: 991px) , screen and (max-height: 450px) {
	/*html, body, .container {
		height: auto;
	}*/

	.custom-header,
	.custom-header nav,
	.custom-calendar-full,
	.fc-calendar-container,
	.fc-calendar,
	.fc-calendar .fc-head,
	.fc-calendar .fc-row > div > span.fc-date {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		height: auto;
		width: auto;
	}

	.custom-header {
		padding-right: 0;
		padding-left: 0;
	}

	.fc-calendar {
		margin: 0 20px 20px;
	}

	.custom-header h2,
	.custom-header h3 {
		float: none;
		width: auto;
		text-align: center;
		padding-right: 0px;
		padding-left: 0px;
		font-size: 13px;
	}

	.fc-calendar .fc-row,
	.ie9 .fc-calendar .fc-row > div,
	.fc-calendar .fc-row > div {
		height: auto;
		width: 100%;
		border: none;
	}

	.fc-calendar .fc-row > div {
		float: none;
		min-height: 50px;
		box-shadow: inset 0 -1px rgb(219, 219, 219) !important;
		border-radius: 0px !important;
	}

	.fc-calendar .fc-row > div:empty{
		min-height: 0;
		height: 0;
		box-shadow: none !important;
		padding: 0;
	}

	.fc-calendar .fc-row {
		box-shadow: none;
	}

	.fc-calendar .fc-head {
		display: none;
	}

	.fc-calendar .fc-row > div > div {
		margin-top: 10px;
		padding-left: 0px;
		max-width: 100%;
		display: inline-block;
	}

	.fc-calendar .fc-row > div.fc-today {
		background: rgba(255, 255, 255, 0.2);
	}

	.fc-calendar .fc-row > div.fc-today:after {
		display: none;
	}

	.fc-calendar .fc-row > div > span.fc-date {
		width: 30px;
		display: inline-block;
		text-align: right;
	}

	.fc-calendar .fc-row > div > span.fc-weekday {
		display: inline-block;
		width: 40px;
		color: #BB0611;
		font-size: 10px;
		text-transform: uppercase;
	}

	.custom-header nav span.custom-prev {
		left: 0;
	}

	.fc-calendar .fc-body {
		padding-left: 0;
		padding-right: 0;
	}

	.fc-calendar .fc-row > div {
		padding: 10px 0;
	}

	.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {
		padding: 6px 8px;
		font-size: 13px;
	}

	.custom-header span:before {
		font-size: 13px;
	}

	.custom-header {
		padding-top: 0;
	}

	.fc-calendar .fc-row > div > span.fc-date {
		font-size: 18px;
	}
}


/* calendar ends here */

.backbtn-fixed {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
}

.bg-color-1 {
	background: #cd5c5c !important;
	color: #fff !important;
}

.bg-color-2 {
	background: #f08080 !important;
	color: #fff !important;
}

.bg-color-3 {
	background: #fa8072 !important;
	color: #fff !important;
}

.bg-color-4 {
	background: #e9967a !important;
	color: #fff !important;
}

.bg-color-5 {
	background: #ffa07a !important;
	color: #fff !important;
}

.bg-color-6 {
	background: #ff7f50 !important;
	color: #fff !important;
}

.bg-color-7 {
	background: #ff6347 !important;
	color: #fff !important;
}

.bg-color-8 {
	background: #ff8c00 !important;
	color: #fff !important;
}

.bg-color-9 {
	background: #ffa500 !important;
	color: #fff !important;
}

.bg-color-10 {
	background: #ff4500 !important;
	color: #fff !important;
}

.room-info .square {
	width: 32px;
	height: 32px;
	border-radius: 6px;
}

.max-w-36 {
	max-width: 36px;
}

.w-100 {
	width: auto !important;
}

.label-pt-fix {
	padding-top: 16px;
}

.graph-section .card .card-header {
	font-size: 15px;
}

.graph-section .card .card-footer {
	font-size: 12px;
}

.graph-section .card .border-top-1 {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.max-h-50 {
	max-height: 50px;
}

.max-h-40 {
	max-height: 40px;
}

.mx-w100 img {
	max-width: 100%;
}

.bg-grey1 {
	background: #d5d5d5;
}

.bg-grey2 {
	background: #efeff0;
}

.sub-menu5.sub-menu > div:nth-child(5) {
	display: none;
}

.color-circle-select {
	width: 100px;
	height: 100px;
	background: #EDEDED;
	border: 1px solid #727272;
	border-radius: 100px;
	overflow: hidden;
}

.color-circle-select span {
	width:100%;
	border-top: 1px solid #727272;
}

.color-circle {
	width: 80px;
	height: 80px;
	border-radius: 80px;
}

.color-circle-radio {
	position: absolute;
	top:-8px;
	opacity: 0;
}

.color-circle-radio .fa-2x {
	font-size: 98px;
}

.color-circle-radio label {
	padding: 0px !important;
}

table.table-border-inside {
  border-collapse: collapse;
}
table.table-border-inside td {
  border: 1px solid #cbcccc;
  padding: 10px 10px 10px 16px;
}

table.table-border-inside tr td:first-child {
	background: #eeefef;
	width: 116px;
}
table.table-border-inside tr:first-child td {
  border-top: 0;
}
table.table-border-inside tr td:first-child {
  border-left: 0;
}
table.table-border-inside tr:last-child td {
  border-bottom: 0;
}
table.table-border-inside tr td:last-child {
  border-right: 0;
}

table.table-border-inside img {
	max-width: 100%;
}

.bottom-menu a img {
	width: 50%;
	height: auto;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){

	.bottom-menu a {
		width: 50%;
		height: 50%;
	}

	.bottom-menu .invite a img {
		width: 63%;
		height: auto;
	}

	table.table-border-inside tr td:first-child {
		background: #eeefef;
		width: 120px;
	}

}

@-moz-document url-prefix() {
	table.table-border-inside tr td:first-child {
		background: #eeefef;
		width: 120px;
	}
}

.page-link-group a.bg-blue-light:hover, .page-link-group a.bg-blue-light:active {
	background: #257db4 !important;
}

.page-link-group a.bg-blue-light .text-blue-light {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

.page-link-group a.bg-blue-light:hover .text-blue-light, .page-link-group a.bg-blue-light:active .text-blue-light {
	color: #ffffff !important;
}

i.fa-angle-right {
	font-size: 18px;
	color: #989898;
}

.link-list-group {
	border-bottom: 1px solid #cbcccc;
	padding: 12px;
}

.dotted.link-list-group {
	border-bottom: 1px dotted #97AEC2;
	padding: 12px;
}

.link-list-group span {
	color: #989898;
}

.link-list-group p {
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow: hidden;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

.link-list-group h3 {
	line-height: normal;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow: hidden;
}

.link-list-group:hover p, .link-list-group:active p {
	color: #257db4;
}

/* media starts */
@media print {
	.noprint {
		display:none;
	}
}

.mypoint-box {
	position: relative;
	top:18px;
}

.mypoint {
	padding: 3px 4px;
	position: absolute;
	margin-left: 6px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypoint-box {
		position: relative;
		top:18px;
	}

	.mypoint {
		padding: 3px 4px;
		position: absolute;
		margin-left: 128px;
	}
}

@media (min-width:1200px) {
	.e-wallet-fix #radio-2 {
		width: 24px;
	}

	.e-wallet-fix #radio-4 {
		width: 24px;
		margin-top: 4px;
	}

	.video iframe {
		height: 500px;
	}
	.margin-top-80 {
		margin-top: 30px;
	}
}

@media (min-width:1024px) {
	footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 0px;
	}

	.footer-fix footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.footer-fix-2 footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 40px;
	}


}

@media (max-width:1365px) {
	main {
		width: 100%;
	}
}


@media (max-width:1199px) {
	.index-fix.breadcrumb-fix main.mt-55 {
		margin-top: 70px;
	}

	.register-fix.index-fix.breadcrumb-fix main.mt-55 {
		margin-top: 50px;
	}
	.searchform {
		max-width: 100%;
	}
	.page-linker {
		margin-top: 68px;
	}
	.e-wallet-fix #radio-2 {
		width: 24px;
	}
	.e-wallet-fix #radio-4 {
		width: 24px;
		margin-top: 4px;
	}

	.index-fix .alert-info {
		position: relative !important;
		top:50px !important;
	}
	.index-fix .alert-danger {
		position: relative !important;
		top:50px !important;
	}
	.alert{
		margin-top: 50px;
	}

	.fixed.slideDown {
		top:48px;
		-webkit-transition:0.3s top cubic-bezier(.3, .73, .3, .74);
	}

	.banner {
		margin-top: 0px;
	}

	.login-fix main {
		margin-top: 0px;
	}


	.video iframe {
		height: 400px;
	}
	.video {
		margin-top: -11px;
	}

	.main-fix main {
		padding-top: 0;
	}

	main.mt-55 {
		margin-top: 76px;
	}
	.index-fix main.mt-55 {
		margin-top: 50px;
		margin-bottom: 160px;
	}
	.top-heading {
		display: none;
	}

	.nav-brand,.nav-brand:focus,.nav-brand:hover,.nav-menu>li>a {
		color:#152844;
	}
	.nav-menu>.active>a,.nav-menu>.focus>a,.nav-menu>li:hover>a{
		color:#434343;
	}
	.nav-dropdown>.focus>a,.nav-dropdown>li:hover>a{
		background: #006195;
		color: #e9e9e9;
	}
	/*.nav-menu>li>a:after {
		content: "";
		position: absolute;
		top:45px;
		left:0px;
		right: 0;
		bottom: 0;
		width:0px;
		height: 1px;
		background: #152844;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav-menu>li>a:hover:after {
		content: "";
		position: absolute;
		top:45px;
		left:0px;
		right: 0;
		bottom: 0;
		width:100%;
		height: 1px;
		background: #006195;
	}*/


	.nav-brand {
		line-height:70px;
		padding:0 0 0 0;
		margin:10px 0 0 0;
		font-size:24px;
		text-decoration:none!important;
		background:url(../images/logo-mobile.png) center center no-repeat !important;
		width:100%;
		height:39px;

	}
	.header{
		background:#142641;
	}
	.navigation {
		width:100%;
		height:50px;
		position:fixed;
		font-family:inherit;
		background: #ffffff;
		margin:0px 0 0 0;
		padding:0;
		border-bottom: 1px dotted #0095b8;
		top:0;
		left:0;
		z-index: 1040;
	}

	.container {
		max-width: 100%;
		height:auto;
	}

	.submenu-indicator-chevron{
    height:10px;
    width:10px;
    display:block;
    border-style:solid;
    border-width:0 2px 2px 0;
    border-color:transparent #152844 #152844 transparent;
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    transition:border .3s;
	}


	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		position: absolute;
		bottom: 25px;
		left: 180px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		position: absolute;
		bottom: 25px;
		left: 180px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		position: absolute;
		top: 25px;
		left: 180px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		position: absolute;
		top: 25px;
		left: 180px;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(0deg);
		position: absolute;
		top: 160px;
		left: 100px;
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(90deg);
		position: absolute;
		top: 160px;
		right: 100px;
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-90deg);
		position: absolute;
		bottom: 160px;
		left: 100px;
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-180deg);
		position: absolute;
		bottom: 160px;
		right: 100px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 19.41% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 19.41% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 19.41% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 19.41% 0;
	}

	main.no-padding {
		padding-top: 0;
	}
	.no-margin.breadcrumb {
		margin-top: 0px !important;
	}

	.sub-menu {
		margin-top: 68px;
	}

	.custom-calendar-full2.custom-calendar-full {
		top:540px;
	}

}

@media (max-width:1024px) {
	.bottom-menu {
		max-width: 100%;
	}
	.v-form .title {
		font-size: 16px !important;
		font-weight: bold;
	}

	.sub-menu a {
		font-size: 14px;
	}

}


@media (max-width:991px) {
	.btn-group-fix p{
		padding:5px 0 0 0px;
	}
	.date3.date .add-on-3 {
		top:-19px;
	}

	.date3.date  input {
		margin-bottom: 0 !important;
	}
	.accordion p span {
		font-size: 13px;
	}
	.dot i {
		font-size: 13px;
	}
	.accordion p span.dot i {
		font-size: 13px;
		margin-top: 4px;
		margin-right: 4px;
	}
	.card-deck h2 {
		font-size: 18px !important;
	}
	.page-linker {
		display: flex;
		justify-content: center;
	}
	.page-linker a.active .line {
		width: auto;
		height: 3px;
	}

	.page-linker a:hover .line, .page-linker a:active .line{
		width: 100%;
	}

	.modal .date .add-on-1,.modal .date .add-on-2 {
		top:-32px;
	}

	.text-indent p{
			text-indent: -13px;
			margin-left: 13px;
	}
	body{
		font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
		font-size: 14px !important;
	}
	.prdocut-list-fix2.prdocut-list-fix .table table i {
		font-size: 25px;
	}
	.prdocut-list-fix3.prdocut-list-fix .table table img {
		max-width: 60%;
		width:60%;
	}
	.prdocut-list-fix2.prdocut-list-fix .table table img {
		max-width: 20%;
		width:20%;
	}

	.table-change-2 .table table tbody input {
		height: 40px;
	}
	.register-ok-info h2 {
		font-size: 13px;
	}
	form select.sbr-fix-1 {
		font-size: 13px;
		height: 40px;
	}
	form select.sbr-fix-2 {
		font-size: 13px;
		height: 40px;
	}
	.select-arrow-fix-1.select-arrow-fix .select-arrow, .select-arrow-fix-2.select-arrow-fix .select-arrow {
		top:18px;
	}
	.home-list-group-2.list-group .row:nth-of-type(odd) {
		background: #e9e9e9;
		border-bottom:1px solid rgba(0,0,0,0.125);
		padding-bottom: 15px;
	}

	.home-list-group.list-group a div.title span {
		font-size: 13px;
		height: 20px;
	}

	.banner-text {
		top:150px;
		width: 28%;
		margin: 0 36%;
	}

	.banner-text h1 {
		font-size: 15px;
		display: block;
		margin-top: 0px;
	}
	.banner-text p {
		display: block;
		font-size: 13px;
		line-height: 19px;
		height: 40px;
		overflow-y: hidden;
		color: #006195;
		font-weight: bold;
		padding-top: 0px;
	}

	.home-pb {
		padding-bottom: 143px;
	}
	.list-group a.home-btn {
		margin-top: 10px;
		font-size: 13px;
	}
	p.home-p {
		padding-top: 10px;
		font-size: 13px;
	}
	.login-fix .select-arrow-fix .select-arrow {
		top: 13px;
	}
	.table-change .table table tbody input.input-radius-fix {
		border-radius: 10px 0 0 10px;
	}

	.table-change .table table tbody span.span-inline.grey,
	.table-change .table table tbody span.span-inline.green{
		top: 1px;
		left: -10px;
	}
	.fileUpload-fix.fileUpload.fileUpload-pre {
		height: 40px;
	}
	.fileUpload-fix.fileUpload.fileUpload-pre.fileUpload-btn-fix {
		margin-top: 0px;
	}
	button.delete {
		margin-top: -3px;
	}
	.status.center {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 5px;
		padding-left: 0px;
	}
	.status-fix.status.center {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-top: 5px;
		padding-left: 0px;
	}
	.prdocut-list-fix .table table img {
		width: 20%;
		height: 20%;
		margin-top: 0px;
	}

	.prdocut-list-fix .table table img.select-arrow {
		width: auto;
		height: auto;
	}
	.ls-change {
		letter-spacing: 0px;
	}
	aside .list-group a:hover:before, aside .list-group a:active:before {
		opacity: 0;
		left: 10px;
	}

	.grid-group-fix .grid-group a {
		font-size: 13px;
	}
	/*
	.bx-wrapper, .bx-viewport {
			height: 492px !important;
		}*/
	.table-change .table table td.datepicker-td {
		padding-right: 0;
	}
	.label-fix-2 label {
		margin-right: 0;
	}
	footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		display: block;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 0px;
	}

	.footer-fix footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		display: block;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.footer-fix-2 footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		display: block;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 40px;
	}

	/* table style starts */
	.table-change-3 .table table {
		border: 0;
		border-top: 0px solid #ddd;
	}

	.table-change-3 .table table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.table-change-3 .table table tr {
		border-bottom: 1px solid #ddd;
		display: block;
		/*margin-bottom: .625em;*/
	}

	.table-change-3 .table table tr {
		border-top:0px solid #888;
	}
	.table-change-3 .table table td {
		border-bottom: 1px dotted #bfbfbf;
		display: block;
		font-size: 13px;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		min-height: 36px;
	}

	.table-change-3-fix.table-change-3 .table table td {
		border-bottom: none;
	}


	.table-change-3 .table table td:nth-of-type(odd) {
		background: #f6f6f6;
	}

	.table-change-3-fix.table-change-3 .table table td:nth-of-type(odd) {
		background: none;
	}

	.table-change-3 .table table td:nth-of-type(even) {
		background: #e9e9e9;
	}

	.table-change-3-fix.table-change-3 .table table td:nth-of-type(even) {
		background: none;
	}

	.table-change-3 .table table tr.tr-bg-odd td:nth-of-type(odd) {
		background: #DEEEF2;
	}

	.table-change-3 .table table tr.tr-bg-odd td:nth-of-type(even) {
		background: #CCDEE2;
	}
	.table-change-3 .table table tr.tr-bg-even td:nth-of-type(odd) {
		background: #E3FCF9;
	}

	.table-change-3 .table table tr.tr-bg-even td:nth-of-type(even) {
		background: #D4F7F2;
	}
	.table-change-3 .table table td:before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		margin-right: 5px;
		margin-left: 10px;
	}

	.table-change-3 .table table td.pro-img:before {
		padding-top: 10px;
	}

	.table-change-3 .table table td:last-child {
		border-bottom: 0;
	}
	.table-change-3 .table table td.no-gap:before {
		padding: 8px 0 0 11px;
	}

	.table-change-3 .table table tbody tr {
		background: #fff;
	}

	.table-change-3 .table table tbody tr.tr-bg {
		border-bottom: 1px solid #74B2BF;
	}
	.table-change-3-fix.table-change-3 .table table tbody tr.tr-bg {
		border-bottom: none;
	}

	.table-change-3-fix .table table tbody tr {
		margin-top: 20px;
	}

	.table-change-3-fix .table table tbody tr td:first-child {
		border-bottom: 1px solid #707070;
	}
	/*
	.table-change-3 .table table tbody tr.tr-bg:first-child {
		border-top: 1px solid #0095b8;
	}
	*/

	.table-change-3 .table table tbody tr:nth-of-type(odd) {
		background: #f6f6f6;
	}

	.table-change-3 .table table tbody tr:nth-of-type(even) {
		background: #e9e9e9;
	}

	.table-change-3-fix.table-change-3 .table table tbody tr:nth-of-type(odd) {
		background: none;
	}

	.table-change-3-fix.table-change-3 .table table tbody tr:nth-of-type(even) {
		background: none;
	}

	.table-change-3 .table table tbody tr td a.link:hover,table tbody tr td a.link:active {
		background: #fff;
		color: #434343;
	}

	.table-change-3 .table table tbody input {
		margin-top: 0px;
		height: 50px;
	}

	.table-change-3 .table table tbody input[type="radio"] {
		margin-top: 0px;
		width: 30px;
		height: 30px;
	}

	.table-change-3 .table table thead tr th span {
		display: inline;
	}

	.table-change-3 .table table tbody span {
		color: #22467a;
		margin-left: 0;
		display: block;
		word-break: break-all;
	}

	.table-change-3 .table table tbody tr td a.link {
		color: #22467a;
		display: block;
		padding: 9px 8px 8px 8px;
	}
	.table-change-3 .table table tbody tr td font{
		color: #22467a;
		font-weight: bold;
	}

	/*.table-change-3 .table table td:hover,.table table tbody tr td:hover {
		background: #dbdbdb;
	}*/

	/* size change starts */
	body {
		font-size: 14px;
	}
	.grid-group a {
		font-size: 14px;
	}


	.material-icons {
		font-size: 30px;
	}

	.login-form .imagebox .heading h2 {
		font-size: 17px;
	}

	.login-form .imagebox .heading h3 {
		font-size: 13px;
	}

	.login-form input {
		font-size: 13px;
		height: 40px
	}
	.login-form .icon-label {
		height: 40px;
	}
	.login-form .icon-label img {
		margin-top: 10px;
	}
	.login-form .security-fix img {
		height: 40px;
	}

	.login-form .margin-top-15 {
		margin-top: 10px;
	}
	.login-form .margin-top-15-fix.margin-top-15 {
		margin-top: 0px;
	}
	.s-login.login-form .margin-top-15-fix.margin-top-15 {
		margin-top: 20px;
	}
	.login-fix label.btn span {
		font-size: 13px;
		top:0px;
	}
	.login-form .fa-2x {
		font-size: 22px;
	}


	.login-form .remember a {
		font-size: 13px;
		top:6px;
	}
	.login-form .btn {
		height: 40px;
		font-size: 13px;
	}

	.login-form .margin-top-4 {
		margin-top: 0;
	}

	.login-form .remember {
		margin-bottom: 0;
	}

	.nav-menu>li>a {
		font-size: 13px;
	}
	.nav-menu-top form input {
		font-size: 13px;
		height: 48px;
	}
	.nav-menu-top {
		height: 48px;
	}
	.nav-menu-top form {
		height: 48px;
	}
	.nav-menus-wrapper-close-button {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.navigation-portrait .nav-menu>li>a {
		padding-top: 12px;
		padding-bottom: 11px;
	}
	.submenu-indicator-chevron {
		width: 6px;
		height: 6px;
		border-width: 0 1px 1px 0;
	}
	.navigation-portrait .submenu-indicator-chevron {
		top:18px;
	}
	.navigation-portrait .nav-submenu-open .submenu-indicator-chevron {
		margin-top: 10px;
	}
	.nav-dropdown>li>a {
		font-size: 13px;
	}
	.navigation-portrait .nav-dropdown>li>a {
		padding-top: 12px;
		padding-bottom: 11px;
	}

	.table-change form input {
		height: 40px;
	}
	form input, form textarea {
		font-size: 13px;
	}
	.desktop-only.page-title-mobile {
		display: none;
	}
	.mobile-only.page-title-mobile {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mobile-only.page-back-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mobile-only.page-back-mobile a {
		display: flex;
		align-items: center;
		height: 68px;
		padding: 0 15px;
	}

	.mobile-row {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.mobile-only.page-back-mobile a i {
		font-size: 20px;
		font-weight: bold;
	}
	.page-title-mobile a{
		font-size: 13px;
		padding-left: 10px;
		padding-right: 5px;
		padding-top: 22px;
		padding-bottom: 19px;
	}
	.mobile-only.page-title-mobile a {
		padding-left: 20px;
		padding-right: 5px;
	}
	.page-title-mobile a img {
		margin-top: -3px;
	}
	.breadcrumb-item {
		font-size: 13px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.list-group a span.title {
		font-size: 13px;
	}
	.list-group a span font.time {
		font-size: 13px;
	}
	.list-group a {
		padding-top:10px;
		padding-bottom: 10px;
	}
	.page-item.active .page-link {
		font-size: 15px;
	}
	.list-group .pagination-block a {
		font-size: 15px;
	}
	.breadcrumb {
		margin-bottom: 15px;
	}
	.list-group a img.arrow {
		width: 4px;
		height: 8px;
	}
	.list-group span.timer {
		font-size: 13px;
	}
	.list-group .info-span {
		font-size: 13px;
		line-height: 21px;
	}
	.list-group .editor {
		font-size: 13px;
		line-height: 21px;
	}
	.bt-0 .list-group .row {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.pagination-info {
		color: #22467a;
		font-size: 13px;
		font-weight: bold;
		margin:0;
		display: none;
		padding: 9px 5px 9px 5px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.list-group .pagination-block a {
		padding: 0.5rem 1rem;
	}
	.pagination-2 .list-group .pagination-block a {
		margin: 0 15px;
		border-radius: 5px;
	}
	.table-change .table table td {
		font-size: 14px;
	}
	.btn {
		font-size: 14px;
		height: auto;
	}
	aside .list-group a {
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	label.btn span {
		font-size: 13px;
	}
	.fa-2x {
		font-size: 22px;
		position: relative;
		top:3px;
	}
	.table-change .table table tbody span.span-inline,.table-change .table table tbody span.span-inline.red {
		top: 1px;
		left: -10px;
	}
	.table .btn-group {
		margin-top: -8px;
	}
	.table .btn-group.pt-md-0 {
		margin-top: -2px;
	}
	.table .mt-fix.btn-group {
		margin-top: -5px;
	}
	.table-change .table table tbody input {
		height: 40px;
		font-size: 13px;
	}
	select option {
		font-size: 13px;
	}
	form select {
		font-size: 13px;
	}
	.ok-box {
		font-size: 13px;
	}
	.back-section a {
		height: 40px;
		font-size: 13px;
		line-height: 13px;
	}
	.login-form {
		margin-bottom: 0;
	}
	.dropdown-item {
		font-size: 13px;
		padding: 10px 15px;
	}
	.notice {
		font-size: 13px;
	}
	.form-table-fix .table td {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.form-table-fix .table .table-responsive td {
		word-break: keep-all;
	}

	.fileUpload-fix.fileUpload {
		height: 40px;
		margin-top: -40px;
	}
	form select {
		height: 40px;
	}
	.login-fix form select {
		font-size: 13px;
	}
	.select-arrow-fix .select-arrow {
		top:13px;
	}

	.select-arrow-fix4.select-arrow-fix .select-arrow {
		top:-33px;
	}
	.select-arrow-fix .select-arrow-2 {
		top:19px;
	}
	.modal-dialog .form-group {
		margin-bottom: 5px;
	}
	.modal-header {
		padding: 10px 15px;
	}
	.modal-dialog .mb-4 {
		margin-bottom: 5px !important;
	}

	.modal-dialog .mb-20 {
		margin-bottom: 20px;
	}
	.modal-dialog label.btn span {
		top:0;
	}
	.modal-dialog .col {
		padding-left: 10px;
		padding-right: 10px;
	}
	.must {
		margin-top: 0;
	}
	.grid-group i.fa {
		font-size: 24px;
	}
	span.heading-1 {
		font-size: 13px;
	}
	.table-change-2 .table table td {
		font-size: 13px;
		min-height: 36px;
	}
	#myBtn {
		width: 25px;
		height: 25px;
	}
	#myBtn i {
		font-size: 13px;
		top: 4px;
		left: 9px;
	}

	.table table th {
		font-size: 13px;
	}
	.table table tbody tr td {
		font-size: 13px;
	}

	.table table tbody tr td a {
		font-size: 13px;
	}
	.form-control {
		font-size: 13px;
	}
	form input {
		height: 40px;
	}
	.date .sep-line-1, .date .sep-line-2 {
		height: 40px;
	}
	.date .add-on-1, .date .add-on-2 {
		top:10px;
	}
	.date3.date .add-on-1, .date3.date .add-on-2 {
		top:17px;
	}
	.btn-outline .btn {
		font-size: 13px;
		height: 40px;
	}
	.btn-outline .refund-fix.btn {
		height: 25px;
	}

	.table-change-3-fix .btn-outline .search-btn.btn {
		height: 34px;
	}
	/* a {
		font-size: 13px;
	} */
	.dropdown-menu {
		font-size: 14px;
	}

	#chart-container .content {
		padding-bottom: 10px;
	}
	.sidebtnfixed button i {
		font-size: 30px;
	}
	.modal-title {
		font-size: 14px;
	}
	form label {
		font-size: 14px;
	}

	.table-btn-group-fix label.btn span {
		font-size: 14px;
	}

	/* size change ends */

	.table-change-2 .table table tbody span.top-fix.span-inline {
		top:1px;
		margin-left: 0;
	}

	span.heading-2 {
		font-size: 14px;
	}

	.fileUpload-fix.br-10.fileUpload label {
		height: 40px;
	}


	.invite .title {
		font-size: 13px;
		font-weight: bold;
	}

	.invite .title-2 {
		font-size: 13px;
		font-weight: bold;
	}

	.invite .title font {
		font-size: 13px;
		color: #D1800E;
		font-weight: bold;
	}

	.invite .social-icon {
		background: rgba(255,255,255,.5);
		border-radius: 5px;
		padding: 10px;
	}

	.invite .note {
		background: #E58537;
		color: #fff;
		padding: 4px 8px;
		border-radius: 5px;
	}

	.invite .note span {
		font-size: 13px;
	}

	.page-link {
		padding: 12px 17px;
		font-size: 15px;
	}

	.btn {
		line-height: normal;
	}

	.product-item .mobile-only {
		display: inline-flex;
		float: left;
		color: #7b7b7b;
	}

	.product-item .desktop-only {
		display: none;
	}

	.v-form .title {
		font-size: 13px !important;
		font-weight: bold;
	}

	.v-form label.btn span {
		top: 0;
		font-size: 13px;
	}
	.v-form label.label-fix {
		font-size: 13px;
	}

	.v-form .mobile-hidden {
		display: none;
	}

	.table-no-bg .hasborder {
		padding-top: 10px;
		padding-left: 7px;
	}

	.table-no-bg .table-td-p-fix.table table tbody tr td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.member_basic.s1 .row >div.pt-30 {
		padding-top: 14px !important;
	}

	.member_basic.s1 .row >div.pt-30-fix.pt-30 {
		padding-top: 17px !important;
	}

	.sub-menu > div:nth-child(3),.sub-menu > div:nth-child(4),.sub-menu > div:nth-child(5) {
		display: none;
	}

	.sub-menu5.sub-menu > div:nth-child(3),.sub-menu5.sub-menu > div:nth-child(4) {
		display: none;
	}

	.sub-menu5.sub-menu > div:nth-child(5) {
		display: flex;
	}

	.sub-menu2.sub-menu > div:nth-child(3) {
		display: flex;
	}
	.sub-menu .dropdown-menu a:nth-child(1),.sub-menu .dropdown-menu a:nth-child(2),.sub-menu .dropdown-menu a:nth-child(3){
		display: block;
	}
	.product-item .mobile-only-hidden .mobile-only {
		display: none;
	}

	.fake-label.col-xl-12 {
		padding-right: 300px;
		padding-bottom: 0px;
	}

	.custom-calendar-full2.custom-calendar-full {
		top:20px;
	}

	.product-table2.product-table,.product-table2 .product-table {
		background: none;
	}

	.checkall,.uncheckall,.checkall2,.uncheckall2 {
		background: #E2E2E2;
		padding: 5px;
		border-radius: 4px;
	}
}

@media (max-width:1023px) {
	.order-fix.table-change .table table tbody span.span-inline.yellow {
		top:0;
	}
}


@media (max-width:991px) {
	.e-wallet-fix #radio-4 {
		margin-top: 14px;
	}
	.photoUpload-fix.table-change .table table td:before {
		margin-top: 26px;
	}
	.table-btn-group-fix div[data-toggle="buttons"] label {
		padding: 0px 0;
	}
	.table-btn-group-fix .fa-2x {
		font-size: 18px;
	}
	.table-btn-group-fix .btn-group {
		display: block;
		max-height: 40px;
	}

	.table-btn-group-fix.e-wallet-fix .btn-group {
		display: flex;
		max-height: 40px;
	}
	.e-wallet-fix form select {
		margin-top: 10px;
	}

	.table-btn-group-fix .btn-group label {
		margin: 10px 0 0 0;
	}

	.table-btn-group-fix form input {
		position: relative;
		top:0px;
		left: -30px;
		z-index: 2;
		height: 40px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.amountKeyin {
		position: relative;
		top:10px;
		left: 0px;
		z-index: 2;
		height: 30px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.amountKeyin2 {
		position: relative;
		top:10px;
		left: 0px;
		z-index: 2;
		height: 30px;
	}

	.e-wallet-fix .select-arrow-fix .select-arrow {
		top:24px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.coinNum {
		top:0;
		left: 0px;
	}

	.table-btn-group-fix .table td {
		padding-right: 5px;
	}

	.upload-group-fix .col-4 {
		flex:0 0 46%;
		max-width: 46%;
	}

	.upload-group-fix #uploadFile {
		width: 54%;
	}

	.form-group-margin {
		margin-top: 15px;
	}


	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		bottom: 25px;
		left: 130px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		bottom: 25px;
		left: 130px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		top: 25px;
		left: 100px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		top: 25px;
		left: 150px;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(0deg);
		position: absolute;
		top: 80px;
		left: 80px;
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(90deg);
		position: absolute;
		top: 80px;
		right: 80px;
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-90deg);
		position: absolute;
		bottom: 80px;
		left: 80px;
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-180deg);
		position: absolute;
		bottom: 80px;
		right: 80px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 17.466% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 17.466% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 17.466% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 17.466% 0;
	}

	main {
		margin-bottom: 200px;
	}

	.table-no-bg .mobile-no-border.table table tr {
		border-top: none;
		border-bottom:none;
	}

	.table-no-bg.table-fix .mobile-no-border.table table tbody.tbody-fix tr:last-child {
		border-bottom:none;
	}
	.table-change .table table td label {
		font-size: 13px;
	}

	.table-change .table table td label.checkbox_txt, .checkbox_txt {
		font-size: 13px;
	}

	.shop-detail a.answer {
		font-size: 13px;
	}

	.select-arrow-fix3.select-arrow-fix .select-arrow {
		top:-36px;
	}

	.user-info2 {
		display: none;
	}

	.product-item .mobile-padding {
		padding: 8px 0;
	}

	.navigation-portrait .nav-toggle {
			display:block;
			text-align: left;
	}

	.fa-fs-34 {
		font-size: 26px;
	}

	.room-info .square {
		width: 22px;
		height: 22px;
	}

	.label-pt-fix {
		padding-top: 18px;
	}

	.max-w-36 {
		max-width: 30px;
	}

	.sub-menu a {
		font-size: 13px;
	}

	.sub-menu {
		padding: 0 15px;
	}

	.graph-section .card .card-header {
		font-size: 13px;
	}

	.date5 .relative .add-on-1 {
		position: absolute;
		top:10px;
		left: -28px;
		z-index: 0;
	}

	.mobile-h-40 {
		max-height: 40px;
	}

	.addable .pt-13 {
		padding-top: 11px;
	}

	.addable .pt-8 {
		padding-top: 11px;
	}

	.date5.date .add-on-1 {
		top:-26px;
	}

	.time-group .pt-7 {
		padding-top: 10px;
	}

}

@media (max-width:850px) {

}

@media (max-width:812px) {
	/*.bx-wrapper, .bx-viewport {
			height: 396px !important;
		}*/

}


@media (max-width:768px) {
	.prdocut-list-fix2.prdocut-list-fix .table table img {
		max-width: 30%;
		width:30%;
	}
	.prdocut-list-fix3.prdocut-list-fix .table table img {
		max-width: 80%;
		width:80%;
	}

	.banner-text {
		top:120px;
		width: 36%;
		margin: 0 32%;
	}


	.input-group-addon-2 {
		display: none;
	}
	form.inputDateGroup .form-control {
		padding-left: 5px;
		padding-right: 50px;
	}
	form.inputDateGroup .margin-left-10 {
		margin-left: 0;
	}
	/*	.bx-wrapper, .bx-viewport {
			height: 375px !important;
		}*/

	.banner {
		margin-top: 0px;
	}

	 footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		display: block;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 0px;
	}

	.footer-fix footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		display: block;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 0px;
	}

	.footer-fix-2 footer {
		background: #e7e7e7;
		width: 100%;
		height: 46px;
		display: block;
		padding-top: 14px;
		padding-bottom: 0px;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 40px;
	}

	.form-margin {
		margin-top: 30px;
	}

	.label-fix-1 .col-5 {
		max-width: 40%;
		flex: 0 0 40%;
	}

	.label-fix-1 .col-7 {
		max-width: 60.5%;
		flex: 0 0 60.5%;
	}
	.memeber-icon {
		padding: 13px 10px;
	}

}

@media (max-width:767px) {
	.modal-body {
		padding: 15px 15px !important;
	}
	.login-form-fix .padding-right-90 {
		padding-right: 50px;
	}
	.login-form-fix .padding-left-90 {
		padding-left: 50px;
	}
	.register-breadcrumb span {
		font-size: 13px;
	}
	.grid-group a {
		font-size: 14px;
	}
	.bottom-menu a {
		font-size: 14px;
	}
	.grid-group a img {
		width: 40%;
		height: auto;
	}
	.bottom-menu a img {
		width: auto;
		height: 40px;
	}
	.graph-section .card .card-title h4 {
		font-size: 16px;
	}
	.table-wrapper .btn-toolbar .btn-group {
		width: 100%;
	}

	.table-wrapper .btn-toolbar .btn-group .btn {
		flex:0 0 50%;
		max-width: 50%;
	}
	.banner-text {
		top:120px;
		width: 40%;
		margin: 0 30%;
	}
	.fileUpload-fix.fileUpload.fileUpload-pre.fileUpload-btn-fix {
		margin-top: 21px;
	}

	form.inputDateGroup .form-control {
		padding-left: 15px;
		padding-right: 15px;
	}
	form.inputDateGroup .mr-3 {
		margin-right: 0rem !important;
	}
	.pagination-info {
		color: #22467a;
		font-size: 13px;
		font-weight: bold;
		margin:0;
		display: inline-flex;
		padding: 0px 5px 0px 5px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.pagination-2 .pagination-info {
		font-size: 12px;
		font-weight: bold;
		padding-top: 0;
	}
	.grid-group a {
		padding: 0 0 15px 0;
	}

	.grid-group-fix .grid-group a {
		font-size: 13px;
	}
	.grid-group-fix .grid-group .row .border-right {
			border-right: none;
			border-bottom: 1px dotted #ccc;
	}

	.list-group .pagination-block .page-item:first-child a {
		border-left: none;
	}

	.list-group .pagination-block .page-item:last-child a {
		border-right: none;
	}

	.pagination-2 .list-group .pagination-block .page-item:first-child a {
		border-left: 1px solid #ddd;
	}

	.pagination-2 .list-group .pagination-block .page-item:last-child a {
		border-right: 1px solid #ddd;
	}

	.page-num {
		display: none;
	}

/*	.bx-wrapper, .bx-viewport {
			height: 250px !important;
		}*/



	.memeber-icon span {
		display: none;
	}


	.table-change .table table td.datepicker-td {
		padding-right: 10px;
	}
	.video iframe {
		height: 300px;
	}


	.nav-menu>li>.nav-dropdown{
		background: #f1f1f1;
		border: none;
		border-top: none;
	}

	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		bottom: 25px;
		left: 130px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		bottom: 25px;
		left: 130px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		top: 25px;
		left: 100px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		top: 25px;
		left: 150px;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(0deg);
		position: absolute;
		top: 80px;
		left: 80px;
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(90deg);
		position: absolute;
		top: 80px;
		right: 80px;
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-90deg);
		position: absolute;
		bottom: 80px;
		left: 80px;
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-180deg);
		position: absolute;
		bottom: 80px;
		right: 80px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 17.678% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 17.678% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 17.678% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 17.678% 0;
	}



	.photoUpload-fix .fileUpload {
		margin-left: 0;
		top:-16px;
		margin-bottom: 0;
	}

	.mt-md-41-sm-0.mt-md-41 {
		margin-top: 0;
	}

	.pt-md-35-sm-0.pt-md-35 {
		padding-top: 0px;
	}

	.v-form label.btn span {
		top:1px;
	}

	.table-fix-2 .grid-group a img {
		width: 42%;
	}

	.d-inline-block.d-block {
		display: inline-block !important;
	}


	.switch {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 26px;
	}

	.switch .slider:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 4px;
		padding-top: 5px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.switch .slider:after {
		content: "";
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		position: absolute;
		right: 5px;
		top:-7px;
	}
	.product-item .switch .slider:after {
		top:5px;
	}

	.switch input:checked + .slider:after {
		content: "";
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		position: absolute;
		right: 32px;
		top:-7px;
	}

	.product-item .switch input:checked + .slider:after {
		top:5px;
	}



	.switch input:checked + .slider:before {
		-moz-transform: translateX(34px);
		-webkit-transform: translateX(34px);
		-ms-transform: translateX(34px);
		transform: translateX(34px);
		content: "";
	}

	.product-item .btn_small {
		width: 40px !important;
	}


	.fs-22 {
		font-size: 13px;
	}

	.addable .pt-13 {
		padding-top: 4px;
	}

	.color-circle-select {
		width: 69px;
		height: 69px;
		background: #EDEDED;
		border: 1px solid #727272;
		border-radius: 69px;
		overflow: hidden;
	}


	.color-circle {
		width: 49px;
		height: 49px;
		border-radius: 49px;
	}

}

@media (max-width:736px) {
/*	.bx-wrapper, .bx-viewport {
			height: 359px !important;
		}*/

	.label-fix-1 .col-7 {
		max-width: 62.3%;
		flex: 0 0 62.3%;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 17.636% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 17.636% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 17.636% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 17.636% 0;
	}

}

@media (max-width:732px) {
	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 17.594% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 17.594% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 17.594% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 17.594% 0;
	}
}

@media (max-width:667px) {
	/*.bx-wrapper, .bx-viewport {
			height: 312px !important;
	}
	*/

	.label-fix-1 .col-7 {
		max-width: 62.3%;
		flex: 0 0 62.3%;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(0deg);
		position: absolute;
		top: 80px;
		left: 60px;
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(90deg);
		position: absolute;
		top: 80px;
		right: 60px;
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-90deg);
		position: absolute;
		bottom: 80px;
		left: 60px;
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-180deg);
		position: absolute;
		bottom: 80px;
		right: 60px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 16.838% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 16.838% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 16.838% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 16.838% 0;
	}


}

@media (max-width:640px) {
	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 16.477% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 16.477% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 16.477% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 16.477% 0;
	}
}

@media (max-width:628px) {

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(0deg);
		position: absolute;
		top: 60px;
		left: 70px;
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(90deg);
		position: absolute;
		top: 60px;
		right: 70px;
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-90deg);
		position: absolute;
		bottom: 60px;
		left: 70px;
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		transform: rotate(-180deg);
		position: absolute;
		bottom: 60px;
		right: 70px;
	}

	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 80px;
		line-height: 80px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 80px;
		line-height: 80px;
		float: left;
		margin-left: 20px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 80px;
		line-height: 80px;
		float: right;
		margin-right: 20px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 80px;
		line-height: 80px;
		float: left;
		margin-left: 20px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 40px;
		line-height: 40px;
		position: absolute;
		bottom: 15px;
		left: 130px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 40px;
		line-height: 40px;
		position: absolute;
		bottom: 15px;
		left: 130px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 40px;
		line-height: 40px;
		position: absolute;
		top: 15px;
		left: 100px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 40px;
		line-height: 40px;
		position: absolute;
		top: 15px;
		left: 140px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 17.978% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 17.978% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 17.978% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 17.978% 0;
	}
}

@media (max-width:600px) {
	.grid-group a img {
		width: 60%;
		height: auto;
	}
}

@media (max-width:575px) {
	.w-100 {
		width: 100% !important;
	}

	.max-h-50 {
		max-height: initial;
	}
}

@media (max-width:568px) {
	.label-fix-1 .col-7 {
		max-width: 62.2%;
		flex: 0 0 62.2%;
	}

	.banner-text {
		top:105px;
		width: 50%;
		margin: 0 25%;
	}


}

@media (min-width:426px) {
	.form-margin {
		margin-bottom: 30px;
	}
}

@media (max-width:480px) {
	.register-breadcrumb span {
		font-size: 12px;
	}
	.banner-text {
		top:95px;
		width: 60%;
		margin: 0 20%;
	}

	.login-form-fix .padding-left-90 {
		padding-left: 30px
	}
	.login-form-fix .padding-right-90 {
		padding-right: 30px
	}
}


@media (max-width:425px) {

	.grid-group a img {
		width: 45%;
		height: auto;
	}
	.index-fix .grid-group a img {
		width: 70%;
		height: auto;
	}
	.grid-group a {
		font-size: 13px;
	}
	.bottom-menu a {
		font-size: 13px;
	}
	.bottom-menu a img {
		width: auto;
		height: 30px;
	}
	.sub-menu .dropdown-menu.show {
		position: absolute !important;
		left: auto !important;
		transform: translate3d(-60px, 39px, 0px) !important;
		top:0px !important;
	}
	.table-wrapper .btn-toolbar .btn-group .dropdown-menu.show {
		position: absolute !important;
		left: auto !important;
		right: 0 !important;
		transform: translate3d(0px, 30px, 0px) !important;
		top:0px !important;
	}
	.prdocut-list-fix2.prdocut-list-fix .table table img {
		max-width: 50%;
		width:50%;
	}
	.prdocut-list-fix3.prdocut-list-fix .table table img {
		max-width: 100%;
		width:100%;
	}
	.table-btn-group-fix.e-wallet-fix .btn-group.ml-24 {
		margin-left: 14px;
	}
	.table table tbody tr td.text-left-mobile {
		text-align: left;
	}
	.invite .social-icon a img {
		width: 80%;
	}
	.invite .social-icon a.mail img {
		width: 100%;
	}
	.sf-btn-fix {
		margin-top: 0px;
	}
	.mt--60 {
		margin-top: -60px;
	}
	.mt--10 {
		margin-top: -10px;
	}
	.input-group-fix-2 {
		padding-right: 15px;
	}
	.register-ok .margin-top-15 {
		margin-top: 5px;
	}
	.home-list-group-2.list-group .row:nth-of-type(odd) {
		background: #e9e9e9;
		border-bottom:1px solid rgba(0,0,0,0.125);
		padding-bottom: 0px;
	}

	.banner-text {
		top:85px;
	}

	.banner-text h1 {
		font-size: 13px;
		line-height: 19px;
		display: block;
		padding-bottom: 0;
	}
	.banner-text p {
		display: block;
		font-size: 12px;
		line-height: 18px;
		color: #006195;
		font-weight: bold;
	}

	.home-margin-top-30 {
		margin-top: 15px;
	}
	p.home-p {
		padding-top: 0;
	}
	.list-group a.home-btn {
		margin-top: 0;
	}
	.home-pb {
		padding-bottom: 70px;
	}
	.table-change .table table tbody input.input-radius-fix {
		border-radius: 10px 10px 10px 10px;
	}

	.ok-box i {
		margin-top: 3px;
	}
	.order-fix .btn-group {
		display: block;
	}

	.photoUpload-fix.table-change .table table td:before {
		margin-top: 0;
	}
	form .date.mb-2 {
		margin-bottom: 0 !important;
	}
	.date select.mb-4 {
		margin-bottom: 10px !important;
	}
	.date input.mb-4 {
		margin-bottom: 10px !important;
	}
	form .margin-bottom-30 {
		margin-bottom: 0;
	}
	.table-btn-group-fix form input {
		position: relative;
		top:0px;
		left: 5px;
		z-index: 2;
		height: 30px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.amountKeyin {
		position: relative;
		top:10px;
		left: 10px;
		z-index: 2;
		height: 30px;
		font-size: 13px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.amountKeyin2 {
		position: relative;
		top:10px;
		left: 0px;
		z-index: 2;
		height: 30px;
		font-size: 13px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.coinNum {
		top:20px;
	}

	.select-arrow-2 {
		position: absolute;
		top:-50px;
		right: 5px;
		z-index: 99;
	}

	.select-arrow-fix .select-arrow-2 {
		top:-33px;
	}

	aside {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	#orchart_div {
		margin-top: 30px;
	}

	.video iframe {
		height: 236px;
	}
	.navigation-portrait .nav-menus-wrapper {
		width: 340px;
	}

	.input-group-addon-2 {
		display: none;
	}

	.v-form #datepicker-1 {
		margin-bottom: 10px;
	}

	#datepicker-2 {
		position: relative;
		margin-bottom: 0px;
		top:0px;
	}


	.table-change-3-fix #datepicker-2s {
		position: relative;
		margin-bottom: 0px;
		top:0px;
	}

	.table-change-3-fix .form-control {
		height: 34px;
	}

	.qcheck-fix #datepicker-2 {
		position: relative;
		margin-bottom: 20px;
		top:20px;
	}

	.date .btn {
		width: 100%;
		margin-top: -90px;
	}

	.date .search-btn.btn {
		width: 100%;
		margin-top: 0px;
	}



	.select-btn .btn {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.input-btn .btn {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 10px;
	}

	.label-fix-1 .col-7 {
		max-width: 62%;
		flex: 0 0 62%;
	}

	.date .add-on-1 {
		position: relative;
		top:-32px;
		left:-12px;
		z-index: -1;
		float:right;
	}
	.date .sep-line-1 {
		width: 1px;
		height: 40px;
		background: #d1d1d1;
		position: relative;
		top:-40px;
		left: -38px;
		z-index: -1;
		float: right;
	}

	.date .add-on-2 {
		position: relative;
		top:-61px;
		left:-12px;
		z-index: -1;
		float:right;
	}
	.date .sep-line-2 {
		width: 1px;
		height: 40px;
		background: #d1d1d1;
		position: relative;
		top:-70px;
		left: -38px;
		z-index: -1;
		float: right;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 20px;
		left: 10px;
		-webkit-transform: scale(.6) rotate(0deg);
		-moz-transform: scale(.6) rotate(0deg);
		-o-transform: scale(.6) rotate(0deg);
		transform: scale(.6) rotate(0deg);
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 20px;
		right: 10px;
		-webkit-transform: scale(.6) rotate(90deg);
		-moz-transform: scale(.6) rotate(90deg);
		-o-transform: scale(.6) rotate(90deg);
		transform: scale(.6) rotate(90deg);
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 20px;
		left: 10px;
		-webkit-transform: scale(.6) rotate(-90deg);
		-moz-transform: scale(.6) rotate(-90deg);
		-o-transform: scale(.6) rotate(-90deg);
		transform: scale(.6) rotate(-90deg);
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 20px;
		right: 10px;
		-webkit-transform: scale(.6) rotate(-180deg);
		-moz-transform: scale(.6) rotate(-180deg);
		-o-transform: scale(.6) rotate(-180deg);
		transform: scale(.6) rotate(-180deg);
	}

	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 70px;
		line-height: 70px;
		float: right;
		margin-right: 10px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 70px;
		line-height: 70px;
		float: left;
		margin-left: 10px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 70px;
		line-height: 70px;
		float: right;
		margin-right: 10px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 70px;
		line-height: 70px;
		float: left;
		margin-left: 10px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		position: absolute;
		bottom: 10px;
		left: 80px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		position: absolute;
		bottom: 10px;
		left: 80px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		position: absolute;
		top: 10px;
		left: 60px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		position: absolute;
		top: 10px;
		left: 90px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 15.636% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 15.636% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 15.636% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 15.636% 0;
	}

	.memeber-icon {
		margin:0px 0px 0 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*.bx-wrapper, .bx-viewport {
		height: 207px !important;
	}
	*/
	.table thead th.pleft-5 {
		padding-left: 5px;
	}

	.table thead th.pright-5 {
		padding-right: 5px;
	}

	.mobile-row {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	.fake-label.col-xl-12 {
		padding-right: 280px;
		padding-bottom: 0px;
	}
}

@media (max-width:414px) {
	.mypoint-box {
		position: relative;
		top:20px;
	}

	.mypoint {
		position: absolute;
		margin-left: 6px;
	}

	.banner-text {
		top:85px;
		width: 62%;
		margin: 0 19%;
	}

	/*.bx-wrapper, .bx-viewport {
			height: 202px !important;
		}*/

	.label-fix-1 .col-7 {
		max-width: 61.6%;
		flex: 0 0 61.6%;
	}
	.label-fix-2 label {
		margin-right: 1px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 15.368% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 15.368% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 15.368% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 15.368% 0;
	}

}

@media (max-width:412px) {
	.home-contact {
		padding-bottom: 90px;
	}
	.label-fix-3 label {
		margin-right: 5px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 15.318% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 15.318% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 15.318% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 15.318% 0;
	}
}

@media (max-width:375px) {
	.mypoint-box {
		position: relative;
		top:18px;
	}

	.mypoint {
		position: absolute;
		margin-left: 5px;
	}
	.bottom-menu a {
		font-size: 12px;
	}
	.banner-text {
		top:85px;
		width: 68%;
		margin: 0 16%;
	}

	.home-contact {
		padding-bottom: 100px;
	}
	p.home-p {
		padding-top: 10px;
	}
	p.home-p-fix.home-p {
		padding-top: 0px;
	}
	/*.bx-wrapper, .bx-viewport {
		height: 175px !important;
	}*/

	.label-fix-3 label {
		margin-right: 4px;
	}

	.label-fix-1 .col-5 {
		max-width: 39%;
		flex: 0 0 39%;
	}

	.label-fix-1 .col-7 {
		max-width: 63.8%;
		flex: 0 0 63.8%;
	}


	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 10px;
		left: 0px;
		-webkit-transform: scale(.5) rotate(0deg);
		-moz-transform: scale(.5) rotate(0deg);
		-o-transform: scale(.5) rotate(0deg);
		transform: scale(.5) rotate(0deg);
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 10px;
		right: 0px;
		-webkit-transform: scale(.5) rotate(90deg);
		-moz-transform: scale(.5) rotate(90deg);
		-o-transform: scale(.5) rotate(90deg);
		transform: scale(.5) rotate(90deg);
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 10px;
		left: 0px;
		-webkit-transform: scale(.5) rotate(-90deg);
		-moz-transform: scale(.5) rotate(-90deg);
		-o-transform: scale(.5) rotate(-90deg);
		transform: scale(.5) rotate(-90deg);
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 10px;
		right: 0px;
		-webkit-transform: scale(.5) rotate(-180deg);
		-moz-transform: scale(.5) rotate(-180deg);
		-o-transform: scale(.5) rotate(-180deg);
		transform: scale(.5) rotate(-180deg);
	}

	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		float: right;
		margin-right: 10px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		float: left;
		margin-left: 10px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		float: right;
		margin-right: 10px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		float: left;
		margin-left: 10px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 26px;
		line-height: 26px;
		position: absolute;
		bottom: 10px;
		left: 70px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 26px;
		line-height: 26px;
		position: absolute;
		bottom: 10px;
		left: 60px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 26px;
		line-height: 26px;
		position: absolute;
		top: 10px;
		left: 50px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 26px;
		line-height: 26px;
		position: absolute;
		top: 10px;
		left: 70px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 15.728% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 15.728% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 15.728% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 15.728% 0;
	}

}
@media (max-width:366px) {
	.fake-label.col-xl-12 {
		padding-right: 234px;
		padding-bottom: 20px;
	}
}

@media (max-width:360px) {
	.mypoint-box {
		position: relative;
		top:17px;
	}
	.register-breadcrumb span {
		font-size: 3.2vmin;
	}
	.banner-text {
		top:85px;
		width: 72%;
		margin: 0 14%;
	}
	.table-btn-group-fix-2.table-btn-group-fix form input {
		position: relative;
		top:0px;
		left: 10px;
		z-index: 2;
		height: 40px;
	}

	.table-btn-group-fix-2.table-btn-group-fix form input.coinNum {
		top:20px;
		left: 0px;
	}


	.label-fix-1 .col-7 {
		max-width: 62.8%;
		flex: 0 0 62.8%;
	}
	.label-fix-2 label {
	margin-right: 0px;
}

	.label-fix-1 .col-5 {
		max-width: 40%;
		flex: 0 0 40%;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 5px;
		left: 0px;
		-webkit-transform: scale(.5) rotate(0deg);
		-moz-transform: scale(.5) rotate(0deg);
		-o-transform: scale(.5) rotate(0deg);
		transform: scale(.5) rotate(0deg);
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 5px;
		right: 0px;
		-webkit-transform: scale(.5) rotate(90deg);
		-moz-transform: scale(.5) rotate(90deg);
		-o-transform: scale(.5) rotate(90deg);
		transform: scale(.5) rotate(90deg);
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 5px;
		left: 0px;
		-webkit-transform: scale(.5) rotate(-90deg);
		-moz-transform: scale(.5) rotate(-90deg);
		-o-transform: scale(.5) rotate(-90deg);
		transform: scale(.5) rotate(-90deg);
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 5px;
		right: 0px;
		-webkit-transform: scale(.5) rotate(-180deg);
		-moz-transform: scale(.5) rotate(-180deg);
		-o-transform: scale(.5) rotate(-180deg);
		transform: scale(.5) rotate(-180deg);
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 15.306% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 15.306% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 15.306% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 15.306% 0;
	}

}

@media (max-width:352px) {
	.register-breadcrumb .fs-14 {
		font-size: 13px;
	}
}

@media (max-width:350px) {
	.breadcrumb li:after {
		display: none;
	}
	.breadcrumb li {
		padding: 0 2px;
	}


}

@media (max-width:349px) {
	.bottom-menu a {
		font-size: 3.2vmin;
	}
}


@media (max-width:320px) {
	.mypoint-box {
		position: relative;
		top:15px;
	}
	.mypoint {
		position: absolute;
		margin-left: 4px;
	}
	.banner-text {
		top:80px;
		width: 80%;
		margin: 0 10%;
	}

	.table-btn-group-fix form input {
		position: relative;
		top:0px;
		left: 5px;
		z-index: 2;
		height: 40px;
	}

	/*.bx-wrapper, .bx-viewport {
		height: 156px !important;
	}*/

	.navigation-portrait .nav-menus-wrapper {
		width: 100%;
	}
	.fast-link a {
		font-size: 14px;
	}
	.label-fix-1 .col-7 {
		max-width: 57.6%;
		flex: 0 0 57.6%;
	}

	.label-fix-1 .col-5 {
		max-width: 46%;
		flex: 0 0 46%;
	}
	.datepicker-group-fix .add-on {
		position: relative;
		top:-27px;
		right: -255px;
		z-index: 0;
	}

	.m320-fix.margin-top-15 {
		margin-top: -6px;
	}


	.info-detail .upload-group-fix span {
		font-size: 14px;
	}

	.input-group-fix label {
		margin-left: -7px;
	}
	.input-group-fix input {
		flex:0 0 52.5%;
		max-width: 52.5%;
		margin-left: -1px;
	}
	.list-group span.timer {
		text-align: left;
	}
	.list-group span.timer.col-4 {
		padding-left: 0;
	}

	.circle-group a.c1:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 0px;
		left: -15px;
		-webkit-transform: scale(.4) rotate(0deg);
		-moz-transform: scale(.4) rotate(0deg);
		-o-transform: scale(.4) rotate(0deg);
		transform: scale(.4) rotate(0deg);
	}

	.circle-group a.c2:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		top: 0px;
		right: -15px;
		-webkit-transform: scale(.4) rotate(90deg);
		-moz-transform: scale(.4) rotate(90deg);
		-o-transform: scale(.4) rotate(90deg);
		transform: scale(.4) rotate(90deg);
	}

	.circle-group a.c3:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 0px;
		left: -15px;
		-webkit-transform: scale(.4) rotate(-90deg);
		-moz-transform: scale(.4) rotate(-90deg);
		-o-transform: scale(.4) rotate(-90deg);
		transform: scale(.4) rotate(-90deg);
	}

	.circle-group a.c4:after {
		content: url('../images/c-arrow-2.png');
		font-family: "FontAwesome";
		position: absolute;
		bottom: 0px;
		right: -15px;
		-webkit-transform: scale(.4) rotate(-180deg);
		-moz-transform: scale(.4) rotate(-180deg);
		-o-transform: scale(.4) rotate(-180deg);
		transform: scale(.4) rotate(-180deg);
	}

	.circle-group a.c1 span.title {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		float: right;
		margin-right: 10px;
	}

	.circle-group a.c2 span.title {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		float: left;
		margin-left: 10px;
	}
	.circle-group a.c3 span.title {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		float: right;
		margin-right: 10px;
	}

	.circle-group a.c4 span.title {
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		float: left;
		margin-left: 10px;
	}

	.circle-group a.c1 span.title2 {
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		position: absolute;
		bottom: 10px;
		left: 60px;
	}

	.circle-group a.c2 span.title2 {
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		position: absolute;
		bottom: 10px;
		left: 50px;
	}
	.circle-group a.c3 span.title2 {
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		position: absolute;
		top: 10px;
		left: 40px;
	}

	.circle-group a.c4 span.title2 {
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		position: absolute;
		top: 10px;
		left: 60px;
	}

	.circle-group a.c1 {
		height: 100%;
		border-radius: 600px 0 0 0;
		background: #408e43;
		padding: 15.69% 0;
	}

	.circle-group a.c2 {
		height: 100%;
		border-radius: 0px 600px 0px 0;
		background: #d03634;
		padding: 15.69% 0;
	}

	.circle-group a.c3 {
		height: 100%;
		border-radius: 0px 0px 0px 600px;
		background: #e08745;
		padding: 15.69% 0;
	}

	.circle-group a.c4 {
		height: 100%;
		border-radius: 0px 0px 600px 0px;
		background: #204691;
		padding: 15.69% 0;
	}

	.back-section a {
		letter-spacing: 0;
	}

	.breadcrumb-item {
		padding: 5px 0;
	}
}


@media (max-height:1024px) {
	.table-wrapper .btn-toolbar .btn-group .dropdown-menu {
		margin-top: 0;
	}
	.fixed {
		position: fixed;
		top:-130px;
		left: 0;
		right: 0;
		z-index:999;
		-webkit-transition:0s top cubic-bezier(.3, .73, .3, .74);
	}

	.fixed.slideDown {
		top:0px;
		-webkit-transition:0.3s top cubic-bezier(.3, .73, .3, .74);
	}

}

/* css ends */


/* style starts */

body{
	background: #fff;
    font-family: "Noto Sans", 微軟正黑體, "Microsoft JhengHei", Arial;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
	font-weight: bold;
}
a{
	color: #4E4E4E;
}
a:hover{
	color: #BB0611;
}
.indx_icon .col{
	width: 25%;

}
.center{
	text-align: center;
}
.indx_icon .col img{
	max-width: 100%;
}
.form-control,select.form-control,select.form-control:not([size]):not([multiple]){
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin-bottom: 10px;
}

.desktop-h-50.form-control {
	height: 40px;
}
.form-control-product,select.form-control-product,select.form-control-product:not([size]):not([multiple]){
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 100%;
	margin: 0px auto;
	font-weight: bold;
	color: #434343;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-appearance: none;
}
.modal .form-control-product {
	width: 100%;
	margin: 13px auto;
}

.modal .date .form-control-product {
	position: relative;
	z-index: 1;
	background: none;
}
.form-control-product-2{
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 100%;
	margin: 15px auto;
	font-weight: bold;
	color: #434343;
}

select.form-control-product2{
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 100%;
	margin: 15px auto;
	font-weight: bold;
	color: #434343;
}
i.fa-star{
	color: #e9e9e9;
	font-size: 24px;
}
i.fa-star.active{
	color: #ecca59;
}
.margin_row input[type="text"]{
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border: thin solid #bebebe;
}

.keyword input[type="text"]{
	width: 100%;
	height: 25px;
	margin: 15px 0;
	padding: 0 15px;
	border: thin solid #bebebe;
	border-radius: 5px;
	font-weight: bold;
	line-height: 20px;
	color: #434343;
}

::-moz-placeholder { color: #989898 !important; }
::-webkit-input-placeholder { color:#989898 !important; }
:-ms-input-placeholder { color:#989898 !important; }

input[type="text"]{
	color: #434343;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #989898 !important;
    opacity: 1; /* Firefox */
}

input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #989898 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #989898 !important;
}
.searchform input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff !important;
}

select option{
	font-size: 16px;
	color: #7b7b7b;
}
.margin_row{
	margin: 0 -15px;
}
.must{
	position: static;
}
label.btn input[checked="checked"] ~ i.icon-checkbox-checked {
    color: #BB0611;
    display: inline;
}

label.btn input[checked="checked"].blue ~ i.icon-checkbox-checked {
    color: #257db4;
    display: inline;
}

label.btn.active input[checked="checked"].blue ~ i.icon-checkbox-checked {
	font-size: 22px;
}


label.btn input[checked="checked"].grey ~ i.icon-checkbox-checked {
    color: #7b7b7b;
    display: inline;
}
input[type="checkbox"] {
    width: 22px;
    height: 22px;
    -webkit-appearance: checkbox;
    position: relative;
    top: 3px;
}

.navigation{
	background: #fff;
	box-shadow:  0px 1px 1px 0px rgba(0,0,0,.2);
	border-bottom: none;
	display: flex;
	justify-content: space-between;
}
.login-form input{
	background: none;
	border-color: #257db4;
}
.login-form .icon-label{
	background: none;
}

.login-fix main{
    margin: 30px auto 0 auto;
}

.header_list .header_btn{
	font-size: 14px;
	padding:8px 20px;
}
.header_list .login_btn{
	font-size: 14px;
	padding:14px 20px 12px 20px;
	width: 150px;
}

.header_list .login_btn:hover,.header_list .login_btn:active {
	color: #BB0611;
}
.header_list .dropdown-menu{
	width: 330px;
	margin-left: -165px;

}
.header_list .dropdown-menu a{
	display: block;
	white-space: inherit;
	padding: 7px 15px;

}
.header_list .header_btn img {
	vertical-align: middle;
	max-height: 35px;
}
.header_list .login_btn img{
	vertical-align: middle;
	max-height: 35px;
	margin-right: 4px;
}
.login_btn{
	padding: 0px 15px;
}
.login_small{
	font-size: 14px;
}
.home_list{
	width: 100%;
	text-align: right;
	padding:20px 100px 200px;
}
.home_list .dropdown{
	display: inline-block;
	padding: 0 15px;
}
.home_list .dropdown-item{
	border-bottom: solid 1px #ddd;
}
.home_list .dropdown-item:last-child{
	border-bottom: none;
}
.link_a:after{
	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;
	border:none;
	content: "\f105";
	vertical-align: middle;
	margin-top: -5px;
	margin-left: 0.255em;
}
.dropdown-toggle::after{
	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;
	border:none;
	content: "\f107";
	vertical-align: middle;
	width: auto;
    height: auto;
    margin-top: -3px;
}

.sub-menu .dropdown-toggle::after {
	display: none;
}

.breadcrumb{
	background: none;
	margin: 0 0 20px 0;
}
.breadcrumb li:after {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: .6em;
    color: #8d8d8d;
    font-size: 12px;
    margin: 0 4px 0 6px;
		position: relative;
		top:2px;
}
.breadcrumb li a{
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
}
.breadcrumb li:last-child:after {
    display: none;
}
.main-top .breadcrumb{
	text-align: left;
	font-weight: normal;
	color: #434343;
	background: none!important;
	box-shadow: 0 0 0!important
}
.main-top .breadcrumb li{
	display: inline-block;

}
.breadcrumb .ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 20px;
    vertical-align: middle;
}

.main-top .breadcrumb li a:hover .ic,
.main-top .breadcrumb li a:active .ic,
.main-top .breadcrumb li.active .ic,
.main-top .breadcrumb li.active .ic{
	background: #B51821;
}
.main-top .breadcrumb li a:hover,
.main-top .breadcrumb li a:active,
.main-top .breadcrumb li.active ,
.main-top .breadcrumb li.active  {
    color: #B51821;
}
.main-top .breadcrumb span.text{
	height: 20px;
	vertical-align: middle;
}

.main-top .breadcrumb li span {

}
.reminder{
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
	text-align: center;
}
form label{
	font-weight: bold;
}
.btn.simple {
	background: #7b7b7b;
    border: 1px solid #7b7b7b;
    color: #fff;
    width: 25%;
    max-width: 180px;
    margin: 0;
    letter-spacing: 0.075em;
    line-height: 40px;
    position: relative;
    border-radius: 30px;
    height: 40px;
    min-width: 120px;
    font-size: 16px;
    padding: 0 1%;
}


button.btn.simple:hover {
     background: #b5b5b5;
    border: 1px solid #b5b5b5;
    color: #fff;
}
.btn.simple.bg3, .table .more.btn.bg3 {
    background: #BB0611;
    border-color: #BB0611;
    min-width: 120px;
}

.btn.simple.bg3:hover,.btn.simple.bg3:active, .table .more.btn.bg3:hover, .table .more.btn.bg3:active {
    background: #c82333;
    border-color: #c82333;
    min-width: 120px;
	color: #fff;
	text-decoration: none;
}
.captcha{
	position: relative;
}
.captcha a{
	position: absolute;
	right: 1px;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
	bottom: 1px;
}
.checbox input[type="checkbox"]{
	top:-5px;
}
.file {
    visibility: hidden;
    position: absolute;
    display: none;
}
.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control{
	width: 100%;
}
 .input-group-btn {
    display: table-cell;
        width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    font-size: 14px;

}
.input-group-btn:last-child>.btn{
	border-radius: 4px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
      height: 45px;
    line-height: 45px;
     box-sizing: border-box;
     padding: 0 12px;
     background: #BEBEBE;
     color: #fff;
     font-weight: normal;
}
.input-group .form-control:first-child{
	    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.modal .input-group .form-control:first-child{
		height: 25px;
		line-height: 25px;
		padding: 0 15px;
		margin-bottom: 10px;
		width: 100%;
		font-weight: bold;
		color: #434343;
	  border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
		border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.modal .input-group .form-control:not(:first-child):not(:last-child) {
		height: 25px;
		line-height: 25px;
		padding: 0 15px;
		margin-bottom: 10px;
		width: 100%;
		font-weight: bold;
		color: #434343;
		border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
		border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.flex_form{
	display: flex;
	align-items: center;
}
.flex_form .control-box{
	margin-top: 8px;
	margin-left: 5px;
	position: relative;
	top: 3px;
}
.form-radio{
	color: #1F74A1;
}
.form-radio img{
	margin-right: 10px;
}
.radio-box input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    visibility: hidden;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
}
.form-radio{
	content: '';
	display: inline-block;
	vertical-align: middle;
}
.form-radio:first-of-type{
	margin-right: 20px;
}

.radio-box input+label::before{
	content: '';
    display: inline-block;
    vertical-align: middle;
    background: 50% 0% / 100% auto no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 10px 3px 0;
    background-image: url(../images/radio.png);
}
.radio-box input:checked+label::before{
	content: '';
    display: inline-block;
    vertical-align: middle;
    background: 50% 100% / 100% auto no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 10px 3px 0;
    background-image: url(../images/radio.png);
}

.blue .form-radio:before {
	 background-image: url(../images/radio2.png);
}
.form-radio.checked:before {
    background-position: 0 100%;
}
.border_title{
	margin-top: 50px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.border_title:before{
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	background: #CACAD6;

}
.border_title span{
	display: inline-block;
	padding:0 10px;
	background: #fff;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	z-index: 5;
}
.box_txt{
	padding:0 20px;
	font-size: 20px;
}
.success-box{
	text-align: center;
	margin-top: 50px;
}
.success-msg {
    font-size: 28px;
    margin: 5px 0 35px 0px;
    line-height: 34px;
    color: #b4191e;
    font-weight: bold;
}
.member_table{
  max-width: 350px;
  margin:0 auto 20px;
}
.member_table .table,.member_table2 .table{
  border:solid 1px #e7e7e7;
}
.member_table2{
  max-width: 650px;
}
.member_table .table{
  border:solid 1px #e7e7e7;
}

.member-photo,.memberphoto{
	display:inline-block;
    position:relative;
    width:100px;
    overflow:hidden;

}
.member-photo img{
	width: 50%;
	border-radius:50%;
}
.memberphoto img{
	width: 50%;
	border-radius:50%;
	max-width: 140px;
}
.member-detail ul{
	width: 100%;
	display: inline-block;
}
.member-detail ul li{
	width: 50%;
	display: inline-block;
	float: left;
	margin: 10px auto;
}
.member-detail ul li:first-child{
	width: 100%;
}
.member-list .btn{
	padding: 2px 0 2px 0;
    height: 45px;
	line-height: 40px;
    border-radius: 50px;
	background: #BB0611;
    border-color: #BB0611;
	text-decoration: none;
	color: white;
	font-size: 16px;
}
.member-list .btn:hover{
	background: #7b7b7b;
    border: 1px solid #7b7b7b;
    color: #fff;
}
.grid-group .row,
.grid-group .row:last-child{
	border: none;
}

span.heading-2{
	color: #444;
    font-size: 24px;
}
.product-title{
	border-bottom: 1px solid #C4C4C4;
	width: 100%;
}
.add{
	padding: 2px 0 2px 0;
	margin: 15px auto;
	border-radius: 50px;
	background: #BB0611;
	border-color: #BB0611;
	text-decoration: none;
	color: white;
	font-size: 16px;
	vertical-align: middle;
	max-height: 40px;
}

.max-h-29.add {
	max-height: 29px;
}

a.add:hover,a.add:active {
	color: #fff !important;
	background: #7b7b7b;
	border-color: #7b7b7b;
}

.prdocut-list-fix a.add{
	color: white;
}

.table table tbody tr td a:hover i,.table table tbody tr td a:active i {
	color: #000 !important;
}

.search-pop,.search-pop2 {
	padding: 2px 0 2px 0;
	margin: 15px auto;
    border-radius: 50px;
	background: #0058bf;
    border-color: #0058bf;
	text-decoration: none;
	color: white;
	font-size: 16px;
	vertical-align: middle;
}

.search-pop3,.search-pop4 {
	padding: 4px 0 4px 0;
	margin: 15px auto;
    border-radius: 50px;
	background: #BB0611;
    border-color: #BB0611;
	text-decoration: none;
	color: white;
	font-size: 16px;
	vertical-align: middle;
}

a.search-pop:hover,a.search-pop:active,a.search-pop2:hover,a.search-pop2:active,a.search-pop3:hover,a.search-pop3:active,a.search-pop4:hover,a.search-pop4:active {
	color: #fff !important;
	background: #7b7b7b;
	border-color: #7b7b7b;
}
a.add.bg-success:hover {
	background-color:#7b7b7b !important;
}
.prdocut-list-fix a.search-pop {
	color: white;
}
.search{
	position: relative;
}
.search a{
	position: absolute;
	right: 1px;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
	bottom: 0;
}
.search i.fa{
	color: #bebebe;
	margin: auto 5px;
}
.search a:hover i {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.search a:hover i,.search a:active i{
	color: #BB0611;
}
.search i.fa:before{
	border-left: 1px solid #bebebe;
	padding: 0 5px;
}

/* pagination style starts */
.pagination .select-arrow-fix .select-arrow {
	top:-22px;
	font-weight: bold;
	color: #707070;
}

.pagination .select-arrow {
	position: absolute;
	right: 15px;
	z-index: 99;
}

.pagination select {
	width: 100%;
	padding: 0px 30px 0px 15px;
	font-family: 'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', 'Arial' !important;
	color: #393939;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	border-radius:10px;
	border-color:#ccc;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
}

.pagination li {
	padding: 0 10px;
}

.page-link{
	border: none;
	border-radius: 7px;
	background: #E2E2E2;
	padding:0;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-item:first-child .page-link {
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
}
.page-item.active .page-link{
	background: #BB0611;
}
.page-link:hover{
	background: #fcf1f2;
}

/* pagination style ends */

.product-list-group{
	width: 100%;
	font-size: 18px;
}
.product-list-group .back{
	margin: 15px 0;
}
.product-list-group .back a {
	padding: 5px 0;
	display: flex;
	align-items: center;
}

.product-list-group .back a:hover,.product-list-group .back a:active {
	color: #BB0611 !important;
}
.list-item{
	margin: 10px 0;
	font-size: 16px;
}
.list-item li{
	margin: 15px;
	margin-left: 2rem;
}
.list-item p{
	color: #434343;
}
.list-item img,
.product-list-group .back img{
	width: 20px;
	margin-right: 10px;

}
.blue-text{
	color: #007bff;
}
.member-grop{
	vertical-align: middle;
}
.member-grop .member-photo img{
	width: 30px;
}
.member-grop .member-photo{
	width: 100%;
}
.member-grop span{
	color: #7b7b7b;
	font-size: 24px;
	vertical-align: middle;
	font-weight: bold;
}
.product-table,.product-item{
	margin: auto;
	width: 100%;
}
.product-table{
	background: #E2E2E2;
	padding: 3px 0;
	text-align: left;
}

.bg-light-yellow {
	background: #FCFBC4;
}

.bg-dark-blue {
	background: #0058bf;
}

.product-item{
	padding: 10px 0;
	border-top: 1px solid #bebebe;
	text-align: center;
	word-break: break-all;
}
.product-item .refund.btn{
	padding: 2px 0 2px 0;
    height: 30px;
    border-radius: 50px;
    background: #BB0611;
    border-color: #BB0611;
    text-decoration: none;
	color: white;
	line-height: 1.25!important;
}

.product-item img{
	width: 100%;
}
.product-item a{
	display: inline-block;
	color: #006195;
	word-wrap: break-word;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	/*-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;*/
}
.list-item ul li a:hover,
.list-item a:hover{
	color: #BB0611 !important;
}
.table .btn-box{
	display: block;
}
.product-list-group-m,
.product-store-list-group-m{
	display: none;
}
.pie{
	position: relative;
	z-index: 0;
	left:0;
	top:0;
	width: 40px;
	height: 40px;
	line-height: 50px;
	border-radius:50%;
	text-align: center;
	color: #000;
	font-size: 12px;
	background-color:#f0f0f0;
	background-image: linear-gradient(to right, transparent 50%, yellowgreen 0);
	cursor:pointer;
	overflow: hidden;
}
.pie-wrap{
	display: inline-block;
	float: left;
	padding: 10px 0;
}
.product-img .wish a{
	width: 50%;
	display: inline-block;
}
.product-img .wish {
	width: 100%;
}
.product-img .wish img{
	width: 100%;
}
.pie strong{
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 1;
	margin-top: -5px;
}
.pie span{
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.pie div{
	position:absolute;
	top:0;
	width:60%;
	height:100%;
	left:50%;
	transform:rotate(0turn);
	transform-origin: center left;
	transition:transform 0.7s linear;
}
.pie>.div_1{
	background-color: inherit;
	z-index: -2;
}
.pie>.div_2{
	height:110%;
	opacity: 0;
	z-index: -1;
	background-color: yellowgreen;
}

.product-back{
	display: none;
	width: 100%;
	max-width: 100%;
}

.post-store-item div{
	margin: 15px 0;
	text-align: left;
}
.ok-box{
	color: #BB0611;
	font-size: 24px;
	font-weight: bold;
}
.ok-box-img{
	width: 100px;
}
.ok-box-img img{
	width: 100%;
}
.register-ok-info{
	border: none;
    border-radius: 0;
}
.register-ok-info table{
	width: 100%;
}
.register-ok-info table tr td,
.register-ok-info table tr th{
	padding: 15px;
	border: 1px solid #e9e9e9;
}
.register-ok-info table tr th{
	background: #e9e9e9;
	width: 30%;
}
.register-ok-info table tr td{
	width: 70%;
}
.red{
	color:#BB0611;
}
.register-info{
	color: #bebebe;
}
.money-icon img{
	width: 25%;
}
.spimg{
	width: 30px !important;
}
.product-detail .none{
	display: none;
}
.product-img .none{
	display: inline-block;
}
.icon-size img{
	width: 20%;

}

.pl-lg-80 {
	padding-left: 80px;
}

.pr-lg-80 {
	padding-right: 80px;
}

.pl-lg-22p {
	padding-left: 22%;
}

.pr-lg-22p {
	padding-right: 22%;
}

.pl-lg-50 {
	padding-left: 50px;
}

.pr-lg-50 {
	padding-right: 50px;
}

br.mobile-only {
	display: none;
}

.accordion {
    cursor: pointer;
    outline: none;
    transition: 0.4s;
}
.accordion.active {
	background: #FCFBC4;
}

.bg-default.accordion.active {
	background: #efeff0;
}

.accordion p:after {
	content: '\f107';
	font-family: 'fontAwesome';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active p:after {
	content: "\f106";
	font-family: 'fontAwesome';
}

.accordion div.heading .row:after {
	content: '\f107';
	font-family: 'fontAwesome';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	position: absolute;
	right: 30px;
}

.active div.heading .row:after {
	content: "\f106";
	font-family: 'fontAwesome';
}

.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.main-mfix {
	margin-top: 80px;
}

@media (max-width:1199px) {
	main{
		padding-top: 40px;
	}
	.breadcrumb{
		padding-top: 50px;
	}

	.backbtn-pofix {
		margin-top: 40px;
	}

	.main-mfix {
		margin-top: 108px;
	}

	.index-fix .alert-info-fix.alert-info {
		position: relative !important;
		top:50px !important;
	}
	.index-fix .alert-danger-fix.alert-danger {
		position: relative !important;
		top:50px !important;
	}
}
@media (max-width:1024px) {
	.home_list .dropdown-menu{
		margin-top: 5px;
	}
	.search .form-control{
		font-size: 13px;
	}
	.search a{
		bottom: 1px;
	}
	.table table tbody tr:nth-of-type(odd),
	.table table tbody tr:nth-child(even){
		background: none;
	}
	.form-control-product, select.form-control-product, select.form-control-product:not([size]):not([multiple]){
		width: 90%;
	}

	.product-item a{
		font-size: 16px;
	}
	.product-detail{
		text-align: left;
	}
	.product-item{
		border-top: none;
		border-bottom: 1px solid #bebebe;
	}
	.table .btn-box{
		display: block;
		width: 100%;
		max-width: 100%;
		font-size: 13px;
	}

	.btn.simple{
		display: block;
		font-size: 13px;
	}
	.back-section>.btn-box .btn.simple.bg3{
		max-width: 100px;
		min-width: 100px;
	}



	.breadcrumb{
		background: none;
		margin: 0 0 10px 0;
	}
	span.heading-2 {
		font-size: 18px;
	}

}

@media (max-width:991px) {
	.pagination i {
		font-size: 15px;
	}

	.pagination select {
		padding-right: 20px;
		padding-left: 10px;
		font-size: 13px;
	}

	.pagination .select-arrow {
		right: 10px;
	}
	label.btn.active input[checked="checked"].blue ~ i.icon-checkbox-checked {
		font-size: 22px;
	}
	.desktop-h-50.form-control {
		height: 40px;
	}
	.date4.date .add-on-1 {
		top: -26px;
	}
	.search-pop,.search-pop2,.search-pop3 {
		font-size: 13px;
	}
	.material-icons {
		font-size: 16px;
	}
	.add {
		font-size: 13px;
	}
	a {
		font-size: 14px;
	}
	.table-v th {
		width: 107px;
	}
	.pl-lg-80 {
		padding-left: 0px;
	}

	.panel.pl-lg-80 {
		padding-left: 10px;
	}

	.panel.pl-lg-50 {
		padding-left: 0px;
	}

	.pr-lg-80 {
		padding-right: 0px;
	}

	.panel.pr-lg-80 {
		padding-right: 10px;
	}

	.panel.pr-lg-50 {
		padding-right: 0px;
	}

	.product-list-group{
		display: none;
	}

	.register-title{
		width: 50%;
	}


	.spimg{
		width: 90% !important;
	}
	.breadcrumb{
		margin-top: 0px !important;
	}
	.money-icon img{
		width: 100%;
	}
	.memberphoto img{
		width: 100%;
	}
	.icon-size img{
		width: 50%;
	}
	.none{
		display: inline-block;
	}
	.product-detail .none{
		display: inline-block;
	}
	.product-img .none{
		display: none;
	}

	span.heading-2 {
		font-size: 13px;
		color: #444;
	}
	.mobile-only.page-title-mobile span.heading-2 {
		display: -webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		overflow: hidden;

	}
	span.desktop-only.heading-2 {
		display: none;
	}
	.mobile-no-border.product-title {
		border-bottom: none;
	}

	.prdocut-list-fix a.add {
		padding: 5px 15px;
		margin: 10px auto;
		border-radius: 30px;
	}

	.prdocut-list-fix a.search-pop {
		padding: 5px 15px;
		margin: 10px auto;
		border-radius: 30px;
	}

	.product-item .refund.btn {
		font-size: 13px;
		line-height: normal !important;
		padding-top: 4px;
	}
	.reminder {
		font-size: 13px;
	}

	.border_title span {
		font-size: 13px;
		padding-top: 3px;
	}
	.box_txt {
		font-size: 13px;
	}

	.flex_form-fix.flex_form {
		flex-direction: column;
		align-items: flex-start;
	}

	.ok-box {
		font-size: 16px;
		line-height: 22px;
	}
	.member-list .btn {
		height: 30px;
		line-height: 27px;
		font-size: 13px;
		padding: 0;
	}

	main.mt-55 {
		margin-top: 70px;
		padding-bottom: 20px;
	}

	.product-table {
		display: none;
	}

	br.mobile-only {
		display: block;
	}

	.page-depict .pl-66 {
		padding-left: 0;
	}

	label.btn span.span-inline {
		top: 0;
	}

	label.btn span.span-inline {
		top: 0;
	}


	label.btn span.font-s.span-inline {
		top: 2px;
		font-size: 13px;
	}


	.table-h th {
		display: none;
	}


	label.checkbox-label {
		width: 34px;
	}

	.no-padding-top-bottom.table table tbody tr td span font.desktop-only {
		display: none;
	}
	.btn-group-fix label {
		width: 36px;
		top:-4px;
	}

	.btn-group-fix.btn-group-fix2 label {
		width: 36px;
		top:0px;
	}
	.btn-group-fix p{
		padding-top: 4px;
	}

	.btn-group-fix.btn-group-fix2 p{
		padding-top: 7px;
	}

	.btn-group-column.btn-group-fix {
		flex-direction: column;
	}

	.btn-group-row.btn-group-fix {
		flex-direction: row;
	}

	h2.text-label {
		font-size: 13px;
	}
	.main-mfix {
		margin-top: 50px;
	}
}
@media (max-width:768px) {
	.header_list .login_btn{
		font-size: 0;
		padding:14px 15px 14px 10px;
	}
	.header_list .header_btn{
		display: none;
	}
	.home_ic{
		max-width: 80%;
	}
	.home_list .dropdown{
		padding:10px;
	}
	.home_list{
		padding: 10px 10px;
	}
	.home_list .dropdown{
		display: block;
	}
	.main-top .breadcrumb{
		font-size: 10px;
	}
	.breadcrumb .ic{
		margin-right: 1px;
		background: none;
	}
	.breadcrumb li:after{
		margin: -8px 1px 0 2px;
	}
	.main-top .breadcrumb{
		padding: 0
	}
	.input-group-btn:last-child>.btn{
		border-radius: 4px;
	}
	*{
		box-sizing: border-box;
	}
	body{
		max-width: 100%;
		overflow-x: hidden;
	}
	.member-detail ul li{
		width: 100%;
		text-align: center;
	}
	.page-num{
		display: inline-block;
	}

	.product-list-group-m,
	.product-store-list-group-m{
		width: 100%;
		display: inline-block;
		font-size: 13px;
	}
	.product-list-group-m a,
	.product-store-list-group-m a{
		display: block;
		font-size: 13px;
	}
	.product-list-group-m ul li{
		/*width: calc(100% / 3 - 15px);*/
		display: inline-block;
		text-align: center;
		border: 1px #7b7b7b solid;
		border-radius: 15px;
		margin: 5px 0;
		padding: 5px 0;
	}
	.product-store-list-group-m ul li{
		width: calc(100% / 2 - 15px);
		display: inline-block;
		text-align: center;
		border: 1px #7b7b7b solid;
		border-radius: 15px;
		margin: 5px;
		padding: 5px 0;
	}
	.product-list-group-m ul li:hover,
	.product-store-list-group-m ul li:hover{
		background: #BB0611;
		color: white;
	}
	.product-list-group-m ul li:hover a,
	.product-store-list-group-m ul li:hover a{
		color: white;
	}

	.product-back{
		display: block;
	}

	.product-item{
		text-align: left;
	}
	.post-store-item .register-title,
	.post-store-item .control-box{
		width: 100%;
	}


	.login-form .imagebox.money .heading h2{
		font-size: 26px;
	}
	.login-form .imagebox.money .heading h3{
		font-size: 15px;
	}
	.money-icon{
		display: none;
	}
	.sp-font{
		border: 1px #7b7b7b solid;
		border-radius: 50%;
		padding: 15px 10px;
		color: #7b7b7b;
		font-size: 36px;
		display: inline-block;
	}

	.breadcrumb{
		margin-top: 0 !important;
	}

	.success-box {
		margin-top: 20px;
	}

	.success-msg {
		font-size: 16px;
		line-height: 22px;
	}

	.header_list .login_btn{
		width: auto;
	}


}

@media (max-width:767px) {
	.fs-18 {
		font-size:16px;
	}

	.mobile-fs-18.fs-18 {
		font-size:18px;
	}
	.bottom-menu {
		padding: 5px 0;
	}
	.product-table{
		display: none;
	}

	label.checkbox-label {
		width: 28px;
	}

	.pl-lg-22p {
		padding-left: 0%;
	}

	.pr-lg-22p {
		padding-right: 0%;
	}

}

@media (max-width:359px) {
	.login-form-fix .padding-right-90 {
		padding-right: 20px;
	}
	.login-form-fix .padding-left-90 {
		padding-left: 20px;
	}
	.pagination li {
		padding: 0 8px;
	}
	.pagination select {
		padding-left: 5px;
	}
	.back-section>.btn-box .btn.simple.bg3 {
		max-width: 80px;
		min-width: 80px;
	}
}

/* style ends */

/* style2 starts */
body{
	background: #fff;
    font-family: "Noto Sans", 微軟正黑體, "Microsoft JhengHei", Arial;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
}
a{
	color: #4E4E4E;
}
a:hover{
	color: #000;
}
form .checbox label{
	font-size: 16px;
}
textarea.auto_height{
	height: auto;
}
.main-top .breadcrumb{
	padding-top: 10px;
}
.table-change span.span-inline.grey {
    color: #999;
    margin-left: 5px;
    display: inline;
    font-weight: bold;
    position: relative;
    top: -5px;
    left: -5px;
}
.txt-big{
	font-size: 16px;
}
.banner-text p.text-gray{
	color: #777;
}
.captcha a {
    position: absolute;
    right: 10px;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    bottom: 13px;
}
.img_rwd{
	width: 100%;
}
.margin-auto{
	margin: auto;
}
.btn.simple{
	margin: 10px;
}
.notice_small_btn{
    color: #707070;
    font-size: 12px;
     border: 1px #7b7b7b solid;
     line-height: 30px;
     height: 30px;
     padding: 0 8px;
     border-radius: 10px;

}
.product-item .btn_small{
	width: 50px;
	padding:0 10px;
	display: inline-block;
}
.btn_small img{
	width: 100%;
}
.btn.simple2{
	width: 230px;
	display: block;
	margin:5px 0;
	border:solid 1px #B4191E;
	border-radius: 80px;
	line-height: 40px;
	height: 40px;
	text-align: left;
	color: #B4191E;
	padding: 0 5%;
	font-size: 13px;
	letter-spacing: 0.5px;
	max-width: 100%;
}
.btn.simple2 img{
	height: 18px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 2%;
}
.color_1{/*深灰*/
	color: #434343;
}
.color_2{/*淺灰灰*/
	color: #575757;
}

/*關於*/
.list-group2 a{
	color: #777;
}
/*我的賣場*/

.shop-item .pic{
}
.shop-item .name{
	font-size: 18px;
}
.shop-item{
	margin-top: 20px;
	padding:15px;
	border:solid 1px #707070;
}
.shop-item .shop_row .col-md-4{
	margin-bottom: 15px;
	font-size: 13px;
	letter-spacing: 0;
}
.shop_row img{
	margin-right: 5px;
}
.border-none{
	border:none;
}
.slick_default .slick-arrow{
	font-size: 0;
	color: #707070;
	box-shadow: 0 0 0;
	border:none;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.6);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	line-height: 40px;
	text-align: center;
	z-index: 90;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

}
.slick_default:hover  .slick-arrow{
	opacity: 1;
}
.slick_default .slick-arrow:focus{
	outline: 0;
}
.slick_default .slick-prev{
	left: 5px;

}
.slick_default .slick-next{
	right: 5px;

}
.slick_default .slick-next:before,.slick_default .slick-prev:before{
	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;
    font-size: 26px;
    font-weight: bold;
    vertical-align: middle;
}
.slick_default .slick-next:before{
	content: "\f105";


}
.slick_default .slick-prev:before{
	content: "\f104";
}

.slick_default .slick-dots{
	width: 100%;
	position: absolute;
	bottom: 20px;
	z-index: 600;
	text-align: center;
}
.slick_default .slick-dots li{
	display: inline-block;
	padding:0 5px;
}
.slick_default .slick-dots button{
	font-size: 0;
	background: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	box-shadow: 0 0 0;
	border:none;
	padding: 0;
}
.slick_default .slick-dots button:focus{
	outline: 0;
}
.slick_default .slick-dots .slick-active button{
	background: #BB0611;
}
.video_box{
	width: 100%;
	max-width: 560px;
	/*margin: auto;*/
}
.video_box iframe{
	max-width: 100%;

}
.sub_title{
	padding:10px 15px;
	font-size: 18px;
	margin: 10px 0;
}
.sub_title:before,.sub_title:after{
	content: "｜";
	display: inline-block;
	color: #D2D2D2;
}
.sub_title:before{
	margin-right: 15px;
}
.sub_title:after{
	margin-left: 15px;

}
.sub_title2{
	margin-top: 30px;
	font-size: 20px;
	color: #6F6F6F;
	margin-bottom: 20px;
}
.sub_title3{
    color: #7b7b7b;
    font-size: 20px;
    border-bottom: 1px dotted #bfbfbf;
    width: 100%;
}
.shop_editor{
	max-height: 330px;
	overflow-y: auto;
}
.shop_pic{
	max-height: 330px;
	max-width: 560px;
}
.shop_pic img{
	height: 100%;
	object-position: center;
	width: 100%;
	object-fit: cover;

}
.upload_pic_box .pic{
	margin: 10px 5px;
	position: relative;
	max-width: 45%;
	display: inline-block;

}
.upload_pic_box .pic_full{
	max-width: 100%;
}
.upload_pic_box .pic img{
	width: 100%;
}
.upload_pic_box .pic_close{
	position: absolute;
	right: 8px;
	top: 3px;
	z-index: 50;
}
.star_tab {
	padding:10px 0;
}
.star_tab a{
	width: 68px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 0;
	border:none;
	background: #EFEFF0;
	max-width: 15%;
}
.star_tab a:hover{
	color: #B51821;
}
 /* jquery.rateyo.css starts */
.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
    z-index: 4;
}

.jq-ry-container[readonly="readonly"] {
    cursor: default;
}

.jq-ry-container>.jq-ry-group-wrapper {
    position: relative;
    width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
    display: inline-block;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
    width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.product-item .table_small_btn{
    display: inline-block;
    text-align: center;
    border: 1px #7b7b7b solid;
    border-radius: 10px;
    margin: 5px 0;
    padding: 5px 8px;
    vertical-align: middle;
    font-size: 12px;
    color: #707070;
    margin: -3px 3px 0;
}

.product-item .table_small_btn:hover{
	background:  #BB0611;
	border-color: #BB0611;
	color: #fff;
}
.eva_shop_box {
    display: none;
}
.eva_shop_active{
	display: flex;
}

/* jquery.rateyo.css ends */
.select_box{
	position: relative;
}
.select_box .select-arrow-fix2 .select-arrow{
	top: 50%;
	margin-top: -2px;
}
/*我的賣場-回覆*/
.replay-item{
  margin-top: 10px;
  margin-bottom: 20px;
}
.replay-item .replay-title{
  background: #eee;
  padding:8px;
}
.replay-item .replay-content{
  padding:8px;
}
.performed_box .performed{
	border:solid 1px #BB0611;
	color: #BB0611;
	font-size: 14px;
	padding:20px 0;
}
.performed_box .performed strong{
	display: block;
	font-size: 28px;
}
/*!我的賣場*/
/*我的通知*/
.notice_title1 strong{
	font-size: 26px;
	font-weight: normal;

}
.notice{
	position: relative;
	padding-right: 55px;
}
.notice_icon{
	width: 35px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 20px;
}
/*!我的通知*/
/*on/off按鈕*/
.onoffswitch {
	position: relative; width: 94px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #FFFFFF; border-radius: 100px;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 40px; padding: 0; line-height: 40px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 11px;
	text-align: left;
	background-color: #B51821; color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 11px;
	background-color: #FF7E86; color: #FFFFFF;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 25px; height:25px;margin: 9.5px 7.5px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 50px;
	border: 2px solid #FFFFFF; border-radius: 50%;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
.setting_onoff .form-group{
	line-height: 44px;
}

/*!on/off按鈕*/
/*header*/
.header_list .dropdown-menu a img{
	width: 20px;
	vertical-align: text-bottom;
}
/*!header*/
.nav-menus-wrapper .dropdown {
	display: inline-block;
}
.nav-menus-wrapper .dropdown a{
	padding: 10px 20px;
}
.nav-menus-wrapper .dropdown .dropdown-toggle::after{
	border:solid 1px ;
	border-radius: 3px;
	width: 15px;
	height: 15px;
	text-align: center;
}
.nav-menu>li.nav-box{
	font-size: 10px;
	letter-spacing: 0;
	display: flex;
	    border-bottom: solid 1px #bfbfbf;
}
.nav-box .col{
	width: 25%;
	padding:3px;
	font-size: 10px;
	text-align: center;
}
.nav-box .col a{
	font-size: 10px;
}
.nav-box .col img{
	max-width: 100%;
}
.navigation-portrait .nav-menu li.nav_list,.navigation-portrait .nav-menu>li:last-child{
		border: none;
}
.navigation-portrait .nav-menu li.nav_list a{
	position: relative;
	padding-left: 60px;
}
.nav_list a .icon_img{
	width: 25px;
	position: absolute;
	left: 10px;
	top: 50%;
    margin-top: -12.5px;
}
.nav-box .col.border-right{
	    border-right: 1px dotted #ccc;
}

.breadcrumb .ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 20px;
    vertical-align: middle;
    background: #BCBCCB;
}

.login_member{
	padding: 20px 10px;
}
/*文字顏色*/
.color_blue{
	color: #016990;
}
/*content*/
.record-text-ellipsis{
	display: inline-block;
	max-width: 250px;
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bg-default.table table thead tr th,.bg-default.table table thead tr,.bg-default th,.bg-default thead tr{
	color: #686867;
	background: #F1F1F1;
}
.bg-default thead th{
	 padding: 8px;
}
.bg-default.table table tbody tr,.table-change .bg-default.table table td,.bg-default tr{
	background: #fff;
}
.table-change .table-no-border.table table td,
.table-no-border.table table td,
.table-no-border.table table tr,
.table-no-border.table table tr,
 .table-fix .table-no-border.table table tbody.tbody-fix tr:last-child{
	border: none;
}
.table-th-nobg.table table thead tr th,.table-th-nobg.table table thead tr{
	background: #fff;
	border-bottom: dotted 1px;
}

.table_type1.table-change .table table td:before{
	width: 120px;
}
.member_basic >.row >div{
	padding:10px 15px;
	border:solid 1px #EFEFEF;
}
.member_basic >.row >div + div{
	margin-top: -1px;
}
.bg-gray{
	background: #EFEFEF;
}

.term_box .time img,.term_box .member_terms_title img{
	width: 20px;
	margin-right: 10px;

}
.term_box .editor{
	padding-left: 30px;
}
@media (max-width:1280px) {
	.list-item{
		font-size: 14px;
	}
	.product-list-group .col-12{
		padding:0 5px;
	}
}
@media (max-width:1199px) {
	main{
		padding-top: 48px;
	}
	.margin-bottom-30 {
		margin-bottom: 0;
	}
}
@media (max-width:1024px) {

	.title{
		font-size: 20px;
		font-weight: normal;
	}
	.login_member{
		padding:20px 5px;
		font-size: 14px;
	}
	.side{
		display: none;
	}
	.nav-menus-wrapper .dropdown {
		display: block;
	}
	.home_list .dropdown-menu{
		margin-top: 5px;
	}
	.search .form-control{
		font-size: 16px;
	}
	.search a{
		bottom: 1px;
	}
	.table table tbody tr:nth-of-type(odd),
	.table table tbody tr:nth-child(even){
		background: none;
	}
	.form-control-product, select.form-control-product, select.form-control-product:not([size]):not([multiple]){
		width: 90%;
	}

	.product-item a{
		font-size: 16px;
	}
	.product-detail{
		text-align: left;
	}
	.product-item{
		border-top: none;
		border-bottom: 1px solid #bebebe;
	}
	.table .btn-box{
		display: block;
		width: 100%;
		max-width: 100%;

	}

	.btn.simple{
		display: block;

	}
	.btn-box .btn.simple{
		max-width: 120px;
		margin:15px 5px;
		display: inline-block;
	}


	.product-list-group-m a,
	.product-store-list-group-m a{
		display: block;
		font-size: 16px;
		padding: 5px 0;
	}
	.product-list-group-m ul li{
		/*width: calc(100% / 3 - 15px);*/
		display: inline-block;
		text-align: center;
		border: 1px #7b7b7b solid;
		border-radius: 10px;
		margin: 5px 0;
		padding: 0px 0;
	}
	.product-store-list-group-m ul li{
		width: calc(100% / 2 - 15px);
		display: inline-block;
		text-align: center;
		border: 1px #7b7b7b solid;
		border-radius: 15px;
		margin: 5px;
		padding: 5px 0;
	}
	.product-list-group-m ul li:hover,
	.product-store-list-group-m ul li:hover{
		background: #BB0611;
		color: white;
		border: 1px solid #bb0611;
	}
	.product-list-group-m ul li:hover a,
	.product-store-list-group-m ul li:hover a{
		color: white !important;
	}
	.product-list-group-m ul li a:hover ,
	.product-store-list-group-m ul li a:hover {
		color: white !important;
	}

	.product-back{
		display: block;
	}
	.none{
		display: inline-block;
	}
	.product-item{
		text-align: left;
	}
	.post-store-item .register-title,
	.post-store-item .control-box{
		width: 100%;
	}

	.login-form .imagebox.money .heading h2{
		font-size: 26px;
	}
	.login-form .imagebox.money .heading h3{
		font-size: 15px;
	}

	.header_list .header_btn {
		padding:14px 16px 12px 16px;
	}

	.home_ic{
		max-width: 80%;
	}
	.home_list .dropdown{
		padding:10px;
	}
	.home_list{
		padding: 10px 10px;
	}
	.home_list .dropdown{
		display: block;
	}
	.main-top .breadcrumb{
		font-size: 10px;
	}
	.breadcrumb .ic{
		margin-right: 1px;
	}

	.main-top .breadcrumb{
		padding: 0
	}
	.input-group-btn:last-child>.btn{
		border-radius: 4px;
	}
	*{
		box-sizing: border-box;
	}
	body{
		max-width: 100%;
		overflow-x: hidden;
	}
	.member-detail ul li{
		width: 100%;
		text-align: center;
	}
	.page-num{
		display: inline-block;
	}
	.member_table_btn .btn.simple.bg3{
		min-width: inherit;
		max-width: 30%;
		font-size: 10px;
	}
		.login-fix main{
		align-items: baseline;
		padding-top: 60px;
	}

}
@media (max-width:991px) {
	.banner-2{
		position: relative;
	}
	.banner-text{
		top: auto;bottom: 0;
	}
	.header_list .header_btn{
		display: none;
	}
	.product-list-group{
		display: none;
	}

	.product-list-group-m,
	.product-store-list-group-m{
		width: 100%;
		display: inline-block;
		font-size: 16px;
	}


	.col-md-9.setting_onoff{
		padding: 0;
	}
	.sub_title2{
		font-size: 15px;
		margin: 6px 0;
	}
	.setting_onoff form label{
		font-size: 15px;
	}
	.shop-item2 .name{
		font-size: 12px;
		letter-spacing: 0;
	}
	.shop-item2{
		padding: 3px;
	}
	.shop-item2 .shop-detail > div{
		padding:0 3px;
	}
	.shop-item2 .shop_date{
		float: right;
	}
	.product-table2,.product-table2 .product-table{
		display: flex;
	}
	.performed_box .performed strong{
		font-size: 18px;
	}
	.performed_box > div{
		padding: 0 3px;
	}
	.member_basic .row >div{
		padding:15px 5px;
	}

	.captcha a,.captcha a img{
		height: 40px;
	}
	.notice_title1 strong{
		font-size: 14px;

	}
	.notice{
		padding-right: 25px;
	}
	.notice >div{
		padding:0 3px;
	}
	.notice .notice_title1{
		margin-bottom: 8px;
	}
	.notice_icon{
		width: 25px;
		right: 0;
	}
	.notice_btn img{

		width: 45px;
		max-width: 100%;
	}
	.notice_btn a{
		padding: 15px 0;
		display: block;
	}
	.notice_btn .active{
		border-bottom: solid 1px #BB0611;
	}
	.table-change .s1 span.span-inline.grey{
		top: 0;
	}
	.s1 .bg-gray{
		background: #fff;
	}
	.member_basic.s1 .row >div{
		border:none;
	}
	.member_basic.s1 .row >div{
		padding:3px 5px;
	}
	.products_pic_box .col{
		padding:0 3px;
	}

	.txt-big,.txt-big a {
		font-size: 13px;
	}

	.nav-menus-wrapper .dropdown a {
		font-size: 13px;
	}
	.table-change span.span-inline.grey {
		top: 1px;
	}

}

@media (max-width:767px) {
		.product-list-group-m a,
	.product-store-list-group-m a{
			display: block;
			font-size: 13px;
			padding: 5px 2px;
	}

	.search .form-control{
		font-size: 13px;
	}
	.product-item a {
		font-size: 13px;
	}
	.login-fix main{
		padding-top: 0;
	}
	.product-title-border-sp1{
		border-bottom: none;
	}
	.product-title-border-sp1 .heading-2 {
		border-bottom: 1px dotted #bfbfbf;
	}

	.product-table{
		display: none;
	}

	.label-padding.col-11 {
		padding-left: 5px;
	}

}

@media (max-width:359px) {
	.product-list-group-m a,
	.product-store-list-group-m a{
			display: block;
			font-size: 12px;
			padding: 5px 2px;
	}
	.shop-item2 .shop_date{
		float: none;
		display: block;
	}
}

/* style2 ends */

/* style3 starts */
body{
	background: #fff;
    font-family: "Noto Sans", 微軟正黑體, "Microsoft JhengHei", Arial;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
	max-width: 768px;
	margin: auto;
}
a{
	color: #4E4E4E;
}
a:hover{
	color: #000;
}
form .checbox label{
	font-size: 16px;
}
textarea.auto_height{
	height: auto;
}
.main-top .breadcrumb{
	padding-top: 10px;
}
.container.sma{
	max-width: 40%;
	margin: 6em auto;
}

.top-box-picandtxt img{
	width: 200px;
}
.top-box-picandtxt{
	position:relative;
	text-align:center;
}
.top-box-picandtxt span{
	color:#bb0611;
	font-size: 30px;
	display:block;
	text-align:center;
	letter-spacing: 0px;
	font-weight:bold;
}
.top-box-picandtxt small{
	color:#6d6d6d;
	font-size:20px;
	display:block;
	text-align:center;
	padding:5px 0 15px;
}
.breadcrumb-item.active{
	color:#1A607A;
}
.table-change span.span-inline.blue {
    color: #2A546A;
    margin-left: 5px;
    display: inline;
    font-weight: bold;
    position: relative;
    top: -5px;
    left: -5px;
}
.table-change span.span-inline.blue img{
	padding:0 8px 0 12px;
}
input[type="radio"].red:checked ~ i.fa.fa-dot-circle-o{
	color:#BA1A1A;
}
.banner-text p.text-gray{
	color: #777;
}
.captcha a {
    position: absolute;
    right: 10px;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    bottom: 13px;
}
.img_rwd{
	width: 100%;
}
.margin-auto{
	margin: auto;
}
.btn.simple{
	margin: 10px;
}
.notice_small_btn{
    color: #707070;
    font-size: 12px;
     border: 1px #7b7b7b solid;
     line-height: 30px;
     height: 30px;
     padding: 0 8px;
     border-radius: 10px;
}
.product-item .btn_small{
	width: 50px;
	padding:0 10px;
	display: inline-block;
}
.btn_small img{
	width: 100%;
}
.btn.simple2{
	width: 230px;
	display: block;
	margin:5px 0;
	border:solid 1px #B4191E;
	border-radius: 80px;
	line-height: 40px;
	height: 40px;
	text-align: left;
	color: #B4191E;
	padding: 0 5%;
	font-size: 13px;
	letter-spacing: 0.5px;
	max-width: 100%;
}
.btn.simple2 img{
	height: 18px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 2%;
}
.color_1{/*深灰*/
	color: #434343;
}
.color_2{/*淺灰灰*/
	color: #575757;
}

.col-12.in-eng{
	margin:0 auto;
	max-width: 95%;
}
.btn.simple.bg3.new-re{
	min-width: 220px;
    margin-top: 35px;
}
.btn.simple.bg3.new-re:hover{
	background-color: #c82333;
  border-color: #bd2130;
}
/*我的賣場*/

.shop-item .pic{
}
.shop-item .name{
	font-size: 18px;
}
.shop-item{
	margin-top: 20px;
	padding:15px;
	border:solid 1px #707070;
}
.shop-item .shop_row .col-md-4{
	margin-bottom: 15px;
	font-size: 13px;
	letter-spacing: 0;
}
.shop_row img{
	margin-right: 5px;
}
.border-none{
	border:none;
}
.slick_default .slick-arrow{
	font-size: 0;
	color: #707070;
	box-shadow: 0 0 0;
	border:none;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.6);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	line-height: 40px;
	text-align: center;
	z-index: 90;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

}
.slick_default:hover  .slick-arrow{
	opacity: 1;
}
.slick_default .slick-arrow:focus{
	outline: 0;
}
.slick_default .slick-prev{
	left: 5px;

}
.slick_default .slick-next{
	right: 5px;

}
.slick_default .slick-next:before,.slick_default .slick-prev:before{
	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;
    font-size: 26px;
    font-weight: bold;
    vertical-align: middle;
}
.slick_default .slick-next:before{
	content: "\f105";


}
.slick_default .slick-prev:before{
	content: "\f104";
}

.slick_default .slick-dots{
	width: 100%;
	position: absolute;
	bottom: 20px;
	z-index: 600;
	text-align: center;
}
.slick_default .slick-dots li{
	display: inline-block;
	padding:0 5px;
}
.slick_default .slick-dots button{
	font-size: 0;
	background: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	box-shadow: 0 0 0;
	border:none;
	padding: 0;
}
.slick_default .slick-dots button:focus{
	outline: 0;
}
.slick_default .slick-dots .slick-active button{
	background: #BB0611;
}
.video_box{
	width: 100%;
	max-width: 560px;
	/*margin: auto;*/
}
.video_box iframe{
	max-width: 100%;

}
.sub_title{
	padding:10px 15px;
	font-size: 18px;
	margin: 10px 0;
}
.sub_title:before,.sub_title:after{
	content: "｜";
	display: inline-block;
	color: #D2D2D2;
}
.sub_title:before{
	margin-right: 15px;
}
.sub_title:after{
	margin-left: 15px;

}
.sub_title2{
	margin-top: 30px;
	font-size: 20px;
	color: #6F6F6F;
	margin-bottom: 20px;
}
.sub_title3{
    color: #7b7b7b;
    font-size: 20px;
    border-bottom: 1px dotted #bfbfbf;
    width: 100%;
}
.shop_editor{
	max-height: 330px;
	overflow-y: auto;
}
.shop_pic{
	max-height: 330px;
	max-width: 560px;
}
.shop_pic img{
	height: 100%;
	object-position: center;
	width: 100%;
	object-fit: cover;

}
.upload_pic_box .pic{
	margin: 10px 5px;
	position: relative;
	max-width: 45%;
	display: inline-block;

}
.upload_pic_box .pic_full{
	max-width: 100%;
}
.upload_pic_box .pic img{
	width: 100%;
}
.upload_pic_box .pic_close{
	position: absolute;
	right: 8px;
	top: 3px;
	z-index: 50;
}
.star_tab {
	padding:10px 0;
}
.star_tab a{
	width: 68px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 0;
	border:none;
	background: #EFEFF0;
	max-width: 15%;
}
.star_tab a:hover{
	color: #B51821;
}
 /* jquery.rateyo.css starts */
.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
    z-index: 4;
}

.jq-ry-container[readonly="readonly"] {
    cursor: default;
}

.jq-ry-container>.jq-ry-group-wrapper {
    position: relative;
    width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
    display: inline-block;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
    width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.product-item .table_small_btn{
    display: inline-block;
    text-align: center;
    border: 1px #7b7b7b solid;
    border-radius: 10px;
    margin: 5px 0;
    padding: 5px 8px;
    vertical-align: middle;
    font-size: 12px;
    color: #707070;
    margin: -3px 3px 0;
}

.product-item .table_small_btn:hover{
	background:  #BB0611;
	border-color: #BB0611;
	color: #fff;
}
.eva_shop_box {
    display: none;
}
.eva_shop_active{
	display: flex;
}

/* jquery.rateyo.css ends */
.select_box{
	position: relative;
}
.select_box .select-arrow-fix2 .select-arrow{
	top: 50%;
	margin-top: -2px;
}
/*我的賣場-回覆*/
.replay-item{
  margin-top: 10px;
  margin-bottom: 20px;
}
.replay-item .replay-title{
  background: #eee;
  padding:8px;
}
.replay-item .replay-content{
  padding:8px;
}
.performed_box .performed{
	border:solid 1px #BB0611;
	color: #BB0611;
	font-size: 14px;
	padding:20px 0;
}
.performed_box .performed strong{
	display: block;
	font-size: 28px;
}
/*!我的賣場*/
/*我的通知*/
.notice_title1 strong{
	font-size: 26px;
	font-weight: normal;

}
.notice{
	position: relative;
	padding-right: 55px;
}
.notice_icon{
	width: 35px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 20px;
}
/*!我的通知*/
/*on/off按鈕*/
.onoffswitch {
	position: relative; width: 94px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #FFFFFF; border-radius: 100px;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 40px; padding: 0; line-height: 40px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 11px;
	text-align: left;
	background-color: #B51821; color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 11px;
	background-color: #FF7E86; color: #FFFFFF;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 25px; height:25px;margin: 9.5px 7.5px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 50px;
	border: 2px solid #FFFFFF; border-radius: 50%;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
.setting_onoff .form-group{
	line-height: 44px;
}

/*!on/off按鈕*/
/*header*/
.header_list .dropdown-menu a img{
	width: 20px;
	vertical-align: text-bottom;
}
/*!header*/
.nav-menus-wrapper .dropdown {
	display: inline-block;
}
.nav-menus-wrapper .dropdown a{
	padding: 10px 20px;
}
.nav-menus-wrapper .dropdown .dropdown-toggle::after{
	border:solid 1px ;
	border-radius: 3px;
	width: 15px;
	height: 15px;
	text-align: center;
}
.nav-menu>li.nav-box{
	font-size: 10px;
	letter-spacing: 0;
	display: flex;
	    border-bottom: solid 1px #bfbfbf;
}
.nav-box .col{
	width: 25%;
	padding:3px;
	font-size: 10px;
	text-align: center;
}
.nav-box .col a{
	font-size: 10px;
}
.nav-box .col img{
	max-width: 100%;
}
.navigation-portrait .nav-menu li.nav_list,.navigation-portrait .nav-menu>li:last-child{
		border: none;
}
.navigation-portrait .nav-menu li.nav_list a{
	position: relative;
	padding-left: 16px;
}
.nav_list a .icon_img{
	width: 25px;
	position: absolute;
	left: 10px;
	top: 50%;
    margin-top: -12.5px;
}
.nav-box .col.border-right{
	    border-right: 1px dotted #ccc;
}

.breadcrumb .ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
		text-align: center;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 20px;
    vertical-align: middle;
    background: #434343;
}

.login_member{
	padding: 20px 10px;
}
/*文字顏色*/
.color_blue{
	color: #016990;
}
/*content*/
.record-text-ellipsis{
	display: inline-block;
	max-width: 250px;
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bg-default.table table thead tr th,.bg-default.table table thead tr,.bg-default th,.bg-default thead tr{
	color: #686867;
	background: #F1F1F1;
}
.bg-default thead th{
	 padding: 8px;
}
.bg-default.table table tbody tr,.table-change .bg-default.table table td,.bg-default tr{
	background: #fff;
}
.table-change .table-no-border.table table td,
.table-no-border.table table td,
.table-no-border.table table tr,
.table-no-border.table table tr,
 .table-fix .table-no-border.table table tbody.tbody-fix tr:last-child{
	border: none;
}
.table-th-nobg.table table thead tr th,.table-th-nobg.table table thead tr{
	background: #fff;
	border-bottom: dotted 1px;
}

.table_type1.table-change .table table td:before{
	width: 120px;
}
.member_basic >.row .left-txt{
    max-width: 140px;
    text-align: left;
    color: #929292;
}
.member_basic >.row >div .red-word{
	color: #BB0611;
}
.member_basic_istwo >.row >div{
	padding:10px 0px;
	border:none;
}
.member_basic_istwo >.row >div .has-li{
	    line-height: 3.5;
}
.member_basic_istwo >.row >div + div{
	margin-top: -1px;
}


.term_box .time img,.term_box .member_terms_title img{
	width: 20px;
	margin-right: 10px;

}
.term_box .editor{
	padding-left: 30px;
}
.left-n{
	margin-left:60px;
}

.captcha-fix.captcha a {
	bottom: 0;
	right: 0;
}

.border-grey {
	border: 1px solid #D1D1D1;
}


@media (max-width:1280px) {
	.list-item{
		font-size: 14px;
	}
	.product-list-group .col-12{
		padding:0 5px;
	}
}
@media (max-width:1199px) {
	main{
		padding-top: 48px;
	}
	.margin-bottom-30 {
		margin-bottom: 0;
	}
	.left-n{
	margin-left:0px;
}
}
@media (max-width:1024px) {

	.title{
		font-size: 20px;
		font-weight: normal;
	}
	.login_member{
		padding:20px 5px;
		font-size: 14px;
	}
	.side{
		display: none;
	}
	.nav-menus-wrapper .dropdown {
		display: block;
	}
	.home_list .dropdown-menu{
		margin-top: 5px;
	}
	.search .form-control{
		font-size: 16px;
	}
	.search a{
		bottom: 1px;
	}
	.table table tbody tr:nth-of-type(odd),
	.table table tbody tr:nth-child(even){
		background: none;
	}
	.form-control-product, select.form-control-product, select.form-control-product:not([size]):not([multiple]){
		width: 100%;
	}

	.product-item a{
		font-size: 16px;
	}
	.product-detail{
		text-align: left;
	}
	.product-item{
		border-top: none;
		border-bottom: 1px solid #bebebe;
	}
	.table .btn-box {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	btn.simple{
		display: block;
	}
	.btn-box .btn.simple{
		max-width: 120px;
		margin:15px 5px;
		display: inline-block;
	}


	.product-list-group-m a,
	.product-store-list-group-m a{
		display: block;
		font-size: 16px;
		padding: 5px 0;
	}
	.product-list-group-m ul li{
		/*width: calc(100% / 3 - 15px);*/
		display: inline-block;
		text-align: center;
		border: 1px #7b7b7b solid;
		border-radius: 10px;
		margin: 5px 0;
		padding: 0px 0;
	}
	.product-store-list-group-m ul li{
		width: calc(100% / 2 - 15px);
		display: inline-block;
		text-align: center;
		border: 1px #7b7b7b solid;
		border-radius: 15px;
		margin: 5px;
		padding: 5px 0;
	}
	.product-list-group-m ul li:hover,
	.product-store-list-group-m ul li:hover{
		background: #BB0611;
		color: white;
		border: 1px solid #bb0611;
	}
	.product-list-group-m ul li:hover a,
	.product-store-list-group-m ul li:hover a{
		color: white !important;
	}
	.product-list-group-m ul li a:hover ,
	.product-store-list-group-m ul li a:hover {
		color: white !important;
	}

	.product-back{
		display: none;
	}
	.none{
		display: inline-block;
	}
	.product-item{
		text-align: left;
	}
	.post-store-item .register-title,
	.post-store-item .control-box{
		width: 100%;
	}

	.login-form .imagebox.money .heading h2{
		font-size: 26px;
	}
	.login-form .imagebox.money .heading h3{
		font-size: 15px;
	}

	.header_list .header_btn {
		padding:14px 16px 12px 16px;
	}

	.home_ic{
		max-width: 80%;
	}
	.home_list .dropdown{
		padding:10px;
	}
	.home_list{
		padding: 10px 10px;
	}
	.home_list .dropdown{
		display: block;
	}
	.main-top .breadcrumb{
		font-size: 13px;
	}
	.breadcrumb .ic{
		margin-right: 1px;
	}

	.main-top .breadcrumb{
		padding: 0
	}
	.input-group-btn:last-child>.btn{
		border-radius: 4px;
	}
	*{
		box-sizing: border-box;
	}
	body{
		max-width: 100%;
		overflow-x: hidden;
	}
	.member-detail ul li{
		width: 100%;
		text-align: center;
	}
	.page-num{
		display: inline-block;
	}
	.member_table_btn .btn.simple.bg3{
		min-width: inherit;
		max-width: 30%;
		font-size: 10px;
	}
	.login-fix main{
		align-items: baseline;
		padding-top: 0px;
	}
	.btn.simple.bg3.new-re{
		min-width: 150px;
		width: auto;
		margin-top: 35px;
		line-height: 35px;
    }
    .container.sma{
    	max-width: 80%;
    }

}
@media (max-width:991px) {
	.product-item a {
		font-size: 13px;
	}
	.product-item a.icon-fs {
		font-size: 22px;
		line-height: 0;
		margin: 0;
		padding: 0;
	}
	.mt-2px {
		margin-top: 2px;
	}
	.banner-2{
		position: relative;
	}
	.banner-text{
		top: auto;bottom: 0;
	}
	.header_list .header_btn{
		display: none;
	}
	.product-list-group{
		display: none;
	}

	.product-list-group-m,
	.product-store-list-group-m{
		width: 100%;
		display: inline-block;
		font-size: 16px;
	}


	.col-md-9.setting_onoff{
		padding: 0;
	}
	.sub_title2{
		font-size: 15px;
		margin: 6px 0;
	}
	.setting_onoff form label{
		font-size: 15px;
	}
	.shop-item2 .name{
		font-size: 12px;
		letter-spacing: 0;
	}
	.shop-item2{
		padding: 3px;
	}
	.shop-item2 .shop-detail > div{
		padding:0 3px;
	}
	.shop-item2 .shop_date{
		float: right;
	}
	.product-table2,.product-table2 .product-table{
		display: flex;
	}
	.performed_box .performed strong{
		font-size: 18px;
	}
	.performed_box > div{
		padding: 0 3px;
	}

	.captcha a,.captcha a img{
		height: 40px;
	}

	.captcha-fix.captcha a, .captcha-fix.captcha a img{
		height: 45px;
	}
	.notice_title1 strong{
		font-size: 14px;

	}
	.notice{
		padding-right: 25px;
	}
	.notice >div{
		padding:0 3px;
	}
	.notice .notice_title1{
		margin-bottom: 8px;
	}
	.notice_icon{
		width: 25px;
		right: 0;
	}
	.notice_btn img{

		width: 45px;
		max-width: 100%;
	}
	.notice_btn a{
		padding: 15px 0;
		display: block;
	}
	.notice_btn .active{
		border-bottom: solid 1px #BB0611;
	}
	.table-change .s1 span.span-inline.grey{
		top: 0;
	}
	.s1 .bg-blue{
		background: #fff;
	}
	.member_basic_istwo.s1 .row >div{
		border:none;
	}
	.member_basic_istwo.s1 .row >div{
		padding:3px 5px;
	}
	.products_pic_box .col{
		padding:0 3px;
	}
form .checbox-fix.checbox label,form .checbox-fix.checbox label a {
	font-size: 13px;
}

.top-box-picandtxt span {
	font-size: 16px;
}

.top-box-picandtxt small {
	font-size: 13px;
}

.main-top .breadcrumb {
		display: flex;
		justify-content: center;
	}

}

@media (max-width:767px) {
	.accordion div.heading .row:after {
		right: 15px;
	}
	.accordion .time {
		font-size: 12px;
	}
		.product-list-group-m a,
	.product-store-list-group-m a{
			display: block;
			font-size: 13px;
			padding: 5px 2px;
	}

	.search .form-control{
		font-size: 13px;
	}
	.product-item a {
		font-size: 13px;
	}

	.product-item a.icon-fs {
		font-size: 22px;
		line-height: 0;
		margin: 0;
		padding: 0;
	}

	.product-title-border-sp1{
		border-bottom: none;
	}
	.product-title-border-sp1 .heading-2 {
		border-bottom: 1px dotted #bfbfbf;
	}
	.col-12.in-eng{
	margin:0 auto;
	max-width:100%;
	padding: 0;
}
.btn-group{
	display:block;
}

.btn-group-inline.btn-group {
	display: inline-block;
}

.btn-group-flex.btn-group {
	display: flex;
}
.btn-group .btn{
	margin-bottom:0px;
}

.login-fix .btn-group .btn{
	margin-bottom:5px;
}

.no-margin.btn-group .btn{
	margin-bottom:0px;
	padding-left: 0;
	padding-right: 0;
}

.btn-group-flex.btn-group .btn {
	margin-bottom: 0;
	padding-left: 0;
		padding-right: 0;
		width: 26px;
}

    .container.sma{
    	max-width: 95%;
    	margin: 9em auto;
    }
    .member_basic >.row .left-txt{
    max-width: 100px;
    text-align: left;
    padding:0px 10px;
    line-height:49px;
    font-size:13px;
}
.left-n{
	margin-left:10px;
}

.home_list a {
	font-size: 13px;
}

.product-table{
		display: none;
	}

}

@media (max-width:359px) {
	.product-list-group-m a,
	.product-store-list-group-m a{
			display: block;
			font-size: 12px;
			padding: 5px 2px;
	}
	.shop-item2 .shop_date{
		float: none;
		display: block;
	}

	.main-top .breadcrumb{
		font-size: 3.2vmin;
	}
}

/* style3 ends */

/* css.css ends */

/* jquery.countdown.css starts */
/* jQuery Countdown styles 2.0.0. */
.is-countdown {
	/*border: 1px solid #ccc;
	background-color: #eee;*/
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown-show1 .countdown-section {
	width: 98%;
}
.countdown-show2 .countdown-section {
	width: 10%;
}
.countdown-show3 .countdown-section {
	width: 32.5%;
}
.countdown-show4 .countdown-section {
	width: 24.5%;
}
.countdown-show5 .countdown-section {
	width: 19.5%;
}
.countdown-show6 .countdown-section {
	width: 16.25%;
}
.countdown-show7 .countdown-section {
	width: 14%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown-amount {
    font-size: 200%;
}
.countdown-period {
    display: inline-block;
}
.countdown-descr {
	display: block;
	width: 100%;
}

/* jquery.countdown.css ends */

/* jquery.bxslider.css starts */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 0px;
  padding: 0;
  *zoom: 1;
  margin-top: 0px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  /*-moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;*/
  border: none;
  /*background: #fff;*/
  margin-bottom: 1px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 100%;
}
@media (max-width:320px) {
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
  }
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(255,255,255,.5);
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: rgba(255,255,255,1);
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  /*background: url('images/controls.png') no-repeat 0 -32px;*/

  background: none;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  /*background: url('images/controls.png') no-repeat -43px -32px;*/
   background: none;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
  display: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  /*background: url('images/controls.png') -86px -11px no-repeat;*/
   background: none;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  /*background: url('images/controls.png') -86px -44px no-repeat;*/
   background: none;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: auto;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
  display: none;/*hide control and play buttons */
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

@media (max-width:1199px) {
  .bx-wrapper {
    margin-top: 0px;
  }

}

/* jquery.bxslider.css ends */

/* rwd-table.min.css starts */
/*!
 * Responsive Tables v5.0.4 (http://gergeo.se/RWD-Table-Patterns)
 * This is an awesome solution for responsive tables with complex data.
 * Authors: Nadan Gergeo <nadan.gergeo@gmail.com> (www.gergeo.se) & Maggie Wachs (www.filamentgroup.com)
 * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT)
 */
.tablink{/*cursor:pointer*/}
.dropdown-menu>li.checkbox-row {
	padding:5px 20px
}
.dropdown-menu li.checkbox-row {
	display:block;
	clear:both;
	font-weight:normal;
	line-height:20px;
	color:#333;
	white-space:nowrap
}
.dropdown-menu li.checkbox-row label {
	font-weight:normal
}
.dropdown-menu li.checkbox-row:hover,.dropdown-menu li.checkbox-row input:hover,.dropdown-menu li.checkbox-row label:hover {
	cursor:pointer
}
.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active {
	text-decoration:none;
	color:#262626;
	background-color:#f5f5f5
}
.btn-toolbar {
	margin-bottom:20px
}
.lt-ie8 .btn-toolbar {
	display:none
}
.table-responsive {
	word-break: break-all;
	border-radius:3px;
	margin-bottom:20px
}
.table-responsive>.table {
	margin-bottom:0
}
.table-responsive>.table-bordered {
	border:0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
	border-left:0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
	border-right:0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
	border-bottom:0
}
.table-responsive[data-pattern="priority-columns"] {
	position:relative;
	width:100%;
	margin-bottom:20px;
	overflow-y:hidden;
	-ms-overflow-style:-ms-autohiding-scrollbar;
	border-radius:3px;
	-webkit-overflow-scrolling:touch;
}
.table-responsive[data-pattern="priority-columns"]>.table {
	margin-bottom:0
}
.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>td {
	white-space:nowrap
}
.table-responsive[data-pattern="priority-columns"]>.table-bordered {
	border:0
}
.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child {
	border-left:0
}
.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child {
	border-right:0
}
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td {
	border-bottom:0
}
.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority],.mq.js.lt-ie10 .sticky-table-header th[data-priority],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority],.mq.js.lt-ie10 .sticky-table-header td[data-priority] {
	display:none
}
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
	display:inline
}
.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
	display:table-cell
}
@media screen and (min-width:480px) {
	.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
		display:inline
	}
	.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
		display:table-cell
	}
}
@media screen and (min-width:640px) {
	.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
		display:inline
	}
	.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
		display:table-cell
	}
}
@media screen and (min-width:800px) {
	.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
		display:inline
	}
	.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
		display:table-cell
	}
}
@media screen and (min-width:960px) {
	.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
		display:inline
	}
	.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
		display:table-cell
	}
}
@media screen and (min-width:1120px) {
	.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
		display:inline
	}
	.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
		display:table-cell
	}
}
table.table-small-font {
	font-size:12px;
	-webkit-text-size-adjust:none;
	line-height:1.5em
}
table.focus-on tbody tr:hover {
	cursor:pointer
}
table.focus-on tbody tr.unfocused th,table.focus-on tbody tr.unfocused td {
	color:#999;
	color:rgba(0,0,0,0.4)
}
table.focus-on tbody tr.focused th,table.focus-on tbody tr.focused td {
	background-color:#5bc0de;
	color:#000
}
table th.col-hide,table td.col-hide {
	display:none
}
table th.col-show,table td.col-show {
	display:inline
}
.lt-ie9 table th.col-show,.lt-ie9 table td.col-show {
	display:table-cell
}
.lt-ie9 table.display-all th,.lt-ie9 table.display-all td {
	display:inline !important
}
table.display-all th,table.display-all td {
	display:table-cell !important
}
.sticky-table-header {
	background-color:#fff;
	border:none;
	border-radius:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	position:absolute;
	top:0;
	visibility:hidden;
	z-index:990;
	overflow:hidden;
	min-width:100%
}
.sticky-table-header.fixed-solution {
	min-width:0;
	position:fixed
}
.lt-ie10 .sticky-table-header.fixed-solution {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	box-sizing:content-box;
	border-bottom:none
}
.sticky-table-header.border-radius-fix {
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px
}
.sticky-table-header>.table {
	margin-bottom:0
}
.sticky-table-header>.table>thead>tr>th,.sticky-table-header>.table>tbody>tr>th,.sticky-table-header>.table>tfoot>tr>th,.sticky-table-header>.table>thead>tr>td,.sticky-table-header>.table>tbody>tr>td,.sticky-table-header>.table>tfoot>tr>td {
	white-space:nowrap
}
.sticky-table-header>.table-bordered {
	border:0
}
.sticky-table-header>.table-bordered>thead>tr>th:first-child,.sticky-table-header>.table-bordered>tbody>tr>th:first-child,.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,.sticky-table-header>.table-bordered>thead>tr>td:first-child,.sticky-table-header>.table-bordered>tbody>tr>td:first-child,.sticky-table-header>.table-bordered>tfoot>tr>td:first-child {
	border-left:0
}
.sticky-table-header>.table-bordered>thead>tr>th:last-child,.sticky-table-header>.table-bordered>tbody>tr>th:last-child,.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,.sticky-table-header>.table-bordered>thead>tr>td:last-child,.sticky-table-header>.table-bordered>tbody>tr>td:last-child,.sticky-table-header>.table-bordered>tfoot>tr>td:last-child {
	border-right:0
}
.sticky-table-header>.table-bordered>tbody>tr:last-child>th,.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,.sticky-table-header>.table-bordered>tbody>tr:last-child>td,.sticky-table-header>.table-bordered>tfoot>tr:last-child>td {
	border-bottom:0
}

/* rwd-table.min.css ends */

/* orgchart.css starts */
/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.orgchart {
  box-sizing: border-box;
  display: inline-block;
  min-height: 202px;
  min-width: 202px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%);*/
  background-size: 10px 10px;
  border: 1px dashed rgba(0,0,0,0);
  padding: 0px;
}

.orgchart .hidden, .orgchart~.hidden {
  display: none;
}

.orgchart.b2t {
  transform: rotate(180deg);
}

.orgchart.l2r {
  position: absolute;
  transform: rotate(-90deg) rotateY(180deg);
  transform-origin: left top;
}

.orgchart .verticalNodes ul {
  list-style: none;
  margin: 0;
  padding-left: 18px;
  text-align: left;
}
.orgchart .verticalNodes ul:first-child {
  margin-top: 2px;
}
.orgchart .verticalNodes>td::before {
  content: '';
  border: 1px solid rgba(217, 83, 79, 0.8);
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
  box-sizing: border-box;
  top: -4px;
  height: 30px;
  width: calc(50% - 2px);
  border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li {
  position: relative;
}
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  left: -6px;
  border-color: rgba(217, 83, 79, 0.8);
  border-style: solid;
  border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
  top: -4px;
  height: 30px;
  width: 11px;
}
.orgchart .verticalNodes ul>li::after {
  top: 1px;
  height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
  box-sizing: border-box;
  top: 24px;
  width: 11px;
  border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li:last-child::after {
  box-sizing: border-box;
  border-width: 2px 0 0;
}

.orgchart.r2l {
  position: absolute;
  transform: rotate(90deg);
  transform-origin: left top;
}

.orgchart>.spinner {
  font-size: 100px;
  margin-top: 30px;
  color: rgba(68, 157, 68, 0.8);
}

.orgchart table {
  border-spacing: 0;
  border-collapse: separate;
}

.orgchart>table:first-child{
  margin: 20px auto;
}

.orgchart td {
  text-align: center;
  vertical-align: top;
  padding: 0;
}

.orgchart .lines:nth-child(3) td {
  box-sizing: border-box;
  height: 20px;
}

.orgchart .lines .topLine {
  border-top: 2px solid rgba(217, 83, 79, 0.8);
}

.orgchart .lines .rightLine {
  border-right: 1px solid rgba(217, 83, 79, 0.8);
  float: none;
  border-radius: 0;
}

.orgchart .lines .leftLine {
  border-left: 1px solid rgba(217, 83, 79, 0.8);
  float: none;
  border-radius: 0;
}

.orgchart .lines .downLine {
  background-color: rgba(217, 83, 79, 0.8);
  margin: 0 auto;
  height: 20px;
  width: 2px;
  float: none;
}

/* node styling */
.orgchart .node {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 3px;
  border: 2px dashed transparent;
  text-align: center;
  width: 190px;
}

.orgchart.l2r .node, .orgchart.r2l .node {
  width: 50px;
  height: 130px;
}

.orgchart .node>.spinner {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  vertical-align: middle;
  font-size: 30px;
  color: rgba(68, 157, 68, 0.8);
}

.orgchart .node:hover {
  background-color: rgba(238, 217, 54, 0.5);
  transition: .5s;
  cursor: default;
  z-index: 20;
}

.orgchart .node.focused {
  background-color: rgba(238, 217, 54, 0.5);
}

.orgchart .ghost-node {
  position: fixed;
  left: -10000px;
  top: -10000px;
}

.orgchart .ghost-node rect {
  fill: #ffffff;
  stroke: #bf0000;
}

.orgchart .node.allowedDrop {
  border-color: rgba(68, 157, 68, 0.9);
}

.orgchart .node .title {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  width: 100%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(217, 83, 79, 0.8);
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.orgchart.b2t .node .title {
  transform: rotate(-180deg);
  transform-origin: center bottom;
}

.orgchart.l2r .node .title {
  transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  transform-origin: bottom center;
  width: 120px;
}

.orgchart.r2l .node .title {
  transform: rotate(-90deg) translate(-40px, -40px);
  transform-origin: bottom center;
  width: 120px;
}

.orgchart .node .title .symbol {
  float: left;
  margin-top: 4px;
  margin-left: 2px;
}

.orgchart .node .content {
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  font-size: 15px;
  line-height: 23px;
  border: 1px solid rgba(217, 83, 79, 0.8);
  border-radius: 0 0 4px 4px;
  text-align: left;
  background-color: #fff;
  color: #333;
  padding-left: 5px;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
}

@media (max-width:1024px) {
  .orgchart .node .title {
    font-size: 13px;
    line-height: 21px;
  }
  .orgchart .node .content {
    font-size: 13px;
    line-height: 21px;
  }
}

.orgchart.b2t .node .content {
  transform: rotate(180deg);
  transform-origin: center top;
}

.orgchart.l2r .node .content {
  transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  transform-origin: top center;
  width: 120px;
}

.orgchart.r2l .node .content {
  transform: rotate(-90deg) translate(-40px, -40px);
  transform-origin: top center;
  width: 120px;
}

.orgchart .node .edge {
  font-size: 15px;
  position: absolute;
  color: rgba(68, 157, 68, 0.5);
  cursor: default;
  transition: .2s;
}

.orgchart.noncollapsable .node .edge {
  display: none;
}

.orgchart .edge:hover {
  color: #449d44;
  cursor: pointer;
}

.orgchart .node .verticalEdge {
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  left: 5px;
}

.orgchart .node .topEdge {
  top: -4px;
}

.orgchart .node .bottomEdge {
  bottom: -4px;
}

.orgchart .node .horizontalEdge {
  width: 15px;
  height: calc(100% - 10px);
  height: -webkit-calc(100% - 10px);
  height: -moz-calc(100% - 10px);
  top: 5px;
}

.orgchart .node .rightEdge {
  right: -4px;
}

.orgchart .node .leftEdge {
  left: -4px;
}

.orgchart .node .horizontalEdge::before {
  position: absolute;
  top: calc(50% - 7px);
}

.orgchart .node .rightEdge::before {
  right: 3px;
}

.orgchart .node .leftEdge::before {
  left: 3px;
}

.orgchart .node .toggleBtn {
  position: absolute;
  left: 5px;
  bottom: -2px;
  color: rgba(68, 157, 68, 0.6);
}

.orgchart .node .toggleBtn:hover {
  color: rgba(68, 157, 68, 0.8);
}

.oc-export-btn {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  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;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border: 1px solid transparent;
  border-color: #4cae4c;
  border-radius: 4px;
}

.oc-export-btn[disabled] {
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.3;
}

.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
  background-color: #449d44;
  border-color: #347a34;
}

.orgchart~.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  background-color: rgba(0,0,0,0.3);
}

.orgchart~.mask .spinner {
  position: absolute;
  top: calc(50% - 54px);
  left: calc(50% - 54px);
  color: rgba(255,255,255,0.8);
  font-size: 108px;
}

.orgchart .node {
  transition: transform 0.3s, opacity 0.3s;
}

.orgchart .slide-down {
  opacity: 0;
  transform: translateY(40px);
}

.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
  transform: translateY(130px);
}

.orgchart .slide-up {
  opacity: 0;
  transform: translateY(-40px);
}

.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
  transform: translateY(-130px);
}

.orgchart .slide-right {
  opacity: 0;
  transform: translateX(130px);
}

.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
  transform: translateX(40px);
}

.orgchart .slide-left {
  opacity: 0;
  transform: translateX(-130px);
}

.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
  transform: translateX(-40px);
}

.orgchart .one .title { background-color: #006699; }
.orgchart .one .content { border-color: #006699; }
.orgchart .two .title { background-color: #009933; }
.orgchart .two .content { border-color: #009933; }

/* orgchart.css ends */

.img-a {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.br-img {
	border-radius: 160px;
}

.br-imgwh {
	width: 100%;
	height: 100%;
}

.gg-img {
	height: 88px;
	border-radius: 15px;
}