@charset "UTF-8";
@import url(../fonts/notosanstc.css);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);
.clearfix {
    zoom: 1
}

.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@font-face {
	font-family: "Noto Sans TC", sans-serif,simple-line-icons;
    src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0);
    src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"), url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"), url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"), url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format("woff"), url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-action-redo,
.icon-action-undo,
.icon-anchor,
.icon-arrow-down,
.icon-arrow-down-circle,
.icon-arrow-left,
.icon-arrow-left-circle,
.icon-arrow-right,
.icon-arrow-right-circle,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-badge,
.icon-bag,
.icon-ban,
.icon-basket,
.icon-basket-loaded,
.icon-bell,
.icon-book-open,
.icon-briefcase,
.icon-bubble,
.icon-bubbles,
.icon-bulb,
.icon-calculator,
.icon-calendar,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-camera,
.icon-camrecorder,
.icon-chart,
.icon-check,
.icon-chemistry,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-compass,
.icon-control-end,
.icon-control-forward,
.icon-control-pause,
.icon-control-play,
.icon-control-rewind,
.icon-control-start,
.icon-credit-card,
.icon-crop,
.icon-cup,
.icon-cursor,
.icon-cursor-move,
.icon-diamond,
.icon-direction,
.icon-directions,
.icon-disc,
.icon-dislike,
.icon-doc,
.icon-docs,
.icon-drawer,
.icon-drop,
.icon-earphones,
.icon-earphones-alt,
.icon-emotsmile,
.icon-energy,
.icon-envelope,
.icon-envelope-letter,
.icon-envelope-open,
.icon-equalizer,
.icon-event,
.icon-exclamation,
.icon-eye,
.icon-eyeglass,
.icon-feed,
.icon-film,
.icon-fire,
.icon-flag,
.icon-folder,
.icon-folder-alt,
.icon-frame,
.icon-game-controller,
.icon-ghost,
.icon-globe,
.icon-globe-alt,
.icon-graduation,
.icon-graph,
.icon-grid,
.icon-handbag,
.icon-heart,
.icon-home,
.icon-hourglass,
.icon-info,
.icon-key,
.icon-layers,
.icon-like,
.icon-link,
.icon-list,
.icon-location-pin,
.icon-lock,
.icon-lock-open,
.icon-login,
.icon-logout,
.icon-loop,
.icon-magic-wand,
.icon-magnet,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-map,
.icon-menu,
.icon-microphone,
.icon-minus,
.icon-mouse,
.icon-music-tone,
.icon-music-tone-alt,
.icon-mustache,
.icon-note,
.icon-notebook,
.icon-options,
.icon-options-vertical,
.icon-organization,
.icon-paper-clip,
.icon-paper-plane,
.icon-paypal,
.icon-pencil,
.icon-people,
.icon-phone,
.icon-picture,
.icon-pie-chart,
.icon-pin,
.icon-plane,
.icon-playlist,
.icon-plus,
.icon-power,
.icon-present,
.icon-printer,
.icon-puzzle,
.icon-question,
.icon-refresh,
.icon-reload,
.icon-rocket,
.icon-screen-desktop,
.icon-screen-smartphone,
.icon-screen-tablet,
.icon-settings,
.icon-share,
.icon-share-alt,
.icon-shield,
.icon-shuffle,
.icon-size-actual,
.icon-size-fullscreen,
.icon-social-behance,
.icon-social-dribbble,
.icon-social-dropbox,
.icon-social-facebook,
.icon-social-foursqare,
.icon-social-github,
.icon-social-google,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-reddit,
.icon-social-skype,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-steam,
.icon-social-stumbleupon,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-vkontakte,
.icon-social-youtube,
.icon-speech,
.icon-speedometer,
.icon-star,
.icon-support,
.icon-symbol-female,
.icon-symbol-male,
.icon-tag,
.icon-target,
.icon-trash,
.icon-trophy,
.icon-umbrella,
.icon-user,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-vector,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-wallet,
.icon-wrench {
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-user:before {
    content: "\e005"
}

.icon-people:before {
    content: "\e001"
}

.icon-user-female:before {
    content: "\e000"
}

.icon-user-follow:before {
    content: "\e002"
}

.icon-user-following:before {
    content: "\e003"
}

.icon-user-unfollow:before {
    content: "\e004"
}

.icon-login:before {
    content: "\e066"
}

.icon-logout:before {
    content: "\e065"
}

.icon-emotsmile:before {
    content: "\e021"
}

.icon-phone:before {
    content: "\e600"
}

.icon-call-end:before {
    content: "\e048"
}

.icon-call-in:before {
    content: "\e047"
}

.icon-call-out:before {
    content: "\e046"
}

.icon-map:before {
    content: "\e033"
}

.icon-location-pin:before {
    content: "\e096"
}

.icon-direction:before {
    content: "\e042"
}

.icon-directions:before {
    content: "\e041"
}

.icon-compass:before {
    content: "\e045"
}

.icon-layers:before {
    content: "\e034"
}

.icon-menu:before {
    content: "\e601"
}

.icon-list:before {
    content: "\e067"
}

.icon-options-vertical:before {
    content: "\e602"
}

.icon-options:before {
    content: "\e603"
}

.icon-arrow-down:before {
    content: "\e604"
}

.icon-arrow-left:before {
    content: "\e605"
}

.icon-arrow-right:before {
    content: "\e606"
}

.icon-arrow-up:before {
    content: "\e607"
}

.icon-arrow-up-circle:before {
    content: "\e078"
}

.icon-arrow-left-circle:before {
    content: "\e07a"
}

.icon-arrow-right-circle:before {
    content: "\e079"
}

.icon-arrow-down-circle:before {
    content: "\e07b"
}

.icon-check:before {
    content: "\e080"
}

.icon-clock:before {
    content: "\e081"
}

.icon-plus:before {
    content: "\e095"
}

.icon-minus:before {
    content: "\e615"
}

.icon-close:before {
    content: "\e082"
}

.icon-event:before {
    content: "\e619"
}

.icon-exclamation:before {
    content: "\e617"
}

.icon-organization:before {
    content: "\e616"
}

.icon-trophy:before {
    content: "\e006"
}

.icon-screen-smartphone:before {
    content: "\e010"
}

.icon-screen-desktop:before {
    content: "\e011"
}

.icon-plane:before {
    content: "\e012"
}

.icon-notebook:before {
    content: "\e013"
}

.icon-mustache:before {
    content: "\e014"
}

.icon-mouse:before {
    content: "\e015"
}

.icon-magnet:before {
    content: "\e016"
}

.icon-energy:before {
    content: "\e020"
}

.icon-disc:before {
    content: "\e022"
}

.icon-cursor:before {
    content: "\e06e"
}

.icon-cursor-move:before {
    content: "\e023"
}

.icon-crop:before {
    content: "\e024"
}

.icon-chemistry:before {
    content: "\e026"
}

.icon-speedometer:before {
    content: "\e007"
}

.icon-shield:before {
    content: "\e00e"
}

.icon-screen-tablet:before {
    content: "\e00f"
}

.icon-magic-wand:before {
    content: "\e017"
}

.icon-hourglass:before {
    content: "\e018"
}

.icon-graduation:before {
    content: "\e019"
}

.icon-ghost:before {
    content: "\e01a"
}

.icon-game-controller:before {
    content: "\e01b"
}

.icon-fire:before {
    content: "\e01c"
}

.icon-eyeglass:before {
    content: "\e01d"
}

.icon-envelope-open:before {
    content: "\e01e"
}

.icon-envelope-letter:before {
    content: "\e01f"
}

.icon-bell:before {
    content: "\e027"
}

.icon-badge:before {
    content: "\e028"
}

.icon-anchor:before {
    content: "\e029"
}

.icon-wallet:before {
    content: "\e02a"
}

.icon-vector:before {
    content: "\e02b"
}

.icon-speech:before {
    content: "\e02c"
}

.icon-puzzle:before {
    content: "\e02d"
}

.icon-printer:before {
    content: "\e02e"
}

.icon-present:before {
    content: "\e02f"
}

.icon-playlist:before {
    content: "\e030"
}

.icon-pin:before {
    content: "\e031"
}

.icon-picture:before {
    content: "\e032"
}

.icon-handbag:before {
    content: "\e035"
}

.icon-globe-alt:before {
    content: "\e036"
}

.icon-globe:before {
    content: "\e037"
}

.icon-folder-alt:before {
    content: "\e039"
}

.icon-folder:before {
    content: "\e089"
}

.icon-film:before {
    content: "\e03a"
}

.icon-feed:before {
    content: "\e03b"
}

.icon-drop:before {
    content: "\e03e"
}

.icon-drawer:before {
    content: "\e03f"
}

.icon-docs:before {
    content: "\e040"
}

.icon-doc:before {
    content: "\e085"
}

.icon-diamond:before {
    content: "\e043"
}

.icon-cup:before {
    content: "\e044"
}

.icon-calculator:before {
    content: "\e049"
}

.icon-bubbles:before {
    content: "\e04a"
}

.icon-briefcase:before {
    content: "\e04b"
}

.icon-book-open:before {
    content: "\e04c"
}

.icon-basket-loaded:before {
    content: "\e04d"
}

.icon-basket:before {
    content: "\e04e"
}

.icon-bag:before {
    content: "\e04f"
}

.icon-action-undo:before {
    content: "\e050"
}

.icon-action-redo:before {
    content: "\e051"
}

.icon-wrench:before {
    content: "\e052"
}

.icon-umbrella:before {
    content: "\e053"
}

.icon-trash:before {
    content: "\e054"
}

.icon-tag:before {
    content: "\e055"
}

.icon-support:before {
    content: "\e056"
}

.icon-frame:before {
    content: "\e038"
}

.icon-size-fullscreen:before {
    content: "\e057"
}

.icon-size-actual:before {
    content: "\e058"
}

.icon-shuffle:before {
    content: "\e059"
}

.icon-share-alt:before {
    content: "\e05a"
}

.icon-share:before {
    content: "\e05b"
}

.icon-rocket:before {
    content: "\e05c"
}

.icon-question:before {
    content: "\e05d"
}

.icon-pie-chart:before {
    content: "\e05e"
}

.icon-pencil:before {
    content: "\e05f"
}

.icon-note:before {
    content: "\e060"
}

.icon-loop:before {
    content: "\e064"
}

.icon-home:before {
    content: "\e069"
}

.icon-grid:before {
    content: "\e06a"
}

.icon-graph:before {
    content: "\e06b"
}

.icon-microphone:before {
    content: "\e063"
}

.icon-music-tone-alt:before {
    content: "\e061"
}

.icon-music-tone:before {
    content: "\e062"
}

.icon-earphones-alt:before {
    content: "\e03c"
}

.icon-earphones:before {
    content: "\e03d"
}

.icon-equalizer:before {
    content: "\e06c"
}

.icon-like:before {
    content: "\e068"
}

.icon-dislike:before {
    content: "\e06d"
}

.icon-control-start:before {
    content: "\e06f"
}

.icon-control-rewind:before {
    content: "\e070"
}

.icon-control-play:before {
    content: "\e071"
}

.icon-control-pause:before {
    content: "\e072"
}

.icon-control-forward:before {
    content: "\e073"
}

.icon-control-end:before {
    content: "\e074"
}

.icon-volume-1:before {
    content: "\e09f"
}

.icon-volume-2:before {
    content: "\e0a0"
}

.icon-volume-off:before {
    content: "\e0a1"
}

.icon-calendar:before {
    content: "\e075"
}

.icon-bulb:before {
    content: "\e076"
}

.icon-chart:before {
    content: "\e077"
}

.icon-ban:before {
    content: "\e07c"
}

.icon-bubble:before {
    content: "\e07d"
}

.icon-camrecorder:before {
    content: "\e07e"
}

.icon-camera:before {
    content: "\e07f"
}

.icon-cloud-download:before {
    content: "\e083"
}

.icon-cloud-upload:before {
    content: "\e084"
}

.icon-envelope:before {
    content: "\e086"
}

.icon-eye:before {
    content: "\e087"
}

.icon-flag:before {
    content: "\e088"
}

.icon-heart:before {
    content: "\e08a"
}

.icon-info:before {
    content: "\e08b"
}

.icon-key:before {
    content: "\e08c"
}

.icon-link:before {
    content: "\e08d"
}

.icon-lock:before {
    content: "\e08e"
}

.icon-lock-open:before {
    content: "\e08f"
}

.icon-magnifier:before {
    content: "\e090"
}

.icon-magnifier-add:before {
    content: "\e091"
}

.icon-magnifier-remove:before {
    content: "\e092"
}

.icon-paper-clip:before {
    content: "\e093"
}

.icon-paper-plane:before {
    content: "\e094"
}

.icon-power:before {
    content: "\e097"
}

.icon-refresh:before {
    content: "\e098"
}

.icon-reload:before {
    content: "\e099"
}

.icon-settings:before {
    content: "\e09a"
}

.icon-star:before {
    content: "\e09b"
}

.icon-symbol-female:before {
    content: "\e09c"
}

.icon-symbol-male:before {
    content: "\e09d"
}

.icon-target:before {
    content: "\e09e"
}

.icon-credit-card:before {
    content: "\e025"
}

.icon-paypal:before {
    content: "\e608"
}

.icon-social-tumblr:before {
    content: "\e00a"
}

.icon-social-twitter:before {
    content: "\e009"
}

.icon-social-facebook:before {
    content: "\e00b"
}

.icon-social-instagram:before {
    content: "\e609"
}

.icon-social-linkedin:before {
    content: "\e60a"
}

.icon-social-pinterest:before {
    content: "\e60b"
}

.icon-social-github:before {
    content: "\e60c"
}

.icon-social-google:before {
    content: "\e60d"
}

.icon-social-reddit:before {
    content: "\e60e"
}

.icon-social-skype:before {
    content: "\e60f"
}

.icon-social-dribbble:before {
    content: "\e00d"
}

.icon-social-behance:before {
    content: "\e610"
}

.icon-social-foursqare:before {
    content: "\e611"
}

.icon-social-soundcloud:before {
    content: "\e612"
}

.icon-social-spotify:before {
    content: "\e613"
}

.icon-social-stumbleupon:before {
    content: "\e614"
}

.icon-social-youtube:before {
    content: "\e008"
}

.icon-social-dropbox:before {
    content: "\e00c"
}

.icon-social-vkontakte:before {
    content: "\e618"
}

.icon-social-steam:before {
    content: "\e620"
}

* {
    font-weight: 300
}

*,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: "Noto Sans TC", PingFangTC, "Microsoft JhengHei", "微軟正黑體", "Lucida Sans Unicode", STHeitiTC-Light, "Microsoft YaHei", "微软雅黑", "新細明體", Arial, sans-serif;*/
    font-family: "Noto Sans TC";
    font-weight: 400
}

body,
html {
    background: #fcfcfc;
    min-height: 100%;
    height: 100%;
    color: #4a4a4a;
    font-family: "Noto Sans TC";
    text-rendering: optimizeLegibility
}

