@font-face {
    font-family: 'FontAwesome';
    src: url('../image/v02/FontAwesome2016.woff?v=2025081113') format('woff'),
         url('../image/v02/FontAwesome2016.svg?v=2025081113') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
[class^="icon-"],[class*=" icon-"]{display: inline-block; vertical-align:middle}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}
@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}
.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-sns-tumblr:before {content: "\e906";}
.icon-sns-facebook:before{content: "\e900";}
.icon-sns-twitter:before{content: "\e901";}
.icon-youtube:before{content: "\e902";}
.icon-sns-snapchat:before{content: "\e903";}
.icon-instagram:before{content: "\e904";}
.icon-sns-linkedin:before{content: "\e905";}
.icon-glass:before{content: "\f000";}
.icon-music:before{content: "\f001";}
.icon-search:before{content: "\f002"!important;}
.icon-envelope:before{content: "\f003";}
.icon-heart:before{content: "\f004";}
.icon-star:before{content: "\f005";}
.icon-star-empty:before{content: "\f006";}
.icon-user:before{content: "\f007";}
.icon-film:before{content: "\f008";}
.icon-th-large:before{content: "\f009";}
.icon-th:before{content: "\f00a";}
.icon-th-list:before{content: "\f00b";}
.icon-ok:before{content: "\f00c";}
.icon-remove:before{content: "\f00d";}
.icon-zoom-in:before{content: "\f00e";}
.icon-cnn:before{content: "\f00f";}
.icon-zoom-out:before{content: "\f010";}
.icon-off:before{content: "\f011";}
.icon-signal:before{content: "\f012";}
.icon-cog:before{content: "\f013";}
.icon-trash:before{content: "\f014";}
.icon-home:before{content: "\f015";}
.icon-file-alt:before{content: "\f016";}
.icon-time:before{content: "\f017";}
.icon-road:before{content: "\f018";}
.icon-download-alt:before{content: "\f019";}
.icon-download:before{content: "\f01a";}
.icon-upload:before{content: "\f01b";}
.icon-inbox:before{content: "\f01c";}
.icon-play-circle:before{content: "\f01d";}
.icon-repeat:before{content: "\f01e";}
.icon-yahoo:before{content: "\f01f";}
.icon-cnbc:before{content: "\f020";}
.icon-refresh:before{content: "\f021";}
.icon-list-alt:before{content: "\f022";}
.icon-lock:before{content: "\f023";}
.icon-flag:before{content: "\f024";}
.icon-headphones:before{content: "\f025";}
.icon-volume-off:before{content: "\f026";}
.icon-volume-down:before{content: "\f027";}
.icon-volume-up:before{content: "\f028";}
.icon-qrcode:before{content: "\f029";}
.icon-barcode:before{content: "\f02a";}
.icon-tag:before{content: "\f02b";}
.icon-tags:before{content: "\f02c";}
.icon-book:before{content: "\f02d";}
.icon-bookmark:before{content: "\f02e";}
.icon-print:before{content: "\f02f";}
.icon-camera:before{content: "\f030";}
.icon-facetime-video:before{content: "\f03d";}
.icon-picture:before{content: "\f03e";}
.icon-usatody:before{content: "\f03f";}
.icon-pencil:before{content: "\f040";}
.icon-map-marker:before{content: "\f041";}
.icon-adjust:before{content: "\f042";}
.icon-tint:before{content: "\f043";}
.icon-edit:before{content: "\f044";}
.icon-share:before{content: "\f045";}
.icon-check:before{content: "\f046";}
.icon-abc:before{content: "\f04f";}
.icon-plus-sign:before{content: "\f055";}
.icon-minus-sign:before{content: "\f056";}
.icon-remove-sign:before{content: "\f057";}
.icon-ok-sign:before{content: "\f058";}
.icon-question-sign:before{content: "\f059";}
.icon-info-sign:before{content: "\f05a";}
.icon-screenshot:before{content: "\f05b";}
.icon-remove-circle:before{content: "\f05c";}
.icon-ok-circle:before{content: "\f05d";}
.icon-ban-circle:before{content: "\f05e";}
.icon-foxnews:before{content: "\f05f";}
.icon-plus:before{content: "\f067";}
.icon-minus:before{content: "\f068";}
.icon-asterisk:before{content: "\f069";}
.icon-exclamation-sign:before{content: "\f06a";}
.icon-gift:before{content: "\f06b";}
.icon-leaf:before{content: "\f06c";}
.icon-fire:before{content: "\f06d";}
.icon-eye-open:before{content: "\f06e";}
.icon-reuters:before{content: "\f06f";}
.icon-eye-close:before{content: "\f070";}
.icon-warning-sign:before{content: "\f071";}
.icon-plane:before{content: "\f072";}
.icon-calendar:before{content: "\f073";}
.icon-random:before{content: "\f074";}
.icon-comment:before{content: "\f075";}
.icon-magnet:before{content: "\f076";}
.icon-retweet:before{content: "\f079";}
.icon-shopping-cart:before{content: "\f07a";}
.icon-folder-close:before{content: "\f07b";}
.icon-folder-open:before{content: "\f07c";}
.icon-resize-vertical:before{content: "\f07d";}
.icon-resize-horizontal:before{content: "\f07e";}
.icon-fires:before{content: "\f07f";}
.icon-bar-chart:before{content: "\f080";}
.icon-twitter-sign:before{content: "\f081";}
.icon-facebook-sign:before{content: "\f082";}
.icon-camera-retro:before{content: "\f083";}
.icon-key:before{content: "\f084";}
.icon-cogs:before{content: "\f085";}
.icon-comments:before{content: "\f086";}
.icon-thumbs-up-alt:before{content: "\f087";}
.icon-thumbs-down-alt:before{content: "\f088";}
.icon-star-half:before{content: "\f089";}
.icon-heart-empty:before{content: "\f08a";}
.icon-signout:before{content: "\f08b";}
.icon-linkedin-sign:before{content: "\f08c";}
.icon-pushpin:before{content: "\f08d";}
.icon-external-link:before{content: "\f08e";}
.icon-thumbs-up:before{content: "\f08f";}
.icon-signin:before{content: "\f090";}
.icon-trophy:before{content: "\f091";}
.icon-github-sign:before{content: "\f092";}
.icon-upload-alt:before{content: "\f093";}
.icon-lemon:before{content: "\f094";}
.icon-phone:before{content: "\f095";}
.icon-check-empty:before{content: "\f096";}
.icon-bookmark-empty:before{content: "\f097";}
.icon-phone-sign:before{content: "\f098";}
.icon-twitter:before{content: "\f099";}
.icon-facebook:before{content: "\f09a";}
.icon-github:before{content: "\f09b";}
.icon-unlock:before{content: "\f09c";}
.icon-credit-card:before{content: "\f09d";}
.icon-rss:before{content: "\f09e";}
.icon-thumbs-down:before{content: "\f09f";}
.icon-hdd:before{content: "\f0a0";}
.icon-bullhorn:before{content: "\f0a1";}
.icon-bell:before{content: "\f0a2";}
.icon-certificate:before{content: "\f0a3";}
.icon-hand-right:before{content: "\f0a4";}
.icon-hand-left:before{content: "\f0a5";}
.icon-hand-up:before{content: "\f0a6";}
.icon-hand-down:before{content: "\f0a7";}
.icon-circle-arrow-left:before{content: "\f0a8";}
.icon-circle-arrow-right:before{content: "\f0a9";}
.icon-circle-arrow-up:before{content: "\f0aa";}
.icon-circle-arrow-down:before{content: "\f0ab";}
.icon-globe:before{content: "\f0ac";}
.icon-wrench:before{content: "\f0ad";}
.icon-tasks:before{content: "\f0ae";}
.icon-share-alt:before{content: "\f0af";}
.icon-filter:before{content: "\f0b0";}
.icon-briefcase:before{content: "\f0b1";}
.icon-fullscreen:before{content: "\f0b2";}
.icon-share-alt2:before{content: "\f0b3";}
.icon-hourglass:before{content: "\f0b4";}
.icon-mag:before{content: "\f0b5";}
.icon-submit:before{content: "\f0b6";}
.icon-pad:before{content: "\f0b8";}
.icon-padphone:before{content: "\f0b9";}
.icon-avatar:before{content: "\f0ba";}
.icon-request:before{content: "\f0bb";}
.icon-couponalert:before{content: "\f0bc";}
.icon-newsletterh:before{content: "\f0bd";}
.icon-newsletterv:before{content: "\f0be";}
.icon-group:before{content: "\f0c0";}
.icon-link:before{content: "\f0c1";}
.icon-cloud:before{content: "\f0c2";}
.icon-beaker:before{content: "\f0c3";}
.icon-cut:before{content: "\f0c4";}
.icon-copy:before{content: "\f0c5";}
.icon-paper-clip:before{content: "\f0c6";}
.icon-save:before{content: "\f0c7";}
.icon-sign-blank:before{content: "\f0c8";}
.icon-reorder:before{content: "\f0c9";}
.icon-ul:before{content: "\f0ca";}
.icon-ol:before{content: "\f0cb";}
.icon-table:before{content: "\f0ce";}
.icon-googleaccount:before{content: "\f0cf";}
.icon-magic:before{content: "\f0d0";}
.icon-truck:before{content: "\f0d1";}
.icon-pinterest:before{content: "\f0d2";}
.icon-pinterest-sign:before{content: "\f0d3";}
.icon-google-plus:before{content: "\f0d4";}
.icon-google-plus-sign:before{content: "\f0d5";}
.icon-money:before{content: "\f0d6";}
.icon-caret-down:before{content: "\f0d7";}
.icon-caret-up:before{content: "\f0d8";}
.icon-caret-left:before{content: "\f0d9";}
.icon-caret-right:before{content: "\f0da";}
.icon-columns:before{content: "\f0db";}
.icon-sort:before{content: "\f0dc";}
.icon-sort-down:before{content: "\f0dd";}
.icon-sort-up:before{content: "\f0de";}
.icon-yahooaccount:before{content: "\f0df";}
.icon-envelope-alt:before{content: "\f0e0";}
.icon-linkedin:before{content: "\f0e1";}
.icon-undo:before{content: "\f0e2";}
.icon-legal:before{content: "\f0e3";}
.icon-dashboard:before{content: "\f0e4";}
.icon-comment-alt:before{content: "\f0e5";}
.icon-comments-alt:before{content: "\f0e6";}
.icon-bolt:before{content: "\f0e7";}
.icon-sitemap:before{content: "\f0e8";}
.icon-umbrella:before{content: "\f0e9";}
.icon-paste:before{content: "\f0ea";}
.icon-light-bulb:before{content: "\f0eb";}
.icon-exchange:before{content: "\f0ec";}
.icon-cloud-download:before{content: "\f0ed";}
.icon-cloud-upload:before{content: "\f0ee";}
.icon-user-md:before{content: "\f0f0";}
.icon-stethoscope:before{content: "\f0f1";}
.icon-suitcase:before{content: "\f0f2";}
.icon-bell-alt:before{content: "\f0f3";}
.icon-coffee:before{content: "\f0f4";}
.icon-food:before{content: "\f0f5";}
.icon-file-text-alt:before{content: "\f0f6";}
.icon-building:before{content: "\f0f7";}
.icon-hospital:before{content: "\f0f8";}
.icon-ambulance:before{content: "\f0f9";}
.icon-medkit:before{content: "\f0fa";}
.icon-fighter-jet:before{content: "\f0fb";}
.icon-beer:before{content: "\f0fc";}
.icon-h-sign:before{content: "\f0fd";}
.icon-plus-sign-alt:before{content: "\f0fe";}
.icon-hot:before{content: "\f0ff";}
.icon-double-angle-left:before{content: "\f100";}
.icon-double-angle-right:before{content: "\f101";}
.icon-double-angle-up:before{content: "\f102";}
.icon-double-angle-down:before{content: "\f103";}
.icon-angle-left:before{content: "\f104";}
.icon-angle-right:before{content: "\f105";}
.icon-angle-up:before{content: "\f106";}
.icon-angle-down:before{content: "\f107";}
.icon-desktop:before{content: "\f108";}
.icon-laptop:before{content: "\f109";}
.icon-tablet:before{content: "\f10a";}
.icon-mobile-phone:before{content: "\f10b";}
.icon-circle-blank:before{content: "\f10c";}
.icon-quote-left:before{content: "\f10d";}
.icon-quote-right:before{content: "\f10e";}
.icon-left-hot:before{content: "\f10f";}
.icon-spinner:before{content: "\f110";}
.icon-circle:before{content: "\f111";}
.icon-reply:before{content: "\f112";}
.icon-folder-close-alt:before{content: "\f114";}
.icon-folder-open-alt:before{content: "\f115";}
.icon-expand-alt:before{content: "\f116";}
.icon-collapse-alt:before{content: "\f117";}
.icon-smile:before{content: "\f118";}
.icon-frown:before{content: "\f119";}
.icon-meh:before{content: "\f11a";}

