@font-face {
    font-family: 'FontAwesome';   
    src: url('../image/FontAwesome2016.woff') format('woff'),
         url('../image/FontAwesome2016.svg') 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-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:"Helvetica Neue", Helvetica, 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:#efefef; position:relative; color:#666; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden; padding-top: 150px;}
*{ -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:#2699db}
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 i, .red{ color:#F00}
input, textarea, select{ border:none; background-color:transparent; font-family:"Helvetica Neue",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}

.i_menu{ width:56px; height:56px; position:fixed; left:0; top:30px; cursor:pointer; z-index:103; text-align:center; border-right:1px solid rgba(255,255,255,0.16); display:none}
.i_menu i{ width:20px; height:2px; display:inline-block; position:absolute; background-color:rgba(0,0,0,1); top:50%; left:50%; margin-top:-1px; margin-left:-10px}
.i_menu i:after, .i_menu i:before{ content:""; width:20px; height:2px; display:inline-block; position:absolute; left:0; top:-7px; background-color:rgba(0,0,0,1)}
.i_menu i:after{ top:7px}

header{ background:url(../image/bk_top.png) repeat-x; height:150px; width:100%; top:0; z-index:120; position: fixed;}
nav{ position:absolute; right:30%; bottom:16px; top:3em;}
nav ul li{ float:left}
nav ul li a, nav ul li a:hover{color:#333; font-size: 18px;}
nav ul li a{ line-height:40px; height:40px; padding-left:2em; display:block}
.logo{ width:273px; height:136px; background-image:url(../image/geoip_logo.png); background-repeat:no-repeat; display:inline-block; text-indent:-9999px; position:absolute; left:0; top:0}
.search_wrapper{ position:absolute; height:44px; width:26%; bottom:16px; top:2.8em; right:0; z-index:103; border:#94c5da 1px solid;}
.search_wrapper form{ width:100%; position:relative; height:100%; padding:0}
.search_wrapper .search_input{ height:100%; position:relative; background:#c3eafb; border-radius:2px}
.search_input input[type="text"]{ padding: 0 72px 0 16px; border:none; height:100%; line-height:40px; width:100%; background:transparent}
.search_wrapper button, .search_btn{ height:100%; width:56px; position:absolute; top:0; right:0; font-size:25px; line-height:40px; margin:0; padding:0; text-align:center; background:#03407b; color:#fff; border-radius:0 2px 2px 0}
.search_btn, .focused .search_btn{ background-color:transparent; line-height:56px; display:none; z-index:106; cursor:pointer}
a.rank{ color:#fff; line-height:50px; text-align:center; font-size:17px; position:absolute; top:0; left:50%; margin-left:-50px}
.search_suggest{ width:100%; background-color:#fff; box-shadow: 0px 3px 7px rgba(0,0,0,0.42); position:absolute; top:44px; 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:relative; z-index:104; padding:1px 0; box-shadow:0px 7px 21px rgba(0,0,0,0.42); width:100%!important; left:0!important; top:0 !important}
.ui-widget-content li{ height:4.25em; font-size:1em; padding:0 1em 0 1em; 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; cursor:pointer}
.ui-widget-content li a{ display:block}
.ui-widget-content li:hover, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{ background-color:rgba(0,0,0,0.04); color:#666}
.ui-widget-content li .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, .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}
h1, h2, h3{ font-size:1.425em; color:#333; padding:0.75em 0 0.75em 0; line-height:1.25; font-weight:500}

input:focus{ background:#fff; border:1px solid #2699db!important; transition:all 0.4s ease-out}
.i_error, input.i_error:focus{ border:2px solid #f00!important}
.search_input input:focus{ border:none!important}

.rotate_stores{ margin:0 0 26px 0; position:relative; clear: both;}
.rotate_stores h2{font-size: 22px;}
.rotate_stores h2:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }
.rotate_stores .rotate_stores_content{  background: #fff; padding:20px 10px 0; box-shadow:0 3px 10px rgba(0,0,0,0.05); border-radius: 5px; }
/*.owl-carousel{ width:1100px; overflow:hidden; padding: 10px 5px; margin: 0 40px}
.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:60%; margin-top:-1.45em; z-index:2; overflow:hidden;  border:#adadad 2px solid; 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:#adadad; -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:5px; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.owl-next{ right:5px}
.owl-dots{ clear: both; text-align: center;  padding: 15px 0 0;}
.owl-dots .owl-dot{ display: inline-block; }
.owl-dots .owl-dot span{width: 8px;    height: 8px;    margin: 5px 7px;  cursor: pointer;   background: #d0d0d0;    display: inline-block;    transition: opacity .2s ease;    border-radius: 30px;}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot span:hover{ background: #ff7800 }
*/

.store_wrap{ width:auto; height:100px; box-shadow:0 0 10px rgba(0,0,0,0.06); border-radius: 5px;  background:#fff; position:relative}
.grid_stores li{ list-style:none; width:12.5%; padding-right:18px; margin-bottom:18px; float:left}


.coupon_wrapper{ position:relative; margin-bottom:20px; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.coupon_wrapper:hover{ box-shadow:0 3px 10px rgba(0,0,0,0.16); transition:all 0.4s ease-out}

.go_button{ position:relative; display:block; width:100%; color:#fff; border-radius:5px; cursor:pointer; height:36px;line-height:36px; text-align:center}
.button_code{ background:#2d7dca; padding-right:32px}
.button_code:before{ content:''; position:absolute; display:block; width:35px; height:39px; top:1px; right:6px; z-index:2; background-image:linear-gradient(13deg, #8fc8fd 0, #8fc8fd 49%, transparent 50%, transparent 100%); background-repeat:no-repeat; background-position:0 6px; -webkit-transform:rotate(63deg) translate(0 , -12px) scaleX(1); transform:rotate(63deg) translate(0 , -12px) scaleX(1);
 -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 5px 5px}
.button_code:hover:before{ -webkit-transform:rotate(63deg) translate(-2px , -8px) scaleX(1); transform:rotate(63deg) translate(-2px , -8px) scaleX(1)}
.button_code .code{ position:absolute; display:block; top:0; right:0; width:23px; height:100%; border-radius: 0 3px 3px 0; overflow:hidden; padding:0 5px 0 0; direction:rtl; text-align:right; color:#000; background:#E9E9E9;
 -webkit-transition:width .2s; transition:width .2s}
.button_code:hover .code{ width:27px}
.button_deal{ background:#2d7dca}
.button_deal:hover{ background:#5696d4}

.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:#c5c4c4; font-style: italic;}
.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}

.list_coupons{ overflow:hidden; }
.list_coupons h2{font-size: 22px;}
.list_coupons h2:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }
.list_coupons ul { margin-right: -30px; }
.list_coupons ul li{ width: 50%; float: left; padding-right: 30px; }
.list_coupons .coupon_content{ padding:1.5em 1em 1.5em 1em; margin-left:10.5em; min-height: 9em;}
.list_coupons .go_button{ width:140px; position:absolute; bottom:3em; right:26px; margin-bottom:-1.375em}
.list_coupons p.title{ font-size:1.15em; color:#333; margin-bottom: 8px; min-height: 3em; line-height: normal;}

.container_stores{ widows:100%; padding-bottom:28px;}
.section{ width:100%; float:left; margin-bottom:20px; }
.container_stores .section h2{ text-align: left; }
.container_stores .section h2:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }
.container_stores .section ul{ overflow: hidden;  background:#fff; padding: 20px; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.section ul li{ width:20%; float:left; padding-right:25px; font-size:16px; height:32px; line-height:32px}
.section ul li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: inline-block}

.categories li{  margin-bottom: 15px;}
.categories li i{ display:inline-block; margin-right:14px;  vertical-align:middle; font-size:0.75em;-webkit-text-size-adjust:none}
.ca_1, .ca_2, .ca_3, .ca_4, .ca_5, .ca_6, .ca_7, .ca_8, .ca_9, .ca_10, .ca_11, .ca_12{ width:3em; height:3em; background: url(../image/category_icon.png) 0 0 no-repeat;}
.ca_1{ background-position: 0 0}
.ca_2{ background-position: -6.2em 0}
.ca_3{ background-position: -12em 0}
.ca_4{ background-position: -18em 0}
.ca_5{ background-position: -24em 0}
.ca_6{ background-position: 0 -5em}
.ca_7{ background-position: -6em -5em}
.ca_8{ background-position: -12em -5em}
.ca_9{ background-position: -18em -5em}
.ca_10{ background-position: -23.5em -5em}
.ca_11{ background-position: 0 -10em}
.ca_12{ background-position: -6.2em -10em}

.merchant_page{ padding-left:40px; padding-bottom:16px; width:73%; float:right; margin-top:1em}
.page_aside{ width:27%; float:left; padding-bottom:16px; margin-top:1em}

.breadcrumbs{ font-size:14px; }
.t_breadcrumbs{ margin:1em 0 0.75em 0; font-size:14px}

.merchant_wrap{ text-align:center; background:#fff; position:relative; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05);}
.merchant_wrap .store_wrap{ height:136px; width:100%; margin:0 0 10px 0; border:none; box-shadow: none;}
.merchant_wrap p{ color:#333}
.merchant_wrap .go_store{ border:1px solid #0493e5; display: inline-block; border-radius: 5px;  margin-bottom: 20px; padding:5px 40px; text-transform:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.merchant_wrap .go_store a{ color:#0493e5; font-weight: 600;}
.merchant_wrap .merchant_stats{ border-top:#e1e1e1 1px solid; padding: 15px 0;}
.merchant_wrap .merchant_stats p{ display: inline-block; width: 49%; color: #b7b7b7; font-size: 14px; margin-bottom: 0}
.merchant_wrap .merchant_stats p:first-child{ border-right: #e1e1e1 1px solid }
.merchant_wrap .merchant_stats p span{ color: #333; font-size: 24px; display: block; }

.merchant_key{ padding:0 0 1em 0}
.merchant_key h1{ color:#333; font-size:1.5em; line-height:1.25; padding:0}
.merchant_key h1:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }

.filter_lists{ float: right; margin-top: -45px; }
.filter_lists ul li{ background: #fbfbfb; float: left; padding:4px 10px; border-right: #e1e1e1 1px solid; font-size: 14px; cursor: pointer;}
.filter_lists ul li.checked{ background: #2c91f1; color: #fff;  border-right: #2c91f1 1px solid;}
.filter_lists ul li:last-child{ border:0; }

.merchant_page > h2{color:#333; font-size:1.5em; }
.merchant_page > h2:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }

.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}

.coupon_offer{ text-align:center; width:10.5em; height:4.5em; position:absolute; top:50%; left:0; margin-top:-3em}
.offer_block{ width:100%; height:2em; text-align:center; padding:0 15px;}
.deal_offer .icon-tags{ color:#444; font-size:2em}
.deal_offer .offer_label{ background:#26c0c9}
.code_offer .offer_label{ background:#eb583a}
.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}
.offer_box{ line-height:1; display:table-cell; text-align:center; vertical-align:middle}
.offer_box span{ display:block; vertical-align:baseline; font-size: 1.15em; border:#a4128a 1px dashed; padding: 5px; background: #f8f0f7; color: #a4128a; min-width: 7em}
.offer_box span i{ font-size:0.5em; display:inline; vertical-align:top; padding-top:0.025em}
.offer_big_text{ font-size:1.5em; font-weight:500}
.offer_med_text{ font-size:1.375em; font-weight:500}
.offer_large_text{ font-size:1.125em; font-weight:500}
.offer_lesser_text{ font-size:1em}
.offer_smaller_text{ font-size:0.85em}
.offer_least_text{ font-size:0.85em}

.offer_box span.text_freeshipping{  color: #1ba07c;  border:#1ba07c 1px dashed; background: #eef9f6; min-width: 7em}
.offer_box span.text_deal{  color: #ea4114;  border:#ea4114 1px dashed; background: #faf5f4; min-width: 7em}



.expired .deal_offer .offer_label, .expired .code_offer .offer_label{ background:#bcbcbc}
.expired .offer_box span{ color:#666; background: #fff; border:#e4e4e4 1px dashed; }
.expired .deal_offer .icon-tags{ color:#888}

.merchant_page .list_coupons ul li{ width: 100%; }
.merchant_page .list_coupons p.title{ min-height: 0 }


.merchant_page .coupon_content{ padding:1em 10.5em 1em 1.8em; }
.merchant_page .go_button{ width:200px; position:absolute; bottom:2.5em; right:26px; margin-bottom:-1.375em}
.merchant_page p.title{ font-size:1.15em; color:#333; margin-bottom: 5px;}
.merchant_page p.mer_description{ color: #999; font-size: 0.85em; height:20px; overflow:hidden;}
.merchant_page .offer_box{ display: inline-block; }
.merchant_page .time_success{display: inline-block;  vertical-align: middle;}


.aside_wrap h2, .aside_wrap h3{ font-size:20px; color:#333}
.aside_wrap h3{ font-size: 16px; padding: 1em 0; }
.aside_wrap h3:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }


.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; max-height:104px; overflow:hidden; -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:#1085df; cursor:pointer}

.mer_coupon_alert .coupon_alert_input{ background:#fdfdfd}
.mer_coupon_alert .coupon_alert_input input{ padding:0 16px; height:42px; line-height:42px; border:1px solid #e4e4e4; border-radius:2px}
.mer_coupon_alert button{ width:100%; height:42px; line-height:42px; background:#02b6c0; color:#fff;  border-radius:2px}

.text_lists{ padding:10px 20px; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); background: #fff}
.text_lists li{ font-size:14px; height:32px; line-height:32px}
.text_lists li a{ color: #999; font-size: 16px; }

.shopping_tips{ background:#fff; padding:16px 20px 2px 20px; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05)}
.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:#1085df}
.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}

.static_wrap h1{ padding:0.45em 0 0.15em 0; font-size: 1.4em;}
.static_wrap h1:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }
.static_wrap article, .alphabet{ width:100%; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); float:left; padding:10px 20px 20px 20px; margin:10px 0}
.static_wrap article .title{ border-bottom:1px solid #cacaca; padding:0 20px 10px; margin:0 -20px 16px -20px; font-size:1.25em; color:#333; font-weight:500}
.static_wrap article .title:before{ content: ""; width: 4px; height: 4px; border-radius: 5px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -5px; }
.static_wrap article .title a{ float:right; font-size:14px; color:#2699db; line-height:2.2}
.categories_list article .title:before{ display: none; }
.static_wrap article .title i{ display:inline-block; height: 2.7em; margin-right:14px;  vertical-align:middle; font-size:12px;-webkit-text-size-adjust:none}
.static_wrap article ul li a{ float:left; width:20%; padding-right:16px; height:40px;line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; font-size:16px}
.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:4em}
.static_wrap article span{ padding-top: 150px; margin-top: -150px;}

.all_categories{ margin-top: 1em; }
.all_categories ul{ background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); padding: 20px;}
.all_categories .categories li i{ display: block; margin: 0 auto }
.all_categories ul li{ height: auto; }
.all_categories ul li a{ display: block; text-align: center; }

.alphabet a{  display:inline-block; margin:0 1em 0 0; text-align:center; line-height:40px; border-radius:30px; font-size:1.25em; position:relative; overflow:hidden;}
.alphabet{ padding:10px 0 0 32px; text-align: center}
.alphabet a:hover,.alphabet a.active{ color: #ff7800; }

.no_result{ font-size:18px; padding:40px 0 0 0; color: #333}
.no_result span { font-size:0.75em; display:block; margin-top:10px}

.error_text{ text-align:center; padding:0 0 20px 0; font-size:20px; margin-bottom:15px; background: url(../image/404.png) center 0 no-repeat;}
.error_text p{ color:#666; margin:20px 0 20px 0; font-size:1.125em}
.creen{ font-size:8em; color:#02b6c0; font-weight:600; display:none;}
.error_text .back{ margin-top:2em; padding-top: 18em;}
.error_text .back a{ padding:8px 26px;color:#0493e5; border:1px solid #0493e5; border-radius:5px; }
.error_text .back a:hover{ background: #0493e5; color: #fff; }
.error_container{ text-align:center; font-size:180px; font-family: 'Catamaran', sans-serif; font-weight:800; padding-top: 30px;}
.error_container > span{ display:inline-block; line-height:0.7; position:relative; color:#FFB485; margin-right:20px}
.error_container > span > span{ display:inline-block; position:relative}
.error_container > span:nth-of-type(1){ perspective:1000px; perspective-origin:500% 50%; color:#ec7357}
.error_container > span:nth-of-type(1) > span{ transform-origin:50% 100% 0px; transform:rotateX(0); animation:easyoutelastic 8s 1}
.error_container > span:nth-of-type(3){ perspective:none; perspective-origin:50% 50%; color:#ee7785}
.error_container > span:nth-of-type(3) > span{ transform-origin: 100% 100% 0px; transform:rotate(0deg); animation:rotatedrop 8s 1}
@keyframes easyoutelastic{ 0%{ transform:rotateX(0);}9%{ transform:rotateX(210deg);}13%{ transform:rotateX(150deg);}16%{ transform:rotateX(200deg);}18%{ transform:rotateX(170deg);}20%{ transform: rotateX(180deg);}60%{ transform: rotateX(180deg);}80%{ transform:rotateX(0);}100%{ transform:rotateX(0);}}
@keyframes rotatedrop{ 0%{ transform:rotate(0);} 10%{ transform:rotate(30deg);} 15%{ transform:rotate(90deg);} 70%{ transform:rotate(90deg);} 80%{ transform:rotate(0);} 100%{ transform:rotateX(0);}}
.ps_title:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }

.contact_wrap h1:before{ content: ""; width: 3px; height: 16px; background: #ff7800; display: inline-block; vertical-align: middle; margin-right: 10px; }
.contact_wrap form{ background:#fff; margin-bottom: 30px; padding: 30px 50px;border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); }
.contact .col_6{ width: 50%; float: left; padding-right: 30px; }
.contact .col_6:nth-child(2){ padding-right: 0 }
.contact input[type="text"], .contact textarea{ background: #f1f1f1; border:1px solid #f1f1f1; width:100%; line-height:64px; height:64px; margin-bottom:20px; padding-left:16px; border-radius:5px}
.contact textarea{ height:250px; outline:none; resize:none}
.contact button{ background:#0493e5; color:#fff; padding:16px 4em; border-radius:5px; font-size:1.25em; margin:5px auto; display:block}
.contact .red{ margin-top:-16px; font-size:14px}

body.privacypolicy{ padding-top: 0 }
body.privacypolicy header{ position: static; }
body.privacypolicy .i_menu{ position: absolute; }

.privacy_policy_wrap { overflow: hidden; }
.privacy_policy_wrap .page_sidebar{width: 30%; float: left; padding-right: 40px;}
.privacy_policy_wrap .page_content{width: 70%; float: right;}
.privacy_policy_wrap .page_sidebar > ol{ padding: 10px; background:#fff;  border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05); }
.privacy_policy_wrap .page_sidebar > ol li{ padding-bottom: 8px; }
.privacy_policy_wrap .page_sidebar > ol > li:before{ content: ""; width: 3px; height: 12px; background: #ff7800; display: inline-block;  margin-right: 10px; }
.privacy_policy_wrap .page_sidebar > ol > li > ol{ margin-bottom: 0; padding-top: 8px; }
.privacy_policy_wrap .page_sidebar > ol > li > ol > li{ padding-left: 20px; font-size: 14px; }
.privacy_policy_wrap .page_sidebar > ol > li > ol > li:before{ content: ""; width: 3px; height: 3px; border-radius: 5px; background: #ff7800; display: inline-block;  margin-right: 5px; vertical-align: middle; }


.privacy_policy_wrap .page_content h1{ font-size:1.85em}
.privacy_policy_wrap .page_content .b_title{ font-size:1.25em; color:#333; font-weight:600}
.privacy_policy_wrap .page_content .title{ font-size:1.2em; color:#333; font-weight:600}
.privacy_policy_wrap .page_content .title:before{ content: ""; width: 3px; height: 12px; background: #ff7800; display: inline-block;  margin-right: 10px; }
.privacy_policy_wrap .page_content .pp_content{ padding: 15px 20px 0; margin-bottom: 20px; background:#fff;  border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.05);}
.privacy_policy_wrap .page_content .pp_content p{ padding-bottom: 15px; margin-bottom: 0; color: #666  }
.privacy_policy_wrap .page_content .pp_content p.sub_title{ padding-bottom: 5px; font-size: 1em; font-weight: bold; color: #333 }
.privacy_policy_wrap .page_content .pp_content p.sub_title:before{  content: ""; width: 5px; height: 5px; border-radius: 5px; background: #ff7800; display: inline-block;  margin-right: 10px; vertical-align: middle;  }
.privacy_policy_wrap .page_content strong{ color:#333}
.privacy_policy_wrap .page_content a{ color:#02b6c0}
.privacy_policy_wrap .page_content ul{ margin-bottom:0; margin-left:16px; padding-bottom: 15px;}
.privacy_policy_wrap .page_content ul li{ list-style-type:disc; margin-bottom:5px}
.privacy_policy_wrap .page_content .title, .privacy_policy_wrap .page_content .sub_title{padding-top: 150px; margin-top: -150px}

footer{ background:#0a2d4f; width:100%; padding:2em 0 5px 0}
.copyright{text-align:center; color:#efefef; font-size:14px;}
.copyright a{ color:#efefef; width:15%; display:inline-block; font-size:16px}
.copyright a:hover{ color:#fff}
.copyright p{ margin-bottom:1.625em}

.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:#0a2d4f; opacity:1}
.back_to_top span{ font-size:2.25em; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/*detail pop*/
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.coupon_detail_pop, .subscribe_success_pop, .overlay_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, .subscribe_success, .modal_wrapper{ width:654px; background:#fff; padding:0 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}
.modal_wrapper{ width:500px}
.coupon_detail .title{ min-height: 60px; font-size:1.25em; color:#333; margin-bottom:20px; margin-left: 5.5em; padding-left: 30px; margin-top:20px; text-align: left; border-left:#cacaca 1px solid;}
.coupon_detail .description{ font-size:14px; margin-top:50px; padding-bottom: 20px; text-align: left;}
.code_wrap, .deal_wrap{ padding:48px 0 0 0; position:relative; text-align:center}
.copy_code{ padding:0.5em 6.75em 0.5em 2em; box-sizing:border-box; border:2px dashed #bdbdbd; position:relative; margin:12px auto 32px auto; max-width:100%; display:inline-block; border-radius:5px}
.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.75em; height:100%; font-size:1.25em; top:0; right:0; z-index:2; background:#ff8c00; color:#fff; cursor:pointer; border-radius: 0 5px 5px 0}
.copy_code.no_copy{ padding:0.5em 1em}
.goto_btn{ border:1px solid #0493e5; max-width: 280px; border-radius: 5px;  margin:0 auto 20px; padding:5px 40px; text-transform:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.goto_btn a{ color:#0493e5; font-weight: 600;}
.deal_wrap .deal_tips{ font-size:1.5em; text-transform: uppercase; color:#a1a1a1; margin:2px auto 16px; height: 3em; line-height: 3em; border:2px dashed #bdbdbd; max-width: 280px; border-radius: 5px; }
.detail_coupon_alert{ background:#fafafa; padding:24px; min-height:148px; margin:30px -32px 0 -32px; position:relative; border-radius:0 0 2px 2px}
.detail_logo{ width:6.25em; height:6.25em; background:#fff; border-radius:2px; display:inline-block; position:absolute; left: 0}
.detail_logo .m_logo{ padding: 0 }
.detail_coupon_alert .title{ font-size:18px; color:#333; margin:6px 0 12px 0; text-align:left; line-height:1.25; }
.detail_coupon_alert .coupon_alert{ padding-left:7.375em; width:auto}
.detail_coupon_alert .coupon_alert_input input{ border:1px solid #e4e4e4}
.closed_btn{ width:2em; height:2em; background:none; border:#909090 1px solid; border-radius: 100px; right:10px; top:10px; 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:0.95em; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:0.875em}
.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}

/*coupon alert subscribe success pop*/
.subscribe_success{ padding:32px 32px; font-size:18px; text-align:center}
.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}

/*coupon alert manage*/
#u_header{ height:3.125em}
.user_profile{ float:right; color:#fff; line-height:3; cursor:pointer}
.profile_icon{ background:url(../image/profile.svg) no-repeat; width:28px; height:28px; display:inline-block; margin-right:6px; vertical-align:middle}

.directed{ background-image:url(../image/bg.jpg); width:100%; height:190px; margin-top:-30px; margin-bottom:42px; padding-top:22px}
.directed p{ color:#fff; font-size:1.625em; text-align:center; line-height:1.25; margin-bottom:0}
.directed .b_title{ font-size:2em; margin-bottom:16px}
.directed .wrapper{ width:890px; padding:10px 0 14px 0; margin:0 auto}
.line_l_t{ border:1px solid rgba(255,255,255,0.36); border-right:0; border-bottom:0; position:absolute; top:0; left:0; width:35px; height:35px}
.line_l_b{ border:1px solid rgba(255,255,255,0.36); border-right:0; border-top:0; position:absolute; bottom:0; left:0; width:35px; height:35px}
.line_r_t{ border:1px solid rgba(255,255,255,0.36); border-left:0; border-bottom:0; position:absolute; top:0; right:0; width:35px; height:35px}
.line_r_b{ border:1px solid rgba(255,255,255,0.36); border-left:0; border-top:0; position:absolute; bottom:0; right:0; width:35px; height:35px}

.coupon_alert_manage .directed{ background:#fff; text-align:center; width:100%; padding:16px 16px 20px 16px; font-size:14px}
.coupon_alert_manage .directed p{ margin:0}
.coupon_alert_manage .title{ font-size:1.875em; color:#333; text-align:center; margin-bottom:12px}
.alert_stores{ margin-bottom:26px; margin-right:-16px}
.alert_stores li{ list-style:none; width:12.5%; padding-right:16px; margin-bottom:16px; float:left}
.alert_stores .store_wrap{ height:132px}
.alert_stores .m_logo{ height:98px}
.alert_stores .m_logo img{ max-width:95%; max-height:95%}
.alert_stores .store_name{ font-size:14px; text-align:center; border-top:1px dashed rgba(0,0,0,0.12); height:34px; line-height:30px; padding:0 10px; overflow:hidden}
.alert_stores .increase{ height:100%; width:100%; line-height:132px; font-size:7em; color:#02b6c0; text-align:center; display:block; cursor:pointer}
.alert_stores .closed_btn{ width:2.125em; height:2.125em}
.alert_stores .closed_btn::after, .alert_stores .closed_btn::before{ width:1em; top:1em}

.alert_search{ width:628px; height:56px; margin:0 auto 24px auto; position:relative}
.alert_search input[type="text"]{ background:#fff; border-radius:2px; border:1px solid #e4e4e4; width:100%; height:56px; padding:0 16px;}
.alert_search .icon-search{ position:absolute; top:6px; right:16px; font-size:30px; color:#02b6c0}
.alert_search .ui-widget-content li{ padding:0 5.75em}

.add_btn, .current_btn, .cancel_btn{ width:auto; height:32px; background:#02b6c0; margin-top:6px; border-radius:2px; text-align:center; color:#fff; line-height:32px; cursor:pointer}
.current_btn{ background:#3ac569}
.cancel_btn{ background:#ea4141}
.add_btn .icon-plus, .current_btn .icon-ok, .cancel_btn .icon-minus{ vertical-align:inherit}
.alert_search .add_btn, .alert_search .current_btn, .alert_search .cancel_btn{ width:60px; position:absolute; right:16px; top:12px}
.alert_button{ margin-top:40px}
.alert_button button{ height:46px; width:196px; background:#02b6c0; color:#fff; border-radius:2px; font-size:1.25em; text-transform:uppercase; text-align:center; margin:0 auto; display:block}
.coupon_alert_manage .prompt{ border-top:1px solid rgba(0,0,0,0.12); padding-top:36px; text-align:center; margin:40px 0 48px 0; font-size:14px}
.coupon_alert_manage .prompt p{ margin:0}
.coupon_alert_manage .prompt a{ color:#02b6c0}
.coupon_alert_manage .red{ text-align:center; margin-top:24px; font-size:14px}

.form_section{ padding:20px 0 18px 0}
.form_section .title, .form_section .s_title{ font-size:30px; color:#333; text-align:center}
.form_section .s_title{ font-size:24px}
.form_section .t_tips{ font-size:14px; text-align:center; margin-top:-8px; margin-bottom:28px}
.form_section label{ display:block; margin-bottom:2px}
.form_section input{ width:100%; border:1px solid #c7c7c7; border-radius:2px; line-height:44px; height:44px; padding-left:16px; margin-bottom:24px}
.forgot_password{ text-align:right; display:block; font-size:13px; color:#02b6c0; margin-top:-16px; margin-bottom:26px}
.form_section button{ background:#02b6c0; color:#fff; padding:12px 4em; border-radius:2px; font-size:1.25em; margin:5px auto; display:block; width:100%}
.form_section .privacy{ display:block; text-align:center; font-size:13px; color:#02b6c0; margin-top:16px}
.form_section .red{ font-size:14px; margin-top:-24px; margin-bottom:18px}

#main_content .form_section{ width:500px; background:#fff; margin:80px auto; padding:20px 32px 28px 32px; border-radius:2px}

.modal_content{ padding:24px 0 10px 0}
.modal_content .title{ font-size:1.25em; color:#333}
.modal_content .icon-ok-circle{ color:#02b6c0; font-size:1.25em}

.privacy_policy_pop{ width:100%; position:fixed; background:rgba(53, 53, 53, 0.88); bottom:0; z-index:9999; padding:16px 16px 12px 16px; color:#fff; font-size:14px; text-align:center}
.privacy_policy_pop p{ display:inline-block; margin-bottom:10px}
.privacy_policy_pop a{ color:#00dfeb}
.privacy_policy_pop span{ border:1px solid #fff; padding:5px 20px; border-radius:2px; cursor:pointer; margin-left:20px; display:inline-block}
.privacy_policy_pop span:hover{ background:#fff; color:#666}

@media (max-width:1256px){
.wrapper{ width:auto; margin-left:16px; margin-right:16px}
.grid_coupons, .grid_stores{ width:auto; margin-right:-16px}
.grid_coupons .coupon_wrapper{ margin-right:16px; margin-bottom:16px}
.grid_stores li{ padding-right:16px; margin-bottom:16px}

.rotate_stores{ margin:2em 16px 14px 16px}
.owl-carousel{ width:auto}
.owl-carousel .store_wrap{ height:126px}
}


@media (max-width:1024px){
.section ul li{ width:33.333%}
.wrapper2, .wrapper3, .directed .wrapper{ width:auto; margin-left:16px; margin-right:16px}
.coupon_alert_manage .directed{ margin-left:-16px; margin-right:-16px; width:auto}
.directed p{ font-size:1.45em}
.alert_stores li{ width:16.666%}
.list_coupons ul li{ width: 100%; }
.list_coupons p.title{ min-height: 0 }
}


@media (max-width:960px){
.grid_coupons li{ width:100%}
.grid_coupons .coupon_wrapper{ text-align:left}
.grid_coupons .coupon_wrapper .m_logo{ width:7em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden; padding:16px; border-bottom:none}
.grid_coupons .coupon_content{ padding:16px 14.75em 10px 7em}
.grid_coupons .title{ height:auto}
.grid_coupons .go_button{ position:absolute; width:200px; bottom:50%; margin-bottom:-1.375em; right:20px}
}


@media (max-width:768px){
body{ padding-top:56px}
.i_menu{ display:block; top:0}
header{ height:56px; background-size: contain;}
nav{ top:0.56em; left:120px}
.h_container.wrapper{ margin:0; width:auto}
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}
nav{ top:56px; left:0!important; bottom:auto; width:240px; max-width:inherit; position:fixed; max-height:90%; max-height: -moz-calc(100% - 56px); max-height: -webkit-calc(100% - 56px); max-height: calc(100% - 56px); overflow-x:hidden; overflow-y:auto; box-shadow:0px 7px 21px rgba(0,0,0,0.42); z-index:100}
.logo{ width:170px; height:50px; background-image:url(../image/geoip_logo_small.png); left:50%; margin-left:-5.45em; top:0}
.menu_list li{ float:inherit; display:block}
.menu_list li a{ padding:0 20px; height:48px; line-height:48px; color:#333}
.search_wrapper{ width:100%; max-width:56px; height:51px; overflow:hidden; min-width:inherit; top:0; border-left:1px solid rgba(255,255,255,0.16); background-color:#0a2d4f; border:0;}
.search_btn{ display:inline-block}
.search_wrapper form{ max-width:0; height:40px}
.search_wrapper.focused{ max-width:100%; top:56px; box-shadow:0px 2px 7px rgba(0,0,0,0.26); border-left:none; padding:0 16px; overflow:inherit}
.search_wrapper.focused form{ max-width:inherit; margin:8px 0}
.search_suggest{ top:48px; width:auto; max-width:100%; margin:0 16px}
.ui-widget-content{ margin-top:-8px}
.wrapper2{ padding:8px 24px 24px 24px}
.grid_stores li{ width:25%}
.grid_stores li .store_wrap{ height:100px}

.merchant_page, .page_aside{ width:100%; padding:0}
.page_aside{ padding-bottom: 1em }
.only_tablet{ display:block}
.merchant_key{ padding:0.35em 0}
.merchant_page .coupon_content{ padding:1.5em 14.5em 0.65em 1.5em}
.merchant_page p.title{ font-size:1.125em; line-height:1.35}
.time_success div{ margin:0 3em 0 0}

.creen{ display:block}
.error_container{ display:none}

.copyright a{ width:auto; margin:0 1em}	
.backtotop_wrap{ display:none}
.coupon_detail, .subscribe_success, .modal_wrapper{ max-width:inherit; width:90%}

.alert_stores li{ width:20%}
.alert_search .ui-widget-content{ margin-top:0}
.directed{ padding-top:52px}
.directed p{ font-size:1.125em}
.directed .wrapper{ padding:5px 0 8px 0}
.contact .col_6{ width: 100%; padding-right: 0; }

.privacy_policy_wrap .page_sidebar,
.privacy_policy_wrap .page_content{width: 100%; float: none; padding-right: 0}

}


@media (max-width:544px){
body{ font-size:0.9em}
.section ul li{ width:50%}
.grid_coupons .coupon_content{ padding:16px 16px 10px 7em}
.grid_coupons .go_button, .merchant_page .go_button, .list_coupons .go_button{ width:130px; height:30px; line-height:30px; bottom:0; right:0; margin:0; font-size:12px}
.button_code:before, .button_code:after, .button_code .code{ display:none}
.button_code{ padding-right:0}
.merchant_page .coupon_content{ padding:1.5em 1.5em 0.65em 1.25em; }
.merchant_page p.mer_description{ display: none; }
.time_success div{ margin:0 1em 0 0}
.coupon_offer{ width:6em}
.offer_label{ width:62px}
.coupon_alert{ width:auto; margin-left:16px; margin-right:16px}
.coupon_alert button{ padding:0 10px}
.coupon_detail, .subscribe_success, .modal_wrapper{ width:auto; margin:16px!important; top:0}
.coupon_detail .description{ margin-top:30px}
.coupon_alert_input input[type="text"]{ padding:0 128px 0 16px}
.detail_logo{ position:relative; width:100%}
.detail_coupon_alert .coupon_alert{ padding-left:0; margin:16px 0 0 0}
.detail_coupon_alert .coupon_alert button{ position:relative; width:100%; margin-top:14px; border-radius:2px}
.detail_coupon_alert{ margin: 30px -32px 0 -32px;}
.detail_coupon_alert .coupon_alert_input input[type="text"]{ padding:0 16px}

.static_wrap article ul li a{ width:50%}
.static_wrap article .title a{ font-size:12px; line-height:2.2}

.coupon_alert_user input{ margin-top:10px; width:100%}
.alert_stores li{ width:33.333%}

.alert_search{ width:auto}
.alert_search .ui-widget-content li .gray{ display:none}

.directed p{ font-size:1em}
.directed .b_title{ font-size:1.5em}
.directed .wrapper{ padding:14px 0 18px 0}

.modal_wrapper{ padding:0 24px}
#main_content .form_section{ width:auto; margin:80px 16px; padding:20px 24px 28px 24px}
.filter_lists{ margin-top: 0; float: none; margin-bottom: 10px; }
.filter_lists ul li{ width: 33.3%; text-align: center; padding: 5px 0; }

.saving_center ol li{ padding:14px 20px}
.saving_center ol li:before{ display:none}
}


@media (max-width:480px){
.grid_stores li{ width:50%}	
.merchant_page .coupon_content{ padding:1.5em 1.5em 2.5em 1em}	
.time_success div{ margin:0 0.3em 0 0}
.copy_code div{ font-size:1.5em}
.copyright a{ margin:0 0.5em}
.static_wrap article ul li a{ width:100%}
.logo{ margin-left:-5.75em}

.coupon_alert_user, .coupon_alert_manage .title{ font-size:1.25em}
.alert_function{ width:auto; margin:0 auto 30px auto; text-align:center}
.alert_function .receive{ float:inherit}
.alert_function .securitycode{ float:inherit; margin:10px 0 0 0}
}


@media (max-width:414px){
.alert_stores li{ width:50%}
.directed{ padding-top:34px}
.error_text{ background-size: 280px 228px; }
.error_text .back{padding-top: 14em;}
}

a:hover{ color:#40aafe}

.top_bg{ margin:-0.75em 0 1.5em 0; height:12em; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; background-color:#fff; background-repeat:no-repeat; background-size:cover; background-position:center bottom; padding-top:1.125em}
.home{ margin-bottom:4em}

.top_bg .wrapper{ height:100%}
.top_bg .breadcrumbs, .top_bg .breadcrumbs a{ color:#fff}
.travel_search{ width:36.875em; height:4.625em; background:#fff; border-radius:5px; position:absolute; bottom:-40px; left:50%; margin-left:-18.5em}

.travel_search input[type="text"]{ padding:0 80px 0 25px; height:100%; line-height:2; width:100%; background:transparent; font-size:1.25em}
.travel_search input:focus{ border:none!important}
.travel_search button{ height:100%; width:80px; position:absolute; top:0; right:0; font-size:1.875em; line-height:2; text-align:center; color:#40aafe; background:none}

.c_title{ text-align:center}
.city_name{ font-size:18px; line-height:2; color:#333; margin:26px 0 12px 0; font-weight:bold;}

.icon_city, .icon_hotel, .icon_landmark{ background:url(../image/icon.png) no-repeat; background-size:28px 164px; }
.distance, .icon_tel, .icon_email, .icon_web, .s_city_name, .icon_time, .icon_latitude, .icon_star{ background:url(../image/small_icon.png) no-repeat; background-size:14px 300px; padding-left:16px}
.icon_city{ width:28px; height:26px; display:inline-block; margin-right:8px}

.icon_star{ width:22px; height:22px; background-position:-2px -260px; vertical-align:text-bottom}


.grid_module{ margin-right:-22px}
.grid_module li{ width:33.333%; float:left; padding-right:22px; margin-bottom:22px}

.hotel_wrapper{ background-color:#fff; border-radius:5px; position:relative; overflow:hidden;}

.h_img{ height:250px; display:block; position:relative;}
.h_img img, .h_detail_img img, .recommend_img img, .landmark_img img{ height:100%; width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%)}

.hotel_center{ padding:22px}
.hotel_center .title a{ font-size:20px; color:#333; margin-bottom:8px; display:block; height:50px; overflow:hidden; line-height:1.2}
.hotel_center .title a:hover{ color:#40aafe}

.star{ font-size:13px}
.star .icon-star{ color:#ff9800; margin-left:1px; vertical-align:top}
.price{ font-size:16px; color:#333; font-weight:bold; margin:10px 0}
.price span{ font-size:28px }
.distance{ font-size:14px; line-height:1.2}

a.h_btn{ width:100%; background:#40aafe; color:#fff; display:block; text-align:center; border-radius:5px; font-size:18px; line-height:44px; margin-top:22px}



.full_wrapper{ width:100%; background:#fff; padding:22px 0 48px 0; margin-top:28px}
.full_wrapper section{ float:left; width:25%}
.full_wrapper .city_name{ font-size:16px; margin:18px 0 6px 0}
.full_wrapper .icon_city{ transform: scale(0.7); vertical-align:text-bottom; margin-right:4px}

.full_wrapper p{ margin:0 0 3px 4px;}
.full_wrapper p a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block}

.see_more a{ color:#40aafe; margin:10px 0 8px 4px; display:inline-block}


.static_wrap{ background:#fff; border-radius:5px; margin:26px 0 42px 0}
.static_wrap article, .alphabet{ border-radius:0; padding:26px 32px 20px 32px; box-shadow:none; margin:0; background:none}
.alphabet{ padding:32px 0 8px 32px; text-align:inherit}
.alphabet a{ width:86px; height:46px; margin:0 0.65em 0.65em 0; border:1px solid #d2d2d2; line-height:46px}
.alphabet a:hover, .alphabet a.active{ background:#40aafe; border:1px solid #40aafe; color:#fff}


.static_wrap article .title{ border-top:1px solid rgba(0,0,0,0.08); border-bottom:none; padding:40px 0 10px 0; margin:0}
.static_wrap article .title::before{ display:none}
.static_wrap article .title a{ color:#40aafe}
.static_wrap article:last-child{ margin-bottom:0}
.static_wrap article ul li{ width:33.333%; float:left}
.static_wrap article ul li>a{ max-width:50%; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block}
.static_wrap article ul li a{ width:auto; margin-right:0}

.static_wrap article ul li .exhibition{ display:none}
.static_wrap article ul li:hover .exhibition{ display:block}
.exhibition a{ color:#40aafe; font-size:14px!important}
.exhibition a:hover{ text-decoration:underline}
.exhibition i{ display:inline-block; width:32px; height:32px; transform: scale(0.75); vertical-align:top}
.icon_hotel{ background-position:0 -39px}
.icon_landmark{ background-position:0 -72px}



.city_placement{  margin:0 auto; text-align:center}
.placement{ background:#fff; border-radius:38px; font-size:24px; display:inline-block; padding:0 20px; min-width:205px; color:#40aafe; line-height:75px; position:absolute; left:50%; top:50%; margin-left:-4.25em; margin-top:-2em}

.page_content{ padding-left:40px; padding-bottom:16px; width:73%; float:right; margin-top:1em}
.page_sidebar{ width:27%; float:left; padding-bottom:16px; margin-top:1em}

.aside_wrap{ background:#fff; border-radius:5px; padding:3px 20px 8px 20px; margin-bottom:22px}
.aside_wrap h3{ font-size:18px; line-height:1.35;}
.aside_wrap h3:before{ display:none}

.other_city li{ margin-bottom:0.65em}
.other_city li>a{ color:#333; padding-left:4px}
.aside_wrap .exhibition a{ line-height:3}

.left_faq li{ margin-bottom:1em}

.list_module li{ margin-bottom:22px}
.list_module .hotel_wrapper{ min-height:180px}
.list_module .h_img{ width:240px; height:100%; position:absolute; left:0; top:0}
.list_module .hotel_center{ margin-left:240px; position:relative}
.list_module .h_btn{ position:absolute; width:125px; right:22px; bottom:22px}


.right_block{ background:#fff; border-radius:5px; padding:12px 28px 22px 28px; margin-bottom:22px}
.right_block h2{ font-size:1.25em}
.weather_wrapper{ margin:4px -22px 8px -22px}
.weather_wrapper li{ width:14.285%; text-align:center; float:left; border-left:1px solid #f8f8f8; padding:10px 10px 16px 10px}
.weather_wrapper li:first-child{ border-left:none}
.weather_wrapper .day{ font-size:24px; color:#333}
.weather_wrapper .date{ font-size:12px; margin-top:-3px; color:#999}
.weather_wrapper .description{ margin:16px 0 22px 0; line-height:1.1;  font-size:13px; color:#333; height:29px; display:table; width:100%}
.weather_wrapper .description span{ display:table-cell; vertical-align:middle}
.weather_wrapper .temp{ font-size:14px; color:#333}

.weather_icon{ margin:0 auto 20px auto}
.weather_icon i{ background-image:url(../image/weather_icon.png); background-size:31px 888px; width:31px; height:31px; display:inline-block}
.sunny_icon{ background-position:0 -55px}
.snow_icon{ background-position:0 -111px}
.rainsunnysnow_icon{ background-position:0 -166px}
.rainsunny_icon{ background-position:0 -221px}
.rainsnow_icon{ background-position:0 -274px}
.rain_icon{ background-position:0 -330px}
.fogsunny_icon{ background-position:0 -386px}
.fogsnow_icon{ background-position:0 -437px}
.fograinsnow_icon{ background-position:0 -486px}
.fograin_icon{ background-position:0 -538px}
.fog_icon{ background-position:0 -588px}
.cloudysnow_icon{ background-position:0 -637px}
.cloudyrainsnow_icon{ background-position:0 -689px}
.cloudyrain_icon{ background-position:0 -741px}
.cloudyfog_icon{ background-position:0 -793px}
.cloudy_icon{ background-position:0 -842px}


.landmark_list li{ width:33.333%; float:left; padding-right:8px; height:36px; line-height:36px}
.landmark_list li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block}


.hotel_detail{margin:-0.75em 0 1.5em 0; background:#fff; padding:1.125em 0 2.375em 0;}

.h_detail_info{ margin-top:26px}
.h_detail_img{ width:286px; height:215px; border-radius:5px; position:relative; overflow:hidden; float:left}
.h_detail_matter{ margin-left:324px}
.h_detail_matter .title h1{ display:inline-block; padding:0 0 0.5em 0}
.h_detail_matter .title a{ color:#40aafe; font-size:14px; margin-left:20px; vertical-align:text-bottom}
.h_detail_matter .title .icon-external-link{ margin-left:3px}
.h_detail_matter .star{ font-size:14px}
.basics{ margin:22px 0 12px 0}
.basics>div{ display:inline-block; margin-right:80px}
.icon_tel, .icon_email, .icon_web, .s_city_name, .icon_time, .icon_latitude{ font-size:14px; padding-left:19px;}
.icon_tel{ background-position:0 -38px}
.icon_email{ background-position:0 -72px}
.icon_web{ background-position:0 -108px}
.s_city_name{ background-position:0 -145px}
.icon_time{ background-position:0 -186px}
.icon_latitude{ background-position:0 -224px}
.h_detail_matter .distance{ padding-left:19px;}
.h_detail_btn{ margin-top:32px}
.h_detail_btn a{ display:inline-block; padding:9px 48px; background:#40aafe; color:#fff; border-radius:5px; margin-right:20px; font-size:18px}
.h_detail_btn a:hover{ background:#54b3fe}
.h_detail_btn a:last-child{ background:#ff9c00;}
.h_detail_btn a:hover:last-child{ background:#ffa61a}


.hotel_map{ width:100%; border-radius:5px; overflow:hidden; margin:18px 0 16px 0}
.hotel_map img{ width:100%}

.amenities_list{ margin-top:-10px}
.amenities_list li{ line-height:20px; margin:20px 0}
.yes_tips{ background:#42b883; color:#fff; font-size:12px; padding:3px 8px; border-radius:5px; margin-left:10px}
.unknown_tips{ border-radius:5px; border:1px solid #f2f2f2; font-size:12px; padding:3px 8px; margin-left:10px; color:#8b8b8b}
.amenities_list li i{ background-image:url(../image/amenities_icon.png); background-size:15px 2316px; display:inline-block; width:15px; height:18px; margin-right:8px; vertical-align:middle}
.pool_icon{ background-position:0 -37px}
.freewifi_icon{ background-position:0 -71px}
.gym_icon{ background-position:0 -104px}
.pgavailable_icon{ background-position:0 -140px}
.nonsmoking_icon{ background-position:0 -180px}
.airconditioning_icon{ background-position:0 -220px}
.breakfast_icon{ background-position:0 -254px}
.coffee_icon{ background-position:0 -291px}
.restaurant_icon{ background-position:0 -332px}
.frontdesk_icon{ background-position:0 -372px}
.business_icon{ background-position:0 -409px}
.atm_icon{ background-position:0 -449px}
.luggage_icon{ background-position:0 -491px}
.kitchenware_icon{ background-position:0 -531px}
.pets_icon{ background-position:0 -571px}
.currency_icon{ background-position:0 -609px}
.laundry_icon{ background-position:0 -648px}
.staff_icon{ background-position:0 -688px}
.refrigerator_icon{ background-position:0 -728px}
.towels_icon{ background-position:0 -776px}
.hairdryer_icon{ background-position:0 -811px}
.shower_icon{ background-position:0 -842px}
.tv_icon{ background-position:0 -879px}
.sofa_icon{ background-position:0 -915px}
.bathtub_icon{ background-position:0 -952px}
.electrickettle_icon{ background-position:0 -990px}
.bathrobe_icon{ background-position:0 -1036px}
.tel_icon{ background-position:0 -1074px}
.fax_icon{ background-position:0 -1111px}
.outdoor_icon{ background-position:0 -1149px}
.garden_icon{ background-position:0 -1191px}
.vendingmachine_icon{ background-position:0 -1231px}
.bar_icon{ background-position:0 -1269px; vertical-align:text-bottom!important}
.spa_icon{ background-position:0 -1312px}
.lockers_icon{ background-position:0 -1352px}
.ticket_icon{ background-position:0 -1392px}
.cleaning_icon{ background-position:0 -1435px}
.cdplayer_icon{ background-position:0 -1475px}
.computer_icon{ background-position:0 -1516px}
.fruit_icon{ background-position:0 -1547px}
.water_icon{ background-position:0 -1589px; vertical-align:text-bottom!important}
.wine_icon{ background-position:0 -1631px}
.deliveries_icon{ background-position:0 -1672px}
.carrental_icon{ background-position:0 -1709px; vertical-align:text-bottom!important}
.rooms_icon{ background-position:0 -1752px}
.casino_icon{ background-position:0 -1790px}
.massage_icon{ background-position:0 -1830px}
.sauna_icon{ background-position:0 -1868px}
.cvs_icon{ background-position:0 -1908px}
.elevator_icon{ background-position:0 -1946px}
.electric_icon{ background-position:0 -1985px}
.parking_icon{ background-position:0 -2024px}
.shuttle_icon{ background-position:0 -2062px}
.slippers_icon{ background-position:0 -2099px}
.airport_icon{ background-position:0 -2140px; vertical-align:text-bottom!important}
.housekeeping_icon{ background-position:0 -2182px; vertical-align:text-bottom!important}
.karaoke_icon{ background-position:0 -2223px}
.game_icon{ background-position:0 -2263px}
.balcony_icon{ background-position:0 -2300px}

.hotel_album{ border-radius:5px; overflow:hidden; position:relative; margin-bottom:22px}
.owl-carousel .owl-wrapper:after{ content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel{ position:relative; width:100%; -ms-touch-action:pan-y; overflow:hidden}
.owl-carousel .owl-wrapper{ position:relative; -webkit-transform: translate3d(0px, 0px, 0px)}
.owl-carousel .owl-wrapper-outer{ overflow:hidden; position:relative; width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition:height 500ms ease-in-out}
.owl-carousel .owl-item{ float:left; height:100%; min-height:380px}
.owl-dot span, .owl-nav div{ cursor:pointer}
.owl-controls{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0)}
.item{ position:absolute}
.item, .item_img{ width:100%; height:100%; background-position:50%; background-repeat:no-repeat; background-size: cover;}
.owl-nav div{ display:inline-block; zoom:1; *display:inline; width:36px; height:36px; text-indent:-9999px; position:absolute; top:50%; margin-top:-1em; z-index:2; overflow:hidden; background-color:rgba(0,0,0,0.3)}
.owl-nav div:hover{ background-color:rgba(0,0,0,0.5)}
.owl-nav div:before, .owl-nav div:after{ content:""; display:block; position:absolute; width:12px; height:2px; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:13px; top:38%;}
.owl-nav div:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:7px}
.owl-prev{ left:0; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.owl-next{ right:0}

.owl-dots{ position:absolute; bottom:2px; left:50%; margin-left:-2em}
.owl-dot{ position:relative; display:inline-block; height:8px; width:8px; border-radius:8px; margin:0 2px; padding:0; cursor:pointer; background:#999}
.owl-dot.active{ background:#fff}



.landmark_dist .title{ margin:6px 0 10px 0}
.landmark_dist .title span{ display:inline-block; color:#333}
.landmark_dist .title span:first-child{ width:80%;}
.landmark_dist .title span:last-child{ display:inline-block; width:20%; float:right; text-align:center}


.landmark_dist{ float:left; width:50%; padding-right:20px}
.landmark_dist li{ height:36px; line-height:36px}
.landmark_dist a{ width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; text-decoration:underline}
.landmark_dist li span{ display:inline-block; width:20%; float:right; text-align:center}

.faq_wrapper{ margin-top:6px}
.faq_wrapper li{ margin-bottom:26px}
.question{ color:#333; margin-bottom:10px}
.link_tips{ border:1px solid #40aafe; font-size:12px; padding:2px 10px; border-radius:5px; margin-left:10px; color:#40aafe}

.recommend_module>.title{ color:#333; margin:3px 0 8px 0}

.recommend_module ul{ margin-right:-20px}
.recommend_module li{ width:50%; float:left; padding-right:20px; margin-bottom:20px}
.recommend_wrap{ border:1px solid #f4f4f4; border-radius:5px; position:relative; overflow:hidden; padding:0 20px 20px 0; min-height:150px}
.recommend_img{ width:160px; height:100%; float:left; position:absolute; left:0; top:0}
.recommend_center{margin-left:180px;}
.recommend_center .title a{ color:#333; padding:19px 0 14px 0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.recommend_center .distance{ transform:scale(0.9); margin-left:-10px}
a.recommend_btn{ background:#ff9c00; border-radius:5px; width:108px; height:34px; color:#fff; display:block; text-align:center; line-height:34px; margin-top:20px}
a:hover.recommend_btn{ background:#ffa61a}



.landmark_img{ width:100%; height:160px; border-radius:5px; overflow:hidden; margin:0 0 16px 0; position:relative}
.landmark_wrap .title{ color:#333; margin-bottom:16px}
.landmark_wrap p{ font-size:14px; height:86px; overflow:hidden}
.landmark_info div{ padding-left:24px; margin-bottom:9px}



.paging{ text-align:right; padding:0.5em 0 2.5em 0; cursor:pointer}
.paging a{ display:inline-block; width:30px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#666; margin:0 2px}
.paging a:hover{ color:#fff; background:#40aafe; transition:all .3s ease-in-out}
.paging a.icon-double-angle-left,.paging a.icon-double-angle-right{ width:34px; font-size:18px; text-align:center}
.paging b{ background:#40aafe; width:30px; height:30px; margin:0 2px; line-height:30px; display:inline-block; text-align:center; color:#fff; border-radius:3px}


@media (max-width:1024px){
.top_bg{ height:12.5em; margin:-0.75em 0 0 0}
.home{ margin-bottom:3.125em}	

.h_img{ height:200px}
.static_wrap article ul li{ width:50%}
.placement{ line-height:68px; min-width:180px ;margin-top:-1.6em}
}


@media (max-width:960px){
.h_img{ height:180px}	
.landmark_list li{ width:50%}
.weather_wrapper{ margin:0}
.weather_wrapper li{ width:100%; text-align:left; border-left:none; border-top:1px solid #f8f8f8; padding:16px 0}
.weather_wrapper li:first-child{ border-top:none; padding:10px 0 16px 0}
.weather_wrapper li>div{ float:left; width:24%}
.weather_wrapper .date{ display:inline-block}
.weather_wrapper .description{ width:24%; height:28px; margin:0}
.weather_icon{ margin:0; text-align:center;}
.weather_wrapper .day{ font-size:20px}
.weather_wrapper .temp{ text-align:center}
.sunny_icon{ vertical-align:bottom}

.h_detail_img{ width:186px; height:165px}
.h_detail_matter{ margin-left:214px}

}


@media (max-width:768px){
.grid_module li{ width:100%}
.h_img{ width:200px; height:100%; position:absolute; left:0; top:0}
.hotel_center{ margin-left:200px; position:relative}
.hotel_center .title a{ height:auto}
a.h_btn{ position:absolute; width:125px; right:22px; bottom:22px}
.list_module .h_img{ width:200px}
.list_module .hotel_center{ margin-left:200px;}
.city_name{ margin:8px 0 12px 0}

.full_wrapper section{ width:50%}
.static_wrap article ul li .exhibition{ display:block}
.page_content, .page_sidebar{ width:100%; padding:0}

.h_detail_img{ width:136px; height:86px}
.h_detail_matter{ margin-left:166px}
.h_detail_matter .title h1{ font-size:1.125em}
.h_detail_btn a{ padding:9px 32px}

.owl-carousel .owl-item{ min-height:280px}

}


@media (max-width:650px){
.top_bg{ height:8.5em}
.travel_search{ width:100%; bottom:-30px; left:0; margin-left:0}
.travel_search input[type="text"]{ font-size:1em}
.travel_search button{ font-size:1.5em;}
.static_wrap article ul li{ width:100%}

.placement{ line-height:48px; font-size:20px; min-width:140px; margin-top:-1em;}

.h_img, .list_module .h_img{ width:100%; height:160px}
.hotel_center, .list_module .hotel_center{ margin-left:0; margin-top:160px}
.hotel_center .title a{ font-size:18px}
a.h_btn, .list_module .h_btn{ width:105px; right:18px; bottom:18px; font-size:16px; line-height:38px}

.hotel_detail{ padding:1.125em 0 1.5em 0;}
.h_detail_matter{ margin-left:0}
.h_detail_matter .title{ margin-left:150px; margin-bottom:14px; height:86px}
.h_detail_matter .title h1{ height:60px; overflow:hidden}
.h_detail_matter .title a{ margin-left:0}
.basics{ margin:8px 0;}
.h_detail_btn{ margin-top:20px}

.recommend_module li{ width:100%}
.recommend_img{ width:120px}
.recommend_center{ margin-left:140px}
.landmark_list li, .landmark_dist{ width:100%}
.landmark_dist:last-child .title{ display:none}

}

@media (max-width:480px){
.weather_wrapper .date{ display:inherit}	
.weather_wrapper .description{ height:48px}
.weather_icon{ margin-top:10px}
.weather_wrapper .temp{ margin-top:15px}

}




@media (max-width:1256px){
.wrapper{ width:auto; margin-left:16px; margin-right:16px}
.grid_coupons, .grid_stores{ width:auto; margin-right:-16px}
.grid_coupons .coupon_wrapper{ margin-right:16px; margin-bottom:16px}
.grid_stores li{ padding-right:16px; margin-bottom:16px}

.rotate_stores{ margin:2em 16px 14px 16px}
.owl-carousel{ width:auto}
.owl-carousel .store_wrap{ height:126px}
}


@media (max-width:1024px){
.section ul li{ width:33.333%}
.wrapper2, .wrapper3, .directed .wrapper{ width:auto; margin-left:16px; margin-right:16px}
.coupon_alert_manage .directed{ margin-left:-16px; margin-right:-16px; width:auto}
.directed p{ font-size:1.45em}
.alert_stores li{ width:16.666%}
.list_coupons ul li{ width: 100%; }
.list_coupons p.title{ min-height: 0 }
}


@media (max-width:960px){
.grid_coupons li{ width:100%}
.grid_coupons .coupon_wrapper{ text-align:left}
.grid_coupons .coupon_wrapper .m_logo{ width:7em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden; padding:16px; border-bottom:none}
.grid_coupons .coupon_content{ padding:16px 14.75em 10px 7em}
.grid_coupons .title{ height:auto}
.grid_coupons .go_button{ position:absolute; width:200px; bottom:50%; margin-bottom:-1.375em; right:20px}
}


@media (max-width:768px){
body{ padding-top:56px}
.i_menu{ display:block; top:0}
header{ height:56px; background-size: contain;}
nav{ top:0.56em; left:120px}
.h_container.wrapper{ margin:0; width:auto}
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}
nav{ top:56px; left:0!important; bottom:auto; width:240px; max-width:inherit; position:fixed; max-height:90%; max-height: -moz-calc(100% - 56px); max-height: -webkit-calc(100% - 56px); max-height: calc(100% - 56px); overflow-x:hidden; overflow-y:auto; box-shadow:0px 7px 21px rgba(0,0,0,0.42); z-index:100}
.logo{ width:170px; height:50px; background-image:url(../image/geoip_logo_small.png); left:50%; margin-left:-5.45em; top:0}
.menu_list li{ float:inherit; display:block}
.menu_list li a{ padding:0 20px; height:48px; line-height:48px; color:#333}
.search_wrapper{ width:100%; max-width:56px; height:51px; overflow:hidden; min-width:inherit; top:0; border-left:1px solid rgba(255,255,255,0.16); background-color:#0a2d4f; border:0;}
.search_btn{ display:inline-block}
.search_wrapper form{ max-width:0; height:40px}
.search_wrapper.focused{ max-width:100%; top:56px; box-shadow:0px 2px 7px rgba(0,0,0,0.26); border-left:none; padding:0 16px; overflow:inherit}
.search_wrapper.focused form{ max-width:inherit; margin:8px 0}
.search_suggest{ top:48px; width:auto; max-width:100%; margin:0 16px}
.ui-widget-content{ margin-top:-8px}
.wrapper2{ padding:8px 24px 24px 24px}
.grid_stores li{ width:25%}
.grid_stores li .store_wrap{ height:100px}

.merchant_page, .page_aside{ width:100%; padding:0}
.page_aside{ padding-bottom: 1em }
.only_tablet{ display:block}
.merchant_key{ padding:0.35em 0}
.merchant_page .coupon_content{ padding:1.5em 14.5em 0.65em 1.5em}
.merchant_page p.title{ font-size:1.125em; line-height:1.35}
.time_success div{ margin:0 3em 0 0}

.creen{ display:block}
.error_container{ display:none}

.copyright a{ width:auto; margin:0 1em}	
.backtotop_wrap{ display:none}
.coupon_detail, .subscribe_success, .modal_wrapper{ max-width:inherit; width:90%}

.alert_stores li{ width:20%}
.alert_search .ui-widget-content{ margin-top:0}
.directed{ padding-top:52px}
.directed p{ font-size:1.125em}
.directed .wrapper{ padding:5px 0 8px 0}
.contact .col_6{ width: 100%; padding-right: 0; }

.privacy_policy_wrap .page_sidebar,
.privacy_policy_wrap .page_content{width: 100%; float: none; padding-right: 0}

}


@media (max-width:544px){
body{ font-size:0.9em}
.section ul li{ width:50%}
.grid_coupons .coupon_content{ padding:16px 16px 10px 7em}
.grid_coupons .go_button, .merchant_page .go_button, .list_coupons .go_button{ width:130px; height:30px; line-height:30px; bottom:0; right:0; margin:0; font-size:12px}
.button_code:before, .button_code:after, .button_code .code{ display:none}
.button_code{ padding-right:0}
.merchant_page .coupon_content{ padding:1.5em 1.5em 0.65em 1.25em; }
.merchant_page p.mer_description{ display: none; }
.time_success div{ margin:0 1em 0 0}
.coupon_offer{ width:6em}
.offer_label{ width:62px}
.coupon_alert{ width:auto; margin-left:16px; margin-right:16px}
.coupon_alert button{ padding:0 10px}
.coupon_detail, .subscribe_success, .modal_wrapper{ width:auto; margin:16px!important; top:0}
.coupon_detail .description{ margin-top:30px}
.coupon_alert_input input[type="text"]{ padding:0 128px 0 16px}
.detail_logo{ position:relative; width:100%}
.detail_coupon_alert .coupon_alert{ padding-left:0; margin:16px 0 0 0}
.detail_coupon_alert .coupon_alert button{ position:relative; width:100%; margin-top:14px; border-radius:2px}
.detail_coupon_alert{ margin: 30px -32px 0 -32px;}
.detail_coupon_alert .coupon_alert_input input[type="text"]{ padding:0 16px}

.static_wrap article ul li a{ width:50%}
.static_wrap article .title a{ font-size:12px; line-height:2.2}

.coupon_alert_user input{ margin-top:10px; width:100%}
.alert_stores li{ width:33.333%}

.alert_search{ width:auto}
.alert_search .ui-widget-content li .gray{ display:none}

.directed p{ font-size:1em}
.directed .b_title{ font-size:1.5em}
.directed .wrapper{ padding:14px 0 18px 0}

.modal_wrapper{ padding:0 24px}
#main_content .form_section{ width:auto; margin:80px 16px; padding:20px 24px 28px 24px}
.filter_lists{ margin-top: 0; float: none; margin-bottom: 10px; }
.filter_lists ul li{ width: 33.3%; text-align: center; padding: 5px 0; }

.saving_center ol li{ padding:14px 20px}
.saving_center ol li:before{ display:none}
}


@media (max-width:480px){
.grid_stores li{ width:50%}	
.merchant_page .coupon_content{ padding:1.5em 1.5em 2.5em 1em}	
.time_success div{ margin:0 0.3em 0 0}
.copy_code div{ font-size:1.5em}
.copyright a{ margin:0 0.5em}
.static_wrap article ul li a{ width:100%}
.logo{ margin-left:-5.75em}

.coupon_alert_user, .coupon_alert_manage .title{ font-size:1.25em}
.alert_function{ width:auto; margin:0 auto 30px auto; text-align:center}
.alert_function .receive{ float:inherit}
.alert_function .securitycode{ float:inherit; margin:10px 0 0 0}
}


@media (max-width:414px){
.alert_stores li{ width:50%}
.directed{ padding-top:34px}
.error_text{ background-size: 280px 228px; }
.error_text .back{padding-top: 14em;}
}