body {
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100vw;
    min-height: 100vh;
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.col-centered {
    float: none!important;
    margin: 0 auto!important
}

a.link,
a.link:link,
a:link:not(.button),
a:not(.button) {
	text-decoration:none;
    color: #4a4a4a
}

a.link *,
a.link:link *,
a:link:not(.button) *,
a:not(.button) * {
    vertical-align: middle
}

a.link [class*=icon-],
a.link:link [class*=icon-],
a:link:not(.button) [class*=icon-],
a:not(.button) [class*=icon-] {
    margin-right: 8px;
    margin-left: -2px
}

a.link:focus,
a.link:hover,
a.link:link:focus,
a.link:link:hover,
a:link:not(.button):focus,
a:link:not(.button):hover,
a:not(.button):focus,
a:not(.button):hover {
    color: #e38181!important;
    text-decoration: underline
}

a.link.text-white,
a.link:link.text-white,
a:link:not(.button).text-white,
a:not(.button).text-white {
    color: #fff
}

.valigned.top {
    vertical-align: top!important
}

.valigned.middle {
    vertical-align: middle!important
}

.valigned.bottom {
    vertical-align: bottom!important
}

.aligned.left {
    text-align: left!important
}

.aligned.right {
    text-align: right!important
}

.aligned.center {
    text-align: center!important
}

.floated.left {
    float: left!important
}

.floated.right {
    float: right!important
}

.d-block {
    display: block!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.text-lg {
    font-size: 1.2em!important
}

.text-muted {
    color: #787878!important
}

.desc {
    font-size: 14px
}

.m-0 {
    margin: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.p-0 {
    padding: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.pl-0 {
    padding-left: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.m-1 {
    margin: 10px!important
}

.mt-1 {
    margin-top: 10px!important
}

.ml-1 {
    margin-left: 10px!important
}

.mr-1 {
    margin-right: 10px!important
}

.mb-1 {
    margin-bottom: 10px!important
}

.mx-1 {
    margin-left: 10px!important;
    margin-right: 10px!important
}

.my-1 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

.p-1 {
    padding: 10px!important
}

.pt-1 {
    padding-top: 10px!important
}

.pl-1 {
    padding-left: 10px!important
}

.pr-1 {
    padding-right: 10px!important
}

.pb-1 {
    padding-bottom: 10px!important
}

.px-1 {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.py-1 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.m-2 {
    margin: 20px!important
}

.mt-2 {
    margin-top: 20px!important
}

.ml-2 {
    margin-left: 20px!important
}

.mr-2 {
    margin-right: 20px!important
}

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

.mx-2 {
    margin-left: 20px!important;
    margin-right: 20px!important
}

.my-2 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
}


/*jc add*/

.ui.header.my-2-3-2-9 {
    margin-top: -95px!important;
    margin-bottom: 0px!important;
}

.p-2 {
    padding: 20px!important
}

.pt-2 {
    padding-top: 20px!important
}

.pl-2 {
    padding-left: 20px!important
}

.pr-2 {
    padding-right: 20px!important
}

.pb-2 {
    padding-bottom: 20px!important
}

.px-2 {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.py-2 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

.m-3 {
    margin: 30px!important
}

.mt-3 {
    margin-top: 30px!important
}

.ml-3 {
    margin-left: 30px!important
}

.mr-3 {
    margin-right: 30px!important
}

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

.mx-3 {
    margin-left: 30px!important;
    margin-right: 30px!important;
}

.my-3 {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}

.p-3 {
    padding: 30px!important
}

.pt-3 {
    padding-top: 30px!important
}

.pl-3 {
    padding-left: 30px!important
}

.pr-3 {
    padding-right: 30px!important
}

.pb-3 {
    padding-bottom: 30px!important
}

.px-3 {
    padding-left: 30px!important;
    padding-right: 30px!important
}

.py-3 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

.m-4 {
    margin: 40px!important
}

.mt-4 {
    margin-top: 40px!important
}

.ml-4 {
    margin-left: 40px!important
}

.mr-4 {
    margin-right: 40px!important
}

.mb-4 {
    margin-bottom: 40px!important
}

.mx-4 {
    margin-left: 40px!important;
    margin-right: 40px!important
}

.my-4 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.p-4 {
    padding: 40px!important
}

.pt-4 {
    padding-top: 40px!important
}

.pl-4 {
    padding-left: 40px!important
}

.pr-4 {
    padding-right: 40px!important
}

.pb-4 {
    padding-bottom: 40px!important
}

.px-4 {
    padding-left: 40px!important;
    padding-right: 40px!important
}

.py-4 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.m-5 {
    margin: 50px!important
}

.mt-5 {
    margin-top: 50px!important
}

.ml-5 {
    margin-left: 50px!important
}

.mr-5 {
    margin-right: 50px!important
}

.mb-5 {
    margin-bottom: 50px!important
}

.mx-5 {
    margin-left: 50px!important;
    margin-right: 50px!important
}

.my-5 {
    margin-top: 50px!important;
    margin-bottom: 50px!important
}

.p-5 {
    padding: 50px!important
}

.pt-5 {
    padding-top: 50px!important
}

.pl-5 {
    padding-left: 50px!important
}

.pr-5 {
    padding-right: 50px!important
}

.pb-5 {
    padding-bottom: 50px!important
}

.px-5 {
    padding-left: 50px!important;
    padding-right: 50px!important
}

.py-5 {
    padding-top: 50px!important;
    padding-bottom: 50px!important
}

.underline {
    text-decoration: underline!important
}

.ui.button,
.ui.label {
    border-radius: 3px!important
}

.indent {
    text-indent: 30px
}

.ui.header {
    color: #787878;
	font-weight: 500;
	font-family: "Noto Sans TC";
	line-height:1.4rem;
}

.ui.header .follow {
    margin-left: 10px;
	white-space:nowrap;
}

.ui.header .follow .ui.button {
    vertical-align: middle;
	white-space:nowrap;
}

.ui.header .follow .text {
    vertical-align: middle;
    font-size: 12px;
	white-space:nowrap;
}

.ui.header>.ui.button {
    margin-top: 12px
}

h1.ui.header {
    font-size: 36px;
    line-height: 54px
}

h2.ui.header {
    font-size: 30px;
    line-height: 40px
}

h3.ui.header {
    font-size: 24px;
    line-height: 36px
}

h4.ui.header {
    font-size: 20px;
    line-height: 28px
}

h5.ui.header {
    font-size: 18px;
    line-height: 28px
}

h5.ui.header {
    font-size: 14px;
    line-height: 20px
}

.share .ui.button {
    vertical-align: top
}

.share .ui.button.line {
    padding: 2px
}

.pusher {
    display: flex;
    flex-direction: column;	
}

.pusher>.ui.container {
    width: 100%;
    max-width: 1200px!important;
    padding: 0 15px;
    margin: 0!important
}

.pusher .slide_contain {
    width:1300px;
    padding: 0px 0px;
    margin: 0px 0px;
	margin:auto;
	text-align:center;
}

@media screen and (max-width: 991px) {
	.pusher .slide_contain {
		width:100%;
	}
}

.pusher main {
    flex: 1;
    padding-bottom: 60px;
}

article {
    padding: 20px 0 50px;	
}

article img {
    max-width: 100%;
    margin: 20px auto
}

figure.cover {
    margin: 20px 0
}

figure.cover img {
    max-width: 100%
}

figure.cover figcaption {
    color: #787878;
    font-size: 13px
}

@media screen and (min-width:993px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0 {
        margin-top: 0!important
    }
    .ml-md-0 {
        margin-left: 0!important
    }
    .mr-md-0 {
        margin-right: 0!important
    }
    .mb-md-0 {
        margin-bottom: 0!important
    }
    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0 {
        padding-top: 0!important
    }
    .pl-md-0 {
        padding-left: 0!important
    }
    .pr-md-0 {
        padding-right: 0!important
    }
    .pb-md-0 {
        padding-bottom: 0!important
    }
    .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .m-md-1 {
        margin: 10px!important
    }
    .mt-md-1 {
        margin-top: 10px!important
    }
    .ml-md-1 {
        margin-left: 10px!important
    }
    .mr-md-1 {
        margin-right: 10px!important
    }
    .mb-md-1 {
        margin-bottom: 10px!important
    }
    .mx-md-1 {
        margin-left: 10px!important;
        margin-right: 10px!important
    }
    .my-md-1 {
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }
    .p-md-1 {
        padding: 10px!important
    }
    .pt-md-1 {
        padding-top: 10px!important
    }
    .pl-md-1 {
        padding-left: 10px!important
    }
    .pr-md-1 {
        padding-right: 10px!important
    }
    .pb-md-1 {
        padding-bottom: 10px!important
    }
    .px-md-1 {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
    .py-md-1 {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }
    .m-md-2 {
        margin: 20px!important
    }
    .mt-md-2 {
        margin-top: 20px!important
    }
    .ml-md-2 {
        margin-left: 20px!important
    }
    .mr-md-2 {
        margin-right: 20px!important
    }
    .mb-md-2 {
        margin-bottom: 20px!important
    }
    .mx-md-2 {
        margin-left: 20px!important;
        margin-right: 20px!important
    }
    .my-md-2 {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .p-md-2 {
        padding: 20px!important
    }
    .pt-md-2 {
        padding-top: 20px!important
    }
    .pl-md-2 {
        padding-left: 20px!important
    }
    .pr-md-2 {
        padding-right: 20px!important
    }
    .pb-md-2 {
        padding-bottom: 20px!important
    }
    .px-md-2 {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .py-md-2 {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    .m-md-3 {
        margin: 30px!important
    }
    .mt-md-3 {
        margin-top: 30px!important
    }
    .ml-md-3 {
        margin-left: 30px!important
    }
    .mr-md-3 {
        margin-right: 30px!important
    }
    .mb-md-3 {
        margin-bottom: 30px!important
    }
    .mx-md-3 {
        margin-left: 30px!important;
        margin-right: 30px!important
    }
    .my-md-3 {
        margin-top: 30px!important;
        margin-bottom: 30px!important
    }
    .p-md-3 {
        padding: 30px!important
    }
    .pt-md-3 {
        padding-top: 30px!important
    }
    .pl-md-3 {
        padding-left: 30px!important
    }
    .pr-md-3 {
        padding-right: 30px!important
    }
    .pb-md-3 {
        padding-bottom: 30px!important
    }
    .px-md-3 {
        padding-left: 30px!important;
        padding-right: 30px!important
    }
    .py-md-3 {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }
    .m-md-4 {
        margin: 40px!important
    }
    .mt-md-4 {
        margin-top: 40px!important
    }
    .ml-md-4 {
        margin-left: 40px!important
    }
    .mr-md-4 {
        margin-right: 40px!important
    }
    .mb-md-4 {
        margin-bottom: 40px!important
    }
    .mx-md-4 {
        margin-left: 40px!important;
        margin-right: 40px!important
    }
    .my-md-4 {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }
    .p-md-4 {
        padding: 40px!important
    }
    .pt-md-4 {
        padding-top: 40px!important
    }
    .pl-md-4 {
        padding-left: 40px!important
    }
    .pr-md-4 {
        padding-right: 40px!important
    }
    .pb-md-4 {
        padding-bottom: 40px!important
    }
    .px-md-4 {
        padding-left: 40px!important;
        padding-right: 40px!important
    }
    .py-md-4 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }
    .m-md-5 {
        margin: 50px!important
    }
    .mt-md-5 {
        margin-top: 50px!important
    }
    .ml-md-5 {
        margin-left: 50px!important
    }
    .mr-md-5 {
        margin-right: 50px!important
    }
    .mb-md-5 {
        margin-bottom: 50px!important
    }
    .mx-md-5 {
        margin-left: 50px!important;
        margin-right: 50px!important
    }
    .my-md-5 {
        margin-top: 50px!important;
        margin-bottom: 50px!important
    }
    .p-md-5 {
        padding: 50px!important
    }
    .pt-md-5 {
        padding-top: 50px!important
    }
    .pl-md-5 {
        padding-left: 50px!important
    }
    .pr-md-5 {
        padding-right: 50px!important
    }
    .pb-md-5 {
        padding-bottom: 50px!important
    }
    .px-md-5 {
        padding-left: 50px!important;
        padding-right: 50px!important
    }
    .py-md-5 {
        padding-top: 50px!important;
        padding-bottom: 50px!important
    }
}

@media screen and (max-width:992px) {
    .pusher main .ui.container {
        margin-left: 20px!important;
        margin-right: 20px!important
    }
}

@media screen and (max-width:768px) {
    .ui.header .follow {
        display: block;
        margin-left: 0
    }
    h1.ui.header {
        font-size: 24px;
        line-height: 36px
    }
    h2.ui.header {
        font-size: 20px;
        line-height: 30px
    }
    h3.ui.header {
        font-size: 18px;
        line-height: 24px
    }
    h4.ui.header {
        font-size: 16px;
        line-height: 24px
    }
    h5.ui.header {
        font-size: 14px;
        line-height: 20px
    }
    h5.ui.header {
        font-size: 12px;
        line-height: 18px
    }
    img {
        /*width: 100%*/
    }
}

body.auth {
    display: flex;
    flex-direction: column;
	font-family: "Noto Sans TC";	
}

body.auth main {
    flex: 1;
    /*background: url(../img/auth-bg.jpg);*/
    background-size: cover;
}

body.auth main .ui.segment {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2)!important;
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2)!important;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2)!important
}

header .ui.secondary.menu {
    padding-top: 20px;
    padding-bottom: 15px;
}
header .ui.secondary.menu a{
	text-decoration:none;
}

header .ui.secondary.menu>.brand.item {
    width: 204px;
    height: 96px;
    overflow: hidden;
    text-indent: -9999px;
    margin-right: 4rem;
    border: 0;
    background-image: url(../img/common/logo.png?11);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	text-decoration:none;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    header .ui.secondary.menu>.brand.item {
        background-image: url(../img/common/logo.png?11);
        background-repeat: no-repeat;
        background-position: center;
        /*background-size: 170px 80px;*/
        width: 127px !important;
        height: 60px !important;
    }
}

header .ui.secondary.menu>.brand.item:focus,
header .ui.secondary.menu>.brand.item:hover {
    border: 0;
    background-color: #fff;	
}

header .ui.secondary.menu>.item:not(.brand) {
    border: 1px solid #fff
}

header .ui.secondary.menu>.item:not(.brand):focus,
header .ui.secondary.menu>.item:not(.brand):hover {
    background: 0 0;
    border: 1px solid #dcdcdc;
}

header .ui.secondary.menu>.active.item,
header .ui.secondary.menu>.active.item:focus,
header .ui.secondary.menu>.active.item:hover {
    
    border: 1px solid #787878;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
	text-decoration:none;
}


header .ui.secondary.menu>.right.menu>.item {
    padding: 2px
}

header .ui.secondary.menu>.right.menu>.item.social-icon {
	width:28px;
	height:28px;
}
header .ui.secondary.menu>.right.menu>.item.social-icon i {
	width:29px;
	height:29px;
	padding:0px;
	margin:0px;
}
header .ui.secondary.menu>.right.menu>.item.social-icon img {
	width:100%;
	height:100%;
}

header .ui.secondary.menu>.right.menu>.item.button {
    vertical-align: top
}

header .ui.secondary.menu>.right.menu>.item.border,
header .ui.secondary.menu>.right.menu>.item.button {
    padding: 5px 5px;
    border: 1px solid #787878;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box
}

header .ui.secondary.menu>.right.menu>.item.cart .cart-num {
    position:absolute;
	z-index:99;
	top:0px;
	right:0px;
	margin-top:-5px;
	padding-left:4px;
	width:20px;
	height:20px;
	color:#fff;
	font-weight:bold;
	background-color:#E38181;
    border:1px solid #E38181;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

header .ui.secondary.menu>.right.menu>.item .dropdown .menu {
    top: 25px;
    right: -10px;
}
	
header .submenu {
    border-top: 1px solid #dcdcdc; 
    overflow: hidden; 
    height: 60px;	
}

header .submenu .ui.menu {	
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    border: 0;
    -webkit-box-shadow: 0 0 0 0 transparent!important;
    -moz-box-shadow: 0 0 0 0 transparent!important;
    box-shadow: 0 0 0 0 transparent!important;	
	height:68px;
    overflow-x: auto;
}

header .submenu .ui.menu .item {
    position: static;
}

header .submenu .ui.menu .item:before {
    display: none;
}
header .submenu .ui.menu .item  a{
	text-decoration:none;
}

header .submenu .ui.menu .item a:hover {
	color:#E38181;
}

header .submenu .ui.menu .item .ui.menu {	
    display: none;
	position: absolute;	
	z-index: 999999;
	/*
	top: 0;  
    left: 0; 
	margin-top:50px;
	margin-left:10px;
	*/
	margin-top:-5px;
	height:auto;
	border:2px solid #ccc;
	border-radius: 10px;
	-webkit-box-shadow: 3 3 3 3 transparent!important;
    -moz-box-shadow: 3 3 3 3 transparent!important;
    box-shadow: 3 3 3 3 transparent!important;
	
	-webkit-transform: translateZ(0px);
	-webkit-transform: translate3d(0,0,0);
	-webkit-perspective: 1000;
}
header .submenu .ui.menu .item .ui.menu.col3{
	width: 400px;
}
header .submenu .ui.menu .item .ui.menu.col2{
	width: 270px;
}
header .submenu .ui.menu .item .ui.menu.col1{
	width: 130px;
}


header .submenu .ui.menu .item .ui.menu .item {
	display: inline-block;	
	width:120px;
	border:0px solid;
	padding:5px;
	padding-top:6px;
	margin:5px;
	text-align:center;
	border-radius: 25px;	
}
header .submenu .ui.menu .item .ui.menu .item:hover {
	background-color:#E38181;
	color:#fff;
}

header .submenu .ui.menu .item:hover .ui.menu {
    display: block;	
}

@media screen and (max-width:991px) {
	header .submenu .ui.menu .item .ui.menu {
        left: 0; 
		font-size:14px;
    }
	header .submenu .ui.menu .item .ui.menu.col3{
	    width: 100%;
    }
    header .submenu .ui.menu .item .ui.menu.col2{
	    width: 100%;
    }
    header .submenu .ui.menu .item .ui.menu.col1{
	    width: 100%;
    }
    header .submenu .ui.menu .item .ui.menu .item {
	    width:100px;
    }
}

header .ui.secondary.menu .item.brand,
header .ui.secondary.menu .item.login,
header .ui.secondary.menu .item.search,
header .ui.secondary.menu .item.sidebar-trigger {
    text-decoration:none;		
}
	
@media screen and (max-width:991px) {
    header .ui.secondary.menu .item {
        display: none
    }
	header .ui.secondary.menu .item.border,  /*繁簡button顯示*/
    header .ui.secondary.menu .item.brand,
    header .ui.secondary.menu .item.login,
    header .ui.secondary.menu .item.search,
    header .ui.secondary.menu .item.sidebar-trigger {
        display: block;
		
    }
}

@media screen and (max-width:640px) {
    header .ui.secondary.menu {
        padding-top: 8px
    }
    header .ui.secondary.menu .item.brand {
        width: 80px;
        height: 40px;
        background-size: contain!important
    }
}

main .category-menu {
    display: inline-block;
    width: 100%;
    overflow-x: auto;
    margin: 2rem 0 1rem;
}
main .category-menu .ui.secondary.pointing.menu .item {
    padding-bottom:20px;
	text-decoration: none;
}

main .category-menu .ui.secondary.pointing.menu .active.item {
    border-color: #e38181;
	padding-bottom:15px;
    border-bottom: 6px solid #e38181;
}


/*jc add beign*/

main .category-menu-3-2-2 {
    display: inline-block;
    width: 100%;
	height:62px;
	overflow: hidden;
	margin-top:30px;
    margin-bottom: 30px;
	/*-webkit-overflow-scrolling: touch;*/
}

@media screen and (max-width:991px) {
	main .category-menu-3-2-2 {
        height:58px;
	}
}
	
main .category-menu-3-2-2 .ui.secondary.pointing.menu {
	width: 100%;
    height: 69px;
    overflow-x: scroll;
    padding-bottom: 0px;
}

main .category-menu-3-2-2 .ui.secondary.pointing.menu:first-child {
    margin-left: 0px;
}

main .category-menu-3-2-2 .ui.secondary.pointing.menu .item {
    border-color: #DBDADA;
    border-bottom: 0px solid #DBDADA;
    margin-bottom: 7px;
	text-decoration:none;
}

main .category-menu-3-2-2 .ui.secondary.pointing.menu .active.item {
    border-color: #e38181;
    border-bottom: 6px solid #e38181;
	margin-bottom: 0px;
}

main .category-menu-3-2-9 {
    display: inline-block;
    width: 100%;
    overflow-x: auto;
    margin: 2rem 0 0.9rem;
    border-bottom: 2px solid #DBDADA;
    margin-bottom: 30px;
}

main .category-menu-3-2-9 .ui.secondary.pointing.menu {
    padding-bottom: 0px;
}

main .category-menu-3-2-9 .ui.secondary.pointing.menu:first-child {
    margin-left: 100px;
    border-bottom: 1px solid #DBDADA;
}

main .category-menu-3-2-9 .ui.secondary.pointing.menu .item {
    border-color: #DBDADA;
    border-bottom: 0px solid #DBDADA;
    margin-bottom: 7px;
}

main .category-menu-3-2-9 .ui.secondary.pointing.menu .active.item {
    border-color: #e38181;
    border-bottom: 6px solid #e38181;
	margin-bottom: 0px;
    margin-bottom: -1px;
}


/*jc add end*/

footer {
    background: #353535 url(../img/common/footer-earth-bg.png) no-repeat center;
    background-size: 100% auto;
    padding: 10px 10px 20px 20px;
}

footer .copyright {
    color: #dbdbdb;
    text-align: right
}

footer .ui.secondary.inverted.menu a.item {
    color: #fff!important;
    font-weight: 500;
    text-shadow: none!important;
	text-decoration:none;
}

footer .e_paper .ui.inverted.input {
    border: none;
}

footer .e_paper .ui.inverted.input input {
	display:inline-block;
    background: #000;
    color: #fff;
    border: 1px solid #CCCCCC;
    margin-right: 0px;
    height: 25px;
    line-height: 25px;
    padding: 0 .5rem;
	margin-left:8px;
	width:90%;
}

footer .e_paper .ui.inverted.input .ui.button {
	display:inline-block;
	vertical-align:top;
    width: 35px;
    height: 25px;
    border: 1px solid #CCCCCC;
	background-color:#000;
    padding: 0;
    -webkit-box-shadow: 0 0 0 0 transparent!important;
    -moz-box-shadow: 0 0 0 0 transparent!important;
    box-shadow: 0 0 0 0 transparent!important;
	margin:0px;
	cursor:pointer;
}
footer .e_paper .ui.inverted.input .ui.button i {
	padding-top:4px;
    width: 35px;
    height: 25px;
	color:#CCCCCC;
	cursor:pointer;
}

footer .e_paper .label {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
	margin-left:15px;
}

@media screen and (max-width:768px) {
	footer .e_paper .ui.inverted.input input {
	    margin-left:12px;
	}
	footer .e_paper .ui.inverted.input .ui.button i {
		padding-top:3px;
	}
}

footer .social_button .item {
    display: inline-block;
    width: 29px;
    height: 29px;
    /*background: #000;*/
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    text-align: center;
    line-height: 29px
}
footer .social_button .item img {
    width: 100%;
    height: 100%;
}

footer .social_button .item>i {
    margin: 0!important;
    vertical-align: middle
}

footer .links a.item,
footer .links a.item:link {
    color: #fff;
    opacity: .75;
    margin-right: 20px;
	text-decoration:none;
}

footer .links a.item:focus,
footer .links a.item:hover,
footer .links a.item:link:focus,
footer .links a.item:link:hover {
    opacity: 1
}

@media screen and (max-width:768px) {
    footer .copyright {
        text-align: left
    }
    footer .ui.secondary.inverted.menu {
        display: block
    }
    footer .ui.secondary.inverted.menu a.item {
        display: inline-block;
        padding-top: .4em;
        padding-bottom: .4em
    }
    footer .social_button .item i {
        margin: 0!important
    }
}

.ui.sidebar {
    z-index: 999!important
}

.ui.sidebar .socail {
    width: 100%;
    padding:0px;
	margin-top:50px;
	border-top:1px solid #ccc;
}
.ui.sidebar .socail.second {
	margin-top:-2px;
	border-top:0px solid #ccc;
	border-bottom:1px solid #ccc;
}
.ui.sidebar .socail .item {
    width: 32%;
    text-align: center;
    display: inline-block;
	padding:10px;
	margin:0px;
	margin-top:-1px;
	border-bottom:0px solid #ccc;
}
.ui.sidebar .socail .item img {
    width: 29px;
    height: 29px;
}
.ui.sidebar .socail .item i { 
    z-index: 2!important
}
.ui.sidebar .socail.second .item i { 
	z-index: 1!important
}

.carousel {
    position: relative
}

.carousel .owl-carousel {
    max-width: 770px;
    margin: 0 auto;
    font-family: "Noto Sans TC";
}

.carousel .owl-carousel .item {
    display: block;
    padding-bottom: 56.25%
}

.carousel .owl-carousel .item img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    width: 100%;
    margin: auto;
    z-index: 1
}

.carousel .owl-carousel .item iframe {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -170%;
    bottom: -135%;
	height:100%;
    width: 100%;
    margin: auto;
    z-index: 1
}

.carousel .owl-carousel .item .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    max-width: 770px;
    margin: 0 auto;
	color:#fff;
    background: rgba(0, 0, 0, .6);
    padding: 20px 30px;
	text-align:left;  /*20200620 輪播圖標題改靠左 */
}
.carousel .owl-carousel.video .item .caption {
	color:#878787;
}

.carousel .owl-carousel .item .caption .description {
	text-decoration: none;
	color:#fff;
}
.carousel .owl-carousel.video .item .caption .description {
	color:#878787;
}

.carousel .owl-carousel .item .caption .description a{
	text-decoration: none;
	color:#fff;
}
.carousel .owl-carousel.video .item .caption .description a{
	color:#878787;
}

.carousel .owl-carousel .item .caption .ui.inverted.header a {
	margin-top: 0;
	margin-bottom:20px;
	text-decoration: none;
	color:#fff;
}
.carousel .owl-carousel.video .item .caption .ui.inverted.header a {
	color:#878787;
}

.carousel .owl-carousel .item .caption .header {
    margin-top: 0;
    color: #fff;
	margin-bottom:20px;
	text-decoration: none;
}
.carousel .owl-carousel.video .item .caption .header {
    color:#878787;
}

.carousel .owl-carousel.video {
    max-width: 770px;
    margin: 0 auto;
    font-family: "Noto Sans TC";
	height:350px;
	margin-top:50px;
	margin-bottom:100px;
}

.carousel .owl-carousel.video .item {
    display: block;
    padding-bottom: 60.25%;
	height:350px;
}

.carousel .owl-carousel.video .item img {
    position: absolute;
	/*
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
	*/
    width: 100%;
	height:100%;
    margin: auto;
    z-index: 3;
}

.carousel .owl-carousel.video .item .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
    max-width: 770px;
    margin: 0 auto;
    background: #fff;
	opacity:1;
    padding: 20px 30px;
	border:1px solid #ccc;
}

.carousel .owl-carousel.video .item .caption .description {
    color: #4a4a4a;
}

.carousel .owl-carousel.video .item .caption .header {
    margin-top: 0;
    color: #4a4a4a;
	font-weight:bold;
}

.carousel .owl-carousel-bg.video {
    position: absolute;
    display: block;
    width: 100%;
    height: 410px;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    z-index: 2;
    background: #000;
	margin-top:0px;
}

.carousel .owl-carousel-bg.video img {
	/*
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    margin: auto;
	*/
	height:100%;
	width: 100%;
    opacity: .5
}

@media screen and (max-width:991px) {
	.carousel .owl-carousel.video {
	    margin-top:30px;
	    margin-bottom:30px;
    }

	.carousel .owl-carousel-bg.video {
        height: 300px;
    }
}

.carousel .owl-carousel .owl-nav {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.carousel .owl-carousel .owl-nav button.owl-prev {
    left: -75px
}

.carousel .owl-carousel .owl-nav button.owl-next {
    right: -75px
}

.carousel .owl-carousel .owl-nav button.owl-next,
.carousel .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 55px;
    height: 55px;
    display: block;
    top: 0;
    bottom: 0;
    line-height: 53px;
    color: #b7b7b7;
    text-align: center;
    margin: auto;
    background: rgba(0, 0, 0, .6);
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    z-index: 9
}

.carousel .owl-carousel .owl-dots {
    position: absolute;
    right: 30px;
    bottom: 24px
}

.carousel .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.carousel .owl-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    display: block;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box
}

.carousel .owl-carousel .owl-dots .owl-dot.active span {
    background: #fff
}

.carousel .owl-carousel-bg {
    position: absolute;
    display: block;
    /*width: 100vw;*/
	width: 100%;
    height: 350px;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    z-index: 0;
    background: #000
}

.carousel .owl-carousel-bg img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	object-fit:cover;
    margin: auto;
    filter: brightness(50%); 
}

.carousel:focus .owl-nav,
.carousel:hover .owl-nav {
    opacity: 1
}
	
@media screen and (max-width:991px) {
	    .carousel .owl-carousel .item {
        padding-bottom: 0;
        overflow: hidden
    }
    .carousel .owl-carousel .item img {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0
    }
    .carousel .owl-carousel .item .caption {
        position: relative;
        padding: 5px 20px;
        bottom: 30px
    }
    .carousel .owl-carousel .item .caption .ui.header {
        margin-top: 10px;
		text-align: left;
    }
    .carousel .owl-carousel .owl-dots {
        position: relative;
        right: 0;
        bottom: 25px;
        text-align: center
    }
    .carousel .owl-carousel .owl-dots .owl-dot {
        margin: 0 3px
    }
    .carousel .owl-carousel .owl-dots .owl-dot>span {
        width: 8px;
        height: 8px;
        background: #dcdcdc
    }
    .carousel .owl-carousel .owl-dots .owl-dot.active>span {
        background: #4a4a4a
    }
    .carousel .owl-carousel-bg {
        display: none;
    }
	.carousel .owl-carousel .owl-nav,
    .carousel .owl-carousel .owl-nav button	{
        display: block;
    }
	
	.carousel .owl-carousel .owl-nav button.owl-prev {
        left: 10px;
	}
	.carousel .owl-carousel .owl-nav button.owl-next {
        right:10px;
	}
	.carousel .owl-carousel .owl-nav button.owl-next,
	.carousel .owl-carousel .owl-nav button.owl-prev {
        width: 38px;
        height: 35px;
        line-height: 30px;
	}
}

.news-carousel {
    position: relative;
    display: block;
    padding: 12px 16px;
    margin: 20px 0 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box
}

.news-carousel a.item,
.news-carousel a.item:link {
    color: #FF0101;
    margin-right: 70px;
    display: block;
    cursor: pointer;
    width: 100%;
    z-index: 0!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-carousel a.item:focus,
.news-carousel a.item:hover,
.news-carousel a.item:link:focus,
.news-carousel a.item:link:hover {
    color: #e38181;
	text-decoration:none;
}

.news-carousel a.item .ui.label,
.news-carousel a.item:link .ui.label {
    background: #666;
    margin-right: 5px
}

.news-carousel .control {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 999
}

.news-carousel .control .ui.button {
    width: 20px;
    height: 20px;
    line-height: 18px;
    padding: 0
}

.author.owl-carousel .item {
    border: 1px solid #dcdcdc;
    padding: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
}

.author.owl-carousel .item a{
	text-decoration:none;
}

.author.owl-carousel .item .date {
    padding-top:10px;
}

.author.owl-carousel .item .title {
    font-size: 1rem;
    color: #787878;
    margin: 10px 0
}

.author.owl-carousel .owl-nav {
    height: 0;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.author.owl-carousel .owl-nav button.owl-prev {
    left: -75px
}

.author.owl-carousel .owl-nav button.owl-next {
    right: -75px
}

.author.owl-carousel .owl-nav button.owl-next,
.author.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 55px;
    height: 55px;
    display: block;
    top: 0;
    bottom: 0;
    line-height: 53px;
    color: #b7b7b7;
    text-align: center;
    margin: auto;
    background: #fff;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    z-index: 9
}

.author.owl-carousel .author-item {
    display: table;
    width: 100%
}

.author.owl-carousel .author-item .image {
    display: table-cell;
    vertical-align: middle;
    width: 113px;
    height: 113px
}

.author.owl-carousel .author-item .content {
    display: table-cell;
    vertical-align: middle;
    margin-left: 120px;
    padding: 1rem
}

.author.owl-carousel .author-item .content .header,
.author.owl-carousel .author-item .content a.header {
    font-size: 18px;
    color: #454545;
}

.author.owl-carousel .author-item .content .header:focus,
.author.owl-carousel .author-item .content .header:hover,
.author.owl-carousel .author-item .content a.header:focus,
.author.owl-carousel .author-item .content a.header:hover {
    color: #e38181
}

@media screen and (max-width:992px) {
    .author.owl-carousel .title {
        font-size: 12px
    }
    .author.owl-carousel .owl-nav button.owl-next,
    .author.owl-carousel .owl-nav button.owl-prev {
        width: 26px;
        height: 26px;
        line-height: 19px;
        font-size: 1rem
    }
    .author.owl-carousel .owl-nav button.owl-next .icon,
    .author.owl-carousel .owl-nav button.owl-prev .icon {
        height: 20px
    }
    .author.owl-carousel .owl-nav button.owl-prev {
        left: -10px 
    }
    .author.owl-carousel .owl-nav button.owl-next {
        right: -10px
    }
}


@media screen and (max-width:768px) {
    .news-carousel {
        margin-top: 0
    }
    .news-carousel .control {
        display: none
    }
    .author.owl-carousel .item .title {
        font-size: 12px
    }
    .author.owl-carousel .owl-dots {
        text-align: center
    }
    .author.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 3px
    }
    .author.owl-carousel .owl-dots .owl-dot span {
        display: block;
        width: 6px;
        height: 6px;
        background: #dcdcdc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box
    }
    .author.owl-carousel .owl-dots .owl-dot.active span {
        background: #4a4a4a
    }
    .author.owl-carousel .owl-nav button.owl-next,
    .author.owl-carousel .owl-nav button.owl-prev {
        width: 26px;
        height: 26px;
        line-height: 20px;
        font-size: 1rem
    }
    .author.owl-carousel .owl-nav button.owl-next .icon,
    .author.owl-carousel .owl-nav button.owl-prev .icon {
        height: 20px
    }
    .author.owl-carousel .owl-nav button.owl-prev {
        left: -10px
    }
    .author.owl-carousel .owl-nav button.owl-next {
        right: -10px
    }
}

.ui.link.list.list-news {
    margin-top: 0
}

.ui.link.list.list-news .item {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 63px;
    font-size: 1rem;
    line-height: 1.35rem;
    color: #4a4a4a
}

.ui.link.divided.list.list-news a{
    text-decoration:none;
}

.ui.link.divided.list.order-news a{
    text-decoration:none;
}

.ui.link.list.list-news .item:focus,
.ui.link.list.list-news .item:hover {
    color: #000
}

.ui.news.list .item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.ui.news.list .item .image>img {
    width: 200px;
    height: auto
}

.ui.news.list .item .content {
    width: 100%;
    padding: 10px
}

.ui.news.list .item .content .meta {
    display: inline-block;
    width: 100%
}

.ui.news.list .item .content .meta span.writer {
    margin-left: 10px
}

.ui.news.list .item .content .meta .ui.avatar.image {
    width: 16px;
    height: 16px
}

.ui.news.list .item .content .meta .ui.avatar.image img {
    height: auto
}

.ui.news.list .item .content .meta .watcher {
    margin-left: 20px
}

.ui.news.list .item .content a.header {
    font-size: 20px;
    height: 50px;
    margin-top: 10px;
    color: #4a4a4a!important;
	line-height:22px;	
}

.ui.news.list .item .content a.header:focus,
.ui.news.list .item .content a.header:hover {
    color: #e38181!important
}


@media screen and (max-width:991px) {
	.ui.news.list .item .image {
        width: 100%;
		padding:0px;
		margin:0px;
    }
	.ui.news.list .item .image img {
        width: 100%;
		padding:0px;
		margin:0px;
    }
	.ui.news.list .item .content {
		display:block;
	}
	.ui.news.list .item .content a.header {
		height:auto;
		padding-bottom:10px;
	}
}

.ui.link.list.order-news {
    margin-top: 0
}

.ui.link.list.order-news .no {
    float: left;
    display: block;
    font-family: "Times New Roman", serif;
    font-size: 55px;
    line-height: 40px;
    font-weight: 700;
    color: #dcdcdc
}

.ui.link.list.order-news .item {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
    line-height: 1.35rem;
    color: #4a4a4a;
    border: none;
}

.ui.link.list.order-news .item:focus,
.ui.link.list.order-news .item:hover {
    color: #000
}

.ui.link.list.order-news .item .no {
    font-family: Georgia, serif;
    font-size: 55px;
    font-weight: 200;
    color: #cccccc
}

.ui.link.list.order-news .item .content {
    margin-top: 5px;
    margin-left: 40px;
    line-height: 1.4rem;
}

.ui.channel.list .item {
    padding: 5px 0;
    margin-bottom: 16px;
}
.ui.channel.list .item .ui.avatar.image {
	margin-top:10px;
    width: 50px;
    height: 50px;
}
.ui.channel.list .item .content a.header {
    font-size: 20px;
    color: #4a4a4a!important;
    line-height: 32px
}
.ui.channel.list .item .content .desc {
    font-size: 16px;
    color: #4a4a4a!important;
    line-height: 32px
}
.ui.channel.list .item .content a.header:focus,
.ui.channel.list .item .content a.header:hover {
    color: #e38181!important
}
.ui.channel.list .item.page-3-3 .box {
	width:23%;
	display:inline-block;
	vertical-align:top;
}
.ui.channel.list .item.page-3-3 .ui.avatar.image {
	margin-top:0px;
    width: 50px;
    height: 50px;
}
.ui.channel.list .item.page-3-3 .content {
	display:inline-block;
	width:70%;
	vertical-align:top;
}
.ui.channel.list .item.page-3-3 .content a.header {
    font-size: 20px;
    color: #4a4a4a!important;
    line-height: 20px
}
.ui.channel.list .item.page-3-3 .content .desc {
    font-size: 16px;
    color: #4a4a4a!important;
    line-height: 16px;
	margin-top:10px;
}

.ui.channel.item {
    display: flex;
    flex-direction: row
}
.ui.channel.item .image {
    width: 130px
}
.ui.channel.item .content {
    flex: 1;
    padding: 0 10px
}

.recommand-you {
	outline:none;
	padding-right:10px;
}

.recommand-you:last-child {
	outline:none;
	padding-right:0px;
}

.recommand-you .ui.item {
    display: flex;
    flex-direction: row;
	padding-top:20px;
}

.recommand-you .ui.item>.image {
    position: relative;
    width: 160px;
    height: 160px;
    overflow: hidden
}

.recommand-you .ui.item>.image img {
    position: absolute;
    height: 100%;
    left: -100%;
    right: -100%;
    margin: auto
}

.recommand-you .ui.item>.content {
    flex: 1;
    width: 100%;
    padding: 10px
}

.recommand-you .ui.item>.content .date {
    color: #787878;
    margin-top: 10px
}

.recommand-you .ui.item>.content .header {
    font-size: 20px;
    margin: 10px 0 20px;
    height: 50px
}

.recommand-you .ui.item>.content .header+.meta {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .recommand-you .ui.item>.image {
        width: 90px;
        height: 90px
    }
    .recommand-you .ui.item>.content {
        padding-top: 0;
        padding-bottom: 0
    }
    .recommand-you .ui.item>.content .date {
        display: block
    }
    .recommand-you .ui.item>.content .author {
        margin-bottom: 5px
    }
    .recommand-you .ui.item>.content .author .image {
        display: none
    }
    .recommand-you .ui.item>.content .header {
        font-size: 18px
    }
    .recommand-you .ui.item>.content .header+.meta {
        margin-top: 5px
    }
}


/* jc add begin */

.recommand-you-3-2-7-2 .ui.item {
    display: flex;
    flex-direction: row;
}

.recommand-you-3-2-7-2 .ui.item .content .meta .author {
    font-size: 24px;
}

.recommand-you-3-2-7-2 .ui.item .content .meta .author .follow {
    margin-left: 20px;
}

.recommand-you-3-2-7-2 .ui.item .content .meta .author .share {
    float: right;
}

.recommand-you-3-2-7-2 .ui.item>.image {
    position: relative;
    width: 160px;
    height: 160px;
    overflow: hidden
}

.recommand-you-3-2-7-2 .ui.item>.image img {
    position: absolute;
    height: 100%;
    left: -100%;
    right: -100%;
    margin: auto
}

.recommand-you-3-2-7-2 .ui.item>.content {
    flex: 1;
    width: 100%;
    padding: 10px
}

.recommand-you-3-2-7-2 .ui.item>.content .date {
    color: #787878;
    margin-top: 10px
}

.recommand-you-3-2-7-2 .ui.item>.content .website {
    color: #787878;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.recommand-you-3-2-7-2 .ui.item>.content .header {
    font-size: 16px;
    margin: 10px 0 20px;
    height: 50px;
    width: 30%;
}

.recommand-you-3-2-7-2 .ui.item>.content .header+.meta {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .recommand-you-3-2-7-2 .ui.item>.image {
        width: 90px;
        height: 90px
    }
    .recommand-you-3-2-7-2 .ui.item>.content {
        padding-top: 0;
        padding-bottom: 0
    }
    .recommand-you-3-2-7-2 .ui.item>.content .date {
        display: none
    }
    .recommand-you-3-2-7-2 .ui.item>.content .author {
        margin-bottom: 5px
    }
    .recommand-you-3-2-7-2 .ui.item>.content .author .image {
        display: none
    }
    .recommand-you-3-2-7-2 .ui.item>.content .header {
        font-size: 18px
    }
    .recommand-you-3-2-7-2 .ui.item>.content .header+.meta {
        margin-top: 5px
    }
}

.channel-3-2-9-1 .ui.item {
    display: flex;
    flex-direction: row;
}

.channel-3-2-9-1 .ui.item .author {
    width: 100px;
	height: 100px;
}

.channel-3-2-9-1 .ui.item .author img {
    width: 100%;
    height: auto;
    padding: 5px;
	margin-top:10px;
    padding-top: 5px;
}

.channel-3-2-9-1 .ui.item>.content {
    flex: 1;
    width: 100%;
    padding: 10px;
}

.channel-3-2-9-1 .ui.item>.content .author_name {
    color: #dcdcdc;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
	width:100%;
}

.channel-3-2-9-1 .ui.item>.content .author_name .name {
    font-size: 16px;
	word-break: break-all;
	width:64%;
}

.channel-3-2-9-1 .ui.item>.content .author_name .name a {
	text-decoration:none;
}

.channel-3-2-9-1 .ui.item>.content .author_name .follow {
	display:inline-block;
	float:right;
	vertical-align:top;
	width:35%;
	white-space:nowrap;
}

.channel-3-2-9-1 .ui.item>.content .header {
    font-size: 18px;
    margin: 10px 0 20px;
    height: 50px;
	text-decoration:none;
}

.channel-3-2-9-1 .ui.item>.content .header+.meta {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .channel-3-2-9-1 .ui.item>.content {
        padding-top: 0;
        padding-bottom: 0
    }
    .channel-3-2-9-1 .ui.item>.content .author_name {
        display: block;
    }
    .channel-3-2-9-1 .ui.item>.content .header {
        font-size: 18px
    }
    .channel-3-2-9-1 .ui.item>.content .header+.meta {
        margin-top: 5px
    }
	.channel-3-2-9-1 .ui.item .author img {
        padding-top: 0px;
    }
}

.recommand-you-7-1 {
	margin-top:30px !important;
}

.recommand-you-7-1 .ui.item {
    display: flex;
    flex-direction: row;
    padding-top: 0px;
    padding-bottom: 40px;
}

.recommand-you-7-1 .column {
    margin-top: 0px;
    margin-bottom: 0px;
}

.recommand-you-7-1 .column:first-child {
    border-right: 2px solid #dcdcdc;
}

.recommand-you-7-1 .ui.item .ui.header {
    font-weight: bold;
    position: absolute;
    margin-top: -20px;
    top: 50%;
    left: 35%;
}

.recommand-you-7-1 .ui.item .ui.header .icons {
    padding-right: 10px;
}

@media screen and (max-width:991px) {
	.recommand-you-7-1 {
		margin-top:-10px !important;
	}
	.recommand-you-7-1 .ui.item {
		padding-bottom: 20px;
	}
	.recommand-you-7-1 .column:first-child {
        border-right: 0px solid #dcdcdc;
    }
}

/* jc add end */

.ui.cards.inverted>.card .content .header {
    color: #fff
}

.ui.cards.inverted>.card .content .header+.meta {
    margin-top: 5px
}

.ui.cards.inverted>.card .content .meta {
    color: #dcdcdc
}

.ui.cards .card {
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0 0 transparent!important;
    -moz-box-shadow: 0 0 0 0 transparent!important;
    box-shadow: 0 0 0 0 transparent!important
}

.ui.cards .card:focus .image>img,
.ui.cards .card:hover .image>img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ui.cards .card>.ui.black.ribbon.label {
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px 10px;
    font-weight: 400;
    z-index: 9;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background-clip: padding-box
}

.ui.cards .card>.ui.black.ribbon.label:after {
    display: none
}

.ui.cards .card>.image {
    overflow: hidden;
    z-index: 0
}

.ui.cards .card>.image>img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    display: block;
    overflow: hidden;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.ui.cards .card .content {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    z-index: 9
}

.ui.cards .card .content .description,
.ui.cards .card .content .meta {
    font-size: 14px;
    color: #666;
    font-weight: 300
}

.ui.cards .card .content .header {
    font-size: 20px!important;
    font-weight: 500;
    line-height:1.4em;
}

.ui.cards .card .content .meta {
    margin-bottom: 5px
}

.ui.cards .card .content .author {
    margin-left: 5px
}

.ui.activity.card:focus .image>img,
.ui.activity.card:hover .image>img,
.ui.activity.cards .card:focus .image>img,
.ui.activity.cards .card:hover .image>img,
.ui.news.cards .card:focus .image>img,
.ui.news.cards .card:hover .image>img,
.ui.product.card:focus .image>img,
.ui.product.card:hover .image>img,
.ui.product.cards .card:focus .image>img,
.ui.product.cards .card:hover .image>img,
.ui.video.card:focus .image>img,
.ui.video.card:hover .image>img,
.ui.weekend.card:focus .image>img,
.ui.weekend.card:hover .image>img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ui.activity.card>.image,
.ui.activity.cards .card>.image,
.ui.news.cards .card>.image,
.ui.product.card>.image,
.ui.product.cards .card>.image,
.ui.video.card>.image,
.ui.weekend.card>.image {
    position: relative;
    padding-bottom: 56.25%!important;
    overflow: hidden;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    -o-border-radius: 0!important;
    border-radius: 0!important;
}


.ui.activity.card>.image>img,
.ui.activity.cards .card>.image>img,
.ui.news.cards .card>.image>img,
.ui.product.card>.image>img,
.ui.product.cards .card>.image>img,
.ui.video.card>.image>img,
.ui.weekend.card>.image>img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    display: block;
    overflow: hidden;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}



.ui.activity.card .content .header+.meta,
.ui.activity.cards .card .content .header+.meta,
.ui.news.cards .card .content .header+.meta,
.ui.product.card .content .header+.meta,
.ui.product.cards .card .content .header+.meta,
.ui.video.card .content .header+.meta,
.ui.weekend.card .content .header+.meta {
    margin-top: 10px
}

.ui.product.card>.image,
.ui.product.cards .card>.image,
.ui.weekend.card>.image {
    padding-bottom: 100%!important;
}


/*jc */
.ui.product.cards .card.my-news-index .image {
    padding-bottom: 0px!important;
	height:300px;
}
.ui.product.cards .card.my-news-index .image img {
    width:100%;
	height:auto;
}

.ui.weekend.card {
    margin-top: 30px;
    width: 100%;
    height: 100%;
}

.ui.weekend.card>.image {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: 25px;
}

.ui.weekend.card>.image img {
    width: 100%;
    height: 100%;
    border: 15px solid #ccc;
}

.ui.activity.card.recommand,
.ui.activity.cards .card.recommand {
    margin-top: -50px
}

.ui.activity.card.recommand .content,
.ui.activity.cards .card.recommand .content {
    z-index: 9
}

.ui.activity.card.recommand .content>.meta,
.ui.activity.cards .card.recommand .content>.meta {
    margin-bottom: 10px
}

.ui.activity.card>.image,
.ui.activity.cards .card>.image {
    padding-bottom: 50%!important
}

.ui.activity.card .ui.black.box.label,
.ui.activity.cards .card .ui.black.box.label {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    padding: 6px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: -30px;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background-clip: padding-box
}

.ui.card {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 0 transparent!important;
    -moz-box-shadow: 0 0 0 0 transparent!important;
    box-shadow: 0 0 0 0 transparent!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.ui.card.main {
    margin-top: -175px
}

.ui.card:focus .image>img,
.ui.card:hover .image>img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ui.card>.image,
.ui.card>.image>img {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    -o-border-radius: 0!important;
    border-radius: 0!important
}

.ui.card .content {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0
}

.ui.card.inverted .content .meta {
    margin-bottom: 5px
}

.ui.card.inverted .content .description,
.ui.card.inverted .content .meta {
    color: #787878;
    font-size: 14px;
    font-weight: 300
}

.ui.card.inverted .content .header {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    font-family: "Noto Sans TC";
}

@media screen and (max-width:768px) {
    .ui.activity.cards {
        display: flex!important;
        flex-wrap: wrap-reverse
    }
    .ui.activity.cards .card>.content {
        position: relative
    }
}

.ui.segment {
    border: 0;
    -webkit-box-shadow: 0 0 0 0 transparent!important;
    -moz-box-shadow: 0 0 0 0 transparent!important;
    box-shadow: 0 0 0 0 transparent!important
}

.ui.segment .ui.container {
    margin: 0 auto!important
}

.ui.four.news.doubling.cards .header{
	text-decoration:none;
}

.ui.inverted.segment {
    background: #2e2e2e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.ui.inverted.segment .header{
	text-decoration:none;
}

.ui.inverted.segment.video {
    margin-top: 100px;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.ui.recommand-activity.segment {
    background: #dedede;
    margin-top: 100px;
    margin-bottom: 0px;
	padding-bottom:0px;
}

.ui.recommand-activity.segment .header{
	text-decoration:none;
}
	
.ui.recommand-activity.segment+.ui.segment {
    margin-top: 0
}

.ui.recommand-activity.segment .ui.grid {
    margin-top: 40px
}

.ui.recommand-activity.segment h1.ui.header {
    margin-top: -140px;
    margin-bottom: 40px;
}

.ui.recommand-activity.segment.desktop {	
	display:block;
}
.ui.recommand-activity.mobile {
	display:none;
}
	
.ui.recommand-activity.segment .ui.activity.stackable.cards .image {
}
.ui.recommand-activity.segment .ui.activity.stackable.cards image img {
    width:100%;
	height:auto;
}

@media screen and (min-width:993px) {
    .ui.video.segment .main.column {
        float: right;
    }
	
	
}

@media screen and (max-width:992px) {
    .ui.inverted.video.segment {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 7rem
    }
    .ui.inverted.video.segment .ui.header {
        margin-top: -120px
    }
    .ui.inverted.video.segment .ui.grid {
        flex-direction: column-reverse
    }
    .ui.inverted.video.segment .ui.grid .main.column .ui.card {
        margin-top: 0
    }
	
	.ui.recommand-activity.segment.desktop {
		display:none;
    }
	.ui.recommand-activity.mobile {
		display:block;
		position:relative;
		padding-top:0px;
		margin-top:0px;
    }
	
    .ui.three.activity.stackable.cards .card {
	    position: relative;
    }
}

@media screen and (max-width:768px) {
    .ui.recommand-activity.segment h1.ui.header {
        margin-top: -170px;
        margin-bottom: 80px
    }
}

.ui.checkbox {
    min-height: 20px
}

.ui.form.segment {
    padding-bottom: 0!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.ui.form.segment .action {
    margin-left: -30px;
    margin-right: -30px
}

.ui.form.segment .action .ui.pink.button {
    padding-top: 17px;
    padding-bottom: 18px;
    border-top: 1px solid #a62133;
    background: #e38181;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background-clip: padding-box
}

.ui.pagination.menu {
    display: block;
    border: 0;
    margin: 3rem 0;
    box-shadow: 0 0 0 0 transparent;
    text-align: center
}

.ui.pagination.menu a.item {
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #b7b7b7!important;
    padding: 16px;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background-clip: padding-box
}

.ui.pagination.menu a.item:before {
    display: none
}

.ui.pagination.menu a.item>.icon {
    margin: 0!important
}

.ui.pagination.menu a.item.next,
.ui.pagination.menu a.item.prev {
    padding-top: 14px!important;
    padding-bottom: 15px!important;
    padding-left: 14px!important;
    padding-right: 15px!important
}

.ui.pagination.menu a.item.active,
.ui.pagination.menu a.item.active:focus,
.ui.pagination.menu a.item.active:hover {
    color: #fff;
    background: #4a4a4a
}

@media screen and (max-width:768px) {
    .ui.pagination.menu a.item {
        padding: 5px 5px!important;
        min-width: 0
    }
    .ui.pagination.menu a.item.next,
    .ui.pagination.menu a.item.prev {
        min-width: 0;
        padding: 5px!important
    }
}

.ui.button i {
    vertical-align: middle!important
}

.ui.simple.button {
    background: 0 0
}

.ui.ad.medium.rectangle {
    width: 200px;
    height: 200px
}

.ui.ad.top.banner {
    max-width: 100%
}

.pusher main .ui.container.my-3-2-8-2 {
    width: 70%;
}

.pusher main .ui.container.my-3-2-8-2 .ui.stackable.grid {
    padding: 0px;
    margin: 0px;
}

.pusher main .ui.container.my-3-2-8-2 .ten.wide {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 100px;
}

.pusher main .ui.container.my-3-2-8-2 .ui.channel.item {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    width: 80%;
}

.pusher main .ui.container.my-3-2-8-2 .ui.header {
    padding-top: 0px;
    margin-top: -10px;
}

.pusher main .ui.container.my-3-2-8-2 .ui.tiny.basic.icon.button.line {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.pusher main .ui.container.my-3-2-8-2 .ui.tiny.basic.button {
    margin-left: 5px;
}

.pusher main .ui.container.my-3-2-8-2 .meta {
    width: 100%;
}

.pusher main .ui.container.my-3-2-8-2 .description {
    width: 100%;
}

.pusher main .ui.container.my-3-2-9-2 {
    width: 70%;
}

.pusher main .ui.container.my-3-2-9-2 .ui.stackable.grid {
    padding: 0px;
    margin: 0px;
}

.pusher main .ui.container.my-3-2-9-2 .ten.wide {
    padding-left: 0px;
    padding-right: 0px;
}

.pusher main .ui.container.my-3-2-9-2 .ui.channel.item {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    width: 100%;
}

.pusher main .ui.container.my-3-2-9-2 .ui.header {
    padding-top: 0px;
    margin-top: -10px;
}

.pusher main .ui.container.my-3-2-9-2 .ui.tiny.basic.icon.button.line {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.pusher main .ui.container.my-3-2-9-2 .ui.tiny.basic.button {
    margin-left: 10px;
}

.pusher main .ui.container.my-3-2-9-2 .meta {
    width: 100%;
}

.pusher main .ui.container.my-3-2-9-2 .description {
    width: 100%;
}

.pusher main .ui.container.my-3-2-7-2 .ui.header.mt-0 {
	font-size:20px;
	font-weight: 500px;
	line-height:1.4em;
}

.pusher main .ui.container.my-3-2-7-2 .description {
	font-size:20px;
	font-weight: 500px;
	line-height:1.4em;
}

.pusher main .ui.container.my-3-2-7-2 .meta a{
	font-size:20px;
	font-weight: 500px;
	line-height:1.4em;
	text-decoration:none;
}

.pusher main .ui.container.my-3-2-7-2 .card .image1 {
    width: 100%;	
	height:260px;
    margin: 0 auto;
	padding:0;
}

.pusher main .ui.container.my-3-2-7-2 .card .image1 img{
    width: 100%;	
	height:260px;
}

.pusher main .ui.container.my-3-2-7-2 .card .image1 iframe{
    width: 100%;	
	height:260px;
}

.pusher main .ui.container.my-3-2-7-2 .ten.wide.column {
    padding-left: 20px;
    padding-right: 20px;
}

.pusher main .ui.container.my-3-2-7-2 .ui.tiny.basic.button {
    margin-left: 5px;
}

.pusher main .ui.container.my-3-2-7-2 .ui.tiny.basic.icon.button.line {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (max-width:991px) {
    .pusher main .ui.container.my-3-2-7-2 .ten.wide.column {
        padding-left: 0px;
        padding-right: 0px;
    }
	.pusher main .ui.container.my-3-2-7-2 .ten.wide.column .ui.circular.image {
		width:70px;
	}
}

.pusher main .ui.container .myindex_ad {
    display: inline-block;
    width: 318px;
    height: 318px;
    margin-left: 35px;
}

.pusher main .ui.container .myindex_ad .item {
	width:100%;
	height: 100%;
	cursor:pointer;
}
.pusher main .ui.container .myindex_ad .item img {
	width:100%;
	height: 100%;
}
.pusher main .ui.container .myindex_ad .item video {
	width:100%;
	height: 100%;
}

		
@media screen and (max-width:991px) {
	.pusher main .ui.container .column .ui.weekend.fluid.card.my-news-index {
		width: 100%;
		height:auto;
	    margin:0px;
	    padding:0px;
    }
    .pusher main .ui.container .column .ui.header.my-news-index {
		display:none;
	}
	
	.pusher main .ui.container .myindex_ad {
        width: 100%;
		height:auto;
        margin-left: 0px;
    }

	.pusher main .ui.container .ui.medium.rectangle.test.ad.myindex_ad {
		display: block;
		width: 100%;
		margin:0px;
	    padding:0px;
		
	}
}

.pusher main .ui.container.my-3-3 {
    padding-top: 20px
}


.pusher main .ui.container.my-3-3 video {
	width:100%;
	height:auto;
}
	
.pusher main .ui.container.my-3-3 .ui.header.my-0{
    line-height:1.4em;
	color:#000;
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .Summary {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.64em;
    height: auto;
    border-left: 6px solid #ccc;
    padding-left: 20px;
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .author .writer {    
    padding-left: 20px;
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column article {
	margin-top:10px;
	line-height: 1.8em;
	font-weight: 400;
	font-family: "Noto Sans TC" !important;
    font-size: 20px !important;
}
.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column article p {
	line-height: 1.8em !important;
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column article iframe {
	/*height:315px !important;*/
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to1 {
    font-size: 20px !important;
}
.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to2 {
    font-size: 22px !important;
}
.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to3 {
    font-size: 24px !important;
}



.pusher main .ui.container.my-3-3 .ui.stackable.grid .three.wide.column {
    padding-top: 55px
}

.pusher main .ui.container.my-3-3 .ui.tiny.simple.button.first {
    margin-left: 40px;
    font-size: 20px;
}

.pusher main .ui.container.my-3-3 .ui.tiny.simple.button.first .bookmark.outline.icon {
    margin-top: -5px;
}

.pusher main .ui.container.my-3-3 .ui.tiny.simple.button {
    padding-left: 0px;
    margin-left: -20px;
    font-size: 20px;
}

.pusher main .ui.container.my-3-3 .ui.tiny.simple.button .icon-eye {
    margin-top: 0px;
    padding-top: 0px;
}

.pusher main .ui.container.my-3-3 .ui.tiny.basic.icon.button {
    font-size: 22px;
    margin-left: 5px;
}

.pusher main .ui.container.my-3-3 .ui.tiny.basic.icon.button.line {
    padding-top: 3px;
	padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 22px;
    line-height: 2.1;
    width: 55px;
}

.pusher main .ui.container.my-3-3 .report {
    text-decoration: none;
    outline: none;
}

.pusher main .ui.container.my-3-3 .three.wide.column .ui.header {
	line-height: 1.4em;
}



.pusher main .ui.container.my-3-3 .myad .ui.medium.rectangle.test.ad {
    display: inline-block;
    width: 48%;
    height: 250px;
}

.pusher main .ui.container.my-3-3 .myad2 .ui.medium.rectangle.test.ad {
    display: inline-block;
    width: 100%;
    height: 250px;
}

.pusher main .ui.container.my-3-3 .myad .ui.medium.rectangle.test.ad:last-child {
    margin-left: 29px;
}

.pusher main .ui.container.my-3-3 .my-social-button {
    width: 100%;
}
.pusher main .ui.container.my-3-3 .my-social-button .ui.button {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 33%;
	height:50px;
    margin-right: 0px;
    white-space: nowrap;
    padding-top: 15px;
	word-wrap:break-word;
	vertical-align:top;
}
.pusher main .ui.container.my-3-3 .my-social-button .ui.button i {
    margin-top:-5px;
}

.pusher main .ui.container.my-3-3 .my-social-button .icon-line-sm {
	margin-top:5px;
    width: 25px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    text-align: left;
    white-space: nowrap;
}

.pusher main .ui.container.my-3-3 .my-social-button .facebook {
    margin-bottom: 0px;
    padding-right: 0px;
    margin-right: -5px;
    text-align: left;
    color: #3B5998;
}

.pusher main .ui.container.my-3-3 .my-social-button .youtube {
    margin-bottom: 0px;
    text-align: left;
}

.pusher main .ui.container.my-3-3 .ui.basic.padded.icon.message.my-given {
    background-color: #fff;
	padding:10px;
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .ui.three.news.stackable.cards .card .content .meta .bookmark.right.floated {
	margin-top:-2px;
	font-size:14px;
}

.pusher main .ui.container.my-3-3 .ui.stackable.grid .ui.three.news.stackable.cards .card .content .meta .bookmark.right.floated i{
	margin-top:-5px;
}

.pusher main .ui.container.my-3-3 .myadtop {
    display: inline-block;
    width: 100%;
    height: 200px;
}
.pusher main .ui.container.my-3-3 .myadtop img {
    width: 100%;
    height: auto;
}

.pusher main .ui.container.my-3-3 .ad_top {	
	margin-top:0px;
	width:100%;
	height:auto;
}
.pusher main .ui.container.my-3-3 .ad_top .item {
	width:100%;
	height:auto;
	cursor:pointer;
}
.pusher main .ui.container.my-3-3 .ad_top .item img {
	width:100%;
	height:auto;
}
.pusher main .ui.container.my-3-3 .ad_top .item video {
	width:100%;
	height:auto;
}

.pusher main .ui.container.my-3-3 .myad2 .ad_right {
	margin-top:20px;
	width:100%;
	height:auto;
}
.pusher main .ui.container.my-3-3 .myad2 .ad_right .item {
	width:100%;
	height:auto;
	cursor:pointer;
}
.pusher main .ui.container.my-3-3 .myad2 .ad_right .item img {
	width:100%;
	height:auto;	
}
.pusher main .ui.container.my-3-3 .myad2 .ad_right .item video {
	width:100%;
	height:auto;		
}

.pusher main .ui.container.my-3-3 .myad {
	width:100%;
	height:300px;
}
.pusher main .ui.container.my-3-3 .myad .ad_bottom {
	width:48%;
	height:300px;
	display:inline-block;
	float:left;
}
.pusher main .ui.container.my-3-3 .myad .ad_bottom:last-child {
	float:right;
}
.pusher main .ui.container.my-3-3 .myad .ad_bottom .item {
	width:100%;
	height:300px;
	cursor:pointer;
}
.pusher main .ui.container.my-3-3 .myad .ad_bottom .item img {
	width:100%;
	height:300px;	
}
.pusher main .ui.container.my-3-3 .myad .ad_bottom .item video {
	width:100%;
	height:300px;	
}

.pusher main .ui.container.my-3-3 .myad3 {
	width:100%;
	height:250px;
	margin-top:-20px;
	margin-bottom:40px;
}

.pusher main .ui.container.my-3-3 .myad3 .ad_content {
	width:100%;
	height:250px;
}

.pusher main .ui.container.my-3-3 .myad3 .ad_content .item {
	width:100%;
	height:250px;
	cursor:pointer;
}
.pusher main .ui.container.my-3-3 .myad3 .ad_content .item img {
	width:100%;
	height:250px;		
}
.pusher main .ui.container.my-3-3 .myad3 .ad_content .item video {
	width:100%;
	height:250px;	
}

.pusher main .ui.container.pt-md-3 .myad2 .ad_right {
	margin-top:20px;
	width:100%;
	height:200px;
	overflow:hidden;
}
.pusher main .ui.container.pt-md-3 .myad2 .ad_right .item {
	width:100%;
	height:200px;
	cursor:pointer;
}
.pusher main .ui.container.pt-md-3 .myad2 .ad_right .item img {
	width:100%;
	height:200px;	
}
.pusher main .ui.container.pt-md-3 .myad2 .ad_right .item video {
	width:100%;
	height:200px;	
}



@media screen and (max-width:991px) {
	
	.pusher main .ui.container.my-3-3 .myadtop {
    	height: 50px;
	}
	.pusher main .ui.container.my-3-3 .myadtop img {
	}
    .pusher main .ui.container.my-3-3 .myadtop video {
	}
	
	.pusher main .ui.container.my-3-3 .myad3 {
	    margin-bottom:0px;
		height:100px;
		margin-top:-20px;
		margin-bottom:30px;
    }
    .pusher main .ui.container.my-3-3 .myad3 .ad_content {
	    height:80px;
		margin-top:-10px;
    }

    .pusher main .ui.container.my-3-3 .myad3 .ad_content .item {
	    height:90px;
    }
    .pusher main .ui.container.my-3-3 .myad3 .ad_content .item img {
	    
    }
    .pusher main .ui.container.my-3-3 .myad3 .ad_content .item video {
	    
    }
	
	.pusher main .ui.container.pt-md-3 .myad2 .ad_right {
	    margin-top:50px;
    }
	
	.pusher main .ui.container.my-3-3 .myad2 .ad_right {
	    margin-top:50px;
    }
	
    .pusher main .ui.container.my-3-3 .myad .ad_bottom{
		margin-top:20px;
	    width:100%;
    }
	.pusher main .ui.container.my-3-3 .myad .ad_bottom:last-child {
		margin-top:20px;
		margin-bottom:50px;
	    width:100%;
    }
	
	.pusher main .ui.container.my-3-3 .share {
		display:block;
    }
	
	.pusher main .ui.container.my-3-3 .ui.tiny.simple.button.first {
        margin-left: 10px;
        font-size: 16px;
    }
	.pusher main .ui.container.my-3-3 .ui.tiny.simple.button {
    	padding-left: 0px;
    	margin-left: -20px;
    	font-size: 16px;
	}

	.pusher main .ui.container.my-3-3 .ui.tiny.simple.button .icon-eye {
   	 	margin-top: 0px;
    	padding-top: 0px;
	}

	.pusher main .ui.container.my-3-3 img {
        width:100%;
		height:auto;
    }
	
	.pusher main .ui.container.my-3-3 iframe {
        width:100%;
		/*height:200px;*/
    }
	
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .Summary {
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height:1.45em;
        height: auto;
        border-left: 6px solid #ccc;
        padding-left: 20px;
    }
    
    .pusher main .ui.container.my-3-3 .my-social-button .ui.button {
        font-size:16px;
		margin-bottom:5px;
		width:49%;
    }
	.pusher main .ui.container.my-3-3 .my-social-button .ui.button i {
        margin-top:0px;
    }
	.pusher main .ui.container.my-3-3 .my-social-button .ui.button:first-child  {
        margin-top:0px;
    }
	.pusher main .ui.container.my-3-3 .my-social-button .ui.button:nth-child(2)  {        
		margin-top:0px;
		width:49%;
    }
	.pusher main .ui.container.my-3-3 .my-social-button .ui.button:last-child  {
        width:100%;
    }
    .pusher main .ui.container.my-3-3 .my-social-button .icon-line-sm {
        margin-left:-15px;
    }
	
    .pusher main .ui.container.my-3-3 .my-social-button .facebook {
		margin-left:-5px;
    }
    .pusher main .ui.container.my-3-3 .my-social-button .youtube {
        margin-left:-10px;
    }	
	
    .pusher main .ui.container.my-3-3 .ui.basic.padded.icon.message.my-given {
        height: 110px;		
    }
    .pusher main .ui.container.my-3-3 .my-given .icon-gift {
        position: absolute;
        margin-top: -20px;
    }
    .pusher main .ui.container.my-3-3 .my-given .content.pl-2 {
        position: absolute;
        margin-top: -20px;
        margin-left: 40px;
    }
    .pusher main .ui.container.my-3-3 .my-given .action {
        position: absolute;
        margin-top: 30px;
        margin-left: 60px;
    }
	
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column article iframe {
	    /*height:315px !important;*/
    }

    .pusher main .ui.container.my-3-3 .myad .ui.medium.rectangle.test.ad {
        width: 100%;
    }
    .pusher main .ui.container.my-3-3 .myad .ui.medium.rectangle.test.ad:last-child {
        margin-left: 0px;
    }
	
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to1 iframe{
    	width:100%;
	}
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to2 iframe{
    	width:100%;
	}
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to3 iframe{
   	    width:100%;
	}
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to1 img {
    	width:100%;
		height:auto !important;
	}
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to2 img {
    	width:100%;
		height:auto !important;
	}
	.pusher main .ui.container.my-3-3 .ui.stackable.grid .nine.wide.column .to3 img {
   	    width:100%;
		height:auto !important;
	}
}

.pusher main .ui.container.my-4-1 .ui.tiny.basic.icon.button.line {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.pusher main .ui.container.my-4-1 .author.owl-carousel .card .content .meta {
    font-size:14px;
	line-height:1.4;
	font-weight: 500;
}

.pusher main .ui.container.my-4-1 .author.owl-carousel .card .header {
    font-size:20px;
	line-height:1.4;
	font-weight: 500;
}

.pusher main .ui.container.my-4-1 .author.owl-carousel .card .image1 {
    width: 35%;	
	height:260px;
    margin: 0 auto;
	padding:0;
}

.pusher main .ui.container.my-4-1 .author.owl-carousel .card .image1 img{
    width: 100%;	
	height:260px;
}

.pusher main .ui.container.my-4-1 .author.owl-carousel .card .image1 iframe{
    width: 100%;	
	height:260px;
}

.pusher main .ui.container.py-5.my-4-1.my-gray {
    margin-top: 0px;
	margin-bottom: 0px;
    width: 100%;
    padding-left: 185px;
    padding-right: 185px;
	background-color: #eeeeee;
}

.pusher main .ui.container.py-5.my-4-1.my-gray .column.gray {
	background-color: #eeeeee;
}


@media screen and (max-width:991px) {
	.pusher main .ui.container.py-5.my-4-1.my-gray {
		margin-top: 0px;
	}
	.pusher main .ui.container.my-4-1 .author.owl-carousel .card .header {
        font-size:16px;
	    line-height:1.4;
    }
}

.pusher main .ui.container.py-5.my-4-1.my-gray .author.owl-carousel {
	background-color: #eeeeee;
}



.pusher main .ui.container.py-5.my-4-1.my-white {
    background-color: #fff;
    width: 75%;
	font-family: "Noto Sans TC";
	font-size:20px;
    padding-bottom:0px;
    padding-top:0px;
    margin-top:0px;
    margin-bottom:0px;
    border-bottom:2px solid #ccc;	
}

.pusher main .ui.container.py-5.my-4-1.my-white:last-child {
    border-bottom:none;	
}

.pusher main .ui.container.py-5.my-4-1.my-white .ui.header a{
    color: #787878;
    font-weight: 500;
	font-family: "Noto Sans TC";
	line-height:1.4rem;
	text-decoration:none;
}

.pusher main .ui.container.py-5.my-4-1.my-white .ui.mini.basic.button {
	margin-left:18px;
}

.pusher main .ui.container.py-5.my-4-1 .ui.header .trace_persons {
    vertical-align: middle;
    font-size: 20px;
}

.pusher main .ui.container.py-5.my-4-1 .ui.header .trace_persons .trace_persons2 {
    font-size: 12px;
}

.pusher main .ui.container.py-5.my-4-1 .card .content .meta {
    margin-top: 10px;
    margin-bottom: 10px;
	font-size: 20px;
}

.pusher main .ui.container.py-5.my-4-1 .card .content .header {
    font-size: 20px;
    font-weight: 500;
	text-decoration:none;
}

@media screen and (max-width:991px) {
    .pusher main .ui.container.py-5.my-4-1.my-gray {
        margin-top: 0px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pusher main .ui.container.py-5.my-4-1.my-white {
        margin-top: 0px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pusher main .ui.container.py-5.my-4-1 section {
        margin-top: -40px;
    }
    .pusher main .ui.container.py-5.my-4-1 .ui.header {
        margin-top: 0px;
		font-size:16px;
    }
	.pusher main .ui.container.py-5.my-4-1 .card .content .header {
		font-size:16px;
	}
    .pusher main .ui.container.py-5.my-4-1 .ui.header .trace_persons {
        display: block;
    }
    .pusher main .ui.container.py-5.my-4-1 .ui.header .ui.mini.basic.ml-2.button {
        display: inline-block;
    }
}

.pusher main .ui.container.my-4-2 .ui.tiny.basic.icon.button.line {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.pusher main .ui.container.py-5.my-4-2.my-white {
    background-color: #fff;
    width: 100%;
    padding-left: 170px;
    padding-right: 170px;
}

.pusher main .ui.container.py-5.my-4-2.my-white .ui.header.mt-0 {
    font-size: 16px;
    font-weight: 500;
	line-height:1.4rem;
    width: 70%;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
}

.pusher main .ui.container.py-5.my-4-2.my-white .share.right.floated {
    width: 30%;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
}

.pusher main .ui.container.py-5.my-4-2 .ui.header .trace_persons {
    vertical-align: middle;
    font-size: 12px;
}

.pusher main .ui.container.py-5.my-4-2 .ui.header .trace_persons .trace_persons2 {
    font-size: 12px;
}

.pusher main .ui.container.py-5.my-4-2 .card .content .meta {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pusher main .ui.container.py-5.my-4-2 .card .content .header {
    font-size: 20px;
    font-weight: 500;
}

@media screen and (max-width:991px) {
    .pusher main .ui.container.py-5.my-4-2.my-white {
        margin-top: 0px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pusher main .ui.container.py-5.my-4-2 section {
        margin-top: -40px;
    }
    .pusher main .ui.container.py-5.my-4-2 .ui.circular.image {
        height: 50px;
        width: 50px;
    }
    .pusher main .ui.container.py-5.my-4-2 .ui.header {
        margin-top: 0px;
    }
    .pusher main .ui.container.py-5.my-4-2.my-white .ui.header.mt-0 {
        width: 100%;
        display: block;
    }
    .pusher main .ui.container.py-5.my-4-2.my-white .date {}
    .pusher main .ui.container.py-5.my-4-2.my-white .share.right.floated {
        width: 100%;
        display: block;
        padding-top: 0px;
    }
    .pusher main .ui.container.py-5.my-4-2 .ui.header .trace_persons {
        display: block;
    }
    .pusher main .ui.container.py-5.my-4-2 .ui.header .ui.mini.basic.button {
        display: inline-block;
    }
}



.pusher main .ui.container .ui.header.my-2 {
    font-family: "Noto Sans TC";
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.pusher main .ui.container .ui.header.my-2.no-label {
    font-family: "Noto Sans TC";
    border-bottom: none;
}

.pusher main .ui.container .ui.header.my-2 .text {
    font-family: "Noto Sans TC";
}

.pusher main .ui.container.my4-3-top {
    width: 100%;
}

.pusher main .ui.container.my4-3-top img {
    position: absolute;
    height: 530px;
    width: 100%;		
	opacity: 1; 
    filter: alpha(opacity=60); 
}



.pusher main .ui.container.my4-3-top .ui.header.my-2 {
    position: absolute;
    max-width: 1120px!important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -400px;
    height: 600px;
    color: #4A4A4A;
	padding-top:20px;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .image1 {
    width: 80%;
    padding-top: 20px;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .image1 img {
    width: 80%;
    height: 400px;
	
}

.pusher main .ui.container.my-4-3 .card .content .meta {
    margin-bottom: 10px;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox {
    width: 40%;
    margin-top: 50px;	
	min-height:400px;	
    float: right;
    height: auto;
    position: relative;
    background-color: #fff;
    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
	padding-bottom:10px;
    color: #4a4a4a;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox .date {
    font-size: 20px;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox p {
    padding-top: 0px;
    font-size: 20px;
    height: auto;
	padding-bottom:0px;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox .go a {
    float: right;
    color: #E38181;
    font-size: 24px;
    border-bottom: 2px solid;
    text-decoration: none;
    outline: none;
	margin-top:-40px;
}

.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox .go a .icon {
    margin-top: -10px;
}

.pusher main .ui.container.my4-3-top .desc-box {
	font-family: "Noto Sans TC";
    max-width: 1120px!important;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:50px;
    position: relative;
    margin-top: 0px;
    height: auto;	
	margin-top:20px;
	border:none;
}

.pusher main .ui.container.my4-3-top .desc-box .title {
	display:inline-block;
    font-size: 36px;
	color: #4A4A4A;
}

.pusher main .ui.container.my4-3-top .desc-box .desc {
    display: block;
	margin-top:10px;
    font-size: 20px;
	line-height:1.8em;
	color: #4A4A4A;
    font-weight: 500px;
}
.pusher main .ui.container.my4-3-top  .desc-box  .follow {
	display:inline-block;
	vertical-align:top;
	height:20px;
	padding-top:0px;
	margin-top:-5px;
}
.pusher main .ui.container.my4-3-top  .desc-box  .follow a{
	color:#fff;
	background-color:#000;
	border:1px solid #fff;
}
.pusher main .ui.container.my4-3-top .desc-box .follow a:hover{
	color:#000;
	background-color:#fff;
}

.pusher main .ui.container.my4-3-top .desc-box .author {
    display: block;
    font-size: 18px;
	color: #4A4A4A;
    font-weight: 500px;
	padding-top:20px;
}

.pusher main .ui.container.my4-3-top .desc-box .author .ui.avatar.image {
    height: 50px;
    width: 50px;
	opacity: 1; 
    filter: alpha(opacity=100); 
}

.pusher main .ui.container.my4-3-top .desc-box .author .writer {
	display:inline-block;
    padding-left: 60px;
	padding-top:20px;
}

@media screen and (max-width:991px) {
    .pusher main .ui.container.my4-3-top {
        width: 100%;
		margin-top:-30px;
    }
    .pusher main .ui.container.my4-3-top img {
        width: 89%;
		height: auto;
    }
    .pusher main .ui.container.my4-3-top .ui.header.my-2 {
        padding-left: 10px;
        padding-right: 10px;
		height:auto;
		padding-bottom:50px;
    }
    .pusher main .ui.container.my4-3-top .ui.header.my-2 .image1 {
        display: none;
    }
    .pusher main .ui.container.my4-3-top .ui.header.my-2 .image1 img {}
	
    .pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox {
        width: 100%;
		height:auto;
        margin-top: 10px;
		min-height:0px;
		float: none;
		box-shadow: none;
		padding: 0px 10px;	
        padding-bottom:50px;		
		border:1px solid;
    }
	.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox p {
        
    }
    .pusher main .ui.container.my4-3-top .ui.header.my-2 .author {}
    .pusher main .ui.container.my4-3-top .ui.header.my-2 .author img {
        height: 100%;
        vertical-align: middle;
    }
    .pusher main .ui.container.my4-3-top .ui.header.my-2 .author .writer {
        height: 100%;
        vertical-align: middle;
    }
	.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox .go {
		margin-top:10px;
	}
	.pusher main .ui.container.my4-3-top .ui.header.my-2 .showbox .go a {
	    margin-top:0px;
    }
	.pusher main .ui.container.my4-3-top .desc-box {
        max-width: none !important;
	    margin-bottom:10px;
        margin-top: 0px;
        height: auto;
	    font-size: 22px;
	    padding-top:0px;
    }
	.pusher main .ui.container.my4-3-top .desc-box .title {
        font-size: 22px;
    }
}

.pusher main .ui.container.py-5.my-4-4.my-white {
    background-color: #fff;
    width: 100%;
    padding-left: 170px;
    padding-right: 170px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .my-4-4-content .title-name {
	display:block;
	width:100%;
    font-size: 30px;
    color: #4A4A4A;
    line-height:32px;
	text-align:left;
    font-weight: bold;
    margin-top: 0px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 {
    font-size: 20px;
    font-weight: 500;
    width: 70%;
    height: 50px;
    display: inline-block;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .ui.circular.image {
    height: 30px;
    width: 30px;
    margin-top: 10px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .title1 {
	display:inline-block;
	vertical-align:top;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    font-weight: bold;
    margin-top: -5px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .title1 a {
    text-decoration: none;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .title2 {
	display:block;
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: bold;
    margin-top: -5px;
	padding-left:35px;
	padding-top:0px;
	margin-top:-15px;
}
.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .title2 a {
    text-decoration: none;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .ui.tiny.basic.button {
    right: 270px;
    font-weight: 500;
    position: absolute;
    margin-top: 0px;
	white-space:nowrap;
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .ui.tiny.basic.button.my4-4 {
    //
}

.pusher main .ui.container.py-5.my-4-4.my-white .date {
    font-size: 20px;
    width: 100%;
}

.pusher main .ui.container.py-5.my-4-4.my-white .date .view {
    display: inline-block;
    padding: 10px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .description {
    font-size: 20px;	
    width: 100%;
    padding-top:16px;	
}

.pusher main .ui.container.py-5.my-4-4.my-white .bookmark {
    font-weight: 500;
    padding-top: 8px;
    font-size: 16px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated {
    width: 30%;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
}

.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated  .ui.tiny.basic.icon.button {
	width:27px;
	height:27px;
	padding: 0px 0px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated  .ui.tiny.basic.icon.button .icon-line {
	width:24px;
	height:30px;	
}
.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated  .ui.tiny.basic.icon.button .facebook {
	width:24px;
	height:4px;	
}
.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated  .ui.tiny.basic.icon.button .plus.icon {
	width:14px;
	height:14px;
}

.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated .bookmark {
    font-size: 28px;
    color: #666666;
    text-align: center;
	padding-top:5px;
	margin-top:0px;
}
.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated .trace-num {
	display:inline-block;
    font-size: 18px;
    color: #666666;
    letter-spacing: 0;
	padding-right:10px;
	padding-top:5px;
	margin-top:0px;
	vertical-align:top;
}
.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated .Report {
    font-weight: bold;
	font-size: 16px;
    display: inline-block;
    margin-top: 5px;
	text-decoration: none;
}

.pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated .Report a {
    text-decoration: none;
	font-size: 12px;
}



.pusher main .ui.container.py-5.my-4-4.my-white .ui.grid.my-4-4-content {
	margin:auto;
	margin-top:20px;
	width:850px;
	
}

.pusher main .ui.container.py-5.my-4-4.my-white .ui.grid.my-4-4-content .twelve.wide.column .ui.channel.item.my-3 {
	margin-left:0px;
	margin-right:0px;
	width:100%;	
}


.pusher main .ui.container.my4-4-top {
    width: 100%;
	height: 500px;
	padding-top:0px;
	margin-top:-50px;
	border:1px solid #fff;
}

.pusher main .ui.container.my4-4-top img {
    position: absolute;
	width: 100%;
    height: 500px;
	padding-top:0px;
	margin-top:0px;    
	opacity: 0.6; 
    filter: alpha(opacity=60); 
}

.pusher main .ui.container.my4-4-top .ui.header.my-2 {
    position: absolute;
    max-width: 1120px!important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -400px;
    height: 100%;
    color: #878787;
	border:none;
}

.pusher main .ui.container.my4-4-top .ui.header.my-2 .image1 {
    width: 74%;	
	height: 100%;
    margin: 0 auto;
    margin-top: 0px;
}

.pusher main .ui.container.my4-4-top .ui.header.my-2 .image1 iframe {
    width: 100%    !important;
    height: 100%   !important;
}

.pusher main .ui.container.my4-4-top .ui.header.my-2 .image1 video {
    width: 100%    !important;
    height: 100%   !important;
}

video {
    object-fit: fill;
}

@media screen and (max-width:991px) {
    .pusher main .ui.container.my4-4-top {
        height: 225px;
		width: 100%;		
		margin-bottom:0px;
		margin-top:-40px;
    }
    .pusher main .ui.container.my4-4-top img {
		display:block;
        height: 225px;
        width: 100%;
		padding-left:0px;
		margin-left:-20px;
    }
    .pusher main .ui.container.my4-4-top .ui.header.my-2 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }
    .pusher main .ui.container.my4-4-top .ui.header.my-2 .image1 {
		display:block;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        margin-top: 20px;
        height: 200px;
    }
    
    .pusher main .ui.container.py-5.my-4-4.my-white {
        padding-left: 10px;
        padding-right: 10px;
		margin-top:-40px;
    }
	
    
	
    .pusher main .ui.container.py-5.my-4-4.my-white .ui.grid.my-4-4-content {
	    width:100%;
		margin-top:20px;
		padding-bottom:0px;
		margin-bottom:0px;
    }
    .pusher main .ui.container.py-5.my-4-4.my-white .ui.grid.my-4-4-content .twelve.wide.column {
		padding-top:0px;
		margin-top:0px;
	}
    .pusher main .ui.container.py-5.my-4-4.my-white .ui.grid.my-4-4-content .twelve.wide.column .ui.channel.item {
		padding-top:0px;
		margin-top:0px;
		
	}
   .pusher main .ui.container.py-5.my-4-4.my-white .ui.grid.my-4-4-content .content {
		padding:0px;
		margin-top:0px;
		
	}
	
    .pusher main .ui.container.py-5.my-4-4.my-white .my-4-4-content .title-name {
        font-size: 18px;
		line-height:20px;
		margin-left:-20px;
    }

    .pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 {
        width: 100%;
		padding:0px;
		padding-top:0px;
    }
	.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .ui.tiny.basic.button {
		display:block;
        left: 0px;
		padding:5px;
		width:60px;
		margin-top:10px;
    }
	.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .ui.tiny.basic.button.my4-4 {
		
    }
    .pusher main .ui.container.py-5.my-4-4.my-white .date {}
    .pusher main .ui.container.py-5.my-4-4.my-white .share.right.floated {
        width: 100%;
        display: block;
        padding-top: 0px;
    }
    .pusher main .ui.grid.my-4-4-content .share.right.floated {
		width: 100%;
    	display: block;
    	height: 50px;
		vertical-align: none;
		margin-top:5px;
	}
	.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .ui.circular.image {
        height: 20px;
        width: 20px;
        margin-top: 10px;
    }
	.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .title1 {
	    display:inline-block;
        font-size: 12px;
		line-height:18px;
	    margin-top:0px;
        margin-left:0px;
     }
	.pusher main .ui.container.py-5.my-4-4.my-white .ui.header.mt-0 .title2 {
        margin-bottom:50px;
		height:50px;
    }
	.pusher main .ui.container.py-5.my-4-4.my-white .date {
        font-size: 16px;
    }
	.pusher main .ui.container.py-5.my-4-4.my-white .description {
        font-size: 16px;
        padding-top:16px;	
    }
}



.pusher main .ui.my7-1-middle {
    width: 100%;
    height: 400px;
	margin-top:30px;
    margin-bottom: 20px;
}

.pusher main .ui.my7-1-middle .showbox {
    position: absolute;
    padding: 20px 20px;
    margin-left: 0;
    width: 30%;
    float: left;
    margin-top: 30px;
    height: 300px;
    z-index: 2;
    background-color: #fff;
    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
}

.pusher main .ui.my7-1-middle .showbox .tag {
    background-color: #A62133;
    color: #fff;
    width: 90px;
    margin-bottom: 10px;
	padding:4px;
	padding-left:9px;
}

.pusher main .ui.my7-1-middle .showbox .header {
    font-size: 30px;
    font-weight: 500px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.pusher main .ui.my7-1-middle .showbox .desc {
    font-size: 18px;
    font-weight: 400px;
	line-height: 1.4;
}

.pusher main .ui.my7-1-middle img {
    margin-left: 30%;
    width: 70%;
    z-index: 1;
}

@media screen and (max-width:991px) {
	.pusher main .ui.my7-1-middle {
       width: 100%;
       height: auto;
	   margin-top:0px;
       margin-bottom: 0px;
	   padding-bottom: 0px;
    }
    .pusher main .ui.my7-1-middle .showbox {
        position: relative;
        margin-top: 0px;
        width: 100%;
		height:auto;
        padding: 10px 10px;
        display: block;
    }
    .pusher main .ui.my7-1-middle img {
		margin-top:20px;
        width: 100%;
		margin-left: 0px;
    }
    .myhome_weekend_img {
        width: 100%;
        margin-left: 0px;
    }
}


.myhome_weekend_img {
    width: 90%;
    height: 315px;
    margin-left: 35px;
}

.myhome_weekend_img .ad{
	display: inline-block;
	background-color:#000;
    width: 90%;
    height: 315px;
    margin-left: 35px;
}

@media screen and (max-width:991px) {
    .myhome_weekend_img {
        width: 100%;
        margin-left: 0px;
    }
}

.pusher main .ui.container.pt-3 .my7-1-year{
	padding:0;
	margin:0;	
	height:100px;
	margin:auto;
	text-align:center;
	margin-top:50px;
    white-space: nowrap;
}
.pusher main .ui.container.pt-3 .my7-1-year .year {
	padding:0;
	margin:0;
	margin-left:0px;
	display:inline-block;
	height:100px;
	border:0px solid #ccc;
}

.pusher main .ui.container.pt-3 .my7-1-year .year.front {
	display:inline-block;
}

.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil {
	width:10px;
	padding:0;
	margin:0;	
	display:inline-block;
	border-left:4px solid #ccc;
	height:20px;
	margin-bottom:3px;
}
.pusher main .ui.container.pt-3 .my7-1-year .year .title {
	width:50px;
	position:absolute;
	font-size:20px;
	padding-top:10px;
	padding-left:34px;
}
.pusher main .ui.container.pt-3 .my7-1-year .year .title a {
	text-decoration:none;
}

.pusher main .ui.container.pt-3 .my7-1-year .year .title.main {
	width:50px;
	position:absolute;
	font-size:28px;
	font-weight:bold;
	padding-left:23px;
	color:#FF7C7C;
}
.pusher main .ui.container.pt-3 .my7-1-year .year .position {
	width:50px;
	position:absolute;
	font-size:40px;
	font-weight:bold;
	color:#FF7C7C;
	margin-top:-80px;
	padding-left:41px;
}

.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.none {
	width:10px;
	padding:0;
	margin:0;	
	display:inline-block;
	border-left:0px solid #ccc;
	height:20px;
	margin-bottom:3px;
}
.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.mini {
	border-left:2px solid #ccc;
	height:10px;
	margin-bottom:5px;
}
.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.main{
	border-left:6px solid #646464;
	height:25px;
	margin-bottom:0px;
}
.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.main.red{
	border-left:6px solid #FF7C7C;
	height:25px;
	margin-bottom:0px;
}

@media screen and (max-width:991px) {
	.pusher main .ui.container.pt-3 .my7-1-year{
	    margin:0;
		padding:0;
		display:block;
		width:100%;
		margin-left:-10px;
	}
	.pusher main .ui.container.pt-3 .my7-1-year .year .title {
	width:10px;
	position:absolute;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	}
	.pusher main .ui.container.pt-3 .my7-1-year .year .title.main {
	width:10px;
	position:absolute;
	font-size:18px;
	font-weight:bold;
	padding-left:2px;
	color:#FF7C7C;
	}
	.pusher main .ui.container.pt-3 .my7-1-year .year .position {
	width:10px;
	position:absolute;
	font-size:26px;
	font-weight:bold;
	color:#FF7C7C;
	margin-top:-80px;
	padding-left:21px;
	}

	.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.none {
	width:5px;
	padding:0;
	margin:0;	
	display:inline-block;
	border-left:0px solid #ccc;
	height:20px;
	margin-bottom:3px;
	}
	.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil {
	width:2px;
	padding:0;
	margin:0;	
	display:inline-block;
	border-left:2px solid #ccc;
	height:20px;
	margin-bottom:3px;
    }
	.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.mini {
	border-left:1px solid #ccc;
	height:10px;
	margin-bottom:5px;
	}
	.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.main{
	border-left:3px solid #646464;
	height:20px;
	margin-bottom:0px;
	}
	.pusher main .ui.container.pt-3 .my7-1-year .year .year-ceil.main.red{
	border-left:3px solid #FF7C7C;
	height:20px;
	margin-bottom:0px;
	}

}

.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .content .header {
    text-decoration:none;
}

.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image1 {
    width: 100%;	
	height:230px;
    margin: 0 auto;
	padding:0;
	overflow-y:hidden;
}

.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image1 img{
    width: 100%;	
	height:auto;	
}
.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image1 iframe{
    width: 100%;	
	height:230px;	
}
.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image2 {
    width: 100%;	
	height:430px;
    margin: 0 auto;
	padding:0;
	overflow-y:hidden;
}

.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image2 img{
    width: 100%;	
	height:auto;	
}
.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image2 iframe{
    width: 100%;	
	height:230px;	
}
@media screen and (max-width:991px) {
	.pusher main .ui.container  .ui.inverted.video.fluid.card.myindex .image1 {
	    height:200px;
	}

	.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image1 img {
	    height:200px;	
	}
	
	.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image1 iframe{
	    height:200px;	
	}
	
	.pusher main .ui.container  .ui.inverted.video.fluid.card.myindex .image2 {
	    height:200px;
	}

	.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image2 img {
	    height:200px;	
	}
	
	.pusher main .ui.container .ui.inverted.video.fluid.card.myindex .image2 iframe{
	    height:200px;	
	}
}

.pusher main .ui.container  .ui.inverted.fluid.video.main.card.myindex .image1 {
    width: 100%;	
	height:350px;
    margin: 0 auto;
	padding:0;
}

.pusher main .ui.container .ui.inverted.fluid.video.main.card.myindex .image1 iframe{
    width: 100%;	
	height:350px;	
}

@media screen and (max-width:991px) {
	.pusher main .ui.container  .ui.inverted.fluid.video.main.card.myindex .image1 {
		margin-top:50px;
	    height:180px;
	}

	.pusher main .ui.container .ui.inverted.fluid.video.main.card.myindex .image1 iframe{
	    height:180px;	
	}
}


.pusher main .ui.container.my-2-5 .column2-2-1 {
	width:70%;
	padding-top:100px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .header2 {
	font-size:45px;
	margin-top:0px;
	margin-bottom:20px;
	display:inline-block;
    width:100%;
    border-bottom:1px solid #000;	
}

.pusher main .ui.container.my-2-5 .column2-2-1 .header2 .sub{
	width:100px;
	font-size:20px;
	display:inline-block;
	text-align:center;
}
.pusher main .ui.container.my-2-5 .column2-2-1 .header2 .sub a{
	text-decoration: none;
}
.pusher main .ui.container.my-2-5 .column2-2-1 .header2 .sub.active {
    border-bottom:5px solid #E38181;
	padding-bottom:20px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 h2 {
	border-left:5px solid #e38181;
    padding-left:20px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 {
	font-size:24px;
	margin-top:30px;
	margin-bottom:20px;
    padding-left:20px;	
	height:80px;	
	border-bottom: 1px solid #B7B7B7;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .image{
	width:60px;
	height:60px;
	overflow-y:hidden;
	display:inline-block;
	margin-top:-10px;
	border-radius: 50%;
} 

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .image img {
	width:100%;
	height:auto;
	display:block;		
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box{
	width:85%;
	display:inline-block;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box h2 {
	border:none;
    padding-left:0px;	
}
.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box p {
	font-size:14px;	
	color:#787878;
	margin-top:-10px;
}
.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .add{
	position:absolute;
	width:16%;
	height:60px;
	right:0;
	display:inline-block;
	font-size:16px;
	margin-top:10px;
	text-align:center;
	vertical-align: top;
	border-left: 1px solid #B7B7B7;
	line-height: 60px;
}
.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .add .menu {
	vertical-align: middle;
	width:100%;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  {
    height: 100%;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  ul,
.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  li {
    margin: 0 0;
    padding: 0 0;
    list-style: none
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  ul {
    height: 100%;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  li {
    float: left;
    display: inline;
    position: relative;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  li:first-child {
  
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  a {
    display: block;
    line-height: 35px;
    padding: 0 14px;
    text-decoration: none;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  ul.menus {
    height: auto;
    width: 140px;
    position: absolute;
    z-index: 99;
    display: none;
    margin-left:-20px;
    margin-top:0px;
    border:1px solid #787878;
	font-size:14px;
	background: #fff;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  ul.menus li {
    display: block;
    width: 100%;
	color:#787878;
	background: #fff;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  ul.menus li ion-icon {
	font-family: Ionicons;
	font-size: 20px;
	color: #9CBCA5;
	font-weight:bold;
	letter-spacing: 0;
	margin-left:-10px;
	padding-right:10px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu  li:hover ul.menus {
    display: block;  
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu .header {
    padding: 0;
    margin-left:-20px;
    padding-right:25px;
    border:1px #787878;
	background: #fff;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu .header:hover {
    background: #fff;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu .header::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 6px 5px;
    border-style: solid;
    border-color: #4a4a4a transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 9px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul.menus a:hover {
    background: #fff;
}

@media screen and (max-width:991px) {
	.pusher main .ui.container.my-2-5 .column2-2-1 .header2 {
	    font-size:25px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 h2 {
	    font-size:25px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field4 {
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box{
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box h2 {
		font-size:18px;		
	}
	.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box p {
		font-size:14px;
	}
	.pusher main .ui.container.my-2-5 .column2-2-1 .field4 .add{
	    position:relative;
    }
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 {
	font-size:24px;
	margin-top:30px;
	margin-bottom:20px;
    padding-left:0px;	
	height:120px;	
	border-bottom: 1px solid #B7B7B7;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .image{
	width:20%;
	height:100px;
	display:inline-block;
	margin-top:0px;	
	vertical-align:top;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .image img {
	width:100%;
	height:auto;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .image .add{
	display:none;
	position:absolute;
	width:80px;
	height:30px;
	font-size:16px;
	margin-top:0px;
	right:10px;;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .image .add a{
	background-color:#000;
	color:#fff;
	border:1px solid #fff;
	width:100%;
	text-align:center;
	text-decoration: none;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box{
	width:60%;
	display:inline-block;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box .image2{
	width:100%;
	height:40px;
	margin-top:0px;
	margin-bottom:10px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box .image2 img {
	width:10%;
	height:40px;
	border-radius: 50%;
	display:inline-block;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box .image2 .box2  {
	width:78%;
	height:40px;
	font-size:14px;
	display:inline-block;
	margin-top:-100px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box .image2 .box2  .channel {
	width:100%;
	height:20px;
	font-size:14px;
	margin-top:-0px;
	margin-left:10px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box .image2 .date {
	width:100%;
	height:20px;
	font-size:14px;
	margin-top:0px;
	margin-left:10px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box .category {
	width:89%;
	height:20px;
	font-size:14px;		
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box h2 {
	border:none;
	margin-top:0px;
    padding-left:0px;
    height:40px;
	overflow-y:hidden;	
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box h2 a{
	font-size:20px;
    font-weight:bold;
	text-decoration:none;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box p {
	font-size:14px;	
	color:#787878;
	margin-top:-10px;
}
.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .add{
	width:16%;
	height:60px;
	right:0;
	display:inline-block;
	font-size:16px;
	margin-top:0px;
	text-align:center;
	vertical-align: top;
	line-height: 60px;
}
.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .add a{
	border:1px solid #B7B7B7;
	width:100%;
	text-align:center;
	text-decoration: none;
}

@media screen and (max-width:991px) {
	
	.pusher main .ui.container.my-2-5 .column2-2-1 .field5 {
	    height:300px;
	    border:none;		
    }

	.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .image {
	    width:100%;
	    height:auto;
    }
	
	.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .image .add{
	    display:block
    }

	.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box {
	    width:100%;
		margin-top:5px;		
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .box h2 {
	    margin-top:0px;
        line-height:20px;
		height:25px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field5 .add {
	    display:none;
    }
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 {
	font-size:24px;
	height:200px;	
	width:33%;
	display:inline-block;
	margin-bottom:50px;
	padding-right:15px;
	vertical-align:top;	
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .image{
	width:100%;
	height:130px;
	display:inline-block;
	margin-top:0px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .image img {
	width:100%;
	height:auto;
	max-height:140px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .image .add{
	position:absolute;
	width:100px;
	height:30px;
	font-size:16px;
	margin-top:-120px;
	margin-left:165px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .image .add a{
	background-color:#000;
	color:#fff;
	border:1px solid #fff;
	width:100%;
	text-align:center;
	text-decoration: none;
}


.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .date {
	width:100%;
	height:20px;
	font-size:14px;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 h2 {
	width:100%;
	border:none;
    padding:0px;
    margin:0px;
	height:40px;
	overflow-y:hidden;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 h2 a{
	font-size:18px;
    font-weight:bold;
	text-decoration:none;
}

.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .view {
	width:100%;
	font-size:14px;	
}

@media screen and (max-width:991px) {
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 {
		margin-top:20px;
	    width:100%;
	    padding-right:0px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 h2 {
	    height:35px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 h2 a{
	    font-size:16px
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .date {
		margin-top:5px;
	}
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .image .add{
	    position:absolute;
		right:0px;
		margin-top:-165px;
		margin-right:10px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .image img {
	    max-height:180px;
    }
	.pusher main .ui.container.my-2-5 .column2-2-1 .field6 .view {
    }
}

.pusher main .ui.container.my-2-5 .column1 {
	width:30%;
}
.pusher main .ui.container.my-2-5 .column1 .meta {	
	margin-top:50px;
	font-size:18px;
}

.pusher main .ui.container.my-2-5 .column1 .meta .active{
	color:#e38181;
}

.pusher main .ui.container.my-2-5 .column1 .item {
	font-size:20px;
	padding-left:5px;
}

.pusher main .ui.container.my-2-5 .column1 .item.active {
	border-left:5px solid #787878;	
	padding-left:0px;
}

.pusher main .ui.container.my-2-5 .column1 .myad2 .ui.medium.rectangle.test.ad{
	margin-top:10px;
}

.pusher main .ui.container.my-2-5 .column2 {
	width:40%;
}

.pusher main .ui.container.my-2-5 .column2 .header {
	font-size:45px;
	margin-top:90px;
	margin-bottom:40px;
}

.pusher main .ui.container.my-2-5 .column2 h2 {
	border-left:5px solid #e38181;
    padding-left:20px;	
}

.pusher main .ui.container.my-2-5 .column2 .field {
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
}

.pusher main .ui.container.my-2-5 .column2 .field .label {
	width:100%;
	font-size:18px;
	display:block;
}

.pusher main .ui.container.my-2-5 .column2 .field .input {
	margin-top:10px;
	font-size:20px;
	padding-left:10px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
    border:solid 1px #ccc;
    border-radius: 10px;
	outline:0;
	margin-left: 20px;
}

.pusher main .ui.container.my-2-5 .column2 .field .input:focus{
	border:solid 2px #D2D069;
}

.pusher main .ui.container.my-2-5 .column2 .field .box  {
	width:48%;
	margin:0px;
	margin-left:20px;
}

.pusher main .ui.container.my-2-5 .column2 .field .box:last-child  {
	position:relative;
	margin-left:240px;
	margin-top:-75px;
}

.pusher main .ui.container.my-2-5 .column2 .field .box .label2 {
	width:100%;
	font-size:18px;
	display:block;
}

.pusher main .ui.container.my-2-5 .column2 .field .input2 {
	margin-top:10px;
	font-size:20px;
	padding-left:10px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
    border:solid 1px #ccc;
    border-radius: 10px;
	display: inline-block;
	outline:0;
}


.pusher main .ui.container.my-2-5 .column2 .field .input2:focus{
	border:solid 2px #D2D069;
}

.pusher main .ui.container.my-2-5 .column2 .field input[type="radio"] {
	opacity: 0;
	margin-top:20px;
	margin-left:10px;
}


.pusher main .ui.container.my-2-5 .column2 .field input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.pusher main .ui.container.my-2-5 .column2 .field input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #e38181;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.pusher main .ui.container.my-2-5 .column2 .field input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #e38181 inset,-.5rem -.5rem 0 #e38181 inset; 
}
.pusher main .ui.container.my-2-5 .column2 .field label {
	display: inline-block;
	cursor: pointer;
	padding: 0 .5rem ;
	margin-left: 20px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 {
	width:70%;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field{
	margin-top:10px;	
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.reqready {
	width:100%;	
	margin-top:50px;
	text-align:center;
	display:block;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.reqready .label{
	font-size: 35px;
	color: #787878;
	text-align: center;
	height:30px;
	margin-bottom:20px;
	display:block;
	width:100%;	
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.reqready .button {
	border: 1px solid #B7B7B7;
	border-radius: 2px;
	background-color:#fff;
	color:#B7B7B7;
	font-weight:bold;
	display:block;
	margin: 0 auto;
	width:200px;
	margin-top:50px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic{
	width:50%;
	display: inline-block;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic .label {
	width:100%;
	font-size:18px;
	display:block;
	margin-left:15px;
    margin-top:15px;	
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic .input.textarea{
	height:auto;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic .label .star {
	color:#E23900;
	display: inline-block;
	margin-top:0px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic .agress_block {
	color:#E23900;
	margin-left:20px;
	margin-top:20px;
	display: inline-block;
}



.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic2{
	position:relative;
	width:45%;
	display: inline-block;
	margin-left:20px;
	margin-top:0px;
	vertical-align:top;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic2 img {
	width:150px;
	height:150px;
	border-radius: 50%;
	margin-left:100px;
	display:block;
	
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 {
	font-size:24px;
	margin-top:-20px;
	margin-bottom:30px;
	width:50%;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1-1 {
	position:relative;
	width:60%;
	margin-top:-170px;
	margin-left:230px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field-2-4 {
	width:100%;
}
.pusher main .ui.container.my-2-5 .column2 .field-2-4 .button {
	background-color:#e38181;
	color:#fff;
	font-size:20px;
	width:200px;
	height:50px;
	margin-left:40px;
	margin-top:30px;
	border: 2px solid #B7B7B7;
}
.pusher main .ui.container.my-2-5 .column2.c2-8-1 .box-2-4{
    width:100%;
	border:1px solid #9B9B9B;
	padding:20px;
	margin:0px;
	margin-top:40px;
	margin-bottom:30px;
	height:140px;
	font-size:28px;
	line-height:32px;
	vertical-align:middle;
}


.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1-1 .box{
	border:1px solid #9B9B9B;
	padding:20px;
	margin:20px;
	height:140px;
	vertical-align:middle;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1-1 .box .label{
	font-size:14px;
	width:100%;
	display:block;
	margin-top:10px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1-1 .box .label.header{
	font-size:24px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 .label {
	width:100%;
	font-size:18px;
	display:block;
	margin-left:15px;	
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 .input {
	margin-top:10px;
	font-size:20px;
	margin-left:10px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
    border:solid 1px #ccc;
    border-radius: 10px;
	outline:0;	
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 .input:focus{
	border:solid 2px #D2D069;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 input[type="radio"] {
	opacity: 0;
	margin-top:0px;
	width:100%;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #e38181;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #e38181 inset,-.5rem -.5rem 0 #e38181 inset; 
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1 label {
	display: inline-block;
	cursor: pointer;
	padding: 0 .5rem ;
	font-size:18px;
	margin-left: 40px;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field {
	width:55%;
}

@media screen and (max-width:991px) {
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .box-2-4{
	padding:10px;
	height:auto;
	font-size:20px;
	line-height:20px;
    }
}

#want_request .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top:20px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
#want_request .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
#want_request .container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
#want_request .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#want_request .container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
#want_request .container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
#want_request .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
#want_request .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 10px;
  border: solid red;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic .label2 {
	margin-left:0px;
	margin-top:0px;
	font-size:18px;
	display: inline-block;
}

.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic .label2 .red{
	color:#E23900;
	display: inline-block;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 30%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.pusher main .ui.container.my-2-5 .modal-body {
	padding: 20px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}

.pusher main .ui.container.my-2-5 .modal-body .header {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
    margin-bottom:20px;	
}

.pusher main .ui.container.my-2-5 .modal-footer {
  padding: 2px 16px;
  background-color: #E38181; 
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: center;
  line-height: 20px;
  height:55px;
  padding-top:15px;
} 



@media screen and (max-width:991px) {
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 {
	    width:100%;
    }
	
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field_2-8-1-1 {
	    position:relative;
	    width:100%;
	    margin-top:0px;
	    margin-left:0px;
    }
	
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic{
	    width:100%;
    }

	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic2{
	    width:100%;
		margin-left:0px;
    }
	
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.pic2 img {
	    width:80%;
	    height:200px;
	    margin-left:0px;	
		margin-left: auto;
        margin-right: auto;
    }
	
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field {
	    width:100%;
		display: flex;
        justify-content: center;
    }
	
	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.reqready {
		margin-top:30px;
	}

	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.reqready .label{
		font-size: 25px;
	}

	.pusher main .ui.container.my-2-5 .column2.c2-8-1 .field.reqready .button {
		margin-top:20px;
	}
	
	.modal-content {
  	    width: 90%;
    }
}

.pusher main .ui.container.my-2-5 .column2 .field .button {
	background-color:#e38181;
	color:#fff;
	font-size:20px;
	width:35%;
	height:50px;
	margin-left:40px;
	margin-top:30px;
	border: 2px solid #B7B7B7;
}

.pusher main .ui.container.my-2-5 .column2 .field .button.cancel{
	background-color:#fff;
	color:#B7B7B7;
}


.pusher main .ui.container.my-2-5 .column2 .field2 {
	font-size:24px;
	margin-top:40px;
	margin-bottom:20px;
	border-left:5px solid #e38181;
    padding-left:20px;	
	height:80px;
}
.pusher main .ui.container.my-2-5 .column2 .field2 .box{
	width:83%;
	display:inline-block;
}
.pusher main .ui.container.my-2-5 .column2 .field2 .box h2 {
	border:none;
    padding-left:0px;	
}
.pusher main .ui.container.my-2-5 .column2 .field2 .box p {
	font-size:14px;	
	color:#787878;
}
.pusher main .ui.container.my-2-5 .column2 .field2 .add{
	width:62px;
	height:30px;
	display:inline-block;
	border: 1px solid #B7B7B7;
    border-radius: 5px;
	margin-bottom:50px;
	font-size:16px;
	padding-top:5px;
	text-align:center;
	vertical-align: top;
}

.pusher main .ui.container.my-2-5 .column2 .field3 {
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
    padding-left:20px;	
	height:auto;
}
.pusher main .ui.container.my-2-5 .column2 .field3 .box {
	width:83%;
	display:inline-block;
}
.pusher main .ui.container.my-2-5 .column2 .field3 .box2 {
	width:12%;
	display:inline-block;
}
.pusher main .ui.container.my-2-5 .column2 .field3 .box h2 {
	border:none;
    padding-left:0px;	
}
.pusher main .ui.container.my-2-5 .column2 .field3 .box p {
	font-size:14px;	
	color:#787878;
}
.pusher main .ui.container.my-2-5 .column2 .field3 .add {
	width:62px;
	height:30px;
	display:inline-block;
	border: 1px solid #B7B7B7;
    border-radius: 5px;
	margin-bottom:10px;
	font-size:16px;
	padding-top:5px;
	text-align:center;
	vertical-align: top;
	cursor:pointer;
}
.pusher main .ui.container.my-2-5 .column2 .field3 .add.del {
	margin-bottom:50px;
}

.pusher main .ui.container.my-2-5 .column3 {
	width:30%;
}
.pusher main .ui.container.my-2-5 .column3 .field {
	font-size:24px;
	margin-top:180px;
	margin-bottom:20px;
}
.pusher main .ui.container.my-2-5 .column3 .field img {
    width:200px;
    height:200px;
    border-radius: 50%;
    margin-left:50px;
    display:block;  
}
.pusher main .ui.container.my-2-5 .column3 .field .avatar_out {
    width:200px;
    height:200px;
    border-radius: 50%;
    margin-left:50px;
    display:block;

    background-position: center;
    background-size: cover;
}

.pusher main .ui.container.my-2-5 .column3 .field .add{
	width:129px;
	height:25px;
	margin-top:20px;
	border: 1px solid #B7B7B7;
    border-radius: 5px;
	font-size:14px;
	text-align:center;
	margin: auto;
	margin-top:20px;
}



@media screen and (max-width:991px) {
    .pusher main .ui.container.my-2-5 .column1 {
        width: 100%;
    }
    .pusher main .ui.container.my-2-5 .column1 .myad2 .ui.medium.rectangle.test.ad {
		width: 100%;
    }
    .pusher main .ui.container.my-2-5 .column2 {
        width: 100%;
    }
    .pusher main .ui.container.my-2-5 .column2 .header {
        margin-top: 90px;
        margin-bottom: 40px;
    }
	.pusher main .ui.container.my-2-5 .column2 .field  {
		width: 100%;
	}
	.pusher main .ui.container.my-2-5 .column2 .field .label {
		margin-left:0px;
	}

	.pusher main .ui.container.my-2-5 .column2 .field .label {
		margin-left:0px;
	}

	.pusher main .ui.container.my-2-5 .column2 .field .input {
		margin-left:0px;
	}

    .pusher main .ui.container.my-2-5 .column2 .field .box  {
	    width:100%;
	    margin-left:0px;
    }

    .pusher main .ui.container.my-2-5 .column2 .field .box:last-child  {
	    width:100%;
	    margin-left:0px;
	    margin-top:10px;
    }
	.pusher main .ui.container.my-2-5 .column2 .field .label2 {
	    margin-left:0px;
	}
	.pusher main .ui.container.my-2-5 .column2 .field .input2 {
	    margin-left:0px;
	}

    .pusher main .ui.container.my-2-5 .column2 .field .button {
		margin-left:0px;
	    margin-top:20px;
		margin-right:0px;
		margin:0px auto;
    }
	
	.pusher main .ui.container.my-2-5 .column2 .field label {
	    margin-left: 0px;
    }

    .pusher main .ui.container.my-2-5 .column2 .field2 .box {
        width: 100%;
    }
    .pusher main .ui.container.my-2-5 .column2 .field2 .add {
		position:absolute;
		right:50px;
		/*
		margin-top:-65px;
		margin-left:150px;
		margin-bottom:10px;
		*/
    }
    .pusher main .ui.container.my-2-5 .column2 .field3 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 20px;
        padding-left: 20px;
        height: 120px;
    }
    .pusher main .ui.container.my-2-5 .column2 .field3 .box {
        
        display: inline-block;
    }
    .pusher main .ui.container.my-2-5 .column2 .field3 .box h2 {
        border: none;
        padding-left: 0px;
    }
    .pusher main .ui.container.my-2-5 .column2 .field3 .box p {
        font-size: 14px;
        color: #787878;
    }
    .pusher main .ui.container.my-2-5 .column2 .field3 .add {
        margin-top:10px;
		margin-bottom:10px;
    }
    .pusher main .ui.container.my-2-5 .column3 {
        width: 100%;
    }
    .pusher main .ui.container.my-2-5 .column3 .field {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 20px;
		text-align:center;
		width:100%;
    }
    .pusher main .ui.container.my-2-5 .column3 .field img {
        width: 100px;
        height: 100px;		
        border-radius: 50%;
        margin:0px auto;
        display: block;
    }
    .pusher main .ui.container.my-2-5 .column3 .field .add {
        width: 129px;
        height: 25px;
        margin-top: 20px;
        border: 1px solid #B7B7B7;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
	
	.pusher main .ui.container.my-2-5 .column2-2-1 {
        width: 100%;
        padding-top: 40px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .header2 {
        margin-top: 0px;
        margin-bottom: 10px;
        width: 100%;
		display: block;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .header2 .sub {		
        width: 100%;
        font-size: 20px;
        display: block;
		height:30px;
        text-align: left;
		padding-top:5px;
		padding-left:25px;
        margin-top:20px;		
		margin-bottom:10px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .header2 .sub.active {
		border:none;
        border-left: 5px solid #E38181;
		padding-left:20px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 h2 {
        border-left: 5px solid #e38181;
        padding-left: 20px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 20px;
        padding-left: 20px;
        height: 150px;
        border-bottom: 1px solid #B7B7B7;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .image {
        width: 20%;
        display: inline-block;
        margin-top: 0px;
		vertical-align: top;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .image img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: block;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box {
        width: 76%;
        display: inline-block;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box h2 {
        border: none;
        padding-left: 0px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .box p {
        font-size: 14px;
        color: #787878;
		display: block;
        margin-top: -10px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .add {
        width: 100%;
        height: 20px;
        right: 0;
        font-size: 16px;
        margin-top: 0px;
        text-align: left;
		margin-left:10px;
		border:0px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .add .menu {
        vertical-align: top;
        width: 100%;
		display:block;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu {
        height: 100%;
		display:block;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul,
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu li {
        margin: 0 0;
        padding: 0 0;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul {
        height: 100%;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu li {
        float: left;
        position: relative;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu li:first-child {}
	
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu a {
        display: block;
        line-height: 35px;
        padding: 0 14px;
        text-decoration: none;
    }
	
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul.menus {
        height: auto;
        width: 140px;
        position: absolute;
        z-index: 99;
        display: none;
        margin-left: -20px;
        margin-top: 0px;
        border: 1px solid #787878;
        font-size: 14px;
        background: #fff;
    }
	
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul.menus li {
        display: block;
        width: 100%;
        color: #787878;
        background: #fff;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul.menus li ion-icon {
        font-family: Ionicons;
        font-size: 20px;
        color: #9CBCA5;
        font-weight: bold;
        letter-spacing: 0;
        margin-left: -10px;
        padding-right: 10px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu li:hover ul.menus {
        display: block;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu .header {
        padding: 0;
        padding-right: 25px;
        border: 1px #787878;
        background: #fff;
		margin-left:14px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu .header:hover {
        background: #fff;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu .header::after {
        content: "";
        width: 0;
        height: 0;
        border-width: 6px 5px;
        border-style: solid;
        border-color: #4a4a4a transparent transparent transparent;
        position: absolute;
        top: 15px;
        right: 9px;
    }
    .pusher main .ui.container.my-2-5 .column2-2-1 .field4 .my2-1-menu ul.menus a:hover {
        background: #fff;
    }
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size:20px;
    color:    #ccc;
	padding-left:10px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:20x;
    color:    #ccc;
    opacity:  1;
	padding-left:10px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:20px;
    color:    #ccc;
    opacity:  1;
	padding-left:10px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size:20px;
    color:    #ccc;
	padding-left:10px;
}
::-ms-input-placeholder { /* Microsoft Edge */
    font-size:20x;
    color:    #ccc;
	padding-left:10px;
}

::placeholder { /* Most modern browsers support this now. */
    font-size:20px;
    color:    #ccc;
	padding-left:10px;
}

.ui.three.news.stackable.cards .card a{
	font-size:18px;
	font-weight: 500px;
	line-height: 1.4em;
	text-decoration:none;
}
.ui.three.news.stackable.cards .card .content .meta .author{
	font-size:14px;
	font-weight: 500px;
	line-height: 1.4em;
	text-decoration:none;
}
.ui.three.news.stackable.cards .card .content .meta .author a{
	font-size:14px;
	font-weight: 500px;
	line-height: 1.4em;
	text-decoration:none;
}



.slide-recommand .ui.item .content .meta a {
	font-size:18px;
	font-weight: 500px;
	line-height: 1.4em;
	text-decoration:none;
}

@media screen and (max-width:991px) {
    .slide-recommand {
	    width:110%;
		padding:0px;
		margin:0px;
		margin-left:-10px;
    }
	.slide-recommand .ui.item .image {
	    width:30%;
    }
	.slide-recommand .ui.item .image img {
	    width:100%;
		height:auto;
    }
	.slide-recommand .ui.item .content {
	    width:69%;
    }
	.slide-recommand .ui.item .content .meta a {
	    font-size:14px;
	    font-weight: 500px;
	    line-height: 1.4em;
	    text-decoration:none;
    }
}

.carousel-6-1 {
    position: relative;
	margin-top:16px;
	text-align:center;
}

.carousel-6-1 .item{
    display: inline-block;
    width: 100%;
	height:300px;	
	border:1px solid #ccc;
	border-radius:15px;
	overflow:hidden;
	cursor:pointer;
}

.carousel-6-1 .item img{
    width: 100%;
	object-fit: cover;
	height:300px;	
}

.carousel-6-1 .icon {
    background: rgba(0,0,0,0.50);
	font-size: 40px;
	font-weight:400px;
	border: 1px solid #B7B7B7;
	border-radius: 2px;
	margin-top: -30px;
	position: absolute; top: 50%;
	text-align: center;
	width: 60px; height: 60px;
	padding-top:20px;
	opacity:0.9;
}
.carousel-6-1 .owl-next, 
.carousel-6-1 .owl-prev {
    height: 100%;
    position: absolute;
    top: 0;
    width: 33.4a4a4a33%;
}
.carousel-6-1 .owl-next {
    right: 25%;
}
.carousel-6-1 .owl-prev {
    left: 25%;
}
.carousel-6-1 .owl-next:hover .icon, 
.carousel-6-1 .owl-prev:hover .icon {
    background: rgba(0,0,0,0.50);
    color: rgba(255, 255, 255, .9);
}
.carousel-6-1 .icon-arrow-left7 { left: 0; }
.carousel-6-1 .icon-arrow-right7 { right: 0; }

.submenu-6-1 {
    overflow: hidden; 
    height: 40px;
    border: none;
	margin-top:50px;
    margin-bottom:30px;	
}

.submenu-6-1 .ui.menu {	
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    /*background-clip: padding-box;*/
    border: none;
	height:20px;
    overflow-x: auto;
	overflow-y:hidden;
}

.submenu-6-1 .ui.menu .item {
    position: static;
	font-size:20px;
	color: #9B9B9B;
	border-right:1px solid #9B9B9B;
	height:20px;
}

.submenu-6-1 .ui.menu .item:first-child {
	border:1px solid #9B9B9B;
	width:20px;
}
.submenu-6-1 .ui.menu .item .showsvg {
	width:16px;
}
.submenu-6-1 .ui.menu .item .showsvg svg {
	color: #787878;
	width:20px;
	height:30px;
	margin-left:-10px;
}

.submenu-6-1 .ui.menu .item:last-child {
	border:none;
}

.submenu-6-1 .ui.menu .item.active {
    background-color:#fff;
}

.submenu-6-1 .ui.menu .item  a{
	text-decoration:none;
	background-color:#fff;
}
.submenu-6-1 .ui.menu .item.active  a{
	color: #E83B2C;
}

.submenu-6-1 .ui.menu .item .ui.menu {	
    display: none;
	position: absolute;	
	z-index: 999999;
	margin-top:45px;
	margin-left:-12px;
	width: 130px;
	height:auto;
	border: 1px solid #BBBBBB;
	border-radius: 4px;
	overflow:hidden;
	text-align:left;
}
.submenu-6-1 .ui.menu .item .ui.menu.area {	
	margin-top:100px;
	margin-left:-25px;
}

.submenu-6-1 .ui.menu .item .ui.menu .item {
	display: inline-block;	
	width:120px;
	border:0px solid;
	padding:10px;
	height:auto;
}
.submenu-6-1 .ui.menu .item .ui.menu .item:hover {
	background: #4A4A4A;
	color:#fff;
}


.submenu-6-1 .ui.menu .item:hover .ui.menu {
    display: block;	
}

.submenu-6-1 .ui.menu .item .ui.menu.col3{
	width: 400px;
}
.submenu-6-1 .ui.menu .item .ui.menu.col2{
	width: 248px;
}
.submenu-6-1 .ui.menu .item .ui.menu.col1{
	width: 130px;
}

@media screen and (max-width:991px) {
	.submenu-6-1 {
	    margin-top:20px;
        margin-bottom:30px;	
    }

	.submenu-6-1 .ui.menu .item {
	    font-size:16px;
    }
	.carousel-6-1 .icon {
        display:none;
    }
	
	.carousel-6-1 .item{
        display: inline-block;
        width: 100%;
	    height:auto;
	    border:none;
		padding: 0 10px;
	    overflow:hidden;
    }

}

.ui.container.page-6-1 {
	margin-top:30px;
}

.ui.container.page-6-1 .content{
	border:0;
}

.ui.container.page-6-1 .recommand.header{
	font-size: 24px;
	color: #787878;
	letter-spacing: 0;
	border-top:1px solid #ccc;
	width:100%;
	padding-top:10px;
	margin-bottom:40px;
}

.ui.container.page-6-1 .card .image {
	width:100%;
	height:auto;    	
    border:1px solid transparent;
	border-radius: 10px !important;
	overflow:hidden !important;
	margin-bottom:0px;
	cursor:pointer;
	
}
.ui.container.page-6-1 .card .image img{
    width:100%;
	height:100%;
}
	
.ui.container.page-6-1 .header {
    text-decoration: none;
}

.ui.container.page-6-1 .meta {
	padding:0px;	
}

.ui.container.page-6-1 .meta .addtrace {
    background: #fff;
    border: 1px solid #4a4a4a;
    border-radius: 2px;
    color: #4a4a4a;
	width:108px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
	padding:5px 10px;	
	cursor:pointer;
	white-space:nowrap;
}

.ui.container.page-6-1 .meta .mark {
    color:#FB8029;
}
.ui.container.page-6-1 .meta .watcher {
    color:#FB8029;
}
.ui.container.page-6-1 .meta .watcher i{
    color:#787878;
}


.page-6-2.header {
    font-size: 36px;
    color: #787878;
	margin-bottom:30px;
}

.ui.container.page-6-2 {
	margin-top:30px;
}

.ui.container.page-6-2 .content{
	border:0;
}

.ui.container.page-6-2 .recommand.header{
	font-size: 24px;
	color: #787878;
	letter-spacing: 0;
	width:100%;
	padding-top:40px;
	margin-bottom:40px;
	text-align:center;
}

.ui.container.page-6-2 .card .image {
	width:100%;
	height:200px;	
    border:1px solid transparent;
	border-radius: 10px !important;
	overflow:hidden !important;
	margin-bottom:0px;
	cursor:pointer;
	
}
.ui.container.page-6-2 .card .image img{
    width:100%;
	height:100%;
}
	
.ui.container.page-6-2 .header {
    text-decoration: none;
}

.ui.container.page-6-2 .desc {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
	padding-top:5px;
	padding-bottom:10px;
}

.ui.container.page-6-2 .meta {
	padding:0px;
    margin-top:0px;	
}

.ui.container.page-6-2 .meta .addtrace {
	display: inline-block;
    background: #fff;
    color: #787878;
    text-decoration: none;
    font-size: 16px; 
    border: 1px solid #B7B7B7;
    border-radius: 2px;
	padding:5px 5px;
	font-size:16px;
	color:#4a4a4a;	
	width:108px;
	cursor:pointer;
}
.ui.container.page-6-2 .meta .addtrace i{
	font-size:18px;
	padding-left:0px;
	padding-right:5px;
	padding-top:3px;
}

.ui.container.page-6-2 .meta .gotocart {
    background: #e38181;
    border: 1px solid #787878;
    border-radius: 2px;
    color: #fff;
	width:83px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	vertical-align:top;
    font-size:12px;
    cursor: pointer;
	padding:5px 5px;	
}
.ui.container.page-6-2 .meta .close {
    background: #ccc;
	border: 1px solid #ccc;
}


@media screen and (max-width:991px) {
	.ui.container.page-6-2 .recommand.header{
	    padding-top:20px;
	    margin-bottom:40px;
    }

}

.page-6-3.content .image {
    width:100%;
	height:auto;
	margin-bottom:30px;
}
.page-6-3.content .image img{
    width:100%;
	height:auto;
}

.page-6-3.content .left {
	width:70%;
	display:inline-block;
	padding-right:20px;
}

.page-6-3.content .right {
	width:29%;
	display:inline-block;
	vertical-align:top;
}

.page-6-3.content .header-above {
	font-size: 13px;
	color: #000000;
	letter-spacing: 0;
	line-height: 28px;	
	background-color: #fff;
	width:80px;
}

.page-6-3.content .header {
    font-size: 36px;
	line-height:40px;	
    color: #787878;
	margin-bottom:30px;
}

.page-6-3.content .meta  {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
	border:0px;
}

.page-6-3.content .meta .addtrace {
    background: #fff;
    border: 1px solid #B7B7B7;
    border-radius: 2px;
    color: #000000;
	width:118px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	letter-spacing: 0.75px;
    margin: 4px 2px;
    cursor: pointer;
	padding:10px 10px;	
	cursor:pointer;
}


.page-6-3.content .meta2  {
    font-size: 36px;
	margin-top:20px;
	display:inline-block;
	width:100%;
}
.page-6-3.content .meta2.top {
    border-top:1px solid #ccc;
	padding-top:20px;
}
.page-6-3.content .meta2.bottom {
	padding-bottom:20px;
    border-bottom:1px solid #ccc;
}

.page-6-3.content .meta2  svg{
    font-size: 40px;
	display:inline-block;
	width:10%;
}
.page-6-3.content .meta2 .content {
    width:88%;
	display:inline-block;
}
.page-6-3.content .meta2 .content .title {
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0;
	display:inline-block;
}
.page-6-3.content .meta2 .content .desc {
    font-size: 18px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
}
.page-6-3.content .meta2 .content .desc a{
    color: #e38181;
	text-decoration:none;
}

.page-6-3.content .meta2 .share {
	padding-top:20px;
	display:inline-block;
	padding-left:85px;
}

.page-6-3.content .meta2 .share .ui.tiny.basic.icon.button.line{
	padding-top:5px !important;
	padding-bottom:6px !important;
	width:38px !important;
}

.page-6-3.content .meta3  {
	padding-top:20px;
	padding-bottom:20px;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
}

.page-6-3.content .meta5 {
	border: 1px solid #ccc;
	width:100%;
	padding:20px;
	background-color: #fff;
}

.page-6-3.content .meta5 .title{
    font-size: 20px;
    color: #4a4a4a;
    letter-spacing: 0;
    line-height: 28px;
}
.page-6-3.content .meta5 .date{
    font-size: 18px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
	padding-top:20px;
}

.page-6-3.content .meta6 {
	padding-top:20px;
	padding-bottom:20px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}

.page-6-3.content .meta6 .num{
	font-size: 36px;
	color: #e38181;
	letter-spacing: 0;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}

.page-6-3.content .meta6 .num2{
	font-size: 36px;
	color: #e38181;
	letter-spacing: 0;
	display:inline-block;
	padding-right:10px;
}

.page-6-3.content .meta6 .gotocart {
    background: #E38181;
    border: 1px solid #A62133;
    border-radius: 2px;
    color: #fff;
	width:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: 4px 2px;
    cursor: pointer;
	padding:15px 10px;
    cursor:pointer;	
}

.page-6-3.header {
	padding-top:20px;
	font-size: 24px;
	color: #787878;
	letter-spacing: 0;
}

@media screen and (max-width:991px) {
	.page-6-3.content .left {
		width:100%;
		padding-right:0px;
	}

	.page-6-3.content .right {
		width:100%;
	}
	.page-6-3.content .meta3 img {
		width:100% !important;
		height:auto !important;
	}
	.page-6-3.content .meta6 .num{
    }
	
	.page-6-3.content .meta7 {
	    padding-bottom:30px;
    }
}

.page-6-7.content {
    margin-top:20px;
}

.page-6-7.content .back {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    color: #ccc;
	width:118px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
	letter-spacing: 0.75px;
    margin: 4px 2px;
    cursor: pointer;
	padding-top:5px;	
}

.page-6-7.content .back svg {
	display:inline-block;
	margin-right:0px;
}

.page-6-7.content .back .text {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	padding-top:2px;
}

.page-6-7.content .header {
    font-size: 56px;
	font-weight:bold;
    color: #4a4a4a;
    letter-spacing: 0;
	padding-top:50px;
	text-align:center;
	width:100%;
}

.page-6-7.content .header-6-5 {
	font-size: 56px;	
	font-weight:bold;
    color: #4a4a4a;
    letter-spacing: 0;
	padding-top:50px;
	text-align:left;
	width:100%;
}
.page-6-7.content .header-6-5.title2 {
	font-size: 26px;
	line-height:30px;
	font-weight:bold;
    color: #4a4a4a;
    letter-spacing: 0;
	padding-top:50px;
	text-align:left;
	width:100%;
}

.page-6-7.content .meta {
    margin-right:20px;
	vertical-align:top;
	margin-top:0px;
	text-align:center;
	color:#e38181;
}

.page-6-7.content .meta svg {
    font-size: 40px;
	display:inline-block;
	margin-right:0px;
}

.page-6-7.content .meta svg path {
    fill: #e38181;
}
.page-6-7.content .meta svg.grey path {
    fill: #ccc;
}

.page-6-7.content .meta .title {
    display:inline-block;
	margin-left:-42px;
}
.page-6-7.content .meta .title.black {
	color:#000;
}

.page-6-7.content .meta .title.t2 {
	margin-left:-36px;
	padding-right:5px;
}
.page-6-7.content .meta .title.t2.grey {
	color:#ccc;
}
.page-6-7.content .meta .title.t2.black {
	color:#000;
}

.page-6-7.content .meta .title.t3 {
	margin-left:-48px;
	color: #4a4a4a;
}
.page-6-7.content .meta .title.t3.grey {
	color:#ccc;
}
.page-6-7.content .meta .title.t3.black {
	color:#000;
}

.page-6-7.content .meta .line {
    display:inline-block;
	border-top:2px solid  #e38181;
	border-radius:5px;
    width:150px;
	vertical-align:top;
	margin-top:6px;
	margin-left:-5px;
	margin-right:5px;
}
.page-6-7.content .meta .line.grey{
    border-top: 2px solid #ccc;
}

.page-6-7.content .meta .line.black{
    border-top: 2px solid #28ABCF;
}
	
.page-6-7.content .backhome {
    width:100%;
	text-align:center;
}

.page-6-7.content .page-5-4.content2 .show_desc {
	font-size:16px;
}

.page-6-7.content .backhome .button{
    border: 1px solid #B7B7B7;
    border-radius: 2px;
    color: #000000;
	width:290px;
    text-align: center;
    font-size: 20px;
	letter-spacing: 0.75px;
    margin: 40px 0px;
	padding:20px 10px;	
	cursor:pointer;
}



.page-6-7.content2 {
	width:100%;
	display:block;	
	margin-top:50px;
	border:1px solid #ccc;
	border-radius: 8px;
	overflow:hidden;
	padding:0px;
	height:280px;
}



.page-6-7.content2 .left {
	width:49%;
	display:inline-block;	
	height:282px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	border:1px solid #ccc;
	border-radius: 12 0 0 12;
	overflow:hidden;
}

.page-6-7.content2 .right {
	width:50%;
	display:inline-block;
	height:280px;
	padding:20px;
	float:right;
	vertical-align:top;
}

.page-6-7.content2 .left .image {
    width:100%;
	height:auto;
}
.page-6-7.content2 .left .image img{
    width:100%;
	height:auto;
}

.page-6-7.content2 .header-above {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}

.page-6-7.content2 .header {
    font-size: 20px;
    color: #4a4a4a;
    letter-spacing: 0;
	width:100%;
	padding-top:10px;
	text-align:left;
}

.page-6-7.content2 .date {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
	padding-top:10px;
}

.page-6-7.content2 .price {
	margin-top:20px;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
	display:inline-block;
}

.page-6-7.content2 .price.num {
    font-size: 24px;
    color: #E38181;
    letter-spacing: 0;
    line-height: 24px;
	padding-left:10px;
	display:inline-block;
}

.page-6-7.content2 .price.qty {
    font-size: 24px;
    color: #E38181;
    letter-spacing: 0;
    line-height: 24px;
	padding-left:50px;
	padding-right:10px;
	display:inline-block;
}

.page-6-7.content2 .desc {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 20px;
	padding-top:10px;
}

@media screen and (max-width:991px) {
	
	.page-6-7.content .meta {
        margin-right:0px;
	    margin-top:20px;
		text-align:center;
    }
	.page-6-7.content .header {
        font-size: 26px;
    }
	
	.page-6-7.content2 {
	    height:auto;		
    }
    .page-6-7.content2 .left {
		width:100%;
		display:block;
		height:auto;
		padding-right:0px;
		border-bottom:none;
	}

	.page-6-7.content2 .right {
		width:100%;
		display:block;
		height:auto;
	}
	
	
	.page-6-7.content2 .header {
        font-size: 18px;
	    width:100%;
    }
	
	.page-6-7.content .meta .line {
        width:50px;
    }
}


.page-6-6.content {
	width:100%;
	margin-top:50px;
}

.page-6-6.content .left {
	width:50%;
	display:inline-block;
	padding-right:20px;
}

.page-6-6.content .right {
	width:49%;
	display:inline-block;
	vertical-align:top;
}

.page-6-6.content .header {
    font-size: 26px;
	line-height:40px;	
    color: #787878;
	margin-bottom:10px;
	text-align:left;
}

.page-6-6.content .meta2  {
    font-size: 36px;
	margin-top:20px;
	display:inline-block;
	width:100%;
}

.page-6-6.content .meta2  svg{
    font-size: 40px;
	display:inline-block;
	width:10%;
}
.page-6-6.content .meta2 .content {
    width:88%;
	display:inline-block;
}
.page-6-6.content .meta2 .content .title {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
	display:inline-block;
}
.page-6-6.content .meta2 .content .desc {
    font-size: 14px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
}

.page-6-6.content .meta2 .content .desc a {    
    color: #787878;
    text-decoration:none;
	color:#28ABCF;
}

.page-6-6.content .header2 {
    font-size: 20px;
	font-weight:bold;
	line-height:40px;	
    color: #787878;
	margin-bottom:10px;
	text-align:left;
}

.page-6-6.content .header3 {
    font-size: 20px;
	height:100px;
	padding:20px 40px;
	font-weight:bold;
	line-height:40px;
    color: #787878;	
    background-color: #F3F5F4;
	margin-bottom:10px;
	text-align:left;
}

.page-6-6.content .field {
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
}

.page-6-6.content .invoice_field {
	display:none;
}

.page-6-6.content .field .label {
	width:100%;
	font-size:16px;
	display:block;
	margin-left: 0px;
}

.page-6-6.content .field .label.left10{
	margin-left: 35px;
}

.page-6-6.content .field .input {
	margin-top:10px;
	font-size:20px;
	padding-left:0px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
    border-bottom:solid 1px #ccc;
    border-radius: 0px;
	outline:0;
	margin-left: 0px;
}
.page-6-6.content .field .input.left10 {
	margin-left: 35px;
}

.page-6-6.content .field .input:focus{
	border:solid 2px #F6F6F6;
}

.page-6-6.content .field input[type="radio"] {
	opacity: 0;
	margin-top:20px;
	margin-left:-10px;
}


.page-6-6.content .field input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.page-6-6.content .field input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #2D995A;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.page-6-6.content .field input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #2D995A inset,-.5rem -.5rem 0 #2D995A inset; 
}
.page-6-6.content .field label {
	display: inline-block;
	cursor: pointer;
	padding: 0 .5rem ;
	margin-left: 10px;
	font-size:16px;
}


.page-6-6.content .field .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.page-6-6.content .field .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.page-6-6.content .field .container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.page-6-6.content .field .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.page-6-6.content .field .container input:checked ~ .checkmark {
    background-color: #2D995A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.page-6-6.content .field .container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.page-6-6.content .field .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.page-6-6.content .field .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width:991px) {
	
	.page-6-6.content .left {
		width:100%;
		padding-right:0px;
	}

	.page-6-6.content .right {
		width:100%;
		height:auto;
	}	
}

.page-6-6-2.content {
	width:100%;
	margin-top:50px;
}
.page-6-6-2.content .left {
	width:40%;
	display:inline-block;
	text-align:right;
	font-size: 13px;
	color: #4A4A4A;
	padding:10px 10px;
	padding-right:20px;
}

.page-6-6-2.content .right {
	width:59%;
	display:inline-block;
	vertical-align:top;	
	font-size: 20px;
	color: #333333;	
	padding:10px 10px;
}

.page-6-6-2.content .amount {
	font-size: 24px;
    color: #E38181;
}

.page-6-6-2.content .meta {
	width:60%;	
	border: 1px solid #787878;
	font-size: 20px;
	color: #333333;
	padding:30px 30px;
	text-align:left;
	margin:0 auto;
	margin-top:30px;
}
.page-6-6-2.content .meta a{
	color: #E38181;
	text-decoration:none;
}

@media screen and (max-width:991px) {
	.page-6-6-2.content .left {
	    width:30%;
    }
	.page-6-6-2.content .right {
	    width:69%;
    }
	.page-6-6-2.content .meta {
	    width:100%;	
    }
}

.page-5-1.content {
	width:100%;
	margin-top:30px;
	
}

.page-5-1.content .left {
	width:29%;
	display:inline-block;
	padding-right:30px;
}

.page-5-1.content .left .title{
	font-size:26px;
	width:200px;
	color: #787878;
	font-weight:bold;
	padding-left:10px;
	cursor:pointer;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.page-5-1.content .backall-5-2 {
	width:100%;
	font-size:26px;
	padding-left:0px;
	font-weight:bold;
	vertical-align:top;
}

.page-5-1.content .backall-5-2 .line {
	width:70%;
	background-color: #ccc;
	height:1px;
}

.page-5-1.content .backall-5-2 .title.category {
	display:inline-block;
	vertical-align:top;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	margin-top:20px;
	margin-bottom:0px;
}
.page-5-1.content .backall-5-2 .title {
	display:inline-block;
	vertical-align:top;
	font-size: 18px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
	margin-bottom:20px;
	padding-left:10px;
}

.page-5-1.content .left ul {
	font-size: 16px;
	color: #333333;
	padding-left:10px;
	line-height:40px;
	list-style-type: none;
}

.page-5-1.content .left .category.page-5-2 ul{
	font-size: 16px;
	color: #333333;
	padding-left:0px;
	line-height:40px;
	list-style-type: none;
}

.page-5-1.content .left ul li {
	padding:10 0;
	padding-left:10px;
}
.page-5-1.content .left ul li ul{
	display:none;
}

.page-5-1.content .left ul li:hover>ul{
	display:block;
}

.page-5-1.content .left ul li a{
	padding-left:10px;
	text-decoration:none;
}

.page-5-1.content .left .category.page-5-2 ul li a{
	padding-left:0px;
	text-decoration:none;
}


.page-5-1.content .left ul .active {
	border-left:4px solid #787878;
	padding-left:6px;
}

.page-5-1.content .right {
	width:70%;
	display:inline-block;
	vertical-align:top;
}



.ui.container.page-5-1 {
	margin:0;
	padding:0;
	margin-top:30px;
}

.ui.container.page-5-1.inpage-5-2 {
	margin-top:0px;
}
 
.ui.container.page-5-1 .content{
	border:0;
}

.ui.container.page-5-1.inpage-5-2 .titlebox {
	width:100%;
	vertical-align:top;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
	height:50px;
}

.ui.container.page-5-1.inpage-5-2 .titlebox .title {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
}

.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox {
	vertical-align:top;	
	display:inline-block;
	float:right;
	border: 1px solid #DEDEDE;
	height:35px;
	width:260px;
	font-size: 13px;
	color: #4A4A4A;
	margin-top:-20px;
	overflow:hidden;
	cursor:pointer;
}

.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox i {
    display:inline-block;
	vertical-align:top;
	color: #4A4A4A;
	font-size:14px;
	padding-top:5px;
}
.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .active i {
    color: #fff;
}

.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .hot{
	display:inline-block;
	border-right:1px solid #ccc;
	width:82px;
	height:35px;
	vertical-align:top;
	padding-top:8px;
	padding-left:15px;
	color: #4A4A4A;
}
.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .hot.active {
	background: #E38181;
	color:#fff;
}

.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .price {
	display:inline-block;
	border-right:1px solid #ccc;
	width:82px;
	height:35px;
	vertical-align:top;
	padding-top:8px;
	padding-left:15px;
	color: #4A4A4A;
}
.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .price.active {
	background: #E38181;
	color:#fff;
}
.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .newold {
	display:inline-block;
	width:82px;
	height:35px;
	vertical-align:top;
	padding-top:8px;
	padding-left:15px;
	color: #4A4A4A;
}
.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox .newold.active {
	background: #E38181;
	color:#fff;
}

.ui.container.page-5-1 .limit_title {
	padding-left:0px;
	font-size: 36px;
	color: #787878;
	font-weight:bold;
	letter-spacing: 0;
	padding-bottom:50px;
    margin-top:-30px;
}


@media screen and (max-width:991px) {
	.ui.container.page-5-1 .limit_title {
	    margin-top:0px;
	}
	
	.ui.container.page-5-1.inpage-5-2 {
	    margin-top:30px;
    }
}

.ui.container.page-5-1 .card {
	
}

.ui.container.page-5-1 .card .image {
	width:100%;
	height:200px;	
	margin-top:0px;
	margin-bottom:10px;
	cursor:pointer;
}
.ui.container.page-5-1 .card .image img{
    width:100%;
	height:auto;
}

.ui.container.page-5-1 .card .content .cardheader {  
    width:100%;  
    text-decoration: none;
	font-size: 20px;
	color: #000000;
	padding:0px;
	margin:0px;  
}

.ui.container.page-5-1 .header {
	width:100%;  
    text-decoration: none;
	font-size: 20px;
	color: #000000;
	padding:0px;
	margin:0px;
}

.ui.container.page-5-1 .meta {
	padding:0px;
	margin:0px;
    font-size:16px;
}

.ui.container.page-5-1 .meta .tag{
	display:inline-block;		
}
.ui.container.page-5-1 .meta .orgprice {
	display:inline-block;
	vertical-align:top;
	float:right;	
    color:#ccc;
	padding-right:5px;
	text-decoration:line-through;	
}

.page-5-1 .carousel-5-1 {
	width:100%;
	height:auto;
}
.page-5-1 .carousel-5-1 .card {
	width:100%;
	height:auto;
}
.page-5-1 .carousel-5-1 .image {
	width:100%;
	height:200px;
	
}
.page-5-1 .carousel-5-1 .image img {
	width:100%;
	height:auto;
}

.page-5-1 .carousel-5-1 .top-lesstime {  
    width:100%;  
    display:inline-block;
	font-size: 13px;
    color: #FFFFFF;
	background: #E38181;
    height:28px;
	padding-top:5px;
}
.page-5-1 .carousel-5-1 .top-lesstime svg{    
    height:13px;
	width:13px;	
	display:inline-block;
	margin-right:5px;
}
.page-5-1 .carousel-5-1 .top-lesstime svg path { 
    fill:#fff;
}

.ui.container.page-5-1 .meta .price {
	display:block;
	float:right;
	font-size: 16px;
	color: #A62133;
	line-height: 18px;
	padding-right:5px;
	padding-top:10px;
	text-align:right;
}
.ui.container.page-5-1 .meta .price .currency{
	display:inline-block;
}

.ui.container.page-5-1 .hot_title {
	font-size: 36px;
	color: #787878;
	font-weight:bold;
	letter-spacing: 0;
	padding-left:0px;
	margin-bottom:30px;
    margin-top:30px;
}

.ui.container.page-5-1 .hot_image {
	width:100%;
	height:400px;
	margin-bottom:150px;
}

.ui.container.page-5-1 .hot_image .seq {
	background: #A62133;
	height:30px;
	width:30px;
	position:relative;
	top:-127px;
	left:-10px;
	text-align:center;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	padding-top:2px;
}
.ui.container.page-5-1 .hot_image .seq.down {
	top:-137px;
}
.ui.container.page-5-1 .hot_image .seq.top {
	height:60px;
	width:60px;
	top:-307px;
	left:-20px;
	font-size: 55px;
	line-height: 50px;
	text-align:left;
	padding-left:10px;
}

.ui.container.page-5-1 .hot_image .left {
	width:50%;
	height:300px;
	display:inline-block;
}

.ui.container.page-5-1 .hot_image .middle {
	width:25%;
	height:300px;
	margin-left:-10px;
	vertical-align:top;
	display:inline-block;
}

.ui.container.page-5-1 .hot_image .right {
	width:25%;
	height:300px;
	margin-left:0px;
	vertical-align:top;
	display:inline-block;
}

.ui.container.page-5-1 .hot_image .big {
	width:100%;
	height:300px;
	margin-bottom:50px;
	padding-bottom:0px;
	vertical-align:top;
	display:inline-block;
	cursor:pointer;
}
.ui.container.page-5-1 .hot_image .big img{
	width:100%;
	object-fit: cover;
	height:350px;
	max-height:350px;
}

.ui.container.page-5-1 .hot_image .small {
	width:100%;
	height:170px;
	padding-right:10px;
	padding-bottom:0px;
	margin-bottom:10px;
	vertical-align:top;
	display:inline-block;
	cursor:pointer;
}
.ui.container.page-5-1 .hot_image .small.last {
	padding-bottom:0px;
	margin-bottom:0px;
}
.ui.container.page-5-1 .hot_image .small img{
	width:100%;
	object-fit: cover;
	height:170px;
	max-height:170px;
}

.ui.container.page-5-1 .hot_image .right .small {
	padding-right:0px;
}

.ui.container.page-5-1 .hot_image .left .item {
	position:relative;
	height:50px;
	bottom:-10px;
	padding-left:10px;
	display:inline-block;
	padding-top:5px;
	cursor:pointer;
	font-size: 16px;
	color: #4A4A4A;
	letter-spacing: 0;
}
.ui.container.page-5-1 .hot_image .left .title {
	color: #FFFFFF;
}
.ui.container.page-5-1 .hot_image .left .big .seq.top .title {
	border:none;
}

.ui.container.page-5-1 .hot_image .left .item.price {	
	padding-left:0px;
	padding-right:10px;
	float:right;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
}
.ui.container.page-5-1 .hot_image .left .item.price .currency {
	display:inline-block;
	padding-right:0px;
	font-size: 12px;
	color: #787878;
	letter-spacing: 0;
	line-height: 16px;
}

@media screen and (max-width:991px) {
	.ui.container.page-5-1 .hot_image {
	    height:auto;
	    margin-bottom:50px;
    }
	
	.ui.container.page-5-1 .hot_image .seq {
	    top:-277px;
    }
	.ui.container.page-5-1 .hot_image .seq.top {
		height:30px;
		width:30px;
		position:relative;
		left:-10px;
		text-align:center;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		line-height: 24px;
		padding-top:2px;
		top:-197px;
    }
	.ui.container.page-5-1 .hot_image .seq.top .title {	
        position:absolute;	
		color: #FFFFFF;
		top:2px;
		left:0px;
		height:30px;
		width:30px;
		text-align: left;
    }
	.ui.container.page-5-1 .hot_image .seq.down {
	    top:-277px;
    }
	.ui.container.page-5-1 .hot_image .left {
	    width:100%;
		height:auto;
    }

    .ui.container.page-5-1 .hot_image .middle {
	    width:100%;
		height:auto;
		margin-left:0px;
    }

    .ui.container.page-5-1 .hot_image .right {
	    width:100%;
		height:auto;
    }
	.ui.container.page-5-1 .hot_image .left .item {
		width:100%;
		text-align:center;
		line-height:30px;
	    height:20px;
	    bottom:30px;
	    padding-top:0px;
    }
	
	.ui.container.page-5-1 .hot_image .big {
	    height:auto;
		margin-bottom:0px;
    }
	.ui.container.page-5-1 .hot_image .big img{
	    height:auto;
		max-height:none;
    }
	.ui.container.page-5-1 .hot_image .small {
	    height:auto;
		padding-right:0px;
    }
	.ui.container.page-5-1 .hot_image .small img{
	    max-height:none;
		height:auto;
    }
}

.ui.container.page-5-1 .page-5-1-listproduct  {
    position:relative;
}
.ui.container.page-5-1 .page-5-1-listproduct .image {
    border: 1px solid #DEDEDE;
	width:100%;
    height: 200px;	
}
.ui.container.page-5-1 .page-5-1-listproduct .image img {
	width:100%;
    height: 200px;	
}

.ui.container.page-5-1 .page-5-1-listproduct .nofreight {
	background: #A62133;
	color:#fff;
	height:25px;
	width:68px;
	position:absolute;
	top:0;
    left:0;
	text-align:center;
	margin-left:-20px;
	margin-top:10px;
}
.ui.container.page-5-1 .page-5-1-listproduct .nofreight .title {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top:2px;	
}

.ui.container.page-5-1 .page-5-1-listproduct .remove {
	background: #000;
	color:#fff;
	height:25px;
	width:48px;
	position:absolute;
	top:0;
    right:0;
	margin-right:10px;
	margin-top:10px;
	text-align:center;
	cursor:pointer;
}
.ui.container.page-5-1 .page-5-1-listproduct .remove  .title {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top:2px;	
}

.ui.container.page-5-1 .page-5-1-listproduct .content .tag {
    position:relative;
    margin-top:5px;
    font-size: 14px;
    color: #BBBBBB;
}
.ui.container.page-5-1 .page-5-1-listproduct .content .header {
	font-size: 18px;
	color: #333333;
	line-height: 25px;
	padding-top:10px;
}

.ui.container.page-5-1 .page-5-1-listproduct .content .price {
	display:inline-block;
	padding:0px;
	padding-right:10px;
	margin:0px;
	float:none;
	text-align:left;
	font-size: 14px;
	line-height: 16px;
    color: #333333;
}
.ui.container.page-5-1 .page-5-1-listproduct .content .orgprice {
	display:inline-block;
	vertical-align:top;
    font-size: 12px;
	line-height: 16px;
	padding:0px;
	padding-top:2px;
	margin:0px;
    color: #DEDEDE;
	float:none;
	text-align:left;
    letter-spacing: 0;
    
}

@media screen and (max-width:991px) {
	
	.page-5-1.content .left {
		width:100%;
		padding-right:0px;
	}

	.page-5-1.content .right {
		width:100%;
		height:auto;
	}
	
	.ui.container.page-5-1.inpage-5-2 .titlebox {
	    height:100px;
    }

	.ui.container.page-5-1.inpage-5-2 .titlebox .sortbox {
		display:block;
		float:left;
		width:auto;
		margin-top:35px;
		margin-bottom:40px;
    }
    .ui.container.page-5-1 .page-5-1-listproduct  {
        position:none;
    }
	.ui.container.page-5-1 .page-5-1-listproduct .image {
        border: none;
	    width:100%;
        height: 250px;
    }
    .ui.container.page-5-1 .page-5-1-listproduct .image img {
	    width:100%;
        height: auto !important;
    }
}

.Floating-window {
	padding-top:20px;
	position: fixed;
	z-index:9999;
    top:40%; /*距離上方的位置*/
    right: 1em;
	width:80px;
	height:220px;
	text-align:center;
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	background-color:#fff;
}
.Floating-window .line {
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	width:60px;
	height:1px;
	background-color: #ccc;	
}
.Floating-window svg {
	font-size: 36px;
	height:50px;
	cursor:pointer;
}
.Floating-window svg path {
	fill:#000000;
}

.Floating-window .title {
	cursor:pointer;
}

.Floating-window-mobile {
	display:none;
	position: fixed;
	z-index:9999;
    bottom:0px; /*距離上方的位置*/
	width:100%;
	height:40px;
	text-align:center;
	font-size: 20px;
	color: #4A4A4A;	
	letter-spacing: 0;
	background-color:#fff;
	border:1px solid;
}
.Floating-window-mobile .title {
	display:inline-block;
	width:49%;
	cursor:pointer;
	line-height:30px;
	padding:5px;
	border-right:1px solid;	
}
.Floating-window-mobile .title:last-child {
	border-right:none;	
}
	
@media screen and (max-width:991px) {
	
	
    .Floating-window {
		display:none;
	}
	.Floating-window-mobile {
		display:block;
	}
	
	
}


.page-5-3-1.content {
	width:100%;
	margin-top:30px;
}

.page-5-3-1.content img {
	width:100%;
	height:auto;
}

.page-5-3-1.content .left {
	display:inline-block;
	width:50%;
}

.page-5-3-1.content .product-essential {
	margin-bottom: 30px;
}
	
.page-5-3-1.content .product-img-box {
	
}
.page-5-3-1.content .product-img-box img {
	width: 100%;
	height: auto;
	max-height:600px;
}
.page-5-3-1.content .product-img-box .product-img-wrapper {
	padding: 3px;
	border: 1px solid #DEDEDE;
	border-radius: 6.99px;	
	height:auto;
	overflow:hidden;
}

.page-5-3-1.content .product-img-box .owl-carousel {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.page-5-3-1.content .product-img-box {
		margin-bottom: 25px;
	}
}

.page-5-3-1.content .zoomContainer {
	z-index: 49;
}

.page-5-3-1.content .product-img-box-wrapper {
	position: relative;
	margin-bottom: 20px;
	padding-left:0px;
	height:530px;
	overflow:hidden;
	border: 1px solid #DEDEDE;
}
.page-5-3-1.content .product-img-box-wrapper img {
	width:100%;
	height:auto;
	max-height:600px;
}



.page-5-3-1.content .tab {
    width:100%;
	border-bottom:1px solid #ccc;
    margin-top:20px;	
}
.page-5-3-1.content .tab .tab_child {
    display:inline-block;	
	font-size: 16px;
	color: #4A4A4A;
	text-align: center;
	padding-top:15px;
	line-height: 20px;
	width:120px;
	height:55px;
	cursor:pointer;
}
.page-5-3-1.content .tab .tab_child.active {
    color: #E38181;
	padding-bottom:10px;
	border-bottom:2px solid #E38181;
}

.page-5-3-1.content .content {
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
    font-size: 18px;
    color: #787878;
    letter-spacing: 0;
    line-height: 29px;
}
.page-5-3-1.content .content .content-product {
	
}
.page-5-3-1.content .content .content-backext {
	display:none;	
}

.page-5-3-1.content .right {
	display:inline-block;
	width:49%;
	vertical-align:top;
	padding-left:10px;
}

.page-5-3-1.content .category {
	width:100%;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
.page-5-3-1.content .category .text {
	display:inline-block;
}
.page-5-3-1.content .category .text.color {
	color: #E38181;
}
.page-5-3-1.content .category .button {
    font-size: 12px;
    color: #000000;
    letter-spacing: 0.75px;
    text-align: center;
	background: #FFFFFF;
	border: 1px solid #B7B7B7;
	border-radius: 2px;
	width:120px;
	height:32px;
	padding-top:3px;
}
.page-5-3-1.content .category2 {
	width:100%;
	font-size: 12px;
	color: #787878;
	letter-spacing: 0;
	text-align: right;
	line-height: 16px;
	float:right;
}
.page-5-3-1.content .category3 {
	width:100%;
	font-size: 18px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
}
.page-5-3-1.content .item-name {
	margin-top:10px;
	padding-bottom:20px;
}
.page-5-3-1.content .item-name .notice {
	display:inline-block;
	height:25px;
	width:45px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top:3px;
}
.page-5-3-1.content .item-name .notice.hot {
	background: #A62133;
}
.page-5-3-1.content .item-name .title {
	display:inline-block;
	color:#4a4a4a;
	font-size: 36px;
	line-height:38px;
	color: #000000;
	letter-spacing: 0;
	padding-top:10px;
	padding-left:5px;
}
.page-5-3-1.content .item-price {
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	text-align: left;
}
.page-5-3-1.content .item-price .org {
	display:inline-block;
	font-size: 16px;
	color: #DEDEDE;
	letter-spacing: 0;
	line-height: 28px;
	text-decoration:line-through;
	float:left;
	padding-top:5px;
}
.page-5-3-1.content .item-price .now {
	display:inline-block;
	text-decoration:none;
	vertical-align:top;
	font-size: 22px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
	padding-left:10px;
}
.page-5-3-1.content .item-price .marketing {
	display:block;
	text-decoration:none;
	vertical-align:top;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
	padding-left:10px;
}
.page-5-3-1.content .item-price .spec {
	display:inline-block;
	vertical-align:top;
	font-size: 13px;
	color: #A62133;
	letter-spacing: 0;
	text-align: right;
	float:right;
}
.page-5-3-1.content select {
	background: #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 4px;
    width:290px;
	height:36px;
	float:right;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	margin-top:10px;
	padding-left:10px;
}

.page-5-3-1.content .item-qty {	
	float:right;
	height:42px;
	margin-top:10px;
}

.page-5-3-1.content .item-qty .label {
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	height:42px;
	padding-top: 10px;
	vertical-align:middle;
}

.page-5-3-1.content .handle-counter { 
    display:inline-block;
    width:290px;
    height:41px;
    margin-top:0px;
    margin-left:10px;	
	vertical-align:middle;
}

.page-5-3-1.content .handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {    
    text-align: center;
	float:left;
}

.page-5-3-1.content .handle-counter .counter-minus,  .handle-counter .counter-plus { text-align: center; }

.page-5-3-1.content .handle-counter input {
    width: 210px;
    height:41px;
    border-width: 1px;
    border-left: none;
    border-right: none;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	border-bottom:1px solid #BBBBBB;
}
.page-5-3-1.content .btn {
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px 0 0 4px;
    outline:none;
	width: 40px;
    height:41px;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	cursor:pointer;
}
.page-5-3-1.content .btn.plus{
    border-radius: 0 4px 4px 0;
}

.page-5-3-1.content .addwish {
    cursor:pointer;
}

.page-5-3-1.content .btn:disabled, .btn:disabled:hover,.btn2:disabled, .btn2:disabled:hover {
    background-color: darkgrey;
    cursor: not-allowed;
}

.page-5-3-1.content .btn-primary { background-color: #fff; }

.page-5-3-1.content .btn-primary:hover, .btn-primary:focus {  }

.page-5-3-1.content .category4 {
	margin-top:10px;
	width:100%;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	text-align: right;
	line-height: 24px;
	float:right;
}

.page-5-3-1.content .item-price {
	width:100%;
	float:right;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	text-align: right;
	line-height: 24px;
}
.page-5-3-1.content .item-price2 {
	width:100%;
	float:right;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	text-align: right;
	line-height: 24px;
	margin-top:10px;
}
.page-5-3-1.content .item-price2 .now{
	display:inline-block;
	font-size: 36px;
	color: #A62133;
	letter-spacing: 0;
	text-align: right;
}

.page-5-3-1.content .add-cart { 
    float:right;
    width:290px;
    height:55px;
    margin-top:10px;
    background: #E38181;
    border: 1px solid #A62133;
    border-radius: 2px;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	padding-top:15px;
	cursor:pointer;
}

.page-5-3-1.content .remark {
	width:100%;
	float:right;
	margin-top:10px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.page-5-3-1.content .share {
	margin-top:10px;
	padding-top:0px;
	padding-left:0px;
	text-align:right;
	float:right;
}

.page-5-3-1.content .share .ui.tiny.basic.icon.button.line{
	padding-top:5px !important;
	padding-bottom:5px !important;
	width:38px !important;
}

@media screen and (max-width:991px) {
	
	.page-5-3-1.content .left {
		width:100%;
		margin-bottom:40px;
	}

	.page-5-3-1.content .right {
		width:100%;
	}
	
	.page-5-3-1.content .product-img-box-wrapper {
		height:330px;
	}
	.page-5-3-1.content .product-img-box-wrapper img {
		height:auto;
	}
	
    .page-5-3-1.content select {
        float:left;
	    margin-top:10px;
	    padding-left:0px;
    }
	
	.page-5-3-1.content .item-qty {	
	    width:100%;		
	    margin-bottom:20px;
    }

	.page-5-3-1.content .item-qty .label {
	    width:100%;
    }
	.page-5-3-1.content .handle-counter { 
        width:100%;
        margin-left:0px;
    }
	.page-5-3-1.content .category4 {
	    text-align: left;
	    float:left;
    }
	.page-5-3-1.content .item-price2 {
	    float:left;
	    text-align: left;
	}
	.page-5-3-1.content .add-cart { 
        float:left;
        width:100%;
    }

}

.page-5-4.content2 {
	display:block;
	width:100%;
	margin-top:30px;
}

#ticket-5-4 {
	display:table;
	width:100%;
	margin-top:30px;
	font-size:16px;
	border-collapse: collapse;
	color: #333;
}

#ticket-5-4 .group {display: table-row-group; }

#ticket-5-4 .css_tr{
	display:table-row;
	border-bottom:1px solid #ccc;
	height:50px;
}

#ticket-5-4 .css_tr:first-child{
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	text-align: center;
}
#ticket-5-4 .css_tr.web_label {
	
}
#ticket-5-4 .css_tr.nobottomline {
	border-bottom:none;
}

#ticket-5-4 .css_td{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
#ticket-5-4 .css_td.left{
	text-align:left;
	padding-right:0px;
}
#ticket-5-4 .css_td.right{
	text-align:right;
	padding-right:10px;
}

#ticket-5-4 .css_td.price{
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}

#ticket-5-4 img {
	width:90px;
	height:90px;	
}
#ticket-5-4 .item-name{
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
}
#ticket-5-4 .doc{
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
#ticket-5-4 .doc a{
	text-decoration:none;
	cursor:pointer;
}

#ticket-5-4 .freight {
	display: table-caption; 
	caption-side: bottom;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	padding-top:10px;
	padding-right:43px;
	text-align: right;
	line-height: 30px;
	text-align: right;
	width:100%;
}

#ticket-5-4 .total-label {
	display: table-caption; 
	caption-side: bottom;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	padding-top:10px;
	padding-right:40px;
	line-height: 24px;
	text-align: right;
	width:100%;
}

#ticket-5-4 .total{
	display:inline-block;
	font-size: 36px;
	color: #E38181;
	letter-spacing: 0;
	padding-left:10px;
}

#ticket-5-4 .css_td .del{
	width:25px;
	height:25px;
	border: 1px solid #B7B7B7;
    border-radius: 2px;
	margin-left:10px;
	padding-top:3px;
	text-align:center;
	cursor:pointer;
}
#ticket-5-4 .css_td .mobile_label {
	display:none;	
}

@media screen and (max-width:991px) {

	#ticket-5-4 .css_td{
	    display:block;
	    text-align:left;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
    }
	#ticket-5-4 img {
	    width:100%;
	    height:250px;	
    }
    #ticket-5-4 .item-name{
	    font-size: 16px;
		padding-left:0px;
    }
	#ticket-5-4 .css_td.price{
	    text-align:left;
		width:100%;
    }
	#ticket-5-4 .doc{
	    padding-left:0px;
	    padding-right:0px;
    }

	#ticket-5-4 .css_td .mobile_label {
	    display:inline-block;
        font-size: 16px;
	    color: #787878;
	    letter-spacing: 0;
	    line-height: 24px;		
    }
	#ticket-5-4 .css_tr.web_label {
	    display:none;
    }
	#ticket-5-4 .css_td.web_label {
		display:none;
	}
	#ticket-5-4 .css_td .del{
	    display:inline-block;
		margin-left:0px;
	}

    #ticket-5-4 .freight {
	    padding-top:10px;
	    padding-right:0px;
    }
    #ticket-5-4 .total-label {
	    padding-top:10px;
	    padding-right:0px;
    }

}
	
.page-5-4.content2 .backhome {
    width:100%;
	text-align:center;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	margin-top:20px;
}

.page-5-4.content2 .backhome .button-5-4{
    background: #E38181;
    border: 1px solid #A62133;
    border-radius: 2px;
    color: #fff;
	width:290px;
	height:55px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
    margin: 15px 0px;
	padding:15px 10px;	
	cursor:pointer;
}

.page-5-4.content2 .notice {
    width:50%;
	background: #FFFFFF;
	border: 1px solid #9B9B9B;
	border-radius: 3px;
	color:#787878;
	font-size:14px;
	line-height:22px;
	text-align:left;
	margin-top:30px;
	padding:40px 40px;
}
.page-5-4.content2 .notice .title{
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
	font-size: 16px;
	color: #4A4A4A;
	letter-spacing: 0;
}
.page-5-4.content2 .notice .desc {
	font-size: 12px;
	color: #787878;
	letter-spacing: 0;
	line-height: 20px;
}

.page-5-4.content2 .handle-counter { 
    overflow: hidden;
	margin:0 auto;
	width:160px;
}

.page-5-4.content2 .handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {
    text-align: center;
	float:left;
}

.page-5-4.content2 .handle-counter .counter-minus,  .handle-counter .counter-plus { text-align: center; }

.page-5-4.content2 .handle-counter input {
    width: 80px;
    height:41px;
    border-width: 1px;
    border-left: none;
    border-right: none;
	float:left;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	border-bottom: 1px solid #BBBBBB;
}
.page-5-4.content2 .handle-counter  .in6-5 {
    height:41px;
}

.page-5-4.content2 .btn {
    padding: 6px 12px;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    outline:none;
	border: 1px solid #BBBBBB;
    border-radius: 4px 0 0 4px;
	cursor:pointer;
}
.page-5-4.content2  .counter-plus.btn {
    border-radius: 0 4px 4px 0;
}

.page-5-4.content2 .btn:disabled, .btn:disabled:hover {
    background-color: #fff;
    cursor: not-allowed;
}

.page-5-4.content2 .btn-primary { background-color: #fff; }

.page-5-4.content2 .btn-primary:hover, .btn-primary:focus {  }


@media screen and (max-width:991px) {
	.page-5-4.content2 .notice {
        width:100%;
    }
	.page-5-4.content2 .handle-counter { 
        display:inline-block;
		vertical-align:top;
	}
}

.page-5-6.content2 {
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
    text-align:center;
	margin-top:100px;
	margin-bottom:100px;
}

.page-5-5.content {
	width:100%;
	margin-top:50px;
}

.page-5-5.content .left {
	width:48%;
	display:inline-block;
	margin-right:40px;
}

.page-5-5.content .right {
	width:48%;
	display:inline-block;
	vertical-align:top;
}


.page-5-5.content .header2 {
    font-size: 18px;
    color: #333333;
	font-weight:bold;
    letter-spacing: 0;
    line-height: 28px;
	text-align:left;
	border-left:8px solid #E38181;
	padding-left:20px;
	height:35px;
	margin-top:20px;
}

.page-5-5.content .header3 {
    font-size: 20px;
	height:52px;
	margin-bottom:10px;
	margin-left: 30px;
	text-align:left;
	background: #FFFFFF;
	border: 1px solid #9B9B9B;
	border-radius: 3px;
	font-size: 16px;
	color: #4A4A4A;
	letter-spacing: 0;
	padding:15px 20px;
}

.page-5-5.content .field {
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
}
.page-5-5.content .field.left0 {
	margin-left:0px;
}

.page-5-5.content .invoice_field {
	display:none;
}

.page-5-5.content .field select {
    width:100%;
	height:36px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	margin-top:10px;
	padding-left:10px;
	background: #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 4px;
	border:1px solid;
}

.page-5-5.content .field .label {
	width:100%;
	display:block;
	margin-left: 0px;
	line-height: 24px;
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
}

.page-5-5.content .field .label.left10{
	margin-left: 35px;
}

.page-5-5.content .field .input {
	margin-top:10px;
	padding-left:10px;
	width:100%;
	height:52px;
	background: #FFFFFF;
	border: 1px solid #9B9B9B;
	border-radius: 3px;
	outline:0;
	margin-left: 10px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
.page-5-5.content .field .input.left10 {
	margin-left: 35px;
}

.page-5-5.content .field .input:focus{
	border:solid 2px #A62133;
}

.page-5-5.content .field input[type="radio"] {
	opacity: 0;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
}


.page-5-5.content .field input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.page-5-5.content .field input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #A62133;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.page-5-5.content .field input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #A62133 inset,-.5rem -.5rem 0 #A62133 inset; 
}
.page-5-5.content .field label {
	display: inline-block;
	cursor: pointer;
	padding: 0 .5rem ;
	margin-left: 10px;
	font-size:16px;
}



.page-5-5.content .container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
	margin-left:30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
	
}
.page-5-5.content .container.radio2 {
	float:right;
	width:100px;
}
.page-5-5.content .container.radio3 {
	float:right;
	width:150px;
}

/* Hide the browser's default checkbox */
.page-5-5.content .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.page-5-5.content .container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
	border: 2px solid #eee;
}

/* On mouse-over, add a grey background color */
.page-5-5.content .container:hover input ~ .checkmark {
    background-color: #A62133;
}

/* When the checkbox is checked, add a blue background */
.page-5-5.content .container input:checked ~ .checkmark {
    background-color: #fff;
	border: 2px solid #A62133;
	border-radius: 4px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.page-5-5.content .container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.page-5-5.content .container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.page-5-5.content .container .checkmark:after {
    left: 7px;
    top: 4px;
    width: 7px;
    height: 10px;
    border: solid #A62133;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#ticket-5-5 {
	display:table;
	width:100%;
	margin-top:30px;
	font-size:16px;
	border-collapse: collapse;
	color: #333;
}

#ticket-5-5 .css_tr{
	display:table-row;
	border-bottom:1px solid #ccc;
	height:50px;
}
#ticket-5-5 .css_tr:first-child{
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	text-align: center;	
}
#ticket-5-5 .css_tr.nobottomline {
	border-bottom:none;
}

#ticket-5-5 .group {display: table-row-group; }

#ticket-5-5  .caption {
	caption-side: bottom; 
	display: table-caption; 
	text-align: right; 
	padding-top:15px;
	padding-bottom:15px;
}

#ticket-5-5 .css_td{
	display:table-cell;
	vertical-align: top;
	white-space: nowrap;
	text-align:center;
	width:15%;
	padding-top:15px;
	padding-bottom:15px;
}
#ticket-5-5 .css_td:first-child{
	width:40%;
}

#ticket-5-5 .css_td.left{
	text-align:left;
}
#ticket-5-5 .css_td.right{
	text-align:right;
}

#ticket-5-5 .css_td.price{
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;	
	padding-left:10px;
}
#ticket-5-5 .css_td.qty{
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	padding-left:10px;
}

#ticket-5-5 img {
	width:90px;
	height:90px;	
}
#ticket-5-5 .item-name{
	display:inline-block;
	vertical-align:top;
	padding-left:0px;
	font-size: 20px;
	line-height:25px;
	color: #333333;
	letter-spacing: 0;
	max-width:330px;
	overflow-x:hidden;
	overflow-y:hidden;
	height:30px;
}
#ticket-5-5 .doc{
	display:block;
	vertical-align:top;
	margin-top:10px;
	padding-left:0px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
#ticket-5-5 .doc a{
	text-decoration:none;
}

#ticket-5-5  .freight {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	text-align: right;
	line-height: 24px;
}

#ticket-5-5  .total-label {
	display:inline-block;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
#ticket-5-5  .total{
	display:inline-block;
	font-size: 36px;
	color: #E38181;
	letter-spacing: 0;
	padding-left:10px;
}

@media screen and (max-width:991px) {
	
	.page-5-5.content .left {
		width:100%;
		padding-right:0px;
	}

	.page-5-5.content .right {
		width:100%;
		height:auto;
	}
    #ticket-5-5 .css_td{
	    display:inline-block;
		text-align:left;
		width:33%;
	}	
	#ticket-5-5 .css_td:first-child{
	    display:block;
		width:100%;
	}	
	
	#ticket-5-5 .css_td.right.price {
	    text-align:right;
    }
	#ticket-5-5 .css_td.right.qty {
	    text-align:right;
    }
	#ticket-5-5  .total{
	    font-size: 26px;
    }
}


.page-2-3-1.content2 {
	width:100%;
	display:block;	
	margin-top:20px;
	border:1px solid #ccc;
	border-radius: 8px;
	overflow:hidden;
	padding:0px;
	height:240px;
}
.page-2-3-1.content2 .left {
	width:50%;
	display:inline-block;
	height:240px;
	padding:20px;
}

.page-2-3-1.content2 .right {
	width:49%;
	float:right;
	display:inline-block;	
	height:262px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	border:1px solid #ccc;
	border-radius: 12 0 0 12;
	overflow:hidden;
	vertical-align:top;
	position:relative;
}


.page-2-3-1.content2 .right .image {
    width:100%;
	height:101%;	
}
.page-2-3-1.content2 .right .image img{
    width:100%;
	height:100%;
}

.page-2-3-1.content2  .right .remove {
	background: #000;
	color:#fff;
	height:25px;
	width:48px;
	position:absolute;
	top:0;
    right:0;
	margin-top:10px;
	margin-right:10px;
	text-align:center;
	cursor:pointer;
}
.page-2-3-1.content2 .right .remove  .title {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top:2px;	
}

.page-2-3-1.content2 .header-above {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}

.page-2-3-1.content2 .header {
    font-size: 25px;
    color: #4a4a4a;
    letter-spacing: 0;
	width:364px;
	padding-top:10px;
	text-align:left;
	line-height:30px;
}

.page-2-3-1.content2 .date {
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
	padding-top:10px;
	line-height:20px;
}

.page-2-3-1.content2 .price {
	margin-top:20px;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
	display:inline-block;
}

.page-2-3-1.content2 .price.num {
    font-size: 24px;
    color: #E38181;
    letter-spacing: 0;
    line-height: 24px;
	padding-left:10px;
	display:inline-block;
}

.page-2-3-1.content2 .price.qty {
    display:inline-block;
	vertical-align:top;
    font-size: 24px;
    color: #E38181;
    letter-spacing: 0;
    line-height: 24px;
	padding-left:0px;
	padding-right:10px;
	float:right;
}

.page-2-3-1.content2 .price.qty .label{
	margin-top:0px;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
	display:inline-block;
}

.page-2-3-1.content2 .desc {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 20px;
	padding-top:10px;
}

@media screen and (max-width:991px) {
	
	.page-2-3-1.content .meta {
        margin-right:0px;
	    margin-top:20px;
		text-align:center;
    }

	.page-2-3-1.content .left {
		width:100%;
		padding-right:0px;
	}

	.page-2-3-1.content .right {
		width:100%;
		height:auto;
	}
	.page-2-3-1.content2 {
	    overflow:none;
	    height:auto;
    }
	.page-2-3-1.content2 .left {
	    width:100%;
	    display:block;
	    height:auto;
	    padding:20px;
		position:none;
    }

    .page-2-3-1.content2 .right {
	    width:100%;
	    float:none;
	    display:block;	
	    height:auto;
	    margin-top:0px;
	    margin-left:0px;
	    padding:0px;
	    vertical-align:none;
	    position:none;
    }

	.page-2-3-1.content2 .header {
        font-size: 20px;
	    width:100%;
    }
	
	.page-2-3-1.content .meta .line {
        width:50px;
    }
}


#ticket-2-6-1 {
	display:table;
	width:100%;
	margin-top:10px;
	font-size:16px;
	border-collapse: collapse;
	color: #333;
}

#ticket-2-6-1 .css_tr{
	display:table-row;
	border-bottom:1px solid #ccc;
	height:50px;
}

#ticket-2-6-1 .css_tr.web_label {
	
}

#ticket-2-6-1 .css_td{
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
}
#ticket-2-6-1 .css_td.center{
	text-align:center;
}
#ticket-2-6-1 .css_td.right{
	text-align:right;
}

#ticket-2-6-1 .css_td .mobile_label {
	display:none;	
}

#ticket-2-6-1 .date {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
}
#ticket-2-6-1 .status {
    width:60px;
	height:25px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top:3px;
}
#ticket-2-6-1 .status.black {
    background: #333333;
}
#ticket-2-6-1 .status.green {
    background: #9CBCA5;
}
#ticket-2-6-1 .status.red {
    background: #A62133;
}
#ticket-2-6-1 .status.grey {
    background: #BBBBBB;
}
#ticket-2-6-1 .status.yellow {
    background: #E3BF81;
}

#ticket-2-6-1 .order {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
}
#ticket-2-6-1 .item-name {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
}
#ticket-2-6-1 .item-time {
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
}

#ticket-2-6-1 .amount {
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0;
    text-align: right;
}
#ticket-2-6-1 .detail {
    width:59px;
	height:27px;
    background: #FFFFFF;
    border: 1px solid #B7B7B7;
    border-radius: 2px;
    font-size: 12px;
    color: #000000;
    letter-spacing: 0.75px;
    text-align: center;
	float:right;
	padding-top:3px;
	cursor:pointer;
}
#ticket-2-6-1 .detail a{
    text-decoration:none;
}

@media screen and (max-width:991px) {

	#ticket-2-6-1 .css_td{
	    display:block;
	    text-align:left;
		padding-top:5px;
		padding-bottom:5px;
    }
	#ticket-2-6-1 .css_td .mobile_label {
	    display:inline-block;
        font-size: 16px;
	    color: #787878;
	    letter-spacing: 0;
	    line-height: 24px;		
    }
	#ticket-2-6-1 .css_tr.web_label {
	    display:none;
    }
	#ticket-2-6-1 .css_td.web_label {
		display:none;
    }
    #ticket-2-6-1 .amount {
        text-align: left;
    }
	#ticket-2-6-1 .detail {
	    float:none;
    }
	
}


.content-2-6-2-1 {
	width:70%;
	padding-top:100px;
}

.content-2-6-2-1 .header {
	font-size:45px;
	margin-top:0px;
	margin-bottom:20px;
	display:inline-block;
    width:100%;
}

.content-2-6-2-1 .detail-header {
    margin-top:40px;
    border-left:5px solid #E38181;
	padding-left:15px;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	line-height: 28px;
}

#ticket-2-6-2-1 {
	display: table;
    width: 100%;
	border-collapse: collapse;
	margin-top:10px;
	font-size:16px;
	color: #333; 
}

#ticket-2-6-2-1 .css_tr {
	display:table-row;
	border-bottom:1px solid #ccc;
	height:50px;
}
#ticket-2-6-2-1 .css_tr.no_bottom_line {
    border:none;
}
 
#ticket-2-6-2-1 .css_tr.web_label {
	
}

#ticket-2-6-2-1 .css_td{
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
}
#ticket-2-6-2-1 .css_td.center{
	text-align:center;
}
#ticket-2-6-2-1 .css_td.right{
	text-align:right;
}
#ticket-2-6-2-1 .css_td.top{
	vertical-align: top;
}

#ticket-2-6-2-1 .css_td .mobile_label {
	display:none;	
}

#ticket-2-6-2-1 .status {
    width:60px;
	height:25px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top:3px;
	display:inline-block;
}
#ticket-2-6-2-1 .status.black {
    background: #333333;
}
#ticket-2-6-2-1 .status.green {
    background: #9CBCA5;
}
#ticket-2-6-2-1 .status.red {
    background: #A62133;
}
#ticket-2-6-2-1 .status.grey {
    background: #CCCCCC;
}
#ticket-2-6-2-1 .status.yellow {
    background: #E3BF81;
}

#ticket-2-6-2-1 .order {
    display:inline-block;
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
	padding-left:10px;
}
#ticket-2-6-2-1 .item-name {
    font-size: 18px;
    color: #787878;
    letter-spacing: 0;
    line-height: 28px;
	padding-left:10px;
}
#ticket-2-6-2-1 .item-name2 {
    display:inline-block;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
}
#ticket-2-6-2-1 .price {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
	text-align:right;
}
#ticket-2-6-2-1 .disc-label {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    text-align: right;
}
#ticket-2-6-2-1 .disc {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
}
#ticket-2-6-2-1 .total {
    font-size: 20px;
    color: #A62133;
    letter-spacing: 0;
    text-align: right;
}

#ticket-2-6-2-1 .button_back {
    margin-top:20px;
    background: #E38181;
    border: 1px solid #A62133;
    border-radius: 2px;
	font-size: 12px;
	color: #F3F3F3;
	letter-spacing: 0.75px;
	max-width:100px;
	text-align: center;
	cursor:pointer;
}

#ticket-2-6-2-1 .payinfo_label {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
}
#ticket-2-6-2-1 .payinfo_content {
	margin-top:10px;
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 0;
	margin-bottom:10px;
}
#ticket-2-6-2-1 .payinfo_content2 {
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 0;
}

#ticket-2-6-2-1 .recinfo_label {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
	margin-top:20px;
}
#ticket-2-6-2-1 .recinfo_content {
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 0;
	margin-top:10px;
}

@media screen and (max-width:991px) {
	
	.content-2-6-2-1 {
	    width:100%;
    }

	#ticket-2-6-2-1 .css_td{
	    display:block;
	    text-align:left;
		padding-top:5px;
		padding-bottom:5px;
    }
	#ticket-2-6-2-1 .css_td .mobile_label {
	    display:inline-block;
        font-size: 16px;
	    color: #787878;
	    letter-spacing: 0;
	    line-height: 24px;		
    }
	#ticket-2-6-2-1 .css_tr.web_label {
	    display:none;
    }
	#ticket-2-6-2-1 .css_td.web_label {
		display:none;
    }
	#ticket-2-6-2-1 .order {
	    padding-left:0px;
	}
	#ticket-2-6-2-1 .item-name {
	    padding-left:0px;
	}

	#ticket-2-6-2-1 .price {
        display:inline-block;
	    text-align:left;
    }
	#ticket-2-6-2-1 .disc-label {
        text-align:left;
    }
    #ticket-2-6-2-1 .disc {
        display:inline-block;
	    text-align:left;
    }
	#ticket-2-6-2-1 .total {
        display:inline-block;
	    text-align:left;
    }
	#ticket-2-6-2-1 .button_back {
        width:100px;
    }

}

.ui.container.page-8-2-1  .header-top {
    margin-top:30px;
	margin-bottom:30px;
    font-size: 36px;
    color: #787878;
}

.ui.container.page-8-2-2  .header {
    margin-top:30px;
	margin-bottom:30px;
    font-size: 36px;
    color: #787878;
}

.ui.container.page-8-2-2  .header {
    margin-top:30px;
	margin-bottom:30px;
    font-size: 36px;
    color: #787878;
}
.ui.container.page-8-2-2  .image {
    width:100%;
	height:auto;
	max-height:675px;
	margin-bottom:50px;
}
.ui.container.page-8-2-2  .image img{
    width:100%;
	height:auto;
	max-height:675px;
}
.ui.container.page-8-2-2  .left {
    width:70%;
	display:inline-block;
	vertical-align:top;
}
.ui.container.page-8-2-2  .right{
    width:29%;
	display:inline-block;
	vertical-align:top;
}

.ui.container.page-8-2-2  .left.half {
    width:49%;
    display:inline-block;
	margin-top:50px;
}
.ui.container.page-8-2-2  .right.half {
    width:49%;
	display:inline-block;
	vertical-align:top;
	margin-top:40px;
}

.ui.container.page-8-2-2 .header-rcp {
    border-left:5px solid #E38181;
	padding-left:15px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    line-height: 28px;
}

.ui.container.page-8-2-2  .item-title {
    font-size: 24px;
    color: #787878;
    letter-spacing: 0;
}
.ui.container.page-8-2-2  .item-content {
    margin-top:30px;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 27px;
}
.ui.container.page-8-2-2  .item-content-gift-image {
	display:inline-block;
    margin-top:10px;
	width:300px;
    height:auto;
    max-height:300px;
}
.ui.container.page-8-2-2  .item-content-gift-image img{
	height:100%;
	width:100%;
	max-height:300px;
}

.ui.container.page-8-2-2  .item-content-gift-text {
	display:inline-block;
	height:70px;	
    margin-top:30px;
    font-size: 20px;	
    color: #E38181;
    letter-spacing: 0;
    line-height: 27px;
	white-space: pre-wrap;
	padding:0px 10px;
	vertical-align:top;
}

.ui.container.page-8-2-2  .otherpayment-box {
    padding:20px 20px;
    border: 1px solid #787878;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 27px;
}
.ui.container.page-8-2-2  .otherpayment-box .title {
	font-size: 22px;
	font-weight:bold;
	padding-bottom:20px;
}

.ui.container.page-8-2-2 .field {
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
}

.ui.container.page-8-2-2 .field .label {
	width:100%;
	display:block;
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
}

.ui.container.page-8-2-2 .field .input {
	margin-top:10px;
	font-size:20px;
	padding-left:10px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
	outline:0;	
	background: #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 4px;
}
.ui.container.page-8-2-2 .field .input.pay {
    display:inline-block;
	width:70px;
	margin-left:10px;
}

.ui.container.page-8-2-2 .field .input:focus{
	border:solid 2px #D2D069;
}

.ui.container.page-8-2-2 .field .label .star {
	color:#E23900;
	display: inline-block;
	margin-top:0px;
	margin-right:5px;
}

.ui.container.page-8-2-2 .field input[type="radio"] {
	opacity: 0;
	margin-top:0px;
	width:100%;
}

.ui.container.page-8-2-2 .field .label-radio {
	margin-left: 40px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
.ui.container.page-8-2-2 .field .label-radio2 {
	margin-left: 10px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}
.ui.container.page-8-2-2 .field .label.forradio {
	margin-left: 10px;
	margin-top:10px;
}
.ui.container.page-8-2-2 .field .input.forradio {
    margin-left: 10px;
}

.ui.container.page-8-2-2 .field .radio-box {
	vertical-align:middle;
	display:inline-block;
}
.ui.container.page-8-2-2 .field .radio-box .desc{
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	margin-left:30px;
}
.ui.container.page-8-2-2 .field .radio-box .continue_month {
    margin-left:30px;
	margin-top:10px;
}
.ui.container.page-8-2-2 .field .radio-box .continue_month  select {
    margin-left:10px;
	margin-top:10px;
	width:60px;
	height:36px;
	border: 1px solid #BBBBBB;
	border-radius: 4px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	padding-left:10px;
}
.ui.container.page-8-2-2 .field .radio-box .xx  select {
    margin-left:10px;
    width:60px;
    height:36px;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    padding-left:10px;
    width: auto;
}

.ui.container.page-8-2-2 .field input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: 10px;
}
.ui.container.page-8-2-2 .field input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #e38181;
	border-radius: 50%;
	position: absolute;
	margin-left:10px;
}
.ui.container.page-8-2-2 .field input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #e38181 inset,-.5rem -.5rem 0 #e38181 inset; 
}

.ui.container.page-8-2-2 .button_send {
    width:190px;
	height:55px;
	margin-top:50px;
	background: #E38181;
	border: 1px solid #A62133;
	border-radius: 2px;
	font-size: 20px;
	padding-top:15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	cursor:pointer;
}

@media screen and (max-width:991px) {
	
	.ui.container.page-8-2-2  .image {
        height:auto;
	    max-height:675px;
		margin-bottom:20px;
    }
    .ui.container.page-8-2-2  .left {
        width:100%;
    }
    .ui.container.page-8-2-2  .right{
        width:100%;
    }
	.ui.container.page-8-2-2  .left.half {
		margin-top:0px;
        width:100%;
    }
    .ui.container.page-8-2-2  .right.half {
        width:100%;
    }
	.ui.container.page-8-2-2 .button_send {
	    margin-top:20px;
		margin-bottom:40px;
    }
	.ui.container.page-8-2-2  .item-title {
        line-height:1.2em;
    }
	.ui.container.page-8-2-2  .item-content {
		line-height:50px;
    }
    .ui.container.page-8-2-2  .item-content-gift-text {
	    display:block;
	    height:70px;
		width:100%;
		margin-top:10px;
	    padding:0px 0px;
    }
}

.ui.container.page-9-10  .header-top {
    margin-top:30px;
	margin-bottom:30px;
    font-size: 36px;
    color: #787878;
}

.ui.container.page-9-10  .content {
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px;
}

#ticket-6-5 {
	display:table;
	width:100%;
	margin-top:30px;
	font-size:16px;
	border-collapse: collapse;
	color: #333;
}

#ticket-6-5 .css_tr{
	display:table-row;
	border-bottom:1px solid #ccc;
	height:50px;
}

#ticket-6-5 .css_tr:first-child{
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	text-align: center;
}
#ticket-6-5 .css_tr.web_label {
	
}
#ticket-6-5 .css_tr.nobottomline {
	border-bottom:none;
}

#ticket-6-5 .css_td{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	width:24%;
}
#ticket-6-5 .css_td.left{
	text-align:left;
}
#ticket-6-5 .css_td.right{
	text-align:right;
}