@charset "utf-8";
html{ font-size:100%}
body{ font-size:1em; width:100%; height:100%;  position:relative; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden; padding: 0; margin: 0; font-family: arial;}
@-webkit-viewport{ width:device-width }
@-moz-viewport{ width:device-width }
@-ms-viewport{ width:device-width }
@-o-viewport{ width:device-width }
@viewport { width: device-width }
:-moz-placeholder,::-moz-placeholder { color:#e3e3e3; text-overflow:ellipsis}
::-ms-input-placeholder { color:#e3e3e3; text-overflow:ellipsis}
::-webkit-input-placeholder { color:#e3e3e3; text-overflow:ellipsis; }
a{ color:#333; text-decoration:none; cursor:pointer; outline:none}
a:hover{color:#62bacf}
strong{ font-weight:600}
.clear{ clear:both}
.clear:after{ content:" "; clear:both; display:block; height:0}


.mt_wrapper{clear:both; width:1200px; margin:0 auto; position:relative}
.mt_header{  height:80px;  margin: 0 auto; background-color:#fff; }
.mt_header .mt_wrapper{ width: 1200px; }
.mt_logo{width:246px;height:50px; margin: 15px 0; display: inline-block; vertical-align: middle;}
.mt_logo img{ width: 100%; }

.mobile_menu{ width:56px; height:59px; position:absolute; left:0; top:30px; cursor:pointer; z-index:103; text-align:center; border-right:1px solid rgba(255,255,255,0.16); display:none}
.mobile_menu i{ width:20px; height:2px; display:inline-block; position:absolute; background-color:#333; top:50%; left:50%; margin-top:-1px; margin-left:-10px}
.mobile_menu i:after, .mobile_menu i:before{ content:""; width:20px; height:2px; display:inline-block; position:absolute; left:0; top:-7px; background-color:#333}
.mobile_menu i:after{ top:7px}


nav.mt_nav{ display: inline-block; vertical-align: middle;}
nav.mt_nav ul{ margin: 0; padding:0; }
nav.mt_nav ul li{list-style-type:none; float:left; display:inline-block; font-size:18px; font-weight:500; padding-left: 60px; position: relative;}
nav.mt_nav ul li a{display:block; color:#000}
nav.mt_nav ul li a:hover{ color: #62bacf }


div.nav_sub_categories{width:100%;padding: 0px; position:absolute;top: 20px;left: 60px;max-height:0;max-width:0;overflow:hidden;z-index: 99999; min-width: 210px;}
div.nav_sub_categories:after{content:''; display: block; clear:both;}
div.nav_sub_categories .sub_categories_content{ padding: 20px; margin-top: 31px; background-color:#fff; box-shadow: 0 7px 21px rgba(0,0,0,0.42);}
div.nav_sub_categories a{ padding: 10px 0; }
nav.mt_nav ul li:hover div.nav_sub_categories{ max-height:9999px; max-width:9999px; overflow:inherit}

.mt_search_wrapper{  position:absolute; height:45px; width:34%; top:17px; right:6px; z-index:10000}
.mt_search_wrapper form{ width:100%; position:relative; height:100%; padding:0; z-index: 9}
.mt_search_wrapper .search_input{ height:100%; position:relative; background:#fff; border-radius:2px}
.mt_search_wrapper input[type="text"]{ font-size: 18px; padding: 0; text-indent: 25px; border:#e1e1e1 1px solid; height:100%; line-height:45px; width:100%; background:#fff; border-radius: 100px; outline: none;}
.mt_search_wrapper button, .search_btn{height:100%; width:65px; position:absolute; top:5px; right:0; font-size:25px; font-size: normal; line-height:40px; margin:0; padding:0; text-align:center; background:#62bacf; color:#fff; border-radius:0 2px 2px 0; border: 0}
.search_btn{ background-color:transparent; line-height:40px; display:none; z-index:106; cursor:pointer}
.mt_search_wrapper form .icon-search{position: absolute;right: -1px;top: 1px;z-index: 9;color: #fff;border-radius: 0 100px 100px 0; cursor: pointer;}
.mt_search_wrapper form .icon-search:hover{ opacity: 0.8 }
.focused .search_btn{ display: none; } 

.mt_search_suggest{ background: #fff; padding: 15px 25px 5px;  box-shadow:0 3px 15px rgba(0,0,0,0.16);}
.mt_search_suggest ul{ margin: 0; padding: 0 }
.mt_search_suggest ul li{ border-bottom: #eaeaea 1px solid; padding: 10px 25px; list-style: none; }
.mt_search_suggest ul li:last-child{ border: 0 }
.mt_search_suggest .s_logo{  display: inline-block;width: 60px; height: 60px; border: #eaeaea 1px solid; border-radius: 100px; text-align: center; margin-right: 10px;}
.mt_search_suggest .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}
.mt_search_suggest .s_logo img{ max-width: 85%; max-height: 85%; vertical-align: middle; border-radius: 100px;}
.mt_search_suggest ul li a{ font-size: 14px; font-weight: bold; }
.mt_search_suggest span.gray{ margin-left: 10px; font-size: 12px; font-weight: normal;}


.mt_banner{ background: #f4f6fc }
.mt_banner h1{ font-size: 36px; color: #333; padding: 75px 0 22px; margin: 0; text-align: center;}
.mt_banner h2{ font-size: 18px; color: #333; padding: 0px 0 34px; margin: 0; text-align: center; }
.mt_home_search{ position: relative; z-index: 9999 }
.mt_home_search .mt_search_wrapper{ position: static; margin: 0 auto; height: 56px;  min-width: 480px;}
.mt_home_search .mt_search_wrapper .search_input{ background: none }
.mt_home_search .mt_search_wrapper input[type="text"]{border:#62bacf 1px solid;  box-shadow: 0px 0px 98px 7px rgba(75,106,246,0.2);}
.mt_home_search .mt_search_suggest{ margin-top: -20px; padding-top: 40px; }

.mt_hotsearch{    padding: 10px 0 0 25px;   font-size: 14px; position: absolute; z-index: -1;}

.mt_home_content{ background: #f4f6fc; position: relative; overflow: hidden; padding-bottom: 30px;}
.mt_home_content .mt_wrapper{ z-index: 2 }
.mt_home_content::before,.mt_home_content::after{ content: ""; width: 466px; height: 1695px; position: absolute; left: 0; top: -512px; background: url(../image/v02/home_content_left_bg.png) no-repeat 0 0; opacity: 0.5; }
.mt_home_content::after{ right: 0; left: inherit; top: -200px; background: url(../image/v02/home_content_right_bg.png) no-repeat 0 0;}
.mt_home_content h2{ margin: 0; padding: 0; font-size: 30px; color: #333 }
.mt_h_category h2{ padding: 50px 0 30px }
.mt_h_category ul{ list-style: none; margin: 0 -1.5% 0 0; padding: 0; overflow:hidden; }
.mt_h_category ul li{ width: 16.6%; display: inline-block; text-align: center; vertical-align: top; float: left;}
.mt_h_category ul li:hover{ opacity: 0.8;  transition: all 0.4s ease-out;  }
.mt_h_category ul li .cate_img{ margin-bottom: 20px; position: relative; }
.mt_h_category ul li .cate_img img{ max-width: 95%; border-radius: 12px;}
.mt_h_category ul li .cate_name{ font-size: 18px; color: #333 }
.mt_h_category ul li .cate_img .cate_email_num{  max-width: 130px; width: 100%; height: 98%;  position: absolute; top: 0; right: 5%;  border-radius: 12px; }
.mt_h_category ul li .cate_img span{ top:50%; margin-top: -26px; position: absolute; left: 0; width: 100%; text-align: center;color: #333; font-size: 14px; }
.mt_h_category ul li .cate_img span strong{ font-size: 30px; display: block; font-weight: normal;}
.mt_h_category ul li .cate_img a:hover .cate_email_num{ display: block; opacity: 0.8;  transition: all 4s ease-out; }


.store_wrap{ width:auto; height:146px; border:1px solid #e4e4e4; border-radius:2px; background:#fff; position:relative}
.grid_stores li{ list-style:none; width:16.666%; padding-right:32px; margin-bottom:32px; float:left}


.coupon_wrapper{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:10px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.coupon_wrapper:hover{ box-shadow:0 0 10px rgba(0,0,0,0.06); transition:all 0.4s ease-out}

.home_coupons ul,
.home_coupons li{ list-style: none; padding: 0; margin: 0}
.home_coupons img{font-size:1em; vertical-align:middle; outline:none}
.home_coupons_top h2{ padding:50px 0 30px; color: #000}
.home_coupons{ margin-right: -20px;}
.home_coupons .grid_coupons{ width: 100%; }
.home_coupons .grid_coupons .coupon_wrapper{ border: 0; transition:all 0.4s ease-out; margin-right: 20px; margin-bottom: 20px;}
.home_coupons .grid_coupons .coupon_wrapper:hover{box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.home_coupons .grid_coupons .coupon_wrapper .m_logo{ border: 0; padding: 0}
.home_coupons .g_name{ font-size: 18px; color: #666; margin: 5px 0px 20px; display: inline-block;  line-height: 21px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}
.home_coupons .g_count{ font-size: 22px; color: #62bacf; margin: 0; font-weight: bold;}
.home_coupons .grid_coupons .coupon_content{  padding: 20px 20px 16px 20px}
.home_coupons .time_success{ padding-bottom: 10px }


.mt_top_brand:after{ clear: both;  content: ""; display: block;}
.mt_top_brand h2{ padding: 50px 0 30px }
.mt_top_brand ul{ list-style: none; margin: 0 -24px 0 0; padding: 0;}
.mt_top_brand ul li{ width: 25%; text-align: center; float: left;}
.mt_top_brand .tb_content{background: #fff; border-radius: 10px; margin-right: 20px;}
.mt_top_brand .tb_content:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.mt_top_brand .tb_img{ font-size: 0; min-height: 210px; }
.mt_top_brand .tb_img1{ display: block; padding-bottom: 2px; max-height:210px; overflow:hidden; margin-bottom:2px}
.mt_top_brand .tb_img1 img{border-radius: 10px 10px 0 0; width: 100%;}
.mt_top_brand .tb_sub_img{ display: flex; justify-content: space-between; }
.mt_top_brand .tb_sub_img > div{ max-height:55px;  overflow:hidden; padding:0 2px 0 0; }
.mt_top_brand .tb_sub_img > div:first-child{  border-radius:0 0 0 12px}
.mt_top_brand .tb_sub_img > div:last-child{ padding-right:0; border-radius:0 0 12px 0}
.mt_top_brand .tb_sub_img img{ max-width: 100%; margin-top: -40%; opacity: 0.5}
.mt_top_brand .tb_img2 img{border-radius: 0 0 0 10px}
.mt_top_brand .tb_img4 img{border-radius: 0 0 10px 0}
.mt_top_brand .tb_img img:hover{ opacity: 0.8 }
.mt_top_brand .tb_name{ font-size: 16px; color: #333; padding: 15px 0 13px;}
.mt_top_brand .tb_date{ font-size: 14px; color: #999;  padding-bottom: 20px;}

.mt_similar_emails{  padding-bottom: 60px; }
.mt_similar_emails:after{ clear: both;  content: ""; display: block;}
.mt_similar_emails h2{ padding: 50px 0 30px; margin:0; clear: both}
.mt_similar_emails ul{ list-style: none; margin: 0 -24px 0 0; padding: 0;}
.mt_similar_emails ul li{ width: 25%; float: left; margin-bottom: 20px;}
.mt_similar_emails ul li:hover{ opacity: 0.8 }
.mt_similar_emails .se_content{ background: #fff; border-radius: 10px; margin-right: 20px;}
.mt_similar_emails .se_content:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.mt_similar_emails .se_img{ font-size: 0; height: 350px; overflow: hidden;}
.mt_similar_emails .se_img img{border-radius: 10px 10px 0 0; width: 100%;}
.mt_similar_emails .se_name{ font-size: 14px; color: #62bacf; padding: 5px 10px;  line-height: 26px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.mt_similar_emails .se_name a{font-size: 14px; color: #62bacf;}
.mt_similar_emails .se_desc{ font-size: 14px; font-weight: bold; color: #333;  padding:  0 10px 0 10px; margin-bottom: 15px; line-height: 1.2em; height: 2.4em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mt_similar_emails .se_date{ font-size: 14px;  padding:  0 0 10px 10px ;color: #999; }

.mt_banner_bottom{ margin-bottom: 70px; }
.mt_banner_bottom img{ width: 100%; }


.mt_footer{ background-color:#191f2c;  padding:30px 0; overflow: hidden; color: #fff}
.mt_footer .footer_coll{ float: left; margin-bottom: 20px;}
.mt_footer .mt_footer_logo{width: 248px;height: 50px;}
.mt_footer .mt_footer_logo img{ width:248px;}
.mt_footer p{ color: #fff; font-size: 12px;}
.mt_footer .mt_footlink{ float: right; padding-top: 20px;}
.mt_footer .mt_footlink a{ color: #fff; padding: 0 0 0 50px; display: inline-block; font-size: 14px;}
.mt_footer .mt_footlink a:hover{ color: #fff }
.mt_footer .footer_bottom{ clear: both; border-top: #2d374c 1px solid; padding-top: 20px; font-size: 14px;}

.mt_back_to_top{ position:fixed; right:2em; bottom:5em; width:3.125em; height:3.125em; line-height:3em; text-align:center; z-index:999; cursor:pointer; color:#fff; opacity:0.7; background-color:#999; border-radius:2px; box-shadow:0 4px 12px -4px rgba(0,0,0,.2); transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease}
.mt_back_to_top:hover{background-color:#62bacf; opacity:1}
.mt_back_to_top span{ font-size:1.625em; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.wrapper, .wrapper3{ clear:both; width:1200px; margin:0 auto; position:relative}
.wrapper2{ clear:both; width:896px; position:relative; padding:8px 32px 32px 32px; background:#fff; margin:32px auto; border-radius:2px; border:1px solid #e4e4e4}
.wrapper3{ width:896px}


/*mt_category*/
.mt_category_wrapper{ background:#f2f2f2; padding: 30px 0}
.mt_category_header{ padding: 60px 40px; background: #fff; border-radius: 12px; overflow: hidden; margin-bottom: 20px;}
.mt_category_header h1{ font-size: 36px; color: #333; padding: 0; margin:0; float: left;}
select.mt_brandlist{ float: right; border: #eaeaea 1px solid; padding:15px 20px; border-radius: 12px; color: #666}
.cate_map{ clear: both; }
.cate_map ul{ margin: 0; padding: 10px 0 0 }
.cate_map ul li{ list-style: none; display: inline-block; border: #eaeaea 1px solid; margin:0 10px 10px 0; border-radius: 5px; cursor: pointer;}
.cate_map ul li:hover{ border: #62bacf 1px solid; transition: all 0.4s ease-out}
.cate_map ul li a{ display: inline-block;  padding: 8px 10px;}

.mt_brand_list:after{ clear: both;  content: ""; display: block;}
.mt_brand_list h2{ padding:30px 0; margin: 0; font-size: 30px; color: #333 }
.mt_brand_list_item > ul{ list-style: none; margin: 0 -24px 0 0; padding: 0;}
.mt_brand_list_item > ul > li{ width: 33.3%; float: left; }
.mt_brand_list_content{ padding: 15px; margin-right: 24px;  border-radius: 12px; background: #fff; overflow: hidden; margin-bottom: 24px;}
.mt_brand_list_content:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.mt_brand_list_content .mt_merchant_info{ border-top:0; padding: 0; position: relative; overflow: hidden;}
.mt_brand_list_content .mt_merchant_logo{ width: 60px; height: 60px; margin-right: 10px; }
.mt_brand_list_content .mt_merchant_logo img{ border-radius: 100px; }
.mt_brand_list_content .mt_merchant_name{  font-size: 16px; padding-top: 0px; margin-left: 75px; margin-right: 50px; max-height: 20px; padding-bottom: 0; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}
.mt_brand_list_content .mt_merchant_email{ color: #999; height: 19px;margin-left: 75px; margin-right: 50px; padding-bottom: 0; line-height: 19px; font-size: 12px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}
.mt_brand_list_content .mt_merchant_email a{ color: #999 }
.mt_brand_list_content .mt_merchant_email a:hover{ color: #62bacf }
.mt_brand_list_content .mt_merchant_date{ color: #999; height: 19px;margin-left: 75px; margin-right: 50px; padding-bottom: 0; line-height: 19px; font-size: 12px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.mt_brand_list_content .mt_merchant_url{ position: absolute; right: 0; top: 5px }
.mt_brand_list_content .mt_merchant_url a{font-size: 31px;background: none;color: #62bacf;position: relative;width: auto;padding-right: 10px;}
.mt_brand_list_content .mt_merchant_url a:hover{ background: none; color: #6381ff }
.mt_brand_list_content .mt_merchant_url a span{font-size: 12px;position: absolute;right: -1px;top: -4px;background: #f6463c;display: inline-block;border-radius: 100px;line-height: 22px; padding:0 1px; min-width: 20px;color: #fff; letter-spacing: -1px; transform: scale(0.9);border: #fff 1px solid;}
.mt_brand_emails{ padding-top: 20px; }
.mt_brand_emails ul{ list-style: none; margin: 0 -24px 0 0; padding: 0;}
.mt_brand_emails ul li{ width: 50%; float: left;}
.mt_brand_emails ul li:hover{ opacity: 0.8 }
.mt_brand_emails .me_content{ background: #fff; border-radius: 10px; margin-right: 24px;}
.mt_brand_emails .me_img{ font-size: 0 }
.mt_brand_emails .me_img img{border-radius: 10px; width: 100%;}
.mt_brand_emails .me_name{ font-size: 16px;  padding: 20px 0 20px; line-height: 18px; height: 36px;}
.mt_brand_emails .me_name a{font-size: 16px; color: #333;}

.mt_sub_categroy{ padding: 0; font-size: 22px;}
.mt_sub_categroy a.p_cate_link{ position: relative; display: inline-block; padding: 60px 40px; background: #fff; color: #333; font-weight: bold;}
.mt_sub_categroy a.p_cate_link:before{z-index:10;position: absolute;right: -37px;top: -4%;content: "";background: #fff;height: 108%;width: 38px;clip-path:polygon( 50% 50%, 0% 100%,  0% 0);-webkit-clip-path: polygon( 50% 50%, 0% 100%,  0% 0);}
.mt_sub_categroy a.p_cate_link:after{z-index:9;position: absolute;right: -38px;top: -4%;content: "";background: #ccc;height: 108%;width: 37px;clip-path:polygon( 50% 50%, 0% 100%,  0% 0);-webkit-clip-path: polygon( 50% 50%, 0% 100%,  0% 0);}
.mt_sub_categroy a.p_cate_link:hover{ background: #ebeefd; color: #62bacf;}
.mt_sub_categroy a.p_cate_link:hover:before{background: #ebeefd;}

.mt_sub_categroy  h1{ display: inline-block; float: none; font-size: 22px; margin-left: 60px; position: relative;}
.mt_sub_categroy  h1:after{ content: ""; width: 100px; height: 3px; border-radius: 3px; background: #62bacf; position: absolute; bottom: -10px; left: 50%; margin-left: -50px; }



/*all category*/
.mt_allcategory_wrapper h1{ font-size: 30px; color: #333; padding: 0; margin: 0}
.mt_allcategory_header{ padding:30px 0; overflow: hidden;}
.mt_allcategory_header .cate_img{ display: inline-block; vertical-align: middle;  width: 100px; margin-right: 20px;}
.mt_allcategory_header .cate_img img{ max-width: 100%; }
.mt_allcategory_header h2{display: inline-block;  color: #000;}
.mt_allcategory_header h2 a{ font-size: 22px; }
.mt_allcategory_wrapper .mt_brand_list_item > ul > li{ width: 33.3%; float: left; }
.seemore{ margin: 28px 0 0 20px;}


/*brands*/
.mt_brand_list_all .mt_brand_list_content{ min-height: 65px; }
.mt_brand_list_all .mt_brand_list_content:hover{ cursor: pointer; box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.mt_brand_list_all .mt_brand_list_content .mt_merchant_info{ padding-bottom: 0 }
.mt_brand_list_all .mt_brand_list_content .mt_merchant_name{ margin-right: 75px; margin-left: 75px; height: 40px; padding-bottom: 0}
.mt_brand_list_all .mt_brand_list_content .mt_merchant_email{ margin-right: 75px; margin-left: 75px; padding-bottom: 0;}


/*holiday*/
.mt_home_content.mt_holiday_content{background: #f2f2f2; padding: 30px 0;}
.mt_home_content.mt_holiday_content::before, .mt_home_content.mt_holiday_content::after{ display: none; }
.mt_holiday_content .mt_banner_bottom{ margin-bottom: 50px; }
.mt_holiday_brand_list ul{ list-style: none; margin: 0; padding: 0; text-align: center;}
.mt_holiday_brand_list ul li{ display: inline-block; padding: 0 10px 10px; font-size: 18px; color: #666}
.mt_holiday_brand_list ul li a{ color: #666 }
.mt_holiday_brand_list ul li a:hover{ color: #62bacf }

/*merchant*/
.mt_merchant_header{ padding: 25px;  border-radius: 12px; background: #fff; overflow: hidden; margin-bottom: 10px;}
.mt_merchant_header .mt_merchant_info{ border-top:0; padding: 0; position: relative; overflow: hidden;}
.mt_merchant_header .mt_merchant_logo{ width: 135px; height: 135px; border-radius: 12px; font-size: 0}
.mt_merchant_header .mt_merchant_name{  font-size: 22px; padding: 0; margin-top: 0; font-weight: normal;}
.mt_merchant_header .mt_merchant_email{ margin-left: 155px; }
.mt_merchant_header .mt_merchant_email,
.mt_merchant_header .mt_merchant_email a{ color: #999 }
.mt_merchant_header .mt_merchant_email a:hover{ color: #62bacf }
a.icon_coupon::before{ content: ""; text-decoration:inherit;display:inline-block;speak:none; width: 24px; height: 24px; background: url(../image/v02/icon_coupon.png?v=2025081113) no-repeat center 0; background-size: contain; vertical-align: bottom; margin-right: 5px}

.mt_merchant_header .mt_merchant_url{ position: absolute; right: 0; top: 18px; width: 210px;}
.mt_merchant_header .mt_merchant_url a{ width: 100%; background:#62bacf; color: #fff; }
.mt_merchant_header .mt_merchant_url a:hover{ opacity: 0.8 }
.mt_merchant_desc{  font-size: 16px; color: #666; padding-bottom: 20px; margin-right: 250px;}
.mt_merchant_sns{ width: 210px; position: absolute; right: 0; top: 78px;display: flex; justify-content: center;}
.mt_merchant_sns a{ margin-left: 5px; display: inline-block; font-size: 22px; width: 30px; height: 30px; border-radius: 40px; line-height: 30px; text-align: center; color: #fff}
.mt_merchant_sns a:hover{ opacity: 0.8 }
.mt_merchant_sns a:first-child{ margin-left: 0 }
.mt_merchant_sns a.icon-pinterest{ background: #E50028 }
.mt_merchant_sns a.icon-facebook{ background: #007AED }
.mt_merchant_sns a.icon-twitter{ background: #09A2EE }
.mt_merchant_sns a.icon-youtube{ background: #f44336 }
.mt_merchant_sns a.icon-instagram{ background: #f55690 }
.mt_merchant_sns a.icon-linkedin{ background: #0a66c2}
.mt_merchant_sns a.icon-tiktok{ background: #000 }
.mt_merchant_sns a.icon-tiktok::before{ content: ""; text-decoration:inherit;display:inline-block;speak:none; width: 30px; height: 30px; background: url(../image/v02/icon_tiktok.png?v=2025081113) no-repeat center center; background-size: 58%;}
.mt_merchant_sns a.icon-twitter{ background: #000 }
.mt_merchant_sns a.icon-twitter::before{ content: ""; text-decoration:inherit;display:inline-block;speak:none; width: 30px; height: 30px; background: url(../image/v02/icon_x.png?v=2025081113) no-repeat center center; background-size: 58%;}
.mt_category_wrapper .mt_similar_emails .se_desc{ padding-top: 20px; }
.mt_category_wrapper .mt_similar_emails .se_name{margin-bottom:-20px;}
.mt_category_wrapper .mt_similar_emails h2{ color: #333; font-size: 30px; }
.mt_loading{ clear: both; text-align: center; padding: 20px 0 }
.mt_seemore{clear: both; text-align: center; padding: 20px 0}
a.mt_seemore_btn{ background: #62bacf; font-size: 16px; color: #fff; border-radius: 8px; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; text-align: center; }
a.mt_seemore_btn:hover{opacity: 0.8}

.mt_merchant_infowrap{ clear: both; padding-top: 20px;}
.mt_merchant_baseinfo{ background: #fff; border-radius: 12px; width: 75%; padding: 24px 0; float: left;}
.mt_merchant_baseinfo h2{ margin: 0; padding: 14px 24px 24px 0; line-height: 130% }
.mt_merchant_baseinfo h3,
.mt_merchant_baseinfo h4{ margin: 0; padding: 14px 0 3px; font-size: 16px; color: #333; font-weight: bold;}
.merchant_bi_content{ padding: 0 24px;  line-height: 130%;}
.merchant_bi_content ul,
.merchant_bi_content ol{list-style-position: inside;margin: 5px 16px 16px; padding:0}
.merchant_bi_content ul li,
.merchant_bi_content ol li{ width: auto; float: none; margin-bottom: 10px; color: #333; list-style: disc;}
.merchant_bi_content ul li:hover{ opacity: 1 }
.merchant_bi_content p{ margin: 5px 0 16px 0; }
.merchant_bi_content a{ color: #62bacf }
.mt_merchant_feedback{ width: 25%; float: left;}
.mt_merchant_feedback_content{ margin-left: 20px; border-radius: 12px;  padding-bottom: 24px; background:#fff url(../image/v02/feedback_header.png) no-repeat 0 0; background-size: contain; }
.feedback_header{ font-size: 30px; color: #333; padding: 68px 24px 20px; }
.mt_feedbackform{ margin:0 24px; overflow: hidden;}
.mt_feedbackform .mt_search_input{margin-bottom: 12px; width: 100%; position: relative;}
.mt_feedbackform .mt_search_input input[type="text"]{ line-height: 40px; height: 40px; border-radius: 5px; font-size: 14px; padding:0 3%;  border:#eaeaea 1px solid; border-radius: 12px; outline: none; width: 90%;}
.mt_feedbackform .mt_search_input input::placeholder,
.mt_feedbackform .mt_search_input .form-message::placeholder{ color: #999 }
.mt_feedbackform .form-message{  border: #EAEAEA 1px solid; border-radius: 5px; width: 90%; padding:15px 3%; font-size: 14px; font-family: arial; border-radius: 12px; outline: none; line-height: 130%; display: inherit}
.mt_feedbackform .captchaimg{ position: absolute; right: 15px; top: 10px}
.mt_feedbackform .captchaimg img{ max-width: 60px; }
.mt_feedbackform button{ background: #62bacf; font-size: 16px; color: #fff; width: 96%; height: 48px; line-height: 48px; border:0; border-radius: 12px; cursor: pointer;}
.mt_feedbackform button:hover{ opacity: 0.8 }
.err_txt{ color: #f00; font-size: 14px; }

.mt_coupons{ margin-right: -20px; }
.mt_coupon_item{ width: 33.3%; float: left; margin-bottom: 20px;}
.mt_coupon_content{ background: #fff; padding:20px; border-radius: 10px; margin-right: 20px;}
.mt_coupon_content:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.mt_coupon_offer_txt{ float: left; font-size: 28px; font-weight: bold;  color: #62bacf;}
.mt_coupon_logo img{ float: right; max-width: 120px; max-height: 40px;}
.mt_coupon_desc{ clear: both; font-size: 16px; color: #333; padding: 30px 0 0; min-height: 66px;}

.mt_shop_now{  width:187px; height:47px; line-height:47px; display:block; position:relative; float:right; margin:0 20px 20px 0; background: #e1f9ff; border-radius: 5px; }
.mt_shop_now .show_code{ width:154px; text-align:center; background:#62bacf; border-radius:5px 0 0 5px; font-size:16px; color:#fff; font-weight: bold; padding-left:15px; position:absolute; left:0; top:0px; }
.mt_shop_now .show_code:after{content:""; width: 35px; height: 44px; background:#75daf2; position:absolute; z-index: 9; top: 0; right: -13px;  clip-path: polygon(66% 0, 101% 100%, 25% 34%); -webkit-clip-path: polygon(66% 0, 101% 100%, 25% 34%);}
.mt_shop_now .show_code:before{content:"";width: 1.21em;height: 47px;background:#62bacf;position:absolute;z-index: 8;top: 0;right: -18px;clip-path: polygon(0 0, 79% 100%, 0 106%);-webkit-clip-path: polygon(0 0, 79% 100%, 0 106%);}
.mt_shop_now:hover{ opacity: 0.8 }
.mt_shop_now .show_code:hover{ width:154px; }
.mt_shop_now.get_deal .show_code:hover{ width:187px; }



.mt_shop_now .code{ width:100%; height:100%;  border-radius:5px; color:#fff; font-size:18px;  padding:0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.mt_shop_now .code{ text-align:center;}
.get_deal{ background: none; width: 187px;}
.get_deal .show_code{ border-radius: 5px; width: 187px; background: #62bacf}
.get_deal .show_code:before,
.get_deal .show_code:after{ display: none; }

.mt_coupon_extrainfto{ clear: both; color: #666; font-size: 14px;}
.mt_verified{ float: right; }
.mt_verified i{ vertical-align: text-bottom; margin-right: 3px; color: #62bacf; font-size: 16px; }

.mt_coupon_mask{background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:99999}
.mt_coupon_detail_pop{ z-index: 99999; position: fixed;border-radius: 0;    left: 0;    padding: 0;    top: 0;    height: 100%;    width: 100%;    overflow-y: scroll;    box-sizing: border-box;    cursor: pointer;  }
.mt_coupon_detail_content{    max-width: 616px;   background: #fff;    padding: 36px 32px 32px 32px;    clear: both;    position: relative;    box-sizing: border-box;    border-radius: 2px;    box-shadow: 0 12px 24px rgb(0 0 0 / 17%);    margin: 150px auto 16px auto;    z-index: 999;    cursor: default;}
.cs_detail_merchant{ text-align: center; font-size: 20px; }
.code_wrap{ border: #e1e1e1 1px solid; text-align: center; padding: 20px;}
.code_wrap div.codetext{ display: inline-block; color: #666; font-size: 20px;}
.code_wrap input[type=button]{ background: #62bacf; border-radius: 3px; border: 0; padding: 10px 20px; color: #fff; font-size: 20px; margin-left: 10px; cursor: pointer; }
.deal_wrap{ border: 0; }
.goto_btn{ padding: 0px 0 0; text-align: center; }

/*static page*/
.mt_static_page{ margin: 0 auto; background: #f2f2f2; padding: 30px 0}
.mt_static_page .mt_wrapper{ width: 904px; padding: 40px; border-radius: 12px; background: #fff}
.mt_static_page .mt_aboutus_content{ line-height: 150%; }
.mt_static_page h1{ padding: 0; margin:0; font-size: 30px; color: #333 }
.mt_contactusform{ width: 700px; margin:0 auto; overflow: hidden;}
.mt_contactusform .mt_search_input{margin-bottom: 12px;}
.mt_contactusform .mt_search_input input[type="text"]{ line-height: 48px; height: 48px; border-radius: 5px; font-size: 16px; padding: 0 20px; width: 658px; border:#eaeaea 1px solid; border-radius: 12px; outline: none;}
.mt_contactusform .mt_search_input input::placeholder,
.mt_contactusform .mt_search_input .form-message::placeholder{ color: #999 }
.mt_contactusform .form-message{  border: #EAEAEA 1px solid; border-radius: 5px; width: 658px; padding: 15px 20px; font-size: 16px; font-family: arial; border-radius: 12px; outline: none;}
.mt_contactusform button{ background: #62bacf; font-size: 16px; color: #fff; width: 143px; height: 48px; line-height: 48px; border:0; border-radius: 12px; float: right; cursor: pointer;}
.mt_contactusform button:hover{ opacity: 0.8 }

/*search 404 not found*/
.mt_searchform{ margin-top: 20px; }
.mt_home_content.mt_searchkeyword_content,
.mt_category_wrapper.mt_searchkeyword_content{ padding-top: 0; }

.mt_404_content img{ max-width: 100%; margin-bottom: 20px; }
.mt_404_content p{ text-align: center; color: #62bacf; font-size: 24px; }

.noresultsimg{ text-align: center; margin-top: 60px;}
.noresultsimg img{ max-width: 100%; margin-bottom: 20px; }
.noresultsimg p{ text-align: center; color: #62bacf; font-size: 24px; }




/*detail*/
.mt_detail_content{background: #f2f2f2; }
.mt_detail_content h2{ margin: 0; padding: 0; font-size: 30px; color: #333; padding: 50px 0 30px  }
.mt_email_detail{ background: #f2f2f2; padding: 30px 0;}
.mt_email_detail .mt_wrapper{ width: 1200px; overflow: hidden; border-radius: 12px; background: #fff;padding-bottom: 20px;}
.mt_email_content{ padding: 30px; float: left;  width: 660px; overflow: hidden; }
.mt_email_content img{ max-width: 660px !important; }

.mt_emial_text{  clear: both;  line-height: 150%;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 10;    -webkit-box-orient: vertical;white-space: pre-wrap;}
.mt_emial_text.show{ display: block; }
.mt_showall{ color: #62bacf; cursor: pointer; padding: 10px 0; display: inline-block; }

.mt_email_center{ margin:0 auto; }
.mt_email_aside{ float: right; padding: 30px 30px 30px 0; width: 430px;}
.mt_email_channel{ padding: 20px 0 40px }
.mt_email_channel a{ margin-right: 20px; color: #666; font-size: 14px; }
.mt_email_channel a:hover{ color: #62bacf }
a.mt_merchant_name{ display: none; }
.mt_email_title h1{ font-size: 28px; padding: 0 0 20px; margin: 0; color: #333; line-height: normal; font-weight: normal;}
.mt_email_desc{ font-size: 14px; color: #999;  padding:  0 0 45px; line-height: 140%; }
.mt_email_date{ font-size: 14px;  padding:  0 0 15px ;color: #999; }
.mt_merchant_info{ border-top:#eaeaea 1px solid; padding-top: 40px; padding-bottom: 40px; }
.mt_merchant_logo{ float:left; width: 100px; height: 100px; border: #eaeaea 1px solid; border-radius: 100px; text-align: center; margin-right: 20px;}
.mt_merchant_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}
.mt_merchant_logo img{ max-width: 85%; max-height: 85%; vertical-align: middle;}
.mt_merchant_name{ font-size: 24px; color: #333; padding-bottom: 15px; font-weight: bold;}
.mt_merchant_email{ font-size: 16px; padding-bottom: 15px;}
.mt_merchant_email span{ margin:0 10px; }
.mt_merchant_url a{ background: #EBEFFF; font-size: 16px; color: #62bacf; border-radius: 8px; display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; }
.mt_merchant_url a:hover{background: #62bacf; color: #fff;}
.mt_email_aside .mt_merchant_info{ position: relative; overflow: hidden;}
.mt_email_aside .mt_merchant_name{ padding-top: 15px; }
.mt_email_aside .mt_merchant_email{ color: #999; height: 19px;margin-left: 75px; margin-right: 50px; padding-bottom: 0; line-height: 19px; font-size: 12px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}
.mt_email_aside .mt_merchant_email a{ color: #999 }
.mt_email_aside .mt_merchant_email a:hover{ color: #62bacf }
.mt_email_aside .mt_merchant_url{ position: absolute; right: 0; top: 68px }
.mt_email_aside .mt_merchant_url a{font-size: 31px;background: none;color: #62bacf;position: relative;width: auto;padding-right: 10px;}
.mt_email_aside .mt_merchant_url a:hover{ background: none; color: #6381ff }
.mt_email_aside .mt_merchant_url a span{font-size: 12px;position: absolute;right: -1px;top: -4px;background: #f6463c;display: inline-block;border-radius: 100px;line-height: 22px; padding:0 1px; min-width: 20px;color: #fff; letter-spacing: -1px; transform: scale(0.9);border: #fff 1px solid;}
.mt_email_aside .mt_merchant_logo{ border-radius: 12px }
.mt_email_aside .mt_merchant_logo img{ border-radius: 0 }

.mt_similar_emails_withoutmername{ padding-bottom: 0 }


.mt_more_emails{border-top:#eaeaea 1px solid;}
.mt_more_emails h2{ padding: 50px 0 30px; margin: 0; color: #000; font-size: 18px; }
.mt_more_emails ul{ list-style: none; margin: 0 -24px 0 0; padding: 0; overflow: hidden;}
.mt_more_emails ul li{ width: 50%; float: left;}
.mt_more_emails ul li:hover{ opacity: 0.8 }
.mt_more_emails .me_content{ background: #fff; border-radius: 10px; margin-right: 24px;}
.mt_more_emails .me_img{ font-size: 0; min-height: 210px; }
.mt_more_emails .me_img img{border-radius: 10px; width: 100%;}
.mt_more_emails .me_img img:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.mt_more_emails .me_name{ font-size: 16px;  padding: 20px 0 0; margin-bottom: 20px; line-height: 18px; height: 54px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all;}
.mt_more_emails .me_name a{font-size: 16px; color: #333;}

.mt_holiday_list{border-top:#eaeaea 1px solid;}
.mt_holiday_list h2{ padding: 50px 0 20px; margin: 0; color: #000; font-size: 18px; }
.mt_holiday_list ul{ list-style: none; margin: 0; padding: 0; display: table;}
.mt_holiday_list ul li{ margin-bottom: 10px; }
.mt_holiday_list ul li a{  display: inline-block; border-radius: 12px; padding: 10px 0px; line-height: 130%;}
.mt_holiday_list ul li a img{ height: 20px; vertical-align: middle;  margin-right: 5px;}

.mt_merchant_holiday_list{ border-top: 0; clear: none; margin-left: 155px; margin-right: 250px;}
.mt_merchant_holiday_list ul li{ display: inline-block; margin-right: 5px;}


.hidden{ display:none!important}
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.subscribe_success_pop{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:999; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.subscribe_success{ width:616px; background:#fff; padding:56px 32px 32px 32px; clear:both; position:relative; box-sizing:border-box; border-radius:2px;  box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:92px auto 16px auto; z-index:999; cursor:default}
.subscribe_success{ padding:32px 32px; font-size:18px; text-align:center}
.closed_btn{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97; background: #f6f6f6; border-radius: 100%; margin: 20px;}
.closed_btn:after, .closed_btn:before{ background-color:rgba(0,0,0,0.67); content:""; display:inline-block; height:1px; position:absolute; left:0.562em; top:1.25em; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:1.375em}
.closed_btn:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left:0.562em}
.subscribe_success_tips i{ color:#02b6c0; font-size:1.25em; margin-right:5px}
.subscribe_success_tips p{ margin-bottom:0px}
.detail_coupon_alert .subscribe_success_tips{ margin-top:1em}

.pagination{ overflow: hidden;  text-align: center;}
.pagination a{     margin: 0px 0 0 4px; display: inline-block;    border: #eaeaea 1px solid;    padding:8px 10px;    border-radius: 3px;    color: #666;    background: #fff;    font-size: 14px;}
.pagination a:hover{ color: #62bacf; opacity: 0.8;  }
.pagination .pagination-page-current a,
.pagination .pagination-page-current a:hover{ color: #fff; background: #62bacf; border: #62bacf 1px solid;  }

.calendarlist{ margin-top: 20px; clear: both; }


/*holiday*/
.mt_halloween_wrapper{padding-bottom: 0; background: none}
.mt_halloween_wrapper:before{ content: ""; width: 100%;  position: fixed; top: 0px; height: 100%; z-index: -1;   background: #130b32 url(../image/v02/Halloween_bg.jpg) center 0 no-repeat; }
.mt_holiday_banner img{ border-radius: 12px; width: 100%;}
.mt_category_wrapper .mt_holiday_emails h1,.mt_category_wrapper .mt_holiday_emails h2{ text-align: center; }
.mt_holiday_emails{ padding-bottom: 30px; }
.mt_halloween_wrapper a.mt_seemore_btn{ background:#e55928}
.mt_holiday_infowrap{ clear: both; padding-top: 20px; overflow: hidden; }
.mt_holiday_baseinfo{ width: 75%; padding: 0 0 24px 0; float: left;}
.mt_holiday_baseinfo h2{ margin: 0; padding: 14px 24px 0 0; line-height: 130%; color: #333; font-size: 30px;}
.mt_holiday_baseinfo h3,
.mt_holiday_baseinfo h4{ margin: 0; padding: 14px 0 3px; font-size: 16px; color: #333; font-weight: bold;}
.holiday_bi_content{  background: #fff; border-radius: 12px; padding: 0 24px 24px;  line-height: 130%; margin-bottom: 24px;}
.holiday_bi_content ul,
.holiday_bi_content ol{list-style-position: inside;margin: 5px 16px 16px; padding:0}
.holiday_bi_content ul li,
.holiday_bi_content ol li{ width: auto; float: none; margin-bottom: 10px; color: #333; list-style: disc;}
.holiday_bi_content ul li:hover{ opacity: 1 }
.holiday_bi_content p{ margin: 5px 0 16px 0; }
.holiday_bi_content a{ color: #62bacf }
.mt_holiday_colr{ width: 25%; float: left;}
.mt_holiday_colr_content{ margin-left: 20px; padding: 20px 20px 10px; border-radius: 12px;  background:#fff;  line-height: 130%;}
.mt_holiday_colr_content p{ margin-top: 0 }
.mt_holiday_colr_content a{color: #62bacf }

.mt_holiday_brands{background: #fff; border-radius: 12px; padding: 24px; overflow: hidden; margin-bottom: 30px;}
.mt_holiday_brands h2{ margin: 0; padding: 0 0 20px; line-height: 130%; color: #333; font-size: 30px;}
.mt_holiday_brands ul{  list-style: none; margin: 0; padding: 0}
.mt_holiday_brands ul li{  width: 25%; float: left; padding: 0 0 20px 0;}

.mt_blackfriday_wrapper{ background: #f2f2f2 }
.mt_blackfriday_wrapper:before{ display: none; }
.mt_blackfriday_wrapper .mt_holiday_emails h2{ color: inherit; }


/*coupon*/

#main_content *{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#main_content{ background:#f2f2f2;}
#main_content ul,
#main_content li,
#main_content button{ list-style:none; padding: 0; margin: 0; border: 0}


.store_wrap{ width:auto; height:146px; border:1px solid #e4e4e4; border-radius:2px; background:#fff; position:relative}
.grid_stores li{ list-style:none; width:16.666%; padding-right:32px; margin-bottom:32px; float:left}


.od_coupon_wrap{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:10px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.od_coupon_wrap:hover{ box-shadow:0 0 10px rgba(0,0,0,0.06); transition:all 0.4s ease-out}
.coupon_item.od_coupon_wrap{ background:#fff7e8;}
.deal_item.od_coupon_wrap{ background: #f5fdff}

.go_button{ position:relative; display:block; width:100%; color:#fff;  font-weight:600; border-radius:10px; cursor:pointer; height:48px;line-height:45px; text-align:center}
.button_code{ background:#ffa701; padding-right:24px;     border-radius: 10px; }
.button_code:before{ content:''; position:absolute; display:block; width:48px; height:48px; top:9px; right:7px; z-index:2; background-image:linear-gradient(113deg, #ffa701 0, #ffa701 49%, transparent 50%, transparent 100%); background-repeat:no-repeat; background-position:0 0px; -webkit-transform:rotate(0deg) translateY(-9px) scaleX(0.9); transform:rotate(0deg) translateY(-9px) scaleX(0.9);
 -webkit-transition:background-position .2s, -webkit-transform .2s; transition:background-position .2s, -webkit-transform .2s; transition:transform .2s, background-position .2s; transition:transform .2s, background-position .2s, -webkit-transform .2s; border-radius:0 0 0 5px; }
/*.button_code:after{ display: none; content:''; position:absolute; display:block; width:15px; height:10px; right:25px; bottom:0; -webkit-transform:skew(40deg, 0); transform:skew(40deg, 0); background:#25414c; -webkit-transition:right .2s; transition:right .2s; border-radius:2px}
.button_code:hover:before{ display: none; background-position:0 0; -webkit-transform:rotate(15deg) translate(-8px, -3px) scaleX(1); transform:rotate(15deg) translate(-8px, -3px) scaleX(1)}
.button_code:hover:after{ display: none; right:38px}*/
.button_code .code{ position:absolute; display:block; top:0; right:-1px; font-size: 14px; width:50px; height:100%; line-height: 48px; overflow:hidden; padding:0 12px 0 0; direction:rtl; text-align:right; color:#ffa701; background:#fff7e8;
 -webkit-transition:width .2s; transition:width .2s;     border:#ffa701 1px dashed;    border-radius:0 10px 10px 0;}
 .show_code:hover{ width:130px; transform:all .25s ease;}

.od_coupon_page .button_text:hover{/* width:172px*/}
.button_text{ line-height: 48px;  transition:all .25s ease; width: 178px; position: relative;}
.button_deal{ background:#62bacf}
.button_deal:hover{ background:#72d3ea}
.button_deal .button_text,
.button_discounts .button_text{ width: auto !important;}
.button_allcode{ background:#158e4d;}
.button_allcode:before{background: #158e4d;}
.button_allcode .button_text:before{background: #158e4d; }
.button_discounts{ background:#007aec}
.button_discounts:hover{ background:#0084ff}

.time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative}
.time_success div{ margin:0 5em 0 0; display:inline-block; font-size:14px; color:#666}
.time_success div.red{color:#F00}
.time_success i{ font-size:14px; margin-right:4px; color:#bbb; vertical-align:baseline}
.time_success div.red i{ font-size:14px; margin-right:4px; color:#F00; vertical-align:baseline}

.grid_coupons, .grid_stores{ width:1232px}
.grid_coupons li{ width:25%; float:left; position:relative}
.grid_coupons .coupon_wrapper{ margin-bottom:32px; margin-right:32px; text-align:center}
.grid_coupons .coupon_wrapper .m_logo{ width:100%; height:9.125em; border-bottom:1px solid #e4e4e4}
.grid_coupons .promo{ font-size:1.5em; color:#333; margin-bottom:10px}
.grid_coupons .title{ font-size:1.125em; line-height:1.25; color:#333; margin-bottom:14px; height:2.5em; overflow:hidden}
.grid_coupons .coupon_content{ padding:20px 32px 16px 32px; display:block}
.grid_coupons .time_success div{ float:inherit; margin:6px 0 0 0}

.container_stores{ widows:100%; background:#fff; padding-bottom:28px; margin-top:2em; padding-top:10px}
.section{ width:100%; float:left; margin-bottom:20px;}
.section ul li{ width:16.667%; float:left; padding-right:16px; font-size:14px; height:32px; line-height:32px}
.section ul li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: inline-block}
.od_coupon_page{ padding-right:30px; padding-bottom:16px; width:77%; float:left; margin-top:0em}
.od_page_aside{ width:23%; float:right; padding-top:0px; padding-bottom:16px; margin-top:0em}

.breadcrumbs{ font-size:14px; padding:2em 0}
.t_breadcrumbs{ margin:2em 0 0.75em 0; font-size:14px}

h1.m_title{ padding: 1em 0 .5em; margin:0 }
.od_coupon_page h1{ font-size: 24px; margin: 0; padding: 0 0 25px 0; font-weight: bold;}

.merchant_wrap{ text-align:center; background:#fff; position:relative; border-radius:2px;}
.merchant_wrap .store_wrap{ height:auto; width:100%; margin:0 0 10px 0; border:none}
.merchant_wrap .m_title{ font-size: 24px; color: #333; word-wrap:break-word; margin-bottom: 1.5em;}
.merchant_wrap p{ color:#333}
.merchant_wrap .but_go{ margin-bottom: 1em; text-transform:inherit; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background: #62bacf; border-radius: 10px;}
.merchant_wrap .but_go a{ color:#fff; display: block;padding:16px;}
.merchant_wrap .but_go:hover{ opacity: 0.9}

.merchant_extralink{ overflow: hidden;}
.merchant_extralink a{ display: block; text-align: left; padding: 15px 0; font-size: 16px;}
.merchant_extralink a.icon-envelope-alt{ border-bottom: #e5e5e5 1px solid; }
.merchant_extralink a:before{ margin-right: 10px; color: #62bacf;  float: left;}
.merchant_extralink a.icon-envelope-alt:before{ width: 24px; font-size: 20px;}
.merchant_extralink a.icon_coupon{ padding-bottom: 0; line-height: 24px;}


.m_logo{ height:100%; width:100%; text-align:center; vertical-align:middle; padding:40px}
.m_logo img{ max-width:90%; max-height:90%}
.m_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}


.icon_npa{background: url(../image/icon.png) repeat-x 0 -115px; background-size: 66px 372px; width: 24px; height: 24px; display: inline-block; margin-right: 8px; vertical-align: middle;}
.icon_discount{ background-position: -39px -34px;}
.icon_verified{ background-position: -38px -114px;}
.icon_storewide{ background-position: 0px -155px;}
.icon_saving{ background-position: -38px -158px;}
.icon_reviews{ background-position: 0px -34px;}
.icon_deals{ background-position: 0px -74px;}
.icon_alternatives{ background-position: -38px -74px;}

.rating_box.rating_medium{ transform:scale(0.6);}
.popular_list .rating_box{ margin: 0 0 0 70px;    width: 100px;}
.popular_list .rating_info{ font-weight:normal;}



.merchant_key{ padding:1em 0}
.merchant_key h1{ color:#333; font-size:1.5em; line-height:1.25; padding:0}

.merchant_key .store_wrap{ width:80px; height:80px; border:none; background-color:#fff; border-radius:2px; float:left; margin:0 16px 16px 0}
.merchant_key .store_wrap .m_logo{ padding:8px; border:1px solid #e4e4e4}
.only_tablet{ display:none}

.od_coupon_offer{ padding-bottom: 1em; text-align:center; width:10em; position:absolute; top:50%; left:0; margin-top:-3em}
.od_offer_block{ width:100%; height:4em; text-align:center}
.deal_offer .icon-tags{ color:#444;}
.deal_offer .offer_label{ background:#26c0c9}
.code_offer .offer_label{ background:#eb583a}
.od_offer_centre{ width:100%; height:100%; display:table}
.offer_label{ font-size:14px; width:72px; line-height:20px; color:#fff; display:inline-table; text-transform:uppercase; border-radius:4px}
.od_offer_box{ line-height:1; display:table-cell; text-align:center;}
.od_offer_box span{ display:block; vertical-align:middle; text-transform:uppercase; color:#ffa701; font-weight: bold;}
.od_offer_box span i{ font-size:0.5em; display:inline; vertical-align:top; padding-top:0.025em}
.od_offer_big_text{ font-size:2.0em; font-weight:500}
.od_offer_med_text{ font-size:2.0em; font-weight:500}
.offer_large_text{ font-size:1.625em; font-weight:500}
.offer_lesser_text{ font-size:1em}
.offer_smaller_text{ font-size:0.85em}
.offer_least_text{ font-size:0.85em}
.deal_offer .od_offer_box span,
.deal_item .od_offer_box span{color:#62bacf; }
.od_offer_box span:before{ font-size:3.5em;}



.expired .deal_offer .offer_label, .expired .code_offer .offer_label{ background:#bcbcbc}
.expired .od_offer_box span{ color:#999}
.expired .deal_offer .icon-tags{ color:#888}

.od_coupon_page .od_coupon_content{ padding:1em 14.5em .65em 1.8em; margin-left: 10em; background: #fff; border-radius: 0 10px 10px 0}
.od_coupon_page .go_button{ width:200px; position:absolute; bottom:50%; right:26px; margin-bottom:-1.375em}
.od_coupon_page p.title{ font-size:1.65em; color:#333; line-height: 130%; margin: 0.5em 0; font-weight: bold;}
.od_coupon_page p.description{ color:#666}


.od_aside_wrap{ margin-top:1.25em; padding-bottom:2.65em; border-bottom:1px solid rgba(0,0,0,0.08)}
.od_aside_wrap:last-child{ border-bottom:none}
.od_aside_wrap h2, .od_aside_wrap h3{ font-size:24px; color:#333}

.filter_content label{ cursor:pointer; line-height:40px; height:40px; display:block}
.filter_content label input[type="checkbox"]{ display:inline-block; margin-right:6px; border:inherit; background-color:inherit; -webkit-appearance:checkbox; vertical-align:baseline}

.merchant_description{ font-size:14px; text-align:left; line-height:22px; margin:8px 0 1em 0; position:relative; cursor:pointer; color:#666; -moz-transition:max-height 0.3s ease; -ms-transition:max-height 0.3s ease; -o-transition:max-height 0.3s ease; -webkit-transition:max-height 0.3s ease; transition:max-height 0.3s ease}
.merchant_description.show{ max-height:999px}
.merchant_description ~ span{ display:block; text-align:right; color:#2748f9; cursor:pointer}

.text_lists li{font-size:14px; line-height: normal; padding-bottom: 15px !important;}

.shopping_tips p{ font-size:14px}
.shopping_tips div.title{ font-size:14px; color:#666; font-weight:600; margin-bottom:6px}
.shopping_tips p a, .od_saving_center p a{ color:#62bacf}
.od_saving_center{  margin:0 0 32px 0; border-radius: 10px;}
.od_saving_center h2{ padding:.5em 0 1em; margin: 0; font-weight: bold;}
.od_saving_center p{ font-size:16px}
.od_saving_center h3.title{ font-size:1.0625em; color:#666; font-weight:600; margin-bottom:20px; padding: 0}
.od_saving_center ol{ counter-reset:li; margin-top:15px}
.od_saving_center ol li{background-color:#f4f4f4; margin-bottom:10px; padding:14px 20px 14px 70px; position:relative; font-size:14px}
.od_saving_center ol li:before{ position:absolute; content:counter(li); counter-increment:li; width:70px; height:50px; top:50%; bottom:0; left:0; font-size:36px; font-weight:600; line-height:50px; text-align:center; color:#d8d8d8; -ms-transform:translateY(-50%); transform:translateY(-50%); font-style:italic}
.od_saving_center p > strong{ display: block; margin-bottom: -15px; }
.od_saving_center ul{ margin-top:15px}
.od_saving_center ul li{ margin-bottom:10px; position:relative; list-style: disc; list-style-position: outside; margin-left:20px;}

.shopping_tips{  margin:0 0 32px 0; border-radius: 10px; background: #fff; border-radius: 10px; padding:0 30px 30px}
.shopping_tips h2{ padding:1.5em 0 0; margin: 0; font-weight: bold;}
.shopping_tips p{ font-size:16px; margin: 10px 0 15px 0; line-height: 24px;}
.shopping_tips h3.title{ font-size:1.0625em; color:#333; font-weight:600; margin-bottom:5px; padding: 0}
.shopping_tips p > strong{ display: block; margin-bottom: -15px; }
.shopping_tips ul{ margin-top:15px}
.shopping_tips ul li{ margin-bottom:10px !important; position:relative; list-style: disc !important; list-style-position: outside; margin-left:20px !important;}


.accordion .accordion-item{ margin-bottom: 1.5em; background: #fff; border-radius: 10px; padding:1.75em 1.85em !important;}
.accordion .accordion-item button[aria-expanded=true]{border-bottom:1px solid #62bacf;}
.accordion button{ background: none;  position:relative;display:block;text-align:left;width:100%;font-size:1.15rem;line-height:1.25;outline:none;text-transform:none;height:auto}
.accordion button:hover,.accordion button:focus{cursor:pointer;color:#333;}
.accordion button:hover::after,.accordion button:focus::after{cursor:pointer;color:#333;border:1px solid #62bacf}
.accordion button .accordion-title{padding-right:5em;display:block;font-size:1.1em; color: #666; padding-left: 35px;}
.accordion button .accordion-title:hover{ color: #333}
.accordion button .icon{ background: #000; text-align: center; color: #fff; display:inline-block;position:absolute;top:9px;left:0;width:25px;height:25px;border:0px solid;border-radius:22px;margin-top:-10px;}
/*.accordion button .icon::before{display:block;position:absolute;content:"";top:9px;left:5px;width:20px;height:2px;background:#fff}
.accordion button .icon::after{display:block;position:absolute;content:"";top:1px;left:14px;width:2px;height:20px;background:#fff}*/
.accordion button[aria-expanded=true]{color:#333}
.accordion button[aria-expanded=true] .accordion-title{color:#333}
.accordion button[aria-expanded=true] .icon::after{width:0}
.accordion button[aria-expanded=true] .icon-angle-right:before{ content: "\f107"}
.accordion button[aria-expanded=true] + .accordion-content{opacity:1;max-height:999em;transition:all 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 200ms linear,max-height 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content p{font-size:1rem;margin:1em 0 0 35px; color: #333; line-height: 24px}



.art_content h4{ font-size:1.125em; line-height:1.5; margin:0 0 0.35em 0; padding:0; color:#333}
.art_content p{ clear:both; font-size:16px}
.art_content p strong{ font-weight:600; color:#555}
.art_content p img, .art_content p iframe{ max-width:100%; margin:0 auto 32px auto; display:block}
.art_content img.fleft{ margin:8px 24px 20px 0; max-width:200px}
.art_content a{ color:#62bacf}
.art_content ul{ margin-left:26px; clear:both; margin-bottom:16px}
.art_content ul li{ margin-bottom:8px; font-size:14px}
.art_content table{border-collapse:collapse;width:100%}
.art_content table,.art_content th,.art_content td{border-bottom: 1px solid #39f; text-align: left!important; font-size: 14px;}
.art_content table tr>td {width: 68%}
.art_content th{font-weight: 600;}
.art_content .title{ margin-bottom: 16px; font-size: 16px; color: #666}


.side_coupon ul li{ list-style:none; border-bottom:1px solid rgba(0,0,0,0.06); padding:2px 0 14px 0; margin-bottom:14px; position:relative}
.side_coupon ul li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:10px}
.side_coupon .side_offer{ margin-bottom:4px; font-weight:bold; font-size:14px}
.side_coupon .title{ margin-bottom:5px; font-size:14px}
.side_coupon .expire_time{ font-size:12px; color:#888}
.side_coupon .expire_time i{ margin-right:4px}



.merchant_box{ background: #fff }
.content_right .breadcrumb_nav{ position: static; }
.new_merchant_wrap .merchant_logo{ background: #fff; width: 150px; }

.new_merchant_wrap .merchant_logo{ position:absolute; top:30px; left:0; width:150px; height:100px;  border-radius:2px}
.new_merchant_wrap .merchant_logo .stores{ width:100%; height:100%; border:none}
.new_merchant_wrap .merchant_logo .m_logo{ padding: 0 }
.new_merchant_wrap{ padding:30px 0 30px 170px; position:relative}
.merchant_content h1, .tag_content h1{ font-size: 2em; font-weight: bold; margin-bottom:0; overflow:hidden; white-space:nowrap; -moz-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; color:#333; padding:0; line-height:1.4}
.merchant_content h2, .tag_content h2{ font-size: 1em; color: #666666e8; padding: 3px 0 0 0; margin:0;  font-weight: bold;}
.new_merchant_wrap .new-link,
.website a{ color: #2748f9 }
.new_merchant_wrap .new-link i{ vertical-align: baseline; }
.od_coupon_page{margin-top: 0 }

.mer_offertype_wrap{ padding-bottom: 0.5em; }

.offer_label{ font-size: 1em;  width: auto; text-transform: unset;}
.offer_label.code{ color: #ffa701; text-transform: uppercase; }
.offer_label.deal{ color: #62bacf; text-transform: uppercase; }

span.offer_type_mer{ font-size: 0.9em; font-weight: bold; background: #32ae7d; border-radius: 10px; padding: 5px 12px; margin-left: 10px; color: #fff; text-transform: unset; font-weight: normal; }
span.offer_type_mer:before{ content: ""; display: inline-block; width: 20px; height: 20px; background: url(../image/icon.png) no-repeat 0 -194px; background-size: 66px 372px; vertical-align: middle;  }
span.offer_type_mer.verified{  color: #fff }
span.offer_type_mer.toppick{ background: #cd3232}
span.offer_type_mer.toppick:before{ background-position: -39px -193px;}
span.offer_type_mer.allverified{ background: #158e4d}
span.offer_type_mer.allverified:before{ background-position: 0 -230px;}
span.offer_type_mer.deal{ background: #f1b700; color: #fff}
span.offer_type_mer.deal:before{ background-position: -39px -230px;}
span.offer_type_mer.official{ background: #007aec; color: #fff}
span.offer_type_mer.official:before{ background-position: 0 -265px;}



.time_success{ position: static; }
.offer_detail{  position: absolute; right: 5px; bottom: 0; margin: 0  !important}
.offer_detail div{  margin: 0 }

.expired .offer_label{ color: #999 !important }

.t_label{ position:absolute; z-index:2; top:-4px; right: 0}
.t_label div{ float:left}
.t_label span{ font-size:12px; color:#fff; padding:2px 10px; border-radius: 0 10px 0 0;}
.exclusive_label span{ background-color:#ffa31b}
.blackfriday_label span{ background-color:#000}
.valentinstag_label span{ background:#ff5da2}
.cybermonday_label span{background:#3b02d4}
.ostern_label span{ background:#4fb783}
.muttertag_label span{ background:#f60c86}
.halloween_label span{ background:#7047a3}
.weihnachten_label span{ background:#dd0a35 }
.em2024_label span{ background:#7047a3}

.csm_logo{ width:100%; text-align:center; vertical-align:middle; padding:10px}
.csm_logo img{ max-width:95%; max-height:95%; border-radius: 5px;}
.csm_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}


.list_coupons .s_logo{ width: 7em; }
.list_coupons .s_logo img{ max-width: 80%; }

.od_topcoupon_wrap{ border-radius: 10px; margin:0 0 32px 0}
.od_topcoupon_wrap h2{ padding: 1.5em 0 1em; margin: 0; font-weight: bold;}
.od_topcoupon_title{ }
.od_topcoupon_wrap table{ border-collapse:collapse; border-spacing:0; width:100%; font-size:14px;     background: #fff;    border-radius: 10px; overflow: hidden;}
.od_topcoupon_wrap th{ border-bottom:1px solid #f4f5f7; background: #e7e7e7; padding:24px 30px;  text-align:left; font-size: 16px; }
.od_topcoupon_wrap th:nth-child(1){ width: 60%;}
.od_topcoupon_wrap td{ border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; padding:24px 30px; vertical-align:middle;word-break: break-word; font-size: 16px;}
.od_topcoupon_wrap td:nth-child(2){ word-break:keep-all}
.od_topcoupon_wrap td:nth-child(3){ border-right: 0;}
.od_topcoupon_wrap a.link{ color:#666}
.od_topcoupon_wrap a.link:hover{color:#62bacf}
.od_topcoupon_wrap a.merchant_link{ color:#666}
.od_topcoupon_wrap a.merchant_link:hover{color:#009ed9}
/*.od_topcoupon_wrap tr:hover{ background:#f9f9f9}*/
.od_topcoupon_wrap thead tr:hover{ background:none}
.od_topcoupon_wrap thead th:nth-child(2){ white-space:nowrap}
.od_topcoupon_wrap tr:last-child td{ border-bottom:none}
.od_topcoupon_wrap .icon-copy{ font-weight: bold; font-size: 0.8em; vertical-align: baseline; color:#62bacf }

.mt_email_aside .od_topcoupon_wrap{ margin-bottom: 50px; border-top: #eaeaea 1px solid; border-radius: 0;}
.mt_email_aside .od_topcoupon_wrap h2{ font-size: 18px}
.mt_email_aside .od_topcoupon_wrap table{ border:1px solid #f4f5f7; border-collapse:separate; width: auto;}
.mt_email_aside .od_topcoupon_wrap th:nth-child(2){ width: 40%; text-align: center;}
.mt_email_aside .od_topcoupon_wrap thead th:nth-child(1){ white-space:normal;}
.mt_email_aside .od_topcoupon_wrap a.link{ color: #333; font-weight: bold;}
.mt_email_aside .od_topcoupon_wrap a.link span{ display: block; width: 95px;  font-weight: normal; font-size: 14px; background: #62bacf; padding: 5px 0; color: #fff; border-radius: 10px; margin: 5px auto;}
.mt_email_aside .od_topcoupon_wrap a.link:hover span{ opacity: 0.9}
.mt_email_aside .od_topcoupon_wrap td:nth-child(2){ border-right: 0; text-align: center;}




.merchant_wrap{ padding:15px; text-align:center; background:#fff; position:relative; border-radius:10px; margin-bottom: 1.2em;}
.merchant_extrainfo{ padding:0; }
.merchant_extrainfo h3{margin:0 0 10px; padding: 0; font-size: 18px; height: auto; text-transform:inherit; max-width:100%; overflow:hidden; line-height: normal; text-align: left; }
.merchant_extrainfo ul{ list-style: outside; margin-left: 20px; text-align: left;}
.merchant_extrainfo ul li{ font-size: 13px; padding-bottom: 8px; list-style: disc outside}
.about-merchant-stats{ width:100%; text-align: left; font-size: 16px;}
.about-merchant-stats .about-merchant-data{ text-align: right;  }
.merchant_extrainfo .about-merchant-stats{border-collapse: collapse}
.merchant_extrainfo .about-merchant-stats tr td{/* border-bottom:#e5e5e5 1px solid; */padding: 5px 0; }
.merchant_extrainfo .about-merchant-stats tr:last-child td{ border-bottom: 0; padding-bottom: 0}

.od_aside_wrap{ padding:15px; background:#fff; position:relative; border-radius:10px; margin-bottom: 1.2em;}
.od_aside_wrap h2,
.od_aside_wrap h3{ margin: 0 0 20px; padding: 0; font-weight: bold;}


.intro_content{font-size: 14px;}
.intro_content .info-item,
.mer_intro_content p{margin-bottom:10px}
.intro_content .section-title{font-weight:bold;margin:15px 0 10px 0}
.intro_content .sub-items{margin-left:20px}
.mer_intro_content ul li{ margin-bottom: 10px !important;}
.mer_intro_content ul li ul{margin-top:10px !important;margin-bottom:15px;padding-left:20px;}
.mer_intro_content ul li ul li{margin-bottom:10px !important; list-style: disc !important; margin-left: 20px !important; font-size: 14px}
.intro_content .info-item a,
.intro_content p a{ color: #62bacf}
.mer_intro_content .mt_merchant_sns{ position: static; display: block; width: auto;}
.mer_intro_content .mt_merchant_sns a{ margin-bottom: 10px;}
.mer_intro_content .mt_merchant_sns b{ display: block; padding-bottom: 10px;}
.mer_intro_content .mt_merchant_sns br{ display: none;}


.intro_content p.mer_introv2{ width: auto;}
.intro_content p.mer_introv2 b{ display: inline-block; padding-bottom: 0}
.intro_content p.mer_introv2 br{ display: block;content: ""; margin-bottom: 10px; }
.intro_content p.mer_introv2 a{ width: auto; font-size: 14px;}
.intro_content p.mer_introv2 a[class*="icon"]{ color: #fff; width: 30px; font-size: 22px}


.similar_list{ background:#fff;  padding-top: 10px;}
.similar_list li{ overflow: hidden; font-size: 14px; font-weight: bold; border-bottom:1px solid #f0f0f0; margin-bottom: 10px; padding-bottom: 10px;}
.similar_list li:last-child{ border-bottom:none; margin: 0}
.similar_img{width: 80px;height: 60px; border:#eaeaea 1px solid; border-radius: 10px; background: #fff; max-width: 60%; float: left; text-align: center; margin-right: 10px;}
.similar_img:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}
.similar_img img{ max-width: 90%; max-height: 90%; }
.similar_list li span{ display: block; font-weight: normal;}


.popular_list{ background:#fff;  padding-top: 10px;}
.popular_list li{ overflow: hidden; font-size: 14px; font-weight: bold;  margin-bottom: 20px !important; }
.popular_list li:last-child{ border-bottom:none; margin: 0}
.popular_list .pl_title{ margin: 10px 0 5px; display: inline-block; font-weight: bold; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}
.popular_img{width: 100px;height: 70px; border:#eaeaea 1px solid; border-radius: 10px; background: #fff; max-width: 60%; float: left; text-align: center; margin-right: 10px;}
.popular_img:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}
.popular_img img{ max-width: 90%; max-height: 90%; font-size: 1em;    vertical-align: middle;    outline: none;}
.popular_list li span{ display: block; font-weight: normal;}
.popular_list .coupon_count{ font-size: 14px; color: #666; font-weight: normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-word;}


.od_aside_wrap .mt_more_emails{border-top:0;}
.od_aside_wrap .mt_more_emails .me_img{  min-height: auto; }
.od_aside_wrap .mt_more_emails .me_name{ margin-bottom: 30px; height: 56px; -webkit-box;-webkit-line-clamp: 2;}


.mt_more_emails_coupon{ margin:0; position:relative; clear: both;}
.owl-carousel{ width:100%; overflow:hidden}
.owl-carousel .owl-item{ float:left}
.owl-nav div{ cursor:pointer; display:inline-block; width:40px; height:40px; background:#fff; border-radius:20px; text-indent:-9999px; position:absolute; top:40%; margin-top:-1.45em; z-index:2; overflow:hidden; box-shadow: 0px 1px 6px rgba(0,0,0,0.50); opacity:0.85}
.owl-nav div:hover{ opacity:1}
.owl-nav div:before, .owl-nav div:after{ content:""; display:block; position:absolute; width:11px; height:2px; background-color:#414141; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:15px; top:40%}
.owl-nav div:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:7px}
.owl-prev{ left:-15px; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.owl-next{ right:-15px}
.mt_more_emails_coupon img{ width: 100%;}
.mt_more_emails_coupon .me_content{ margin-right: 0}


/*pop*/
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:10000}
.coupon_detail_pop{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:10001; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.coupon_detail{ width:900px; overflow: hidden; background:#fff; padding:56px 32px 0 32px; clear:both; position:relative; box-sizing:border-box; border-radius:15px;  box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:92px auto 16px auto; z-index:999; cursor:default}
.coupon_detail_merchant{ text-align:center; overflow: hidden; padding-bottom: 40px;}
.detail_logo{ width:10em; height:10em; background:#fff; border:1px solid #e1e1e1; border-radius:100%; display:inline-block; float: left;}
.detail_logo .m_logo{ padding: 0}
.detail_logo img{font-size: 1em;    vertical-align: middle;    outline: none; max-width: 65%; max-height: 65%;}
.coupon_detail_merchant .c_info{  text-align: left; margin-left: 180px;}
.coupon_detail_merchant .c_info .title{margin-top:26px; font-size:2.05em; line-height:1.25; color:#333; font-weight:600; margin-bottom:8px; display: inline-block;}
.coupon_detail_merchant .c_info .desc{ color: #666}
.coupon_detail p.tips{ font-size:13px; color:#999; margin-top:36px}
.coupon_detail .code_wrap, .coupon_detail .deal_wrap{border-top: 0; padding:18px 0 0 0; margin: 0 -32px; position:relative; text-align:center; background: #fff7e8;}
.copycode_note{ font-size: 1.5em; padding:10px 0;}
.copy_code{ padding:1em 6.75em 1em 2em; background: #fff; box-sizing:border-box; border:2px dashed #ffa701; position:relative; margin:12px auto 42px auto; max-width:100%; display:inline-block; border-radius:10px}
.copy_code div{ padding:0.2em 100px 0.2em 50px; font-size:1.875em; line-height:1; text-align:center; word-spacing:normal; word-wrap:break-word; color:#333; font-weight:500}
.copy_code input[type="button"]{ position:absolute; width:7.5625em; height:100%; font-size:1.25em; top:0; right:-2px; border-radius: 0 10px 10px 0; z-index:2; background:#ff8c00; color:#fff; cursor:pointer}
.copy_code input:focus{border-color:#ff8c00; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,140,0,.5)}
.copy_code.no_copy{ padding:0.5em 1em}
.goto_btn a, .print_btn a{ display:inline-block; background:#62bacf; color:#fff; font-size: 1.5em; padding:0.65em 1.25em; border-radius:10px; margin-bottom: 60px;}
.coupon_detail .deal_wrap p{ font-size:12px; color:#999}

@media (max-width: 1600px) {
    .mt_wrapper{ width:auto; max-width: 85%; margin: 0 auto}
    .mt_email_detail .mt_wrapper{ width: auto; overflow: hidden; border-radius: 12px; background: #fff}
    .mt_static_page .mt_wrapper{ width: auto; }
    .mt_search_wrapper input[type="text"]{ padding: 0; }
    .mt_email_aside{ width: auto; float: none; margin-left: 700px; }
    .mt_similar_emails .se_img{ height: 250px; }
    .mt_merchant_header .mt_merchant_name{ margin-right: 200px; font-size: 22px; }
    .mt_search_wrapper{ width: 35% }   
    .mt_search_suggest span.gray{ display: block; margin-left: 82px; margin-top: -20px; }
    .mt_logo{ width: 180px; }
    .mt_logo img{ margin-top: 6px; }
    nav.mt_nav ul li{  padding-left: 40px; }

    .wrapper{ width:auto; max-width: 85%; margin: 0 auto}
    .od_coupon_page .od_coupon_content{ padding:1.5em 14.5em 0.65em 1.5em}
    .od_coupon_page p.title{ font-size:1.125em; line-height:1.35}    
    .popular_img{ width: 80px; height: 80px;}
    .od_aside_wrap{ padding: 10px}
    .merchant_wrap{ padding: 10px;}
    .merchant_extralink a{ font-size: 14px}
    .popular_list .pl_title{ line-height: 20px; height: 20px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}


}

@media (max-width: 1440px) {
    .mt_email_content{ padding-right: 10px; padding-left: 10px; width: 620px; }
    .mt_email_content img{ max-width: 620px !important; }
    .mt_email_aside{ margin-left: 640px; }
    .mt_email_aside .mt_merchant_logo{ /*float: none;*/ }
    .mt_email_aside .mt_merchant_name{/* display: inline-block; */ font-size: 20px}
    .mt_email_aside .mt_merchant_email{ margin-left: 0 ; /*display: inline-block; */vertical-align: middle; max-width: 200px; margin-right: 0}

}

@media (max-width: 1256px){
    .mt_brand_list_item > ul > li{ width: 33.3% }
    .mt_allcategory_wrapper .mt_brand_list_item > ul > li{ width: 33.3%;}


    .mt_wrapper,
    .mt_header .mt_wrapper,
    .wrapper{ width:auto; margin-left:16px; margin-right:16px; max-width: none;}
    .mt_email_detail,
    .mt_category_wrapper,
    .mt_static_page{ padding: 16px 0; }


    .mt_top_brand ul{ margin-right: -15px; }
    .mt_top_brand ul li{ width: 25%; margin-bottom: 15px;}
    .mt_top_brand .tb_content{ padding: 10px;margin-right: 15px; }
    .mt_top_brand .tb_name{ font-size: 18px; padding: 10px 0 }
    .mt_top_brand .tb_date{ font-size: 12px; }
    .mt_similar_emails{ padding-bottom: 20px }
    .mt_similar_emails ul{margin-right: -15px; }
    .mt_similar_emails ul li{ width: 25%; margin-bottom: 20px;}
    .mt_similar_emails .se_content{margin-right: 15px;}
    .mt_similar_emails .se_name{ padding: 5px 10px; line-height: 31px;}
    .mt_similar_emails .se_desc{ font-size: 14px; line-height: 18px; height: 55px; padding-left: 10px; padding-bottom: 0; margin-bottom: 10px; overflow: hidden; -webkit-line-clamp: 3;}
    .mt_similar_emails .se_date{ font-size: 12px; padding-left: 10px}

    .mt_h_category ul li .cate_img .cate_email_num{ max-width: 100px; }
    .mt_h_category ul li .cate_img span{  margin-top: -20px;  font-size: 12px; }
    .mt_h_category ul li .cate_img span strong{ font-size: 22px;}    

    .home_coupons{ margin-right: -15px}
    .home_coupons .grid_coupons .coupon_wrapper{ margin-right: 15px; margin-bottom: 15px}

}
@media (max-width:1024px){
    .mt_top_brand ul li{ width: 33.3%; }
    .mt_similar_emails ul li{ width: 33.3%; }
    .mt_banner_bottom,
    .mt_holiday_content .mt_banner_bottom{ margin-bottom: 20px; }


    .mt_merchant_header .mt_merchant_name{  font-size: 18px; }

    .mt_category_header{ padding: 40px 20px }
    .mt_brand_list_item > ul > li{ width: 50%;}
    .mt_brand_list_item .mt_brand_emails .me_name{ padding: 10px 0 10px }
    .mt_brand_list_item .mt_brand_emails .me_name a{ font-size: 12px; }

    .mt_allcategory_wrapper .mt_brand_list_item > ul > li{ width: 50%;}
    .mt_allcategory_header h2{ margin:0; }

    .mt_sub_categroy{ padding: 0; font-size: 14px;}
    .mt_sub_categroy a.p_cate_link{ padding: 20px 10px }
    .mt_sub_categroy h1{ margin-left: 30px; font-size: 14px; }


    .mt_holiday_brand_list ul li{ font-size: 14px;}
    .mt_contactusform{ width: auto; overflow: visible;}
    .mt_contactusform .mt_search_input input[type="text"],
    .mt_contactusform .form-message{ width: 100%; padding-left: 0; padding-right: 0; text-indent: 20px;}
    .mt_contactusform button{ float: none; margin:0 auto; display: block;}

    div.nav_sub_categories,nav.mt_nav ul li:hover div.nav_sub_categories{ position: relative; left: 0; top: 0; max-height:0;max-width:0;overflow:hidden;}
    div.nav_sub_categories.show,nav.mt_nav ul li:hover div.nav_sub_categories.show{max-height:9999px; max-width:9999px; overflow:inherit; }
    .mt_nav .mt_navmenu li div.nav_sub_categories a{ padding: 0 }
    div.nav_sub_categories .sub_categories_content{box-shadow: none;  margin-top: 0px;background: #f5f5f5; margin-bottom: -10px;}

    .mt_coupon_item{ width: 50%; }
    .mt_coupon_item:nth-child(3){ width: 100% }

    .od_coupon_page, .od_page_aside{ width:100%; padding:0}
    .only_tablet{ display:none}
    .merchant_key{ padding:0.35em 0}
    .time_success div{ margin:0 3em 0 0}  

    .popular_list{ overflow: hidden;}
    .popular_list li{ width: 50%; float: left;}

    .merchant_wrap .but_go{ width: auto; display: inline-block;}

    .grid_coupons li{ width: 33.3%}


}

@media (max-width:1023px){
    .mt_header .mt_wrapper{ text-align: center }
    .mt_logo{width: 180px; height: auto; margin: 23px 0}
    .mt_logo img{ margin-top: 0px; }
    .mobile_menu{ display:block; top:9px}
    nav.show .mt_navmenu { max-height:9999px; padding-bottom:10px}
    nav .mt_navmenu{ background-color: #fff; max-height:0; overflow:hidden; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in}    
    nav{ top:79px; left:-17px!important; bottom:auto; width:240px; max-width:inherit; position:absolute; overflow-x:hidden; overflow-y:auto; box-shadow:0px 7px 21px rgba(0,0,0,0.42); z-index:10000}
    .mt_nav .mt_navmenu li{ float:inherit; display:block; font-size: 14px; text-align: left; padding-left: 0}
    .mt_nav .mt_navmenu li a{ padding:0 20px; height:48px; line-height:48px; color:#333}
    .mt_nav .mt_navmenu li a:hover{ background-color:none; color:#333}

    .search_btn{ display:inline-block; color: #333}
    .mt_search_wrapper form{ display: none; }
    .mt_header .mt_search_wrapper.focused form{ display: block; top: 62px;}
    .mt_search_wrapper.focused{ width: 100%; right: 0 }
    .mt_search_wrapper .search_input{ margin: 0 -16px; padding: 0 16px; }
    .mt_header .mt_search_wrapper .search_input{ padding-bottom: 16px }
    .mt_header .mt_search_suggest{text-align:left;margin-top: 56px;}
    .mt_header .mt_search_suggest ul{top: 0 !important;}

    .mt_search_suggest span.gray{ display: inline; margin-left: 20px; margin-top: 0px; font-size: 12px; font-weight: normal;}


    .mt_home_search .mt_search_wrapper{ width: 100%; min-width: auto }
    .mt_home_search .mt_search_wrapper form{ display: block; }
    .mt_home_search .mt_search_wrapper input[type="text"]{ padding: 0 }    

    .mt_more_emails ul li{ width: 100%; margin-bottom: 20px }
    .mt_email_content{ width: auto; float: none; padding-top: 20px; }
    .mt_email_aside{ margin-left: 0; }
    .mt_more_emails ul li{ width: 33.3%; margin-bottom: 20px }
    .mt_email_detail .mt_wrapper{position: relative; padding-top: 120px;}
    .mt_email_mp{ position: absolute; top: 0; left: 0; padding:14px 10px 24px 10px;}
    .mt_email_title h1{ font-size: 20px; padding-bottom: 5px; max-height: 42px; overflow: hidden; line-height: 22px; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .mt_email_desc{ font-size: 14px; }
    .mt_email_date{ padding-bottom: 0 }
    .mt_email_channel{ padding: 0 0 10px; }
    a.mt_merchant_name{ display: inline-block; }
    .mt_email_aside .mt_merchant_logo{ float: left; }

    .mt_merchant_baseinfo{ width: 66.6% }
    .mt_merchant_feedback{ width: 33.3% }

    .mt_holiday_baseinfo{ width: 66.6% }
    .mt_holiday_colr{ width: 33.3% }
    .mt_holiday_brands ul li{ width: 50%;}



    .coupon_detail{ width:auto; max-width: 90%;}



}

@media (max-width:768px){




    .mt_banner h1{ font-size: 24px; padding: 20px 0 5px }
    .mt_banner h2{ font-size: 14px; font-weight: normal; }

    .mt_home_content h2{ font-size: 18px; padding: 20px 0 15px}
    .mt_h_category ul li{ width: 32.3%; margin-bottom: 25px;}
    .mt_h_category ul li .cate_img{ margin-bottom: 10px; }
    .mt_h_category ul li .cate_img .cate_email_num{ max-width: 130px; }
    .mt_h_category ul li .cate_img span{  margin-top: -26px;  font-size: 14px; }
    .mt_h_category ul li .cate_img span strong{ font-size: 30px;} 
    .mt_h_category ul li .cate_name{ font-size: 16px; }
    .mt_email_aside{ padding: 10px;  }
    .mt_detail_content h2,
    .mt_more_emails h2{ font-size: 18px; padding: 20px 0 15px}
    .mt_merchant_name{ font-size: 16px; }
    .mt_email_content img{ max-width: 100% !important }

    .mt_merchant_header .mt_merchant_name{ font-size: 18px; text-align: center; margin-bottom: 60px; font-weight: bold; margin-right: 0; height: 42px}
    .mt_merchant_header .mt_merchant_logo{ width: 80px; height: 80px; float: none; margin: 0 auto 15px }
    .mt_merchant_header .mt_merchant_url{ top: 145px; right: 50%; margin-right: -105px;}
    .mt_merchant_header .mt_merchant_email{ text-align: center; margin-left: 0}
    .mt_merchant_header .mt_merchant_sns{ position: static; padding-bottom: 20px; display: inline-block; }
    .mt_merchant_header .mt_merchant_sns{ width: auto; display: block; text-align: center; padding-bottom: 0 }
    .mt_merchant_sns a.icon-tiktok::before{ width: 30px; height: 30px; }
    .mt_merchant_sns a{ width: 30px; height: 30px; font-size: 20px; line-height: 30px; margin-right: 10px;}
    .mt_merchant_desc{ margin-right: 0; font-size: 14px; text-align: center;}

    .mt_merchant_holiday_list{ margin-left: 0; text-align: center; margin-right: 0}

    .mt_brand_list .mt_brand_list_item{  overflow:hidden }
    .mt_brand_list_all .mt_brand_list_content .mt_merchant_name,
    .mt_brand_list_all .mt_brand_list_content .mt_merchant_email{ margin-right: 0 }
    .mt_brand_list_all .mt_brand_list_content .mt_merchant_url{ margin-left: 70px; }

    .mt_footer .footer_coll{ float: none; }
    .mt_footer .mt_footlink{  float: none;}
    .mt_footer .footer_header{ font-size: 20px; }
    .mt_footer .mt_footlink{ text-align: center; padding-bottom: 25px; padding-top: 0}
    .mt_footer .mt_footlink a{ padding: 0 15px; }

    .mt_top_brand ul li{ width: 50%;}
    .mt_similar_emails ul li{ width: 50%; }    
    .mt_more_emails ul li{ width: 50%;}
    .cate_map{ overflow-x: scroll; }
    .cate_map ul{ display: flex; }
    .cate_map ul li{ white-space:nowrap; }

    .mt_brand_list_item > ul > li{ width: 100%;}
    .mt_allcategory_wrapper .mt_brand_list_item > ul > li{ width: 100%;}

    .mt_merchant_baseinfo{ width: 100%; margin-bottom: 24px; }
    .mt_merchant_feedback{ width: 100% }    
    .mt_merchant_feedback_content{ margin-left: 0 }

    .mt_holiday_baseinfo{ width: 100% ; margin-bottom: 24px;}
    .mt_holiday_colr{ width: 100% }    
    .mt_holiday_colr_content{ margin-left: 0 }

    .mt_coupon_item{ width: 100%; }

    .od_coupon_offer{ width: 8em;}
    .od_coupon_page .od_coupon_content{ margin-left: 8em;}
    .od_offer_big_text{ font-size:2.0em; font-weight:500}
    .od_offer_med_text{ font-size:2.0em; font-weight:500}
    .offer_large_text{ font-size:1.225em; font-weight:500}



    .detail_logo{ width: 5em; height: 5em;}
    .coupon_detail_merchant .c_info{  margin-left: 5.5em}
    .coupon_detail_merchant .c_info .title{ font-size: 1em; margin-top: 0}
    .coupon_detail_merchant .c_info .desc{ margin: 0}
    .copycode_note,
    .copy_code div,
    .copy_code input[type="button"],
    .goto_btn a{ font-size: 1em}
    .copy_code div{ padding: 0.2em 20px 0.2em 20px}


    .od_saving_center h2,
    .od_topcoupon_wrap h2,
    h1.m_title,
    .shopping_tips h2,
    .od_aside_wrap h2, 
    .od_aside_wrap h3{ font-size: 1.1em;}

    .accordion button .accordion-title{ font-size: 1em; padding-right: 0}

    .grid_coupons li{ width: 50%}
    .home_coupons .g_count{ font-size: 16px}

    .mer_intro_content .mt_merchant_sns a{ margin-right: 0}

    .shopping_tips{ padding: 0 10px 10px}

    .mt_email_aside .od_topcoupon_wrap table{ width: 100%;}
    .mt_email_aside .od_topcoupon_wrap{ margin-bottom: 0}



}

@media (max-width:685px){
    .mt_h_category ul li{ width: 48.5%;}
    .mt_h_category ul li .cate_img .cate_email_num{ max-width: 100px; }
    .mt_h_category ul li .cate_img span{  margin-top: -20px;  font-size: 12px; }
    .mt_h_category ul li .cate_img span strong{ font-size: 22px;}    
    .popular_list li{ width: 100%; float: none;}
    
}

@media (max-width:544px){
.grid_coupons .go_button, .od_coupon_page .go_button{ text-align: left; width:130px; padding-left: 14px; height:30px; line-height:30px; bottom:10px; right:10px; margin:0; font-size:12px}
.pp_beststores .go_button{ text-align: left; width:120px; padding-left: 10px; height:30px; line-height:30px; bottom:0px; right:0px; margin:0; font-size:12px}
.pp_hotdeals .go_button{ text-align: left; width:120px; padding-left: 10px; height:30px; line-height:30px;  font-size:12px}
.go_button.button_deal,
.go_button.button_discounts{ text-align: center !important; padding-left: 0 !important }
/*.button_code:before, .button_code:after, .button_code .code{ display:none}*/
.button_code:before{ height: 29px; width: 28px; }
.button_code{ padding-right:0}
.button_text{ width: 102px; line-height: 30px}
.button_code .button_text:before{ height: 30px; width: 20px;}
.od_coupon_page .od_coupon_content{ padding:.5em .5em 0.65em 0.75em; }
.button_code .code{ font-size: 12px; width: 30px; padding-right: 5px; line-height: 30px;}
.time_success{ margin-right: 0px}
.time_success div{ margin:0 1em 0 0}
.od_topcoupon_wrap th:nth-child(1){ width: auto;}
.od_topcoupon_wrap td,
.od_topcoupon_wrap th{ padding: 5px}
.merchant_wrap .but_go{ width: auto; display: block;}

}


@media (max-width:480px){
    .mt_brand_emails ul li{ width: 100%;}
    .mt_merchant_logo{ width: 80px; height: 80px; margin-right: 10px; }
    .mt_brand_list_content .mt_merchant_url{  margin-left: 70px;}
    .mt_brand_list h2{ font-size: 18px; padding: 20px 0 15px}
    .mt_category_wrapper .mt_similar_emails h2{  font-size: 18px; padding: 20px 0}

    .mt_allcategory_wrapper .mt_brand_emails ul li{ width: 100%; }
    .mt_email_aside .mt_merchant_logo{/* float: none; */}
    .mt_email_aside .mt_merchant_email{ max-width: 200px;}

    .mt_search_suggest span.gray{ display: block; margin-left: 82px; margin-top: -20px; }
    .mt_category_wrapper .mt_similar_emails .mt_merchant_baseinfo h2{ padding-left: 24px; }

}
@media (max-width:320px){
}