/* Minification failed. Returning unminified contents.
(19,35): run-time error CSS1039: Token not allowed after unary operator: '-Brand'
(21,136): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(21,140): run-time error CSS1046: Expect comma, found '-'
(21,141): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(21,147): run-time error CSS1046: Expect comma, found ')'
(21,148): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(24,136): run-time error CSS1039: Token not allowed after unary operator: '-Brand'
(24,162): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(24,166): run-time error CSS1046: Expect comma, found '-'
(24,167): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(24,173): run-time error CSS1046: Expect comma, found ')'
(24,174): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";
@font-face { font-family: "eup"; src: url(../font/euphemia.ttf);}
@font-face { font-family: "cart"; src: url(../font/cartographer.ttf);}
/*
* @data 2015-12-10
* Author: Green
--------------------------------
深藍    008fcd
淺藍    59c2f2
粉紅    f594cc
淺紅    de7676
背景灰  f8f8f8
淺灰線  ebedef

--------------------------------
*/

/* 標題 */
.buy-title {background: rgba(var(--Brand), 0.1); padding:40px 16px; margin-bottom: 48px; display:flex; justify-content: center; align-items: center;}
.buy-title h1 {margin:0!important; text-align: center;}
.buy-title h1 span:first-child{font-size:40px!important;line-height: 40px!important;margin:0!important; font-weight: bolder; color:rgb(var(--Brand)); display: block;}
.buy-title h1 span:last-child {font-size:20px!important;line-height: 20px!important;margin:-16px 0 0 0!important; color: rgba(0,0,0,0.5);}
.buy-subtitle {display: flex; align-items: center; font-size: 24px; font-weight: 500; color: rgba(0,0,0,0.87); margin-bottom: 20px;}
.buy-subtitle .buy-icon {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(var(--Brand), 0.1); color: rgb(var(--Brand)); margin-right: 12px;}


/* 實體通路 */
.lrp_locate.lrp_btn_com_thr { margin: 0 0 30px;}
.search_store { padding: 0px 0 48px;}
.search_store dl { padding: 0 0 16px 0; overflow: hidden;}
.search_store dl dt { display: inline-block; width: 30px; vertical-align: top;}
.search_store dl dt { width: 30px; vertical-align: top;}
.search_store dl dt input { margin-top: 0px;}
.search_store dl dd { display: inline-block;}
.search_store dl dd select { min-width: 140px;}
.search_store dl.search_name dd input { display: block; width: 428px;}
.search_store input[type="button"] { /*min-width: inherit; width: 80px;*/ margin-left: 34px; height: 40px; font-size: 16px;}



/* 實體通路搜尋結果 */
.search_results { overflow: hidden;}
.search_results h6 { margin-bottom: 10px;}
.search_results .lrp_channel_list { width: calc(40% - 20px); margin:20px 20px 0 0; float: left;}
.search_results .lrp_channel_list dl {padding: 16px 0; border-bottom: solid 1px #e9e9e9;}
.search_results .lrp_channel_list dl i { margin-top: -4px; }
.search_results .lrp_channel_list dl dt { margin: 8px 0; font-size: 20px;  text-decoration: none;color: rgba(0, 0, 0, 0.87);}
.search_results .lrp_channel_list dl dd { margin: 2px 0 2px 24px;font-size: 14px; color: rgba(0,0,0,0.5);}
.search_results .lrp_channel_list dl dd a { color: #999;}
.search_results .lrp_channel_list dl.current dt a{ color: #008fcd;font-weight: bold;}

.search_results .google_map { width: 60%; height: 450px; float: right; margin: 20px 0; overflow: hidden;}


/* 通路LOGO列表 */
.buy-channel-logo li a {display: flex; justify-content: center; width: 100%; overflow: hidden; background:#f8f8f8; padding: 4px 0; border-radius: 2px;}
.buy-channel-logo li a img {display:block;height:40px; max-width:inherit; width:auto;transition: transform .3s ease;}
.buy-channel-logo li:hover img {transform: scale(1.1);}


@media screen and (max-width: 1200px) {
.lrp_where .lrp_wrap_outer { padding: 0 10px;}

.tobuy_shop li { width: 25%; }
}

@media screen and (max-width: 768px) {
    .tobuy_shop li { width: 50%;}

    .lrp_locate.lrp_btn_com_thr { width: 100%;}

    .search_store dl dt { display: block; float: left;}
    .search_store dl dd  { display: block; float: right; width: calc(100% - 35px); margin-bottom: 10px;}
    .search_store dl dd select,
    .search_store dl dd input { width: 100%;}
    .search_store dl.search_name dd input[type="text"]{ width:100%;}
    .search_store input[type="button"] { width: 100%; margin: 0;}

    .search_results .lrp_channel_list {width: 100%;}

    .buy-title h1 span:first-child{font-size: 30px!important;line-height: 30px!important;}
    .buy-title h1 span:last-child {font-size: 16px!important;line-height: 16px!important;}

}

@media screen and (max-width: 480px) {

}