#ticket-6-5 .css_td.price{
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
}

#ticket-6-5 img {
	width:90px;
	height:90px;	
}
#ticket-6-5 .item-name{
	display:inline-block;
	vertical-align:top;
	padding-left:0px;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
}
#ticket-6-5 .doc{
	display:inline-block;
	width:100%;
	vertical-align:top;
	margin-top:10px;
	padding-left:0px;
	font-size: 16px;
	color: #E38181;
	letter-spacing: 0;
	line-height: 24px;
}
#ticket-6-5 .doc a{
	text-decoration:none;
	cursor:pointer;
}

#ticket-6-5 .noticket {
	font-size: 20px;
	color: #ccc;
}


#ticket-6-5 .css_td.freight {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	text-align: right;
	line-height: 24px;
	text-align: right;
}

#ticket-6-5 .css_td.total-label {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	text-align: right;
}
#ticket-6-5 .css_td .total{
	display:inline-block;
	font-size: 36px;
	color: #E38181;
	letter-spacing: 0;
	padding-left:10px;
}
#ticket-6-5 .css_td .del{
	width:25px;
	height:25px;
	border: 1px solid #B7B7B7;
    border-radius: 2px;
	margin-left:10px;
	padding-top:3px;
	text-align:center;
	cursor:pointer;
}
#ticket-6-5 .css_td .mobile_label {
	display:none;	
}

