@font-face {
    font-family: 'FontAwesome';
    src: url('../woff/fontawesome2016.woff') format('woff'),
    url('../svg/fontawesome2016.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[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-sns-youtube:before{content: "\e902";}
.icon-sns-snapchat:before{content: "\e903";}
.icon-sns-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, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ padding:0; margin:0; border: 0 none; font-family:'Open Sans', Arial,sans-serif}
article, aside, footer, header, menu, nav, section { display:block}
html{ font-size:100%}
body{ font-size:1em; line-height:1.5; width:100%; height:100%; background:#f7f7f7; position:relative; color:#666; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden}
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
@-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:#aaa; text-overflow:ellipsis}
::-ms-input-placeholder { color:#aaa; text-overflow:ellipsis}
::-webkit-input-placeholder { color:#aaa; text-overflow:ellipsis}
a{ color:#666; text-decoration:none; cursor:pointer; outline:none}
a:hover{color:#1676ea}
strong{ font-weight:600}
.clear{ clear:both}
.clear:after{ content:" "; clear:both; display:block; height:0}
.hidden{ display:none!important}
.overflow_hid{ overflow:hidden}
p, dl, ol{ margin:0 0 16px 0}
ul, li{ list-style:none}
.t_center{ text-align:center}
.red, .time_success li.red, .time_success .red i{ color:#F00}
input, textarea, select{ border:none; background-color:transparent; font-family:Roboto,Helvetica,Arial,sans-serif; -webkit-appearance:none; margin:0}
button, input, select, textarea, img{ font-size:1em; vertical-align:middle; outline:none}
button{ cursor:pointer}

header{ background:#fff; height:5em; width:100%; position:relative; margin-bottom:0.85em}
.logo{ display:inline-block; margin:9px 0 0 30px}
.toggle{ display:none}
nav{
    /*float:right;*/
    margin: -95px 0 0 180px;
}
.menu_list>li{ float:left}
.menu_list li.current a, .menu_list li a:hover{ color:#1676ea}
.menu_list>li>a{ line-height:80px; height:80px; padding:0 0.8em; font-size:18px; display:block; background-color:rgba(255,255,255,0.2); text-align:center; color:#333}
.menu_list>li>a:hover, .menu_list>li>a:focus{-webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
.menu_list > li.has_children>a{ padding:0 0.5em 0 0.8em}
.has_children>a:after{ content:"\203A "; display:inline-block; width:12px; font-size:1.125em; vertical-align:middle; margin:0 0 0 2px;
transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg)}

.menu_list li .submenu{ position:absolute; top:62px; padding:16px 0 0 0; max-height:0; max-width:0; overflow:hidden; z-index:108}
.menu_list li:hover .submenu{ max-height:9999px; max-width:9999px; overflow:inherit}
.menu_list li ul{ background-color:#fff; box-shadow:0 0 30px rgba(7, 51, 84, 0.17); padding:4px 0 8px 0; border-radius:6px; position:relative; padding:1em;}
.menu_list li ul:before{ content:""; position:absolute; left:40px; top:-8px; width:0; height:0; border-left:6px solid transparent; border-bottom:8px solid #fff; border-right:6px solid transparent}
.menu_list li ul li{ width:100%;  padding:1em}
.menu_list li ul li a{ color:#333; font-size:16px}
.menu_list li ul li a:before{ content:"\203A"; display:inline-block; width:1em}

.navbutton{
    /*float:right;*/
    margin-top:19px; margin-right:160px}
.navbutton button{ background:#fff; border:2px solid #1676ea; border-radius:2px; color:#1676ea; text-align:center; font-size:16px; cursor:pointer; padding:7px 20px 9px 21px}
.navbutton button:hover, .search_wrapper button:hover{ background:-moz-linear-gradient(0deg, #00aeff, #3369e7); background: -webkit-linear-gradient(0deg, #00aeff, #3369e7); background: -ms-linear-gradient(0deg, #00aeff, #3369e7); box-shadow:0 4px 12px rgba(51, 105, 231, 0.4); color:#fff}

.search_wrapper{ position:absolute; height:42px; max-width:56px; top:1.175em; right:-5em; z-index:103}
.search_wrapper form{ width:100%; max-width:0; height:42px; padding:0}
.search_wrapper .search_input{ height:100%; position:relative; background:#fff; border-radius:2px}
.search_input input[type="text"]{  border:none; height:100%; line-height:40px; width:100%; background:transparent}
.search_wrapper button{ height:100%; width:120px; position:absolute; top:0; right:0; font-size:16px; line-height:40px; margin:0; padding:0; text-align:center; background:#fff; border:2px solid #1676ea; color:#1676ea; border-radius:2px}
.search_wrapper button span{ font-family:'Open Sans', Arial,sans-serif}

.search_wrapper.focused{ width:100%; max-width:100%; top:84px; box-shadow:0px 2px 7px rgba(0,0,0,0.26); border-left:none; overflow:inherit}
.search_wrapper.focused form{ max-width:inherit}
.search_wrapper.focused button{ background:#1676ea; color:#fff}
.focused .search_input input[type="text"]{ padding:0 72px 0 16px;}

.search_suggest{ width:100%; background-color:#fff; box-shadow: 0px 3px 7px rgba(0,0,0,0.42); position:absolute; top:42px; left:0; z-index:2; border-radius:0 0 2px 2px}
.search_default li{ list-style-type:none; padding:0.625em 0 0.625em 2em; margin:0 0.625em; position:relative}
.search_default li:after{ content:""; position:absolute; height:0; width:100%; display:block; bottom:0; left:0; border-bottom:1px solid #f0f0f0}
.search_default li i{ width:1.25em; height:1.25em; display:block; float:left; font-size:1.125em; text-align:center; line-height:1.25em; color:rgba(0,0,0,0.26); position:absolute; top:1em; left:0.125em}
.search_default li a{ padding:0 6px; line-height:36px; display:inline-block; position:relative; width:50%; font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.search_default li a:hover{ background-color:#f4f4f4; color:#666}


.ui-widget-content{ background:#fff; list-style-type:none; position:absolute; z-index:104; padding:1px 0; box-shadow:0px 7px 21px rgba(0,0,0,0.42); width:100%!important; left:0!important; top:50px !important}
.ui-widget-content li{ height:4.25em}
.ui-widget-content li a{ font-size:1em; padding:0 1em 0 5.75em; position:relative; display:block; width:100%; line-height:3.6em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis}
.ui-widget-content li a:hover, .ui-widget-content a.ui-state-active, .ui-widget-content a.ui-state-hover, .ui-widget-content a.ui-state-focus{ background-color:rgba(0,0,0,0.04); color:#666}
.ui-widget-content li a .gray{ font-size:0.8em; margin-left:0.3em}
.ui-widget-content li .s_logo{ font-size:0.8em}

.s_logo{ width:8em; height:100%; position:absolute; top:0; left:0; vertical-align:middle;text-align:center; overflow:hidden}
.s_logo img{ max-width:5em; max-height:6.5em}
.m_logo{ height:100%; width:100%; text-align:center; vertical-align:middle; padding:16px}
.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}

.wrapper, .wrapper2{clear:both; width:1338px; margin:0 auto; position:relative}
.wrapper2{ padding:0 32px 20px 32px; background:#fff; margin:32px auto; border-radius:3px; border:1px solid #e4e4e4}

h1.big_title{ font-size:0}
h1, h2, h3{ font-size:1.5em; color:#333; padding:1em 0 0.75em 0; line-height:1.25; font-weight:500}

.go_btn{ width:186px; height:45px; line-height:45px; display:block; position:relative; float:right; margin:0 25px 0 9px}
.go_btn .show_code{ width:140px; text-align:center; background:#46c373; border-radius:3px 0 0 3px; font-size:18px; color:#fff; padding-left:15px; position:absolute; left:0; top:0px}
.go_btn .show_code:before{ content:""; width:1.21em; height:45px; background:#46c373; position:absolute; z-index:8; top:0; right:-1.2em; clip-path:polygon(0 0, 100% 100%, -4% 106%); -webkit-clip-path: polygon(0 0, 100% 100%, -4% 106%)}
.go_btn .show_code:after{ content:""; width:1.8em; height:45px; background:#87e8aa; position:absolute; z-index:9; top:0; right:-1.42em; box-shadow:8px -3px 15px rgba(0,0,0,1); clip-path: polygon(21% 0, 89% 100%, 0 27%); -webkit-clip-path: polygon(21% 0, 89% 100%, 0 27%)}
.go_btn .code{ width:100%; height:100%; background:#f5fdf8; border:2px solid #46c373; border-radius:3px; color:#333; font-size:18px; line-height:2.4; padding:0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.get_deal{background:#5aa4e3; border-radius:3px; width:100%; height:100%; font-size:18px; color:#fff; text-align:center}
.go_btn .code{ text-align:right}

.b_title{ position:relative; text-align:center; margin-bottom:22px; padding:1em 0 0 0}

.coupon_wrapper, .offer_card{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:3px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.coupon_wrapper:hover, .offer_card:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.coupon_content{ display:inline-block; position:relative}
.coupon_wrapper .m_logo{ width:11em; position:absolute; left:0; top:0}
.coupon_content .date{ margin-bottom:16px; font-size:12px; color:#999; padding:0; border:none; position:absolute}
.coupon_content .red, .coupon_content .red i{ color:#F00}
.grid_coupons li{ width:25%; float:left; position:relative}
.grid_coupons li .coupon_wrapper{ margin-bottom:32px; margin-right:32px; padding:0 32px 32px 32px}
.grid_coupons li .coupon_wrapper .m_logo{ width:100%; height:6.625em; padding:20px 0; position:inherit}
.grid_coupons li .coupon_content{ padding-bottom:30px}
.grid_coupons li .coupon_content .title{ font-size:1.125em; line-height:1.3; text-align:center; color:#333; margin-bottom:16px; height:3.8em; overflow:hidden}
.grid_coupons li .coupon_wrapper .go_btn{ width:100%; float:none; margin:0}
.grid_coupons li .coupon_wrapper .go_btn .show_code{ width:166px}
.list_coupons .coupon_content{ padding:32px 0 16px 11em; width:100%}
.list_coupons .coupon_content .title, .card_content .title{ font-size:1.5em; line-height:1.25em; color:#333; height:62px;overflow:hidden; margin:0 1em 1em 0; width:calc(100% - 340px); width:-webkit-calc(100% - 340px); float:left}
.list_coupons.small .coupon_wrapper .m_logo{ width:8em}
.list_coupons.small .coupon_content{ padding:32px 0 16px 8em}
.list_coupons .new_label, .list_coupons .exclusive_label,.list_coupons .newyear_label,.list_coupons .christmas_label,.list_coupons .valentines_label,.list_coupons .mothers_label,.list_coupons .easter_label,.list_coupons .thanksgiving_label,.list_coupons .memorial_label,.list_coupons .independence_label,.list_coupons .labor_label,.list_coupons .fathers_label,.list_coupons .halloween_label,.list_coupons .backtoschool_label,.list_coupons .bankholiday_label,.list_coupons .blackfriday_label,.list_coupons .cybermonday_label,.list_coupons .boxing_label{ position:absolute; top:-2px; left:172px; height:20px; line-height:20px; display:inline-block; padding:0 8px; min-width:60px; text-align:center; font-size:12px; color:#fff; font-weight:500; *box-shadow:0 0 5px rgba(0,0,0,0.26); z-index:1}
.list_coupons .newyear_label{ background:#22AC38}
.list_coupons .christmas_label{ background:#dd0a35}
.list_coupons .valentines_label{ background:#ff5da2}
.list_coupons .mothers_label{ background:#f60c86}
.list_coupons .easter_label{ background:#4fb783}
.list_coupons .thanksgiving_label{ background:#fb732f}
.list_coupons .memorial_label{ background:#2b4484}
.list_coupons .independence_label{ background:#0960bd}
.list_coupons .labor_label{ background:#3379e4}
.list_coupons .fathers_label{ background:#5454c5}
.list_coupons .halloween_label{ background:#7047a3}
.list_coupons .backtoschool_label{ background:#009589}
.list_coupons .bankholiday_label{ background:#09a8fa}
.list_coupons .blackfriday_label{ background:#000; left: 80px}
.list_coupons .cybermonday_label {background:#3b02d4}
.list_coupons .boxing_label{ background:#f23557}
.list_coupons .exclusive_label{ background:#7E318E}
.list_coupons .similar_label{ background-color:#F66}

.promo_btns{ display:table-cell; width:330px; box-sizing: inherit; vertical-align:top}
.promo_infor{ min-width:50px; height:55px; border:3px solid #46c373; text-align:center; padding:0 4px; color:#46c373; border-radius:7px; position:relative; float:right; top:-10px}
.promo_infor:before{ content:''; display:block; width:0; height:0; border-width:10px; border-style:solid; position:absolute; top:14px; right:-16px; border-color:transparent transparent transparent #fff; z-index:1}
.promo_infor:after{ content:''; display:block; width:0; height:0; border-width:10px; border-style:solid; border-color:transparent transparent transparent #46c373; position:absolute; top:14px; right:-20px}

.promo_infor_box{ width:100%; height:100%; display:table}
.promo_infor_center{ line-height:1; display:table-cell; text-align:center; vertical-align:middle}

.promo_infor span{ display:block; vertical-align:baseline; text-transform:uppercase; color:#46c373}
.promo_infor span i{ font-size:0.5em; display:inline; vertical-align:top; padding-top:0.025em}
.promo_infor .icon-tags{ font-size:1.5em; color:#46c373; -moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg); -o-transform:rotatey(180deg); -webkit-transform:rotatey(180deg); transform:rotatey(180deg)}

.offer_big_text{ font-size:1em; font-weight:500}
.offer_med_text{ font-size:1em; font-weight:500}
.offer_largest_text{ font-size:1em}
.offer_large_text{ font-size:0.875em}
.offer_lesser_text{ font-size:0.75em}
.offer_smaller_text{ font-size:0.75em}
.offer_least_text{ font-size:0.75em}

.deal_infor{border:3px solid #5aa4e3}
.deal_infor span{ color:#5aa4e3}
.deal_infor:after{ border-color:transparent transparent transparent #5aa4e3}

.coupon_type{ text-align:center; padding:26px 5px 0px 5px; font-size:14px; color:#e45861; text-transform:uppercase}
.coupon_type span { display:inline-block; padding:4px 8px; margin:-4px 0 0 10px; border-radius:4px; font-size:12px; color:#fff; background-color:#e45861}
.coupon_type.deal_green{ color:#90c139}
.coupon_type.deal_green span{ background-color:#90c139}

.grid_stores li{ list-style:none; width:16.666%; padding-right:32px; margin-bottom:32px; float:left}
.store_wrap{ width:auto; height:130px; border:1px solid rgba(0,0,0,0.08); border-radius:3px; background:#fff; position:relative}

.wrapper2 ul li{ width:16.666%; float:left; padding-right:16px; font-size:16px; height:36px; line-height:36px}
.wrapper2 ul li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: inline-block}

.breadcrumbs{ font-size:13px; margin:2.5em 0 0.75em 0}

.mer_page{ padding-right:36px; padding-bottom:16px; width:77%; float:left; margin-top:1em}
.mer_page_410{ padding-right:36px; padding-bottom:16px; width:87%; float:left; margin-top:1em}
.page_aside{ width:23%; float:right; padding-top:16px; padding-bottom:16px; margin-top:1em}

.aside_wrap, .merchant_info, .merchant_description{ margin-top:2em; padding-bottom:3em; border-bottom:1px solid #dedede}
.aside_wrap:last-child{ border-bottom:none}
.aside_wrap h2{ font-size:20px; color:#333}

.store_wrap{ width:auto; height:130px; border-radius:3px; position:relative}
.merchant_wrap{ padding:16px; text-align:center; background:#fff; position:relative; border: 1px solid #e4e4e4; border-radius:3px}
.merchant_wrap .store_wrap{ height:156px!important; width:100%; border:none}
.merchant_info{ margin-top:3em}
.merchant_info ul li{ width:49%; text-align:center; padding:0px 0 28px 0; display:inline-block; font-size:14px}
.merchant_info ul li strong{ display:block; font-size:26px; font-weight:500; color:#333}
.merchant_info ul li:nth-child(3),.merchant_info ul li:last-child{ padding:20px 0 6px 0}
.merchant_description .details{ margin-bottom:0.5em; font-size:14px; line-height:1.3; position:relative; color:#666}
.merchant_description .details.less p{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:6; max-height:111px}
.merchant_description .details span{ position:absolute; right:0; bottom:-20px; color:#1676ea}

.text_lists li{ display:inline-table; margin: 0 10px 10px 0}
.text_lists li a{ display:block; padding:6px 10px; font-size:14px; transition: color .2s ease-in,background .2s ease-in; color:#666; background:#e7e7e7; border-radius:3px}
.text_lists li a:hover{ background:#1676ea; color:#fff}

.shopping_tips p{ font-size:14px}
.shopping_tips p.title{ font-size:14px; color:#666; font-weight:600; margin-bottom:6px}
.shopping_tips p a, .saving_center p a{ color:#1676ea}
.saving_center{ background:#fff; padding:6px 32px 16px 32px; margin:32px 0}
.saving_center p{ font-size:14px}
.saving_center p.title{ font-size:1.0625em; color:#666; font-weight:600; margin-bottom:6px}
.saving_center ol{ counter-reset:li; margin-top:15px}
.saving_center ol li{background-color:#f4f4f4; margin-bottom:10px; padding:14px 20px 14px 70px; position:relative; font-size:14px}
.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}
.saving_center h2{ padding-bottom:5px}
.saving_center h3{ font-size:16px; padding-bottom:5px; color:#333}
.saving_center h3 p{ margin-bottom:0; font-size:16px; color:#333}


.merchant_key{ padding:0.5em 0}
.merchant_key h1{ color:#333; font-size:1.75em; line-height:1.25; padding:0}
.merchant_key h2{ font-size:14px; color:#666}

.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}
.only_tablet{ display:none}

.right_filter{ margin:0.65em 0}
.right_filter ul li{ float:left; margin-right:1em; margin-bottom:1em; padding:5px 20px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:3px}
.right_filter ul li span{ font-size:14px; color:#999}
.right_filter .checked, .right_filter .checked span, .right_filter ul li:hover{ color:#fff; cursor:pointer;  background:#1676ea; border:1px solid #1676ea}
.right_filter ul li:hover span{ color:#fff}


.time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; padding-top:6px; border-top:1px solid #ececec; clear:both}
.time_success li{ margin:0 2em 0 0; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto}
.time_success li:last-child{ float:right}
.time_success i, .icon-time{ font-size:13px; margin-right:3px; color:#bbb; vertical-align:baseline}
.time_success i.icon-angle-down{ font-size:16px; vertical-align:middle}

.offer_card{ width:100%}
.card_content{ padding:32px 0 20px 0}
.card_content .title{ margin:0 0 1em 1em}
.card_content .time_success{ padding-left:24px}

.f_menu{ padding:0 32px}
.f_menu a{ display:inline-block; width:50%; text-align:center; float:left; font-size:18px; color:#333; line-height:5}
.f_menu a:first-child{ border-right:1px solid #f3f3f3}
.f_menu a:hover{ color:#1676ea}
.f_menu a i{ margin-left:5px}
.aside_menu p:first-child{ margin-top:48px}
.aside_menu p{ margin-bottom:0; margin-top:20px; font-size:16px}
.aside_menu p a{ color:#333}
.aside_menu p i{ margin-left:8px}

footer{ background-color:#fff; padding:58px 0 52px 0; text-align:center; font-size:16px}
.custom{ margin-bottom:26px}
.custom a{ margin:0 1.125em}
footer p{ color:#000; margin-bottom:25px}
footer p a{ color:#333}
footer p a:hover{ color:#1676ea}


.static_wrap h1{ padding:0.85em 0 0.45em 0}
.static_wrap article, .alphabet{ width:100%; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:3px; float:left; padding:26px 32px 20px 32px; margin:10px 0}
.static_wrap article .title{ border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:26px; margin-bottom:16px; font-size:1.125em; color:#333; font-weight:500}
.static_wrap article .title a{ float:right; font-size:14px; color:#1676ea; line-height:2.2}
.static_wrap article ul li a{ float:left; width:25%; padding-right:16px; height:40px;line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; font-size:15px}
.static_wrap article h1{ font-size:1.125em; padding:0}
.static_wrap article .title .icon-angle-down{ cursor:pointer}
.static_wrap article .less{ height:488px; overflow:hidden}
.static_wrap article .show{ height:inherit}
.static_wrap article:last-child{ margin-bottom:2em}
.alphabet a{ width:66px; height:42px; display:inline-block; margin:0 1em 1em 0; border:1px solid #d2d2d2; text-align:center; line-height:2; border-radius:30px; font-size:1.25em; position:relative; overflow:hidden; color:#747474}
.alphabet{ padding:32px 0 8px 32px;}
.alphabet a:hover, .alphabet a.active{ background:#1676ea; border:1px solid #1676ea; color:#fff}
.stores_list article .title{ font-size:1.5em; margin-bottom:20px; padding-bottom:20px}
.stores_list article .title a{ line-height:2.5}
.no_result{ font-size:20px; padding:40px 0 0 0; font-size:1.375em}
.no_result span { font-size:0.75em; display:block; margin-top:10px}

.oopss{ text-align:center; padding:50px 0 70px 0; background:#fff; font-weight:400; font-size:20px; margin-bottom:15px}
.error_text{ font-size:20px; color:#666}
.error_text a{ color:#eee}
.error_text a:hover{ color:#f35d5c}
.error_text p{ color:#999; margin:20px 0; font-size:18px}
.error_text p.hmpg{ margin:40px 0 0 0}
.error_text span{ position:relative; background:#ef4824; color:#fff; font-size:450%;
padding:0 20px; border-radius:5px; font-weight:bolder}
.back:hover{ background:#4c4c4c}
.back{ background:#5b5a5a; color:#fff; padding:10px 20px; font-size:20px; font-weight:700; line-height:normal; text-transform:uppercase; border-radius:3px;-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); transition:all 0.5s ease-out}

.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}
.back_to_top:hover{background-color:#14b3f1; opacity:1}
.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)}

.contact_us a{ color:#1676ea; display:block; font-size:16px; margin-top:3em;}
.contact_us a i{ vertical-align:text-top}

/*pop*/
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.contact_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}
.coupon_detail_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}
.coupon_detail{ 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}
.coupon_detail_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}
.coupon_detail{ 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}
.coupon_detail_pop, .contact_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}
.coupon_detail, .contact_wrap{ 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}
.coupon_detail_merchant{ text-align:center}
.detail_logo{ width:6.25em; height:6.25em; background:#fff; border:1px solid #e1e1e1; border-radius:2px; display:inline-block}
.coupon_detail_merchant .title{  margin-top:26px; font-size:1.25em; line-height:1.25; color:#333; font-weight:600; margin-bottom:8px}
.coupon_detail p.tips{ font-size:13px; color:#999; margin-top:36px}
.code_wrap, .deal_wrap{ padding:18px 0 0 0; position:relative; text-align:center}
.copy_code{ padding:0.5em 6.75em 0.5em 2em; box-sizing:border-box; border:1px dashed rgba(0,0,0,0.26); position:relative; margin:12px auto 32px auto; max-width:100%; display:inline-block; border-radius:2px}
.copy_code div{ padding:0.2em 0; font-size:1.875em; line-height:1; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word; color:#333; font-weight:500}
.copy_code input[type="button"]{ position:absolute; width:3.5625em; height:100%; font-size:1.25em; top:0; right:-2px; z-index:2; background:#46c373; 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{ display:inline-block; background:#1676ea; color:#fff; padding:0.625em 1.25em; border-radius:2px}
.deal_wrap p{ font-size:12px; color:#999}


.closed_btn{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97}
.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}

.contact_wrap input, .contact_wrap textarea{ border:1px solid #e1e1e1; width:100%; padding:0.65em 0 0.65em 16px}
.contact_wrap textarea{ height:8em; line-height:1.5; resize:none}
.contact_input{ margin-bottom:1.5em}
.contact_input p{ margin-bottom:8px; color:#333}
.contact_wrap .button{ margin-top:0.5em; background:#1676ea; color:#fff; padding:0.625em 1.375em; border-radius:3px; float:right}
.contact_wrap p i{ color:#1676ea; font-size:1.375em}

.more_coupon_pop{ background:#f6f6f6; margin:0 -32px -32px -32px; padding:20px 32px}
.more_coupon_pop .title{ color:#333; font-size:1.25em; font-weight:600}
.more_coupon_list ul{ max-height:210px; overflow:hidden}
.more_coupon_list ul.show{ max-height:999px}
.more_coupon_list ul li a{ border-bottom:1px solid rgba(0,0,0,.06); display:inline-block; color:#333; padding:10px 0}
.more_coupon_list ul li b{ color:#72bd56}
.more_coupon_list .see_more{ display:block; text-align:right; color:#72bd56; cursor:pointer; margin-top:10px}
.ftc_text{ font-size:10px; color:#97a0b1; font-style:italic; margin:10px 0}
.aside_wrap .ftc_text{ font-size:10px; color:#666; font-style:italic; margin:-8px 0}

.banner_wrapper{width:100%;overflow:hidden;position:relative;margin:0 auto 1em;clear:both}.glide{position:relative;height:224px;width:90%;max-width:1200px;margin:0 auto}.glide:after,.glide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;display:block;background-color:rgba(255,255,255,0.54);z-index:1}.glide:after{left:100%}@media(max-width:1024px){.glide{width:auto;margin:0 32px;height:200px}}@media(max-width:768px){.glide{height:150px}}@media(max-width:480px){.glide{height:5.7em;margin:0 16px}}.glide__wrapper{width:100%;height:100%;list-style:none;-webkit-perspective:1000;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}.glide__wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.glide__slide{-webkit-perspective:1000;perspective:1000;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:auto 100%}.box{width:100%;height:100%;display:block}.glide__arrows{position:absolute;top:50%;width:100%}.glide__arrow{position:absolute;z-index:2;display:block;top:-24px;width:48px;height:48px;background-color:rgba(21,159,134,0.26);border-radius:50%;cursor:pointer}.glide__arrow:hover{background-color:rgba(21,159,134,0.54)}.glide__arrow:before,.glide__arrow:after{content:"";display:block;position:absolute;width:20px;height:1px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:15px;top:50%;margin-top:-7px}.glide__arrow:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:7px}.glide__arrow.prev{left:-54px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.glide__arrow.next{right:-54px}@media(max-width:1024px){.glide__arrow.prev{left:8px}.glide__arrow.next{right:8px}}@media(max-width:767px){.glide__arrows{display:none}}.glide__bullets{position:absolute;bottom:4px;width:100%;text-align:center;list-style:none}.glide__bullets li{display:inline-block;background-color:transparent;width:12px;height:12px;margin:0 5px;cursor:pointer;border-radius:50%;border:1px solid rgba(21,159,134,0.54)}.glide__bullets li:hover{background-color:rgba(21,159,134,0.54);border:0}.glide__bullets li.active{background-color:rgba(21,159,134,1)}.glide--carousel .glide__slide{float:left;clear:none}

@media (max-width: 2143px) {
header .wrapper, footer .wrapper{ width:96%; max-width:1366px; margin:0 auto}
.wrapper, .wrapper2{ width:1200px}
.grid_coupons, .grid_stores, .grid_stores{ width:1232px}
}

@media (max-width: 1256px){
.wrapper, .wrapper2{ width:auto; margin-left:16px; margin-right:16px}
.grid_coupons{ width:auto; margin-right:-16px}
.grid_coupons li .coupon_wrapper{ margin-right:16px; margin-bottom:16px}
.grid_stores{ width:auto; margin-right:-32px}

}
@media (max-width:1024px){
.wrapper .ftc_text{ margin: -5px auto -10px}
.go_btn{ height:40px; line-height:40px}
.go_btn .show_code:before{ height:40px; right:-1.1em}
.go_btn .show_code:after{ height:40px}
.promo_infor{ height:50px}
.list_coupons .coupon_content{ padding:32px 0 16px 8em}
.grid_coupons li .coupon_content .title, .list_coupons .coupon_content .title{ font-size:1.25em; line-height:1.3em; height:2.78em}
.grid_coupons li .coupon_content .title, .coupon_type{ text-align:inherit}
.coupon_type{ padding:20px 5px 10px 0}
.grid_coupons li .coupon_wrapper{ padding:0 240px 0 8em}
.grid_coupons li{ width:100%}
.grid_stores{ margin-right:-16px}
.grid_stores li{ padding-right:16px; margin-bottom:16px}
.section{ width:100%}
.section ul li{ width:33.333%}
.grid_coupons li .coupon_wrapper .m_logo, .coupon_wrapper .m_logo{ width:8em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden; padding:16px}
.grid_coupons li .coupon_wrapper .go_btn{ width:186px; position:absolute; top:50%; margin-top:-1.375em; right:25px; display:block}
.grid_coupons li .coupon_wrapper .go_btn .show_code{ width:145px}
.mer_page, .page_aside{ width:100%; padding:0}
.mer_page_410, .page_aside{ width:100%; padding:0}
.merchant_key h2{ padding-left:98px}
.only_tablet{ display:block}
.merchant_wrap, .right_filter{ display:none}
.page_aside{ margin-bottom:2em}
.wrapper2 ul li{ width:25%}
.merchant_info{ margin-top:2em}

}

@media (max-width:1390px){
header{ height:100%; min-height:5em}
.navbutton{ display:none}
.toggle{ display:block; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; font-size:16px}
.toggle:after{ content: attr(data-open); position: absolute; right:130px; top: 20px; padding:9px 20px; background:#1676ea; border-radius:2px; color:#fff; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.toggle:hover:after, .search_wrapper button:hover{ background:#45abd6}

nav{ width:100%; max-height:0; padding-right:0; float:none; margin-top:5px; position:relative; z-index:102}
nav.show .menu_list { max-height:9999px; padding-bottom:16px}
nav .menu_list{ 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}
.menu_list>li{ float:inherit; display:block; border-top: 1px solid #ebeff9;}
.menu_list>li>a{ text-align:left}
.has_children>a:after{ margin:5px 0 0 2px}
.menu_list>li>a:hover, .menu_list>li>a:focus{ box-shadow: inset 5px 0px #1676ea}
.menu_list li ul:before{ display:none}
.menu_list li ul{ box-shadow:none}
.menu_list li .submenu{ position:relative; top:0; padding:0; max-height:inherit; max-width:inherit; overflow:inherit}
.search_wrapper{ right:5px; top:1.28em}
.search_wrapper button{ width:110px; background:#1676ea; color:#fff; border:none; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear;}
.search_wrapper.focused{ right:0}
}

@media (max-width:768px){
.grid_stores li{ width:25%}
.store_wrap{ height:100px}
.wrapper, .wrapper2{ width:auto; margin-left:16px; margin-right:16px}
.wrapper2 ul li{ width:50%}
.coupon_detail{ max-width:inherit; width:80%}
.section ul li{ width:50%}
.oopss{ margin:0}
.backtotop_wrap{ display:none}
footer .lf a{ padding:0 20px 0 0; border:none; color:#aeadad; font-size:14px}
footer .rt{ float:left}
footer .widget-area aside.widget.widget_nav_menu {
        width: auto;
        float: left;
    }
    .coupon_detail, .contact_wrap{
        margin: 92px 10px 16px 10px;
        width: auto;
    }
    .single_li {clear: both;}.menu_list li .submenu{display: none}
}

@media (max-width:685px){
.grid_coupons li .coupon_wrapper{ padding:0 16px 24px 6.5em}
.grid_coupons li .coupon_wrapper .m_logo, .coupon_wrapper .m_logo, .list_coupons.small .coupon_wrapper .m_logo{ width:6em}
.grid_coupons li .coupon_wrapper .go_btn{ position:relative; right:0; left:0; margin-top:-0.5em}
.grid_coupons li .coupon_content .title{ height:auto; overflow:inherit}
.list_coupons .coupon_content .title, .card_content .title{ width:100%; padding-right:32px}
.list_coupons .coupon_content{ padding:20px 0 14px 6.5em}
.list_coupons.small .coupon_content{ padding:20px 0 14px 6.5em}
.promo_btns{ width:auto}
.card_content{ padding:24px 0 32px 0}
.card_content .promo_btns{ position:absolute; left:24px; top:96px}
.card_content .promo_infor{ width:88px; height:55px; float:left; top:-62px}
.card_content .title{ padding:0 32px 0 108px; font-size:1.25em; height:50px}
.coupon_content .promo_infor, .time_success li:last-child{ display:none}
.coupon_content .go_btn{ margin:0}
.card_content .go_btn{ margin-left:18px}
.time_success{ border:none}
.offer_big_text{ font-size:1.25em}
.offer_med_text{ font-size:1.125em}
    footer .widget-area aside.widget.widget_nav_menu {
        width: auto;
        float: left;
    }
    .coupon_detail, .contact_wrap{
        margin: 92px 10px 16px 10px;
        width: auto;
    }
    .single_li {clear: both;}.menu_list li .submenu{display: none}
}

@media (max-width:480px){
body{ font-size:0.9em}
.search_wrapper{ top:1.38em; right:20px}
.search_wrapper button{ width:50px}
.search_wrapper button span{ display:none}
.toggle:after{ right:84px}
.grid_stores li{ width:50%}
.section ul li{ width:100%}
.merchant_key h1{ font-size:1.25em}
.card_content .promo_btns{ top:78px; left:20px}
.card_content .promo_infor{ top:-56px}
.card_content .title{ font-size:18px; height:48px}
.grid_coupons li .coupon_content .title, .list_coupons .coupon_content .title{ font-size:18px}
.card_content .time_success{ padding-left:20px}
.go_btn{ width:160px !important}
.go_btn .show_code{ width:120px !important}
.offer_card .m_logo{ padding:16px; width:7em}
.static_wrap article ul li a{ width:50%}
.static_wrap article .title a{ font-size:12px; line-height:2.2}
.coupon_detail{ width:auto; margin:16px!important; top:0; padding:40px 32px 28px 32px}
.copy_code div{ font-size:1.65em}
.code_wrap{ padding:5px 0 0 0}
.coupon_detail p.tips{ margin-top:30px}
.saving_center ol li{ padding:14px 20px}
.saving_center ol li:before{ display:none}
.f_menu a{ width:100%; text-align:left; line-height:3}
.f_menu a:first-child{ border:none}
    footer .widget-area aside.widget.widget_nav_menu {
        width: auto;
        float: left;
    }
    .coupon_detail, .contact_wrap{
        margin: 92px 10px 16px 10px;
        width: auto;
    }
    .single_li {clear: both;}.menu_list li .submenu{display: none}
}
@media (max-width:320px){
.card_content .promo_infor{ top:-99px}
    footer .widget-area aside.widget.widget_nav_menu {
        width: auto;
        float: left;
    }
    .coupon_detail, .contact_wrap{
        margin: 92px 10px 16px 10px;
        width: auto;
    }
    .single_li {clear: both;}
    .menu_list li .submenu{display: none}
}