@media screen and (max-width:991px) {

	#ticket-6-5 .css_td{
	    display:block;
	    text-align:left;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
    }
	#ticket-6-5 img {
	    width:100%;
	    height:250px;	
    }
    #ticket-6-5 .item-name{
	    font-size: 16px;
    }
	#ticket-6-5 .doc{
	    font-size: 14px;
    }
	#ticket-6-5 .css_td.price{
	    text-align:left;		
    }
	#ticket-6-5 .css_td .mobile_label {
	    display:inline-block;
        font-size: 16px;
	    color: #787878;
	    letter-spacing: 0;
	    line-height: 24px;		
    }
	#ticket-6-5 .css_tr.web_label {
	    display:none;
    }
	#ticket-6-5 .css_td.web_label {
		display:none;
	}
	#ticket-6-5 .css_td.freight {
		font-size: 16px;
		line-height: 20px;
		text-align:left;
	}

	#ticket-6-5 .css_td.total-label {
		font-size: 16px;
		text-align: left;
		line-height: 20px;
		text-align:left;
	}
	#ticket-6-5 .css_td .total{
		font-size: 26px;
		padding-left:10px;
	}

}


.ui.container .container-9-9 {
}

.ui.container .container-9-9 .toptitle {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
	padding-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid rgba(0,0,0,0.12);
	margin-bottom:40px;
}

.ui.container .container-9-9 .box {
	width:100%;
	height:150px;
	font-size: 22px;
	color:#000;	
	background-color:rgba(0,0,0,0.12);
	padding:40px 40px;
}
.ui.container .container-9-9 .box a {
	text-decoration:none;
	color:#39B0DE;
}

.ui.container .container-9-9 .cms {
	margin-top:50px;
	padding-left:70px;
	padding-right:70px;
}

@media screen and (max-width:991px) {
	.ui.container .container-9-9 .cms {
	    padding-left:0px;
	    padding-right:0px;
    }
}

.ui.container .container-9-2 {
}

.ui.container .container-9-2 .toptitle {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
	padding-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid rgba(0,0,0,0.12);
	margin-bottom:40px;
}

.ui.container .container-9-2 .cms {
	padding:40px 40px;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	white-space: pre-wrap;
	border: 1px solid #E3BF81;
}
.ui.container .container-9-2 .cms .title{
	font-size: 20px;
	color: #000000;
	letter-spacing: 0;
	font-weight:bold;
	padding-bottom:20px;
}

@media screen and (max-width:991px) {
	.ui.container .container-9-2 .cms {
	    padding-left:10px;
	    padding-right:10px;
    }
}

.ui.container .container-9-2 .container-input {
	width:80%;
	margin:auto;
	margin-top:30px;
}

.ui.container .container-9-2 .field-50{
	margin-top:10px;
    width:50%;	
}
.ui.container .container-9-2 .field-100{
	margin-top:20px;
    width:100%;	
}
.ui.container .container-9-2 .field-100.send{
	text-align:center;
}

.ui.container .container-9-2 .button {
	display:inline-block;
	border: 1px solid #B7B7B7;
    border-radius: 2px;
	padding:20px 20px;
	background-color: #E38181;
	color: #FFF;
	margin-top:10px;
	font-size:24px;
	width:250px;
	text-align:center;
	cursor:pointer;
	margin-right:30px;
}
.ui.container .container-9-2 .button:last-child {
	margin-right:0px;
}

.ui.container .container-9-2 .button.cancel {
	display:inline-block;
	background-color: #FFF;
	color: #4A4A4A;
}

.ui.container .container-9-2 .field-100 .label {
	display:block;
}

.ui.container .container-9-2 .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
	outline:none;
	margin-top:10px;
	cursor:pointer;
}

.ui.container .container-9-2 .upload-btn-wrapper .btn {
	display: inline-block;
    color: #4A4A4A;
    background-color: white;
    padding: 20px 20px;
    border: 1px solid #B7B7B7;
    border-radius: 2px;
	outline:none;
    font-size: 20px;
    font-weight: bold;
	text-align:center;
	width:250px;
	cursor:pointer;
	vertical-align:top;
}

.ui.container .container-9-2 .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	outline:none;
	cursor:pointer;
}

.ui.container .container-9-2 img {
	display:block;
	width:250px;
	height:auto;
	right:0;
	vertical-align:top;
	margin-top:10px;
	margin-bottom:20px;
}
.ui.container .container-9-2 .label-upload {
	display:block;
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	vertical-align:top;
	margin-top:10px;
}

.ui.container .container-9-2 .field-50.pic{
	display: inline-block;
}

.ui.container .container-9-2 .input {
	margin-top:10px;
	font-size:20px;
	padding-left:10px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
    border:solid 1px #ccc;
    border-radius: 4px;
	outline:0;
	margin-left: 0px;
}

.ui.container .container-9-2 .field-50.pic select {
    font-size: 20px;
	width:100%;
    letter-spacing: 0;
	border: none; /* <-- This thing here */
    border:solid 1px #ccc;
	border-radius: 4px;
	outline:0;
	padding:10px 10px;
	margin-top:10px;
}

.ui.container .container-9-2 .field-50.pic .label {
	width:100%;
	display:block;
	margin-left:0px;
    margin-top:15px;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0;
	
}

.ui.container .container-9-2 .field-100 p {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	width:100%;
}

.ui.container .container-9-2 .field-50.pic .input.textarea{
	height:auto;
}

.ui.container .container-9-2 .field-50.pic .label .star {
	color:#E23900;
	display: inline-block;
	margin-top:0px;
	margin-right:10px;
}


@media screen and (max-width:991px) {
	.ui.container .container-9-2 {
	    width:100%;
    }	
	
	.ui.container .container-9-2 .field-50 {
	    width:100%;
    }

	.ui.container .container-9-2 .container-input {
	    width:100%;
    }

	.ui.container .container-9-2 .field-50.pic2{
	    width:100%;
		margin-left:0px;
    }

	.ui.container .container-9-2 .button {
	    margin-right:0px;
	} 
}


.ui.container .container-9-11 {
}

.ui.container .container-9-11 .toptitle {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
	padding-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid rgba(0,0,0,0.12);
	margin-bottom:40px;
}

.ui.container .container-9-11 .cms {
	width:70%;
	margin:0 auto;
	padding:40px 40px;
	border: 1px solid #E3BF81;
}
.ui.container .container-9-11 .cms .title{
	font-size: 20px;
	line-height: 28px;
	color: #000000;
	letter-spacing: 0;
	margin-bottom:30px;
}
.ui.container .container-9-11 .cms p {
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	line-height: 28px;
	white-space: pre-wrap;
	text-align:left;
}

@media screen and (max-width:991px) {
	.ui.container .container-9-11 .cms {
		width:100%;
		padding:20px 20px;
    }
	.ui.container .container-9-11 .cms p {
		font-size: 14px;
	    line-height: 24px;
	}
}

.ui.container .container-9-11 .container-input {
	width:80%;
	margin:auto;
	margin-top:30px;
}

.ui.container .container-9-11 .field-50{
	margin-top:10px;
    width:50%;	
	margin:0 auto;
}
.ui.container .container-9-11 .field-100{
	margin-top:20px;
    width:100%;	
}
.ui.container .container-9-11 .field-100.send{
	text-align:center;
}

.ui.container .container-9-11 .button {
	display:inline-block;
	border: 1px solid #B7B7B7;
    border-radius: 2px;
	padding:20px 20px;
	background-color: #E38181;
	color: #FFF;
	margin-top:10px;
	font-size:24px;
	width:250px;
	text-align:center;
	cursor:pointer;
	margin-right:30px;
}
.ui.container .container-9-11 .button:last-child {
	margin-right:0px;
}

.ui.container .container-9-11 .button.cancel {
	display:inline-block;
	background-color: #FFF;
	color: #4A4A4A;
}

.ui.container .container-9-11 .field-100 .label {
	display:block;
}

.ui.container .container-9-11 .label-upload {
	display:block;
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	vertical-align:top;
	margin-top:10px;
}

.ui.container .container-9-11 .input {
	margin-top:10px;
	font-size:20px;
	padding-left:10px;
	width:100%;
	height:45px;
	border: none; /* <-- This thing here */
    border:solid 1px #ccc;
    border-radius: 4px;
	outline:0;
	margin-left: 0px;
	margin-bottom:10px;
}

.ui.container .container-9-11 .field-50.pic .input.textarea{
	height:auto;
}
.ui.container .container-9-11 .field-50.pic select {
	width:100%;
	height:45px;
	border:solid 1px #ccc;
    border-radius: 4px;
	margin-bottom:10px;
	font-size:20px;
	padding-left:10px;
}



@media screen and (max-width:991px) {
	.ui.container .container-9-11 {
	    width:100%;
    }	
	
	.ui.container .container-9-11 .field-50 {
	    width:100%;
    }

	.ui.container .container-9-11 .container-input {
	    width:100%;
    }

	.ui.container .container-9-11 .button {
	    margin-right:0px;
	} 
}


.top-9-1 {
	position:relative;
	width:100%;
	height:500px;
	text-align:center;
	background-color:#F2F2F2;
	padding:0px;
	margin:0px;
}
.top-9-1 img {
	width:100%;
	height:100%;
	-webkit-filter: brightness(50%); /* Safari */
    filter: brightness(50%);
}

.top-9-1 .title{
	position:absolute;
	font-size: 60px;
	color: #FFFFFF;
	letter-spacing: 0;
	top:150px;
	left:0;
	right:0;

}
.top-9-1 .text {
	position:absolute;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 34px;
	white-space: pre-wrap;
	top:220px;
    left:0;
	right:0;
}

@media screen and (max-width:991px) {
	.top-9-1 {
	    height:250px;
    }

	.top-9-1 .title{
	    font-size: 30px;
		top:60px;
    }
	.top-9-1 .text {
	    top:110px;
    }
	.top-9-1 img {
	    height:250px;
    }
}

.area-9-1-1 {
	position:relative;
	width:100%;
	background-color:#F2F2F2;
}

.area-9-1-1 .ui.container .title {
	font-size: 36px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 34px;	
	padding-top:100px;
}
.area-9-1-1 .ui.container .title .red {
	display:inline-block;
	color: #E38181;
}

.area-9-1-1 .ui.container .box {
	position:relative;
	width:100%;
	height:452px;
	margin-top:50px;
	padding:0px;
	
}

.area-9-1-1 .ui.container .box img {
	position:absolute;
	z-index:2;
	width:55%;
	height:350px;
	left:0px;
	top:0px;
	padding-top:30px;
}
.area-9-1-1 .ui.container .box .whitebox {
	position:absolute;
	z-index:1;
	width:55%;
	height:100%;
	right:0px;
	background-color:#fff;
}
.area-9-1-1 .ui.container .box .whitebox .text {
	font-size: 18px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
	margin-left:23%;
	padding-right:20px;
	padding-top:100px;
}
.area-9-1-1 .ui.container .box .whitebox .small_title {
	font-size: 20px;
	color: #E38181;
	letter-spacing: 0;
	line-height: 24px;
	margin-left:23%;
	padding-left:10%;
	padding-right:20px;
	padding-top:20px;
	width:300px;
}
.area-9-1-1 .ui.container .box .whitebox .small_title a {
	text-decoration:none;	
}
.area-9-1-1 .ui.container .box .whitebox .small_title .red {
    display:inline-block;	
	color: #FFF;
	background-color: #E38181;
	width:20px;
	margin-top:-5px;
	margin-left:1px;
}

.area-9-1-1 .ui.container .box .whitebox .border {
	border-bottom: 3px solid #E38181;
	width:82px;
	margin-left:23%;
	padding-left:10%;
}
.area-9-1-1 .ui.container .box .whitebox .small_title:last-child {
	display:inline-block;
	padding-top:0px;
	border-bottom: none;
}

@media screen and (max-width:991px) {
	.area-9-1-1 .ui.container .title {
	    font-size: 20px;
		padding-top:50px;
    }
	
	.area-9-1-1 .ui.container .box {
	    height:auto;
	    margin-top:0px;
	
    }
	.area-9-1-1 .ui.container .box img {
		position:relative;
	    width:100%;
		height:auto;
		margin-bottom:0px;
		padding-bottom:0px;
    }
	.area-9-1-1 .ui.container .box .whitebox {
		position:relative;
	    width:100%;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:20px;
    }
	.area-9-1-1 .ui.container .box .whitebox .text {
	    font-size: 14px;
	    line-height: 24px;
	    margin-left:20px;
	    padding-right:20px;
	    padding-top:20px;
    }
	.area-9-1-1 .ui.container .box .whitebox .small_title {
	    margin-left:20px;
	    padding-left:62px;
	    width:100%;
    }
	.area-9-1-1 .ui.container .box .whitebox .small_title .red {
	    margin-top:-6px;
	    margin-left:0px;
    }
	.area-9-1-1 .ui.container .box .whitebox .border {
	    margin-left:20px;
	    padding-left:0px;
    }

}


.area-9-1-2 {
	position:relative;
	width:100%;
	background-color:#F2F2F2;
	padding-top:50px;
	padding-bottom:50px;
}

.area-9-1-2 .ui.container .box {
	position:relative;
	width:100%;
	height:659px;
	padding:0px;
}

.area-9-1-2 .ui.container .box img {
	position:absolute;
	z-index:2;
	width:65%;
	height:400px;
	left:0px;
	bottom:0px;
	padding-top:0px;
	padding-bottom:50px;
}
.area-9-1-2 .ui.container .box .whitebox {
	position:absolute;
	z-index:1;
	width:50%;
	height:100%;
	height:100%;
	right:0px;
	background-color:#E38181;
}

.area-9-1-2 .ui.container .box .whitebox .title {
	font-size: 36px;
	color: #fff;
	letter-spacing: 0;
	text-align: right;
	line-height: 34px;	
	padding-top:50px;
	padding-left:35px;
	padding-right:35px;
}
.area-9-1-2 .ui.container .box .whitebox .title .black {
	display:inline-block;
	color: #000;
	font-weight:bold;
}

.area-9-1-2 .ui.container .box .whitebox .text {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	line-height: 28px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

@media screen and (max-width:991px) {
	
	.area-9-1-2 .ui.container .box {
	    height:auto;
	    margin-top:0px;
	
    }
	.area-9-1-2 .ui.container .box img {
		position:relative;
	    width:100%;
		height:auto;
		margin-bottom:0px;
		padding-bottom:0px;
    }
	.area-9-1-2 .ui.container .box .whitebox {
		position:relative;
	    width:100%;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:20px;
    }
	.area-9-1-2 .ui.container .box .whitebox .title {
	    text-align: center;
	    padding-left:20px;
	    padding-right:20px;
    }
	.area-9-1-2 .ui.container .box .whitebox .text {
	    font-size: 14px;
	    line-height: 24px;
    }
}

.area-9-1-3 {
	position:relative;
	width:100%;
	background-color:#fff;
	padding-bottom:80px;
}

.area-9-1-3 .ui.container .title {
	font-size: 36px;
	color: #000000;
	letter-spacing: 0;
	line-height: 54px;
	text-align: center;
	line-height: 34px;	
	padding-top:100px;
}
.area-9-1-3 .ui.container .title .red {
	display:inline-block;
	color: #E38181;
}

.area-9-1-3 .ui.container .box {
	position:relative;
	width:100%;
	height:452px;
	margin-top:50px;
	padding:0px;
	
}

.area-9-1-3 .ui.container .box img {
	position:absolute;
	z-index:2;
	width:58%;
	height:380px;
	right:0px;
	top:0px;
	padding-top:40px;
}
.area-9-1-3 .ui.container .box .whitebox {
	position:absolute;
	z-index:1;
	width:47%;
	height:100%;
	left:0px;
	background-color:#F2F2F2;
}
.area-9-1-3 .ui.container .box .whitebox .text {
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 24px;
	margin-left:35px;
	padding-right:20%;
	padding-top:100px;
}

.area-9-1-3 .ui.container .box .whitebox .border {
	border-bottom: 3px solid #E38181;
	width:150px;
	margin-left:30px;
	margin-top:50px;
}

@media screen and (max-width:991px) {
	.area-9-1-3 {
	    padding-bottom:40px;
    }

	.area-9-1-3 .ui.container .title {
	    font-size: 20px;
		padding-top:30px;
    }
	
	.area-9-1-3 .ui.container .box {
	    height:auto;
	    margin-top:20px;
	
    }
	.area-9-1-3 .ui.container .box img {
		position:relative;
	    width:100%;
		height:auto;
		padding-top:0px;
		margin-top:0px;
		margin-bottom:0px;
		padding-bottom:0px;
		
    }
	.area-9-1-3 .ui.container .box .whitebox {
		position:relative;
	    width:100%;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:0px;
    }
	.area-9-1-3 .ui.container .box .whitebox .text {
	    font-size: 14px;
	    line-height: 24px;
	    margin-left:20px;
	    padding-right:20px;
	    padding-top:20px;
    }
	.area-9-1-3 .ui.container .box .whitebox .border {
		margin-left:0px;
		margin-right:0px;
		margin:20px auto;		
    }

}

.area-9-1-4 {
	position:relative;
	width:100%;
	background-color:#F2F2F2;
	padding-top:50px;
	padding-bottom:50px;
}

.area-9-1-4 .ui.container .box {
	position:relative;
	width:100%;
	height:485px;
	padding:0px;
}

.area-9-1-4 .ui.container .box img {
	position:absolute;
	z-index:2;
	width:58%;
	height:349px;
	top:0px;
	right:0px;
	bottom:0px;
	padding-top:50px;
}
.area-9-1-4 .ui.container .box .whitebox {
	position:absolute;
	z-index:1;
	width:47%;
	height:100%;
	left:0px;
	background-color:#E38181;
}

.area-9-1-4 .ui.container .box .whitebox .title {
	font-size: 36px;
	color: #fff;
	letter-spacing: 0;
	line-height: 34px;	
	padding-top:20px;
	padding-left:35px;
}
.area-9-1-4 .ui.container .box .whitebox .title .black {
	display:inline-block;
	color: #000;
	font-weight:bold;
}

.area-9-1-4 .ui.container .box .whitebox .text {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	line-height: 28px;
	padding-left:35px;
	padding-right:90px;
	padding-top:20px;
}

@media screen and (max-width:991px) {
	
	.area-9-1-4 .ui.container .box {
	    height:auto;
	    margin-top:0px;
	
    }
	.area-9-1-4 .ui.container .box img {
		position:relative;
	    width:100%;
		height:auto;
		margin-top:0px;
		padding-top:0px;
		margin-bottom:0px;
		padding-bottom:0px;
    }
	.area-9-1-4 .ui.container .box .whitebox {
		position:relative;
	    width:100%;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:20px;
    }
	.area-9-1-4 .ui.container .box .whitebox .title {
	    text-align: center;
	    padding-left:20px;
	    padding-right:20px;
    }
	.area-9-1-4 .ui.container .box .whitebox .text {
	    font-size: 14px;
	    line-height: 24px;
		padding-left:20px;
		padding-right:20px;
    }
}

.area-9-1-video {
	position:relative;
	width:100%;
	height:800px;
	background-color:#F2F2F2;
	padding-bottom:80px;
}

.area-9-1-video .title {
	position:absolute;
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0.3px;
	margin-left:45%;
	top:100px;
}
.area-9-1-video .border {
	position:absolute;
	background-color: #E38181;
	height:3px;
	margin-left:47%;
	top:140px;
	width:68px;
}
.area-9-1-video iframe {
	position:absolute;
	top:190px;
	width:930px;
	height:527px;
	margin:0 auto;
	left: 0; 
	right: 0
}

.area-9-1-video .box {
	position:relative;
	width:100%;
	height:452px;
	padding:0px;
	
}

.area-9-1-video .box .blackbox {
	position:absolute;
	width:100%;
	height:350px;
	top:0px;
	background-color:#000;
}

@media screen and (max-width:991px) {
	.area-9-1-video {
	    height:auto;
	    padding-bottom:30px;
    }

	.area-9-1-video .title {
		margin-left:30%;
	    top:50px;
    }
    .area-9-1-video .border {
	    margin-left:40%;
	    top:100px;
    }
	.area-9-1-video iframe {
		top:120px;
	    width:90%;
		height:200px;
    }
	
	.area-9-1-video .box {
		height:352px;
	}
}


.event-9-1 {
	position:relative;
	width:100%;
	background-color:#fff;
	padding-bottom:80px;
}

.event-9-1 .ui.container .title {
	font-size: 36px;
	color: #000000;
	letter-spacing: 0;
	line-height: 54px;
	text-align: center;
	line-height: 34px;	
	padding-top:100px;
	margin-bottom:50px;
}
.event-9-1 .ui.container .title .red {
	display:inline-block;
	color: #E38181;
}

@media screen and (max-width:991px) {
	.event-9-1 {
		padding-bottom:10px;
	}
	.event-9-1 .ui.container .title {
		padding-top:50px;
	}
}

.event-9-1 .ui.container .box {
	position:relative;
	width:100%;
	padding:0px;
	margin-top:0px;	
	white-space: nowrap; 
}

.event-9-1 .ui.container .box .circle {
	display:inline-block; 
	vertical-align:top;
	height:25px;
    width:25px;		
}
.event-9-1 .ui.container .box .circle .line {
	position:absolute;
	background-color:#979797;
	width: 2px;
	height:25px;
	margin-left:12px
}
.event-9-1 .ui.container .box .circle .black {
	position:absolute;
	background: #4A4A4A;
	border: 1px solid #4A4A4A;
	border-radius:50%;
	width:20px;
	height:20px;
	margin: 0px 0px 0px 3px; /* 上 右 下 左 */
}
.event-9-1 .ui.container .box .circle .red {
	position:absolute;
	background: #E38181;
	border: 1px solid #E38181;
	border-radius:50%;
	width:25px;
	height:25px;
	/*margin: 0px auto;*/
	margin: 0px 0px 0px 1px; /* 上 右 下 左 */
}

.event-9-1 .ui.container .box .spec_year {	
    display:inline-block; 
	vertical-align:top;
    font-size: 18px;
    color: #787878;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
	width:30%;
	height:25px;
	padding-right:20px;
}

.event-9-1 .ui.container .box .year {
	display:inline-block;
	vertical-align:top;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
	font-weight:bold;
	width:60%;
	height:25px;
	padding-left:20px;
}

.event-9-1 .ui.container .box2 {
	position:relative;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	overflow:hidden;
}


.event-9-1 .ui.container .box2 .spec_text {
	display:inline-block; 
	vertical-align:top;
    font-size: 18px;
    color: #787878;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
	width:30%;
	height:auto;
	padding-right:20px;
	padding-bottom:10px;
}

.event-9-1 .ui.container .box2 .text {
	display:inline-block;
	vertical-align:top;
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 16px;
	width:60%;
	height:auto;
	margin-left:12px;
	padding-left:35px;
	padding-bottom:10px;
	border-left:2px solid #979797;
}

@media screen and (max-width:991px) {
	.event-9-1 .ui.container .box .spec_year {	
        font-size: 14px;
        line-height: 20px;
		padding-right:10px;
    }
	.event-9-1 .ui.container .box .year {
		padding-left:10px;
	}
	.event-9-1 .ui.container .box2 .spec_text {
		font-size: 14px;
        line-height: 16px;
		padding-right:0px;
	}	
	.event-9-1 .ui.container .box2 .text {
		padding-left:25px;
	}
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */ 
    .event-9-1 .ui.container .box2 .text {
		margin-left:11.2px;
	}
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

/* google translation hiden*/
#google_translate_element{width:300px;float:right;text-align:right;display:block}
.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}

/* 商城首頁 特價到數用slide */
/* the slides */
.slick-slide {
    margin: 0 10px;
}
/* the parent */
.slick-list {
    margin: 0 10px;
}

#report_panel {
    background-color: #fff;
    margin: 0px;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

#report_panel .title {
    width: 100%;
}

#report_panel input {
    border: 0px;
    border-bottom: 1px solid;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#report_panel label {
    width: 50%;
    display: inline-block;
}

#report_panel .action {
    border: 1px solid;
    width: 100%;
}

#report_panel button {
    background-color: #F56315;
    position: inline-block;
    width: 30%;
    margin: 0 auto;
    border-radius: 3px;
    margin-bottom: 50px;
}
#report_panel .close_button {
    background-color: #F56315;
    position: inline-block;
    width: 70px;
	height: 30px;
	padding:5px;
    margin: 0 auto;
    border-radius: 3px;
    margin-bottom: 0px;
	outline:none;
	color:#fff;
	text-align:center;
}

#report_panel-4-3 {
    background-color: #000;
    margin: 0px;
	padding: 0px;
	width: 35%;	
	height:460px;
}

#report_panel-4-3 iframe {
    width: 100%;	
	height:460px;
}

@media screen and (max-width:991px) {
    #report_panel {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    #report_panel-4-3 {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
 
#report_panel .field input[type="radio"] {
	opacity: 0;
	margin-top:20px;
	margin-left:10px;
}


#report_panel input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
#report_panel .field input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #e38181;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
#report_panel .field input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #e38181 inset,-.5rem -.5rem 0 #e38181 inset; 
}
#report_panel .field label {
	display: inline-block;
	cursor: pointer;
	padding: 0 .5rem ;
	margin-left: 20px;
}
@media screen and (max-width:991px) {
    #lang-select {
		font-size:12px;
		margin-left: -20px;
    }
	#login-select {
		font-size:12px;
    }
	#member-select {
		font-size:12px;
    }
	#menu-select {
    }

    #menu_bt_1 {
        font-size:12px;
        margin-left: -20px;
    }
    #menu_bt_2 {
        font-size:12px;
    }
}

.ui.container.my-8-4-2-1 .toptitle {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
	padding-top:40px;
	margin-bottom:40px;
}



.ui.container.my-8-4-2-1 .mybox {
	width:80%;
	margin:0 auto;
}



.ui.container.my-8-4-2-1 .mybox .pure-input-group {
	width:100%;
    margin-bottom: 0;
    vertical-align: middle;
    position: relative;
    border-collapse: separate;
	vertical-align: top;
    box-sizing: border-box;
    display: table;
	border:1px solid;
	background: #FFFFFF;
	border: 1px solid #787878;
    border-radius: 5px;
}
.ui.container.my-8-4-2-1 .mybox .pure-input-group input {
	display:inline-block;
	padding:5px 5px 5px 15px;
    background: #FFFFFF;
    border: 1px solid #787878;
	width:90%;
	height:63px;
	font-size: 24px;
	color: #000000;
	vertical-align: top;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.ui.container.my-8-4-2-1 .mybox .pure-input-group .pure-input-group-addon {
	display:inline-block;
    padding: 18px 12px;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align:center;
	width:10%;
	height:63px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
    background: #E38181;
    border: 1px solid #A62133;
    box-shadow: -1px 0 0 0 #A62133;
    white-space: nowrap;
    vertical-align: middle;
	cursor:pointer;
}

@media screen and (max-width:991px) {
	.ui.container.my-8-4-2-1 .mybox .pure-input-group input {
	    width:80%;
		
		height:30px;
		font-size: 18px;
    }
	.ui.container.my-8-4-2-1 .mybox .pure-input-group .pure-input-group-addon {
		width:20%;
		padding: 5px 12px;
		height:30px;
		font-size: 18px;
	}
}

.ui.container.my-8-4-2-1 .mybox .more_search_title {
	width:100%;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
	font-weight:bold;
	margin:10px 10px;
	cursor:pointer;
}
.ui.container.my-8-4-2-1 .mybox .more_search_title svg {
	display:inline-block;
	margin-top:3px;
	vertical-align:top;
	width:12px;
	height:12px;
}

.ui.container.my-8-4-2-1 .mybox .more_search_box {
    width:100%;
	background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    border-radius: 10px;
}

.ui.container.my-8-4-2-1 .mybox .field {
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
}
.ui.container.my-8-4-2-1 .mybox .field2 {
	display:inline-block;
	vertical-align:top;
}

.ui.container.my-8-4-2-1 .mybox .field .input {
	margin-top:0px;
	font-size:20px;
	padding-left:10px;
	width:179px;
	height:36px;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
	outline:0;
	margin-left: 25px;
	vertical-align:middle;
}

.ui.container.my-8-4-2-1 .mybox .field input[type="radio"] {
	opacity: 0;
	margin-left:10px;
	margin-top:8px;
}


.ui.container.my-8-4-2-1 .mybox .field input[type="radio"]+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #aaa;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.ui.container.my-8-4-2-1 .mybox .field input[type="radio"]:checked+label:before {
	content: "";
	height: 1.3rem;
	width: 1.3rem;
	display: block;
	border: .125rem solid #A62133;
	border-radius: 50%;
	position: absolute;
	margin-left: -1.5rem;
}
.ui.container.my-8-4-2-1 .mybox .field input[type="radio"]:checked+label:before {
	box-shadow: .125rem .125rem 0 #fff inset, -.125rem -.125rem 0 #fff inset, -.125rem .125rem 0 #fff inset, .125rem -.125rem 0 #fff inset,.3rem  .3rem 0 #A62133 inset,-.5rem -.5rem 0 #A62133 inset; 
}
.ui.container.my-8-4-2-1 .mybox .field label {
	display: inline-block;
	cursor: pointer;
	padding: 0 .5rem ;
	margin-left: 15px;
	margin-bottom:5px;
	font-size: 13px;
	color: #4A4A4A;
    letter-spacing: 0;
	vertical-align:middle;
}
.ui.container.my-8-4-2-1 .mybox .field .button {
	background: #E38181;
	border: 1px solid #A62133;
	border-radius: 2px;
	color:#fff;
	font-size:20px;
	width:160px;
	height:55px;
	margin:0 auto;
	margin-top:30px;
	border: 2px solid #B7B7B7;
	cursor:pointer;
}


@media screen and (max-width:991px) {
	.ui.container.my-8-4-2-1 .mybox {
	    width:100%;
		padding:0px 0px;
    }
	.ui.container.my-8-4-2-1 .mybox .more_search_box {
		padding:10px 30px;
	}
	
	.ui.container.my-8-4-2-1 .mybox .field .input {
	    height:30px;
		margin-left: 5px;
    }
	.ui.container.my-8-4-2-1 .mybox .field label {
		margin-left: 5px;
	}
	.ui.container.my-8-4-2-1 .mybox .field input[type="radio"] {
		display:inline-block;
	}
	.ui.container.my-8-4-2-1 .mybox .field.time_cat {
		width:80px;
	}
	.ui.container.my-8-4-2-1 .mybox .field.date_cat {
		width:100px;
	}
	.ui.container.my-8-4-2-1 .mybox .field .mobile_radio_label {
		margin-left:10px;
	}
	.ui.container.my-8-4-2-1 .mybox .field .mobile_to_label {
		margin-left:5px;
	}
	.ui.container.my-8-4-2-1 .mybox .field .input.mobile_to_input1 {
		display:block;
	}
	.ui.container.my-8-4-2-1 .mybox .field .input.mobile_to_input2 {
		display:block;
	}
	.ui.container.my-8-4-2-1 .mybox .field .button {
		margin-top:15px;
	}
}

.ui.container.my-8-4-2-1 .mybox .field .container {
    display: inline-block;
    position: relative;
	margin-left:25px;
    padding-left: 25px;	
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ui.container.my-8-4-2-1 .mybox .field .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.ui.container.my-8-4-2-1 .mybox .field .container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
	border: .125rem solid #aaa;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.ui.container.my-8-4-2-1 .mybox .field:hover .container input ~ .checkmark {
    background-color: #fff;
	
}

/* When the checkbox is checked, add a blue background */
.ui.container.my-8-4-2-1 .mybox .field .container input:checked ~ .checkmark {
	border: .125rem solid #A62133;
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.ui.container.my-8-4-2-1 .mybox .field .container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ui.container.my-8-4-2-1 .mybox .field .container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.ui.container.my-8-4-2-1 .mybox .field .container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 7px;
    height: 10px;
    border: solid #A62133;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width:991px) {
	.ui.container.my-8-4-2-1 .mybox .field .container {
	    margin-left: 0px;
		width:45%;
    }
}

#result-content .header.my-8-4-2-1 {
	height:44px;
	overflow-y:hidden;
	margin-bottom:16px;
}

.ui.container.my-8-4-2-1 .search_count { 
    width:100%; 
	border-bottom: 1px solid #D3D3D3;
	line-height:0.1em; 
	margin:30px 0 20px;
	margin-bottom:50px;
    height:15px;
} 
.ui.container.my-8-4-2-1 .search_count span { 
    background:#fff; 
	padding:0 10px;
    font-size: 14px;
    color: #4A4A4A;
    text-align: left;
	line-height: 24px;
}
.ui.container.my-8-4-2-1 .search_count span .show_count { 
    display:inline-block;
    font-size: 24px;
	padding:0 10px;
    color: #E38181;
    letter-spacing: 0;
    line-height: 24px;
}
.ui.container.my-8-4-2-1 .search_noresult_title {
	margin:50px 0px;
    font-size: 24px;
	line-height:35px;
    color: #787878;
    letter-spacing: 0;
    text-align: center;
}

@media screen and (max-width:991px) {
	.ui.container.my-8-4-2-1 .search_noresult_title {
	    
    }
}

.ui.container.my-8-3-1 {
	width:80%;
	margin:0 auto;
}

.ui.container.my-8-3-1 .toptitle {
	font-size: 36px;
	color: #787878;
	letter-spacing: 0;
	padding-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid rgba(0,0,0,0.12);
	margin-bottom:40px;
}

.ui.container.my-8-3-1 .notice {
	padding:10px;
	font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
	background: #FFFFFF;
	border: 1px solid #9B9B9B;
	border-radius: 3px;
}
.ui.container.my-8-3-1 .notice .red {
	display:inline-block;
	color: #E38181;
}
.ui.container.my-8-3-1 .box {
	background: #FFFFFF;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14);
    border-radius: 2px;
}

.ui.container.my-8-3-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui.container.my-8-3-1 input[type=radio] {
  display: none;
}

/* style */
.ui.container.my-8-3-1 .a-container {
  width: 100%px;
  margin: 0px auto;
  margin-top:-20px;
}

.ui.container.my-8-3-1 .a-container label {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 10px 20px;
  
  font-size: 20px;
  color: #787878;
  letter-spacing: 0;
  line-height: 28px;

  background: #FFFFFF;
  box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14);
  border-radius: 2px;

  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.ui.container.my-8-3-1 .a-container label:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid #aaa;
  border-right: 6px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  right: 10px;
  top: 16px;
}

.ui.container.my-8-3-1 .a-container input:checked + label,
.ui.container.my-8-3-1 .a-container label:hover {
  background-color: #fff;
}

.ui.container.my-8-3-1 .a-container input:checked + label:after {
  border-top: 8px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #222;
  border-left: 6px solid transparent;
  top: 6px;
}

.ui.container.my-8-3-1 .a-content {
  padding: 0;
  display: none;
}

.ui.container.my-8-3-1 .a-container input:checked ~ .a-content {
    display: block;
	width:100%;
}

.ui.container.my-8-3-1 .a-content .view-table {
    display:table;
    width:100%;
	padding:10px;
}
.ui.container.my-8-3-1 .a-content .view-table .view-row {
    display:table-row;
}
.ui.container.my-8-3-1 .a-content .view-table .view-row > div {
    display: table-cell;
	vertical-align:top;
	width:10%;
	font-size: 20px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
}
.ui.container.my-8-3-1 .a-content .view-table .view-row > div:last-child {
    width:89%;
}
.ui.container.my-8-3-1 .a-content .view-table .view-type {
    padding-left:10px;
}
.ui.container.my-8-3-1 .a-content .view-table .view-image {
    text-align:center;
}

.ui.container.my-8-3-1 .a-content .view-table-detail {
    display:table;
    width:100%;
	padding:10px;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-row {
    display:table-row;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-row > div {
    display: table-cell;
	vertical-align:top;
	font-size: 20px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
	padding:5px;
}

.ui.container.my-8-3-1 .a-content .view-table-detail .view-title {
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
}


.ui.container.my-8-3-1 .a-content .view-table-detail .view-title {
	font-size: 13px;
	color: #4A4A4A;
	letter-spacing: 0;
	border-top:1px solid #ccc;
}

.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-1 {
	font-size: 16px !important;
	color: #4A4A4A;
	letter-spacing: 0;
	font-weight:bold;
	border-top:1px solid #ccc;
	vertical-align: middle !important;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-1.noline {
	border-top:none;
}

.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-2 {
	font-size: 16px !important;
	color: #787878;
	vertical-align: middle !important;
	width:50px;
	border-top:1px solid #ccc;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-2 img {
	width:50px;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-3 {
	font-size: 16px !important;
	color: #787878;
	vertical-align: middle !important;
	border-top:1px solid #ccc;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-4 {
	font-size: 16px !important;
	color: #787878;
	border-top:1px solid #ccc;
	vertical-align: middle !important;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-5 {
	font-size: 16px !important;
	color: #E38181 !important;
	border-top:1px solid #ccc;
	vertical-align: middle !important;
	cursor:pointer;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-5 .iconify {
	font-size: 16px !important;
    color: #E38181 !important;
}
.ui.container.my-8-3-1 .a-content .view-table-detail .view-column-5 .text {
	font-size: 16px !important;
	display:inline-block;
	vertical-align: middle !important;
	margin-top:-5px;
}

@media screen and (max-width:991px) {
	.ui.container.my-8-3-1 {
	    width:100%;
    }
}

.pusher main .ui.container.py-5.my-4-1.my-gray.ver2 {
    margin-top: -30px;
}

.pusher main .ui.container.py-5.my-4-1.my-white.ver2 {
    background-color: #fff;
    width: 75%;
	font-family: "Noto Sans TC";
    padding-bottom:0px;
    padding-top:0px;
    margin-top:0px;
    margin-bottom:0px;
    border-bottom:0px solid #ccc;	
}
.pusher main .ui.container.py-5.my-4-1.my-white.ver2 .ui.header{
    font-weight: 500;
	font-family: "Noto Sans TC";
	line-height:1.4rem;
}
.my-4-1.my-gray.ver2 .author.owl-carousel .card .image1.my-4-1 {
    height:280px;
	overflow-y:hidden;
	border:0px solid #ccc;
	padding:10px;
}
.my-4-1.my-gray.ver2 .author.owl-carousel .card .image1.my-4-1 img {
    width:100%;
	height:auto;	
}

@media screen and (max-width:991px) {
	.pusher main .ui.container.py-5.my-4-1.my-white2.ver2 {
		
	}
}

/* 全版閱讀 */
.journal {
	width:100%;
	height:auto;	
}

.journal .topbar {
	width:100%;
	background-color:#BE2626;
	height:auto;
	font-size:20px;
	text-align: center;
	margin:0px;
	padding:0px;
}

.journal .topbar input {
	display:inline-block;
	vertical-align:middle;
	width:50px;
	text-align:center;
}
.journal .topbar img {
	display:inline-block;
	vertical-align:middle;
	color:#000;
	cursor:pointer;	
}
.journal .topbar select {
	display:inline-block;
	vertical-align:middle;
	width:50px;
	text-align:center;
}

.journal .topbar .left_box {
	float:left;
	vertical-align:top;
	padding-left:20px;
}
.journal .topbar .right_box {
	float:right;
	vertical-align:top;
	padding-right:20px;
}
.journal .topbar .image_center {
	width:205px;
	height:45px;
}

.journal .topbar .text {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	padding:0px 10px;
}
.journal .topbar .period {
	width:60px;
}
.journal .topbar .page {
	width:60px;
}
.journal .topbar .find_date {
	width:120px;
}

.journal .notice {
	display:relative;
	color:#BE2626;
	height:auto;
	font-size:20px;
	text-align: center;
	margin:20px;
}
.journal .notice a {
	color:#BE2626;
	text-decoration:underline;
}

.journal .show_image {
	margin:0 auto;
	width:100%;
	height:auto;
}

.journal .list {
	display:none;
	background-color:#ccc;
	font-size:20px;
	padding:20px;
	border:1px solid #ccc;
	margin-left:1px;
	
}
.journal .list .pages {
	display:inline-block;
	background-color:#FFF;
	width:9%;
	text-align: center;
	padding:5px;
	-webkit-filter:brightness(0.8);
}
.journal .list .pages:hover {
	-webkit-filter:brightness(1);
}

.journal .list img {
	width:100%;
	background-color:#FFF;
	text-align: center;
	cursor:pointer;
}
.journal .list .page_number {
	display:block;
	background-color:#FFF;
	text-align: center;
}

@media screen and (max-width:991px) {
	.journal .topbar {
		padding:5px;
	    font-size:12px;
		height:110px;		
    }
    .journal .topbar input { 
	    height:20px;
    }
    .journal .topbar img {
	    height:20px;
		width:auto;
    }
    .journal .topbar select {
	    height:20px;
		width:auto;
    }

	.journal .topbar .left_box {
		width:100%;
	    padding:0px 10px;
		text-align:left;
	}
	.journal .topbar .right_box {
		display:relative;
		width:100%;
		float:left;
		padding:0px 10px;
		text-align:left;
	}
	.journal .topbar .text {
	    padding:0px 5px;
    }
	.journal .topbar .period {
	    width:50px;
	}
	.journal .topbar .page {
	    width:50px;
	}
	.journal .topbar .find_date {
		width:70px;
	}

	.journal .notice {
		font-size:14px;
	}
	.journal .list .pages {
	    width:49%;
		padding:10px;
    }